.guide{--g-ink: var(--color-foreground, #0f1b2d);--g-accent: var(--color-accent, #7e1b24);--g-paper: #fbf9f4;--g-line: color-mix(in srgb, var(--g-ink) 14%, transparent);background:var(--g-paper);color:var(--g-ink);padding-block:clamp(56px,9vw,120px)}.guide__wrap{width:min(100% - 40px,1080px);margin-inline:auto}.guide__head{max-width:640px;margin-bottom:clamp(36px,6vw,72px)}.guide__eyebrow{display:block;margin-bottom:1rem;color:var(--g-accent);font-size:.75rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.guide__title{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;font-weight:500}.guide__lead{margin:0;font-size:1.05rem;line-height:1.7;opacity:.75}.guide__subtitle{margin:clamp(48px,7vw,88px) 0 28px;font-size:1.3rem;font-weight:600}.guide-sizes{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.guide-size{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:24px;background:#fff;border:1px solid var(--g-line);overflow:hidden;transition:transform .3s ease,border-color .3s ease}.guide-size:hover{transform:translateY(-4px);border-color:var(--g-accent)}.guide-size__ruler{position:absolute;top:0;inset-inline-end:0;width:26px;height:var(--bar);border-inline-start:1px solid var(--g-ink);background:repeating-linear-gradient(to bottom,var(--g-ink) 0 1px,transparent 1px 8px) 0 0 / 9px 100% no-repeat,repeating-linear-gradient(to bottom,var(--g-ink) 0 1.5px,transparent 1.5px 40px) 0 0 / 18px 100% no-repeat;-webkit-mask:linear-gradient(to bottom,#000 85%,transparent);mask:linear-gradient(to bottom,#000 85%,transparent)}[dir=rtl] .guide-size__ruler{transform:scaleX(-1)}.guide-size__label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.guide-size__num{font-size:clamp(3.2rem,6vw,4.6rem);line-height:1;font-weight:600;color:var(--g-accent);margin:.35rem 0 1rem}.guide-size__range{padding-top:14px;border-top:1px solid var(--g-line);font-size:.95rem}.guide-size__range small{display:block;font-size:.72rem;opacity:.55;margin-bottom:2px}.guide__note{margin-top:20px;font-size:.95rem;opacity:.7}@media(max-width:989px){.guide-sizes{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.guide-size{min-height:210px;padding:18px}.guide-label{flex-direction:column;align-items:flex-start;gap:8px}}.guide-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.guide-card{padding:28px;background:#fff;border:1px solid var(--g-line)}.guide-card__num{font-size:2rem;font-weight:600;color:var(--g-accent);margin-bottom:14px;line-height:1}.guide-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.guide-card p{margin:0;line-height:1.7;opacity:.75;font-size:.95rem}.guide__cta{display:inline-block;margin-top:40px;padding:14px 32px;background:var(--g-accent);color:#fff;text-decoration:none;letter-spacing:.08em;font-size:.9rem}.guide__cta:hover{filter:brightness(.88)}.care-rules{margin:0;padding:0;list-style:none;counter-reset:rule;border-top:1px solid var(--g-ink)}.care-rules li{counter-increment:rule;display:grid;grid-template-columns:56px 1fr;gap:8px 16px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--g-line)}.care-rules li:before{content:counter(rule,decimal-leading-zero);color:var(--g-accent);font-weight:600;grid-row:span 2}[dir=rtl] .care-rules li:before{content:counter(rule,arabic-indic)}.care-rules h3{margin:0;font-size:1.15rem;font-weight:600}.care-rules p{margin:0;grid-column:2;opacity:.7;line-height:1.7}.care-split{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(40px,6vw,72px)}.care-panel{padding:clamp(28px,4vw,48px)}.care-panel--shemagh{background:var(--g-ink);color:#fff}.care-panel--qahfiya{background:#efe8da}.care-panel h2{margin:0 0 1.25rem;font-size:1.6rem;font-weight:500}.care-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:16px}.care-panel li{padding-inline-start:20px;position:relative;line-height:1.7;opacity:.9}.care-panel li:before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:8px;height:1px;background:currentColor}@media(min-width:990px){.guide--care .guide__wrap{display:grid;grid-template-columns:5fr 7fr;column-gap:72px}.guide--care .guide__head{position:sticky;top:100px;align-self:start}.guide--care .care-split,.guide--care .guide__cta{grid-column:1 / -1;justify-self:start}.guide--care .care-split{justify-self:stretch}}@media(max-width:749px){.care-split,.guide-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/guides.css.map */