.relational-section{--relation-border: rgba(0, 0, 0, var(--relation-border-opacity));--relation-muted: rgba(0, 0, 0, .58);--relation-bg: #ffffff;--relation-soft: rgba(0, 0, 0, .035);--relation-shadow: 0 18px 50px rgba(0, 0, 0, var(--relation-shadow-opacity));width:100%;overflow:hidden}.relational_container{max-width:var(--page-width);margin:0 auto;padding:0 5rem}.relational_header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.relational_parent_link{display:inline-flex;width:fit-content;margin-bottom:.7rem;color:#0000009e;font-size:1.3rem;line-height:1.3;text-decoration:none;transition:color .22s ease,transform .22s ease}.relational_parent_link:hover{color:#000000f2;transform:translateY(-1px)}.relational_title{margin:0;font-size:clamp(2.2rem,2.4vw,3.6rem);line-height:1.15;letter-spacing:-.03em}.relational_arrows{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.relational_arrow{width:4.4rem;height:4.4rem;display:grid;place-items:center;border:1px solid var(--relation-border);border-radius:999px;background:#fff;color:#111;cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease,opacity .22s ease}.relational_arrow svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.relational_arrow:hover{transform:translateY(-2px);background:#111;color:#fff;border-color:#111}.relational_arrow.swiper-button-disabled{opacity:.35;pointer-events:none}.relational_swiper{overflow:hidden}.relational_swiper .swiper-slide{height:auto}.child_card{position:relative;height:100%;display:flex;flex-direction:column;color:inherit;text-decoration:none;overflow:hidden;isolation:isolate;text-align:center;transform:translateY(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}.relational-section[data-text-align=left] .child_card{text-align:left}.relational-section[data-text-align=center] .child_card{text-align:center}.relational-section[data-text-align=right] .child_card{text-align:right}.child_image{position:relative;overflow:hidden;background:var(--relation-soft)}.child_image img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.001);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.child_card:hover .child_image img{transform:scale(1.06)}.child_details{position:relative;z-index:2}.child_title{margin:0;font-size:var(--relation-title-size-desktop);line-height:1.25;font-weight:650}.child_count{display:inline-flex;margin-top:.45rem;color:var(--relation-muted);font-size:1.2rem;line-height:1.3}.child_placeholder{width:100%;height:100%;min-height:10rem;display:grid;place-items:center;font-size:4rem;font-weight:700;color:#00000040;background:radial-gradient(circle at 30% 20%,rgba(0,0,0,.08),transparent 32%),linear-gradient(135deg,#f6f6f6,#e9e9e9)}.relational_pagination{position:static;margin-top:2rem;display:flex;justify-content:center;gap:.7rem}.relational_pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;margin:0!important;background:#0000003d;opacity:1;transition:width .22s ease,background .22s ease}.relational_pagination .swiper-pagination-bullet-active{width:2.4rem;border-radius:999px;background:#111}.relational-section .swiper-slide{opacity:0;transform:translateY(18px);animation:relationalFadeUp .52s ease forwards}.relational-section .swiper-slide:nth-child(1){animation-delay:40ms}.relational-section .swiper-slide:nth-child(2){animation-delay:90ms}.relational-section .swiper-slide:nth-child(3){animation-delay:.14s}.relational-section .swiper-slide:nth-child(4){animation-delay:.19s}.relational-section .swiper-slide:nth-child(5){animation-delay:.24s}.relational-section .swiper-slide:nth-child(6){animation-delay:.29s}@keyframes relationalFadeUp{to{opacity:1;transform:translateY(0)}}.relational-section[data-layout=cards] .child_card{border:1px solid var(--relation-border);border-radius:var(--relation-radius);background:var(--relation-bg);box-shadow:0 0 #0000}.relational-section[data-layout=cards] .child_card:hover{transform:translateY(-6px);box-shadow:var(--relation-shadow);border-color:#0000001f}.relational-section[data-layout=cards] .child_image{aspect-ratio:var(--relation-image-ratio);border-radius:var(--relation-image-radius)}.relational-section[data-layout=cards] .child_details{padding:var(--relation-card-padding)}.relational-section[data-layout=pills] .relational_title{font-size:clamp(2rem,2vw,3rem)}.relational-section[data-layout=pills] .child_card{min-height:9.6rem;flex-direction:row;align-items:center;gap:1.2rem;padding:1rem;border:1px solid var(--relation-border);border-radius:999px;background:#fff}.relational-section[data-layout=pills] .child_card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,var(--relation-shadow-opacity));border-color:#00000029}.relational-section[data-layout=pills] .child_image{width:7.4rem;height:7.4rem;flex:0 0 7.4rem;border-radius:50%}.relational-section[data-layout=pills] .child_details{min-width:0;padding-inline-end:1rem}.relational-section[data-layout=pills] .child_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relational-section[data-layout=editorial] .child_card{min-height:31rem;justify-content:flex-end;border-radius:var(--relation-radius);background:#111;box-shadow:0 14px 38px rgba(0,0,0,var(--relation-shadow-opacity))}.relational-section[data-layout=editorial] .child_card:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(0,0,0,calc(var(--relation-shadow-opacity) + .08))}.relational-section[data-layout=editorial] .child_image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--relation-radius)}.relational-section[data-layout=editorial] .child_image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000ad,#00000014 62%,#0000);z-index:1}.relational-section[data-layout=editorial] .child_details{padding:2rem;color:#fff}.relational-section[data-layout=editorial] .child_title{color:#fff}.relational-section[data-layout=editorial] .child_count{color:#ffffffc2}@media screen and (max-width:989px){.relational_container{padding:0 3.2rem}.relational_header{margin-bottom:2rem}}@media screen and (max-width:749px){.relational-section{overflow:visible}.relational_container{padding:0 1.5rem}.relational_header{align-items:flex-start;margin-bottom:1.6rem}.relational_arrows{display:none}.relational_swiper{overflow:visible}.relational_swiper .swiper-wrapper{display:grid;grid-template-columns:repeat(var(--relation-mobile-columns),minmax(0,1fr));gap:var(--relation-gap-mobile);transform:none!important}.relational_swiper .swiper-slide{width:auto!important;height:auto;margin:0!important}.relational_pagination{display:none}.child_title{font-size:var(--relation-title-size-mobile);line-height:1.2}.child_count{display:none}.child_card:hover{transform:none}.relational-section[data-mobile-layout=circles] .child_card{align-items:center;justify-content:flex-start;gap:.65rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.relational-section[data-mobile-layout=circles] .child_image{width:min(100%,9.6rem);aspect-ratio:1 / 1;border-radius:50%;border:1px solid var(--relation-border);box-shadow:0 8px 22px rgba(0,0,0,calc(var(--relation-shadow-opacity) * .7))}.relational-section[data-mobile-layout=circles] .child_details{width:100%;padding:0}.relational-section[data-mobile-layout=circles] .child_title{display:-webkit-box;min-height:2.4em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.relational-section[data-mobile-layout=capsules] .child_card{min-height:4.6rem;flex-direction:row;align-items:center;gap:.55rem;padding:.45rem;border:1px solid var(--relation-border);border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,calc(var(--relation-shadow-opacity) * .55))}.relational-section[data-mobile-layout=capsules] .child_image{width:3.6rem;height:3.6rem;flex:0 0 3.6rem;border-radius:50%}.relational-section[data-mobile-layout=capsules] .child_details{min-width:0;padding-inline-end:.4rem}.relational-section[data-mobile-layout=capsules] .child_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relational-section[data-mobile-layout=cards] .child_card{border:1px solid var(--relation-border);border-radius:var(--relation-radius);background:var(--relation-bg);box-shadow:0 8px 22px rgba(0,0,0,calc(var(--relation-shadow-opacity) * .55))}.relational-section[data-mobile-layout=cards] .child_image{aspect-ratio:var(--relation-image-ratio);border-radius:var(--relation-image-radius)}.relational-section[data-mobile-layout=cards] .child_details{padding:.8rem .55rem .9rem}}@media screen and (max-width:380px){.relational_container{padding:0 1rem}.relational_swiper .swiper-wrapper{gap:calc(var(--relation-gap-mobile) * .75)}.relational-section[data-mobile-layout=circles] .child_image{width:min(100%,8.2rem)}.relational-section[data-mobile-layout=capsules] .child_card{gap:.4rem;padding:.35rem}.relational-section[data-mobile-layout=capsules] .child_image{width:3.2rem;height:3.2rem;flex-basis:3.2rem}.child_title{font-size:max(.95rem,calc(var(--relation-title-size-mobile) - .1rem))}}@media screen and (prefers-reduced-motion:reduce){.relational-section .swiper-slide{opacity:1;transform:none;animation:none}.child_card,.child_image img,.relational_arrow,.relational_parent_link{transition:none}}.relational_container,.relational_swiper{overflow:hidden}@media screen and (max-width:749px){.relational_container,.relational_swiper{overflow:visible}}.relational_parent_link{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;margin-bottom:.8rem;padding:.65rem 1rem;border:1px solid var(--relation-border);border-radius:999px;background:#fff;color:#000000b8;font-size:1.25rem;line-height:1.3;font-weight:600;text-decoration:none;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.relational_parent_link:hover{transform:translateY(-1px);background:#111;color:#fff;border-color:#111}.relational_parent_icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#0000000f;font-size:1.35rem;line-height:1}.relational_parent_link:hover .relational_parent_icon{background:#ffffff29}.relational_parent_link_bottom{margin-top:1.8rem;margin-bottom:0}@media screen and (min-width:750px){.relational-section[data-layout=pills] .child_card{min-height:8.8rem;height:8.8rem;display:grid;grid-template-columns:7.2rem minmax(0,1fr);align-items:center;gap:1.2rem;padding:.8rem 1.2rem .8rem .8rem;border-radius:999px}html[dir=rtl] .relational-section[data-layout=pills] .child_card,[dir=rtl] .relational-section[data-layout=pills] .child_card{grid-template-columns:minmax(0,1fr) 7.2rem;padding:.8rem .8rem .8rem 1.2rem}.relational-section[data-layout=pills] .child_image{width:7.2rem;height:7.2rem;flex:none;border-radius:50%}.relational-section[data-layout=pills] .child_details{min-width:0;max-height:7.2rem;display:flex;flex-direction:column;justify-content:center;padding:0;overflow:hidden}.relational-section[data-layout=pills] .child_title{white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--relation-title-size-desktop);line-height:1.25}.relational-section[data-layout=pills] .child_count{display:block;margin-top:.35rem;font-size:1.15rem;line-height:1.2}}@media screen and (max-width:749px){.relational-section[data-mobile-layout=capsules] .child_card{min-height:4.4rem;display:flex;align-items:center;justify-content:center;padding:.65rem .7rem;border-radius:999px;background:#fff}.relational-section[data-mobile-layout=capsules] .child_image{display:none}.relational-section[data-mobile-layout=capsules] .child_details{width:100%;min-width:0;padding:0}.relational-section[data-mobile-layout=capsules] .child_title{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center;line-height:1.25;font-size:var(--relation-title-size-mobile)}}@media screen and (max-width:420px){.relational-section[data-mobile-layout=capsules] .child_card{min-height:4rem;padding:.55rem}.relational-section[data-mobile-layout=capsules] .child_title{font-size:max(.95rem,calc(var(--relation-title-size-mobile) - .1rem))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/relations.css.map */