.yuan-shop-by{--yuan-shop-by-section-bg: var(--color-page, #fbfaf6);--yuan-shop-by-left-overlay: rgba(15, 40, 28, .45);--yuan-shop-by-left-text: #ffffff;--yuan-shop-by-right-bg: var(--color-brand-soft, #dce8e1);--yuan-shop-by-right-text: var(--color-text, #161816);--yuan-shop-by-accent: var(--color-brand, #163325);--yuan-shop-by-button-bg: var(--color-focus, #d2aa2f);--yuan-shop-by-button-text: var(--color-text, #161816);--yuan-shop-by-columns-desktop: 5;--yuan-shop-by-columns-tablet: 4;--yuan-shop-by-columns-mobile: 3;--yuan-shop-by-gap: 16px;--yuan-shop-by-side-padding: 0px;--yuan-shop-by-section-width: 100%;--yuan-shop-by-min-height: 520px;display:block;background:var(--yuan-shop-by-section-bg)}.yuan-shop-by__inner{box-sizing:border-box;margin-inline:auto;padding-inline:var(--yuan-shop-by-side-padding)}.yuan-shop-by__inner--full{width:100%;max-width:none}.yuan-shop-by__inner--page{width:100%;max-width:var(--page-width);padding-inline:max(var(--yuan-shop-by-side-padding),1.5rem)}.yuan-shop-by__inner--custom{width:var(--yuan-shop-by-section-width, 90%);max-width:100%}.yuan-shop-by__layout{display:grid;grid-template-columns:1fr;min-height:var(--yuan-shop-by-min-height);overflow:hidden}.yuan-shop-by__left{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;padding:clamp(2.4rem,4vw,4.8rem);color:var(--yuan-shop-by-left-text);background:#1a1a1a;overflow:hidden}.yuan-shop-by__left-media,.yuan-shop-by__left-image,.yuan-shop-by__left-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.yuan-shop-by__left-placeholder{background:linear-gradient(145deg,#243024,#0f1a12 55%,#1c2a1c)}div.yuan-shop-by__left-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--yuan-shop-by-left-overlay);pointer-events:none}.yuan-shop-by__left-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.4rem;width:min(100%,42rem);text-align:start}.yuan-shop-by__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-weight:600;line-height:1.1}.yuan-shop-by__subheading{margin:0;color:inherit;font-size:clamp(1.2rem,1.4vw,1.4rem);font-weight:600;letter-spacing:.08em;line-height:1.45;text-transform:uppercase;opacity:.95}.yuan-shop-by__features{margin:.4rem 0 0;padding:0;list-style:none}.yuan-shop-by__features li{position:relative;margin:0;padding-inline-start:2.2rem;font-size:1.25rem;font-weight:600;letter-spacing:.04em;line-height:1.7;text-transform:uppercase}.yuan-shop-by__features li:before{content:"\2713";position:absolute;inset-inline-start:0;top:.05em;font-size:1.2rem;font-weight:700}.yuan-shop-by__features .rte,.yuan-shop-by__features .rte p,.yuan-shop-by__features .rte ul{margin:0;padding:0;list-style:none}.yuan-shop-by__features .rte li{position:relative;padding-inline-start:2.2rem;font-size:1.25rem;font-weight:600;letter-spacing:.04em;line-height:1.7;text-transform:uppercase}.yuan-shop-by__features .rte li:before{content:"\2713";position:absolute;inset-inline-start:0;top:.05em}.yuan-shop-by__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;align-self:flex-start;min-height:4.4rem;margin-top:.6rem;padding:.9rem 1.8rem;border-radius:.4rem;background:var(--yuan-shop-by-button-bg);color:var(--yuan-shop-by-button-text);font-size:1.3rem;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.yuan-shop-by__button:hover{opacity:.92;transform:translateY(-1px)}.yuan-shop-by__button-arrow{display:inline-block;line-height:1}[dir=rtl] .yuan-shop-by__button-arrow{transform:scaleX(-1)}.yuan-shop-by__right{display:flex;flex-direction:column;gap:1.8rem;padding:clamp(2.4rem,4vw,4rem) clamp(1.6rem,3vw,3.2rem);background:var(--yuan-shop-by-right-bg);color:var(--yuan-shop-by-right-text)}.yuan-shop-by__right-heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-weight:600;line-height:1.15}.yuan-shop-by__tabs{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;border-bottom:1px solid rgba(17,17,17,.12)}.yuan-shop-by__tab{position:relative;margin:0;padding:.8rem 0 1rem;border:0;background:transparent;color:inherit;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:.55}.yuan-shop-by__tab[aria-selected=true]{opacity:1}.yuan-shop-by__tab[aria-selected=true]:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--yuan-shop-by-accent)}.yuan-shop-by__panels{min-height:20rem}.yuan-shop-by__panel{display:none}.yuan-shop-by__panel.is-active{display:block}.yuan-shop-by__grid{display:grid;grid-template-columns:repeat(var(--yuan-shop-by-columns-mobile),minmax(0,1fr));gap:var(--yuan-shop-by-gap);margin:0;padding:0;list-style:none}.yuan-shop-by__card{display:flex;flex-direction:column;gap:.8rem;color:inherit;text-decoration:none}.yuan-shop-by__card-media{aspect-ratio:1 / 1;overflow:hidden;background:#fff;border-radius:.2rem}.yuan-shop-by__card-image,.yuan-shop-by__card-placeholder{display:block;width:100%;height:100%;object-fit:cover}.yuan-shop-by__card-placeholder{background:linear-gradient(135deg,#ddd6c8,#f4f0e8)}.yuan-shop-by__card-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.06em;line-height:1.3;text-align:center;text-transform:uppercase}.yuan-shop-by__empty{margin:0;opacity:.7;font-size:1.3rem}@media screen and (min-width:750px){.yuan-shop-by__grid{grid-template-columns:repeat(var(--yuan-shop-by-columns-tablet),minmax(0,1fr))}}@media screen and (min-width:990px){.yuan-shop-by__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.yuan-shop-by__left{min-height:var(--yuan-shop-by-min-height)}.yuan-shop-by__grid{grid-template-columns:repeat(var(--yuan-shop-by-columns-desktop),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.yuan-shop-by__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-yuan-shop-by.css.map */