/* The shop belongs to the same editorial canvas as the rest of rafikiAOS. */
.rc-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cl-shop .shop-hero{padding-bottom:clamp(28px,4vw,56px)}
.cl-shop #rafiki-native-shop{padding-top:0;border-top:0;scroll-margin-top:28px}
.rafiki-commerce{--rc-ink:#20201c;--rc-muted:#5b594f;--rc-line:#cecbbd;color:var(--rc-ink);font:inherit;background:transparent;padding:0;border:0;border-radius:0;color-scheme:light;min-width:0}
.rafiki-commerce *{box-sizing:border-box}
.rafiki-commerce [hidden]{display:none!important}
.rafiki-commerce button,.rafiki-commerce input,.rafiki-commerce select{font:inherit;min-height:44px;border:1px solid #817d71;border-radius:0;padding:12px 15px;color:var(--rc-ink);background:transparent}
.rafiki-commerce button{cursor:pointer;font-weight:600}
.rafiki-commerce button:disabled{cursor:wait;opacity:.55}
.rafiki-commerce button[data-unavailable=true]{cursor:not-allowed}
.rafiki-commerce :focus-visible{outline:3px solid #805c20;outline-offset:4px}
.rafiki-commerce input,.rafiki-commerce select{width:100%;min-width:0;background:#faf8f1}
.rc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--rc-line);border-bottom:1px solid var(--rc-line);padding:18px 0;position:sticky;top:0;background:#f4f1e8;z-index:5}
.rafiki-commerce .rc-collection-title{font-size:clamp(22px,2.4vw,32px);line-height:1.2;letter-spacing:-.035em;font-weight:400;margin:0}
.rafiki-commerce .rc-bag{white-space:nowrap;border:0;border-bottom:1px solid var(--rc-ink);padding:8px 0;font-size:14px;min-width:70px}
.rc-status{font-size:13px;line-height:1.5;color:var(--rc-muted);min-height:1.5em;margin:12px 0}
.rc-browse{margin:0 0 30px;padding:0;border:0}
.rc-collections{display:flex;gap:8px 20px;flex-wrap:wrap;align-items:center;margin:0 0 20px}
.rafiki-commerce .rc-collections button{border:0;border-bottom:1px solid transparent;font-size:13px;font-weight:400;padding:5px 0;min-height:44px}
.rafiki-commerce .rc-collections button[aria-current=true]{border-color:var(--rc-ink);font-weight:700}
.rc-browse form{display:flex;gap:10px;max-width:560px}
.rc-browse form input{flex:1 1 0;width:0}
.rafiki-commerce .rc-browse form button{background:#20201c;color:#f6f3ea;border-color:#20201c;min-width:85px;font-size:13px}
.rc-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 26px;align-items:start}
.rc-product{min-width:0;border:0;padding:0;background:transparent;border-radius:0}
.rafiki-commerce .rc-image-button{display:block;width:100%;padding:0;border:0;background:#e8e5dc;overflow:hidden;aspect-ratio:1/1}
.rc-image-button img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
@media(hover:hover){.rc-image-button:hover img{transform:scale(1.035)}.rafiki-commerce .rc-title-button:hover{text-decoration:underline;text-underline-offset:4px}}
.rc-card-copy{padding:17px 0 0}
.rc-kicker{font-size:10px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--rc-muted);margin:0 0 8px}
.rafiki-commerce .rc-card-copy h3{margin:0 0 8px;line-height:1.3;font-size:17px;letter-spacing:-.015em}
.rafiki-commerce .rc-title-button{font:inherit;text-align:left;line-height:inherit;border:0;padding:0;min-height:0}
.rc-price{font-size:16px;line-height:1.4;margin:0 0 10px;font-weight:600;color:var(--rc-ink)}
.rc-card-copy .rc-description{font-size:13px;line-height:1.6;color:var(--rc-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em;overflow-wrap:anywhere}
.rafiki-commerce .rc-shop-link{border:0;border-bottom:1px solid #817d71;padding:5px 0;font-size:12px;min-height:44px}
.rc-more{text-align:center;margin:30px 0}
.rc-detail-open>.rc-catalog,.rc-detail-open>.rc-browse,.rc-detail-open>.rc-more{display:none}
.rc-detail{padding:0;border:0;margin:15px 0 40px;min-width:0}
.rafiki-commerce .rc-back{border:0;padding:8px 0;margin:0 0 20px;font-size:13px}
.rc-detail>.rc-product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.rc-product-visual{position:sticky;top:100px;min-width:0}
.rc-product-visual>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#e8e5dc}
.rc-thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.rafiki-commerce .rc-thumbnails button{width:76px;height:76px;min-height:0;padding:0;border:1px solid transparent;background:#e8e5dc}
.rafiki-commerce .rc-thumbnails button[aria-pressed=true]{border-color:var(--rc-ink)}
.rc-thumbnails img{width:100%;height:100%;display:block;object-fit:contain}
.rc-product-copy{min-width:0}
.rc-story-link{display:inline-block;font-size:11px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase;color:var(--rc-muted);margin-bottom:16px;text-underline-offset:4px}
.rafiki-commerce .rc-product-copy>h3{font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 18px}
.rc-product-copy>.rc-price{font-size:24px;margin-bottom:8px}
.rc-shipping-note{font-size:12px;line-height:1.6;color:var(--rc-muted);margin:0 0 24px}
.rc-product-copy form{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px 14px;margin:0 0 28px}
.rc-product-copy form label{font-size:12px;font-weight:600}
.rc-product-copy form label:first-child{grid-column:1;grid-row:1}
.rc-product-copy form select{grid-column:1;grid-row:2}
.rc-product-copy form label:nth-of-type(2){grid-column:2;grid-row:1}
.rc-product-copy form input{grid-column:2;grid-row:2}
.rafiki-commerce .rc-add{grid-column:1/-1;background:#e8f152;color:#20201c;border-color:#20201c;min-height:54px;margin-top:6px}
.rc-description{font-size:14px;line-height:1.75;overflow-wrap:anywhere;white-space:normal}
.rc-description p{margin:0 0 15px}
.rc-description h3,.rc-description h4{font-size:16px;line-height:1.4;letter-spacing:0;margin:24px 0 12px}
.rc-description ul,.rc-description ol{padding-left:20px}
.rc-description table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;margin:0}
.rc-description th,.rc-description td{padding:8px 5px;text-align:left;border:1px solid var(--rc-line);overflow-wrap:anywhere}
.rc-description th{font-weight:700;background:#eae7dd}
.rc-size-table{min-width:0;max-width:100%;margin:20px 0}
.rc-size-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.rc-table-cue{font-size:11px;color:var(--rc-muted);margin:0 0 6px}
.rc-product-help{display:flex;gap:20px;font-size:12px;line-height:1.6;margin-top:24px;padding-top:20px;border-top:1px solid var(--rc-line)}
.rc-product-help a{text-underline-offset:4px}
.rc-related{padding-top:30px;margin:20px 0 40px;border-top:1px solid var(--rc-line)}
.rc-related>h3{font:400 clamp(28px,3vw,40px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 24px}
.rc-cart{border-block:1px solid var(--rc-line);margin-top:36px;padding:26px 0;outline-offset:5px}
.rc-cart>h3{font-size:32px;font-weight:400;letter-spacing:-.035em;margin:0 0 10px}
.rc-cart>p{font-size:14px;line-height:1.6}
.rafiki-commerce .rc-close-bag{font-size:12px;border:0;border-bottom:1px solid #817d71;padding:6px 0;margin-bottom:16px}
.rc-lines{list-style:none;padding:0;margin:0}
.rc-lines li{padding:20px 0;border-bottom:1px solid var(--rc-line)}
.rc-lines li>p{font-size:16px;line-height:1.5;margin:0 0 14px}
.rc-line-actions{display:grid;grid-template-columns:100px minmax(120px,180px) 100px;gap:8px 12px;align-items:end}
.rc-line-actions label{grid-column:1/-1;font-size:12px}
.rc-cart>button:last-child{background:#20201c;color:#f5f2e9;min-width:250px;margin-top:10px}
#rafiki-native-shop>.c-actions{font-size:12px;gap:14px 25px;margin-top:35px}
@media(max-width:1000px){.rc-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-related .rc-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.rc-detail>.rc-product{gap:28px}}
@media(max-width:700px){.rc-toolbar{gap:12px;padding:14px 0}.rc-collection-title{font-size:23px}.rc-catalog{gap:30px 14px}.rc-card-copy h3{font-size:15px}.rc-card-copy .rc-description{display:none}.rc-kicker{font-size:9px}.rc-detail>.rc-product{grid-template-columns:minmax(0,1fr);gap:24px}.rc-product-visual{position:static}.rc-product-copy>h3{font-size:34px}.rc-related .rc-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-line-actions{grid-template-columns:80px minmax(0,1fr) 90px}.rc-line-actions button{padding:8px;font-size:12px}.rc-cart>button:last-child{min-width:0;width:100%}.rc-collections{gap:3px 18px}.rc-browse form{max-width:none}}
@media(max-width:400px){.rc-card-copy .rc-title-button{font-size:14px}.rc-product-copy form{grid-template-columns:minmax(0,1fr) 76px}.rc-description table{font-size:11px}.rc-description th,.rc-description td{padding:7px 3px}}
@media(prefers-reduced-motion:reduce){.rafiki-commerce *{scroll-behavior:auto;transition:none!important}}

/* Shopper-first format choices, within the existing editorial canvas. */
.rc-formats{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}.rafiki-commerce .rc-formats button{font-size:13px;min-height:44px;padding:10px 20px;border:1px solid #817d71}.rafiki-commerce .rc-formats button[aria-pressed=true]{background:#20201c;color:#f4f1e8}.rc-toolbar{scroll-margin-top:20px}.rc-catalog{scroll-margin-top:85px}.rc-focused-catalog .rc-status{margin-bottom:18px}.cl-shop .shop-hero{padding-block:40px 36px}.cl-shop .shop-hero h1{font-size:clamp(44px,4.6vw,68px);margin-top:12px;margin-bottom:20px}@media(max-width:600px){.cl-shop .shop-hero{padding-block:28px 30px}.rc-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rafiki-commerce .rc-formats button{padding:10px 6px;font-size:12px}}

/* v6 (2026-11-08): option chips, sticky add-to-bag bar, 44px targets, product-first first screen on phones, scroll offsets. */
.rc-cart,.rc-detail{scroll-margin-top:84px}
.rc-select-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0!important;padding:0!important;min-height:0!important;margin:-1px!important}
.rc-chips{grid-column:1/-1;grid-row:1;display:grid;gap:14px;min-width:0;margin:0 0 6px}
.rc-chip-group{border:0;margin:0;padding:0;min-width:0}
.rc-chip-group legend{font-size:12px;font-weight:600;padding:0;margin:0 0 8px}
.rc-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.rafiki-commerce .rc-chip{min-width:48px;min-height:44px;padding:8px 14px;border:1px solid #817d71;background:#faf8f1;font-weight:600;font-size:14px}
.rafiki-commerce .rc-chip[aria-pressed=true]{background:#20201c;color:#f4f1e8;border-color:#20201c}
.rafiki-commerce .rc-chip:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.rc-product-copy form.rc-has-chips label:nth-of-type(2){grid-column:1;grid-row:2}
.rc-product-copy form.rc-has-chips input{grid-column:1;grid-row:3;max-width:120px}
.rc-product-copy form.rc-has-chips .rc-add{grid-row:4}
.rc-product-copy form.rc-has-chips>a{grid-column:1/-1}
.rc-sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#f4f1e8;border-top:1px solid #cecbbd;box-shadow:0 -6px 18px rgba(0,0,0,.08)}
.rc-sticky-info{min-width:0;flex:1}
.rc-sticky-price{display:block;font-weight:700;font-size:16px}
.rc-sticky-summary{display:block;font-size:12px;color:#5b594f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rafiki-commerce .rc-sticky-add{background:#e8f152;color:#20201c;border-color:#20201c;min-height:48px;min-width:140px}
@media(max-width:700px){.rc-sticky-bar:not([hidden]){display:flex}.rc-detail-open{padding-bottom:84px}}
.rc-retry{margin:0 0 12px}
.rc-product-help a,.rc-story-link,.sg-trust-links a,.cl-shop .s-breadcrumb a,.rafiki-commerce .rc-close-bag,.rafiki-commerce .rc-back{display:inline-flex;align-items:center;min-height:44px}
.rafiki-commerce .rc-title-button{min-height:44px;display:inline-flex;align-items:center}
.rafiki-commerce .rc-thumbnails button{min-width:44px;min-height:44px}
@media(pointer:coarse){.cl-shop .s-primary a,.cl-shop .s-menu summary,.cl-shop .s-footer a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:700px){
.cl-shop .s-breadcrumb{display:none}
.cl-shop .shop-hero{padding-block:14px 8px}
.cl-shop .shop-hero h1{font-size:30px;line-height:1.05;margin:4px 0 8px}
.cl-shop .shop-hero h1 br{display:none}
.cl-shop .shop-hero .c-lead,.cl-shop .shop-hero .c-actions{display:none}
.cl-shop .shop-hero .c-eyebrow{margin:0}
.cl-shop #rafiki-native-shop{display:flex;flex-direction:column}
.cl-shop #rafiki-native-shop>.sg{display:contents}
.cl-shop .sg-trust{order:0;display:flex;gap:8px;overflow-x:auto;padding:0 0 8px;margin:0 0 4px;list-style:none}
.cl-shop .sg-trust li{font-size:0;white-space:nowrap;border:1px solid #cecbbd;padding:6px 10px;flex:0 0 auto}
.cl-shop .sg-trust li strong{font-size:12px;display:inline}
.cl-shop .sg-trust li a{display:none}
.cl-shop .sg-trust-links{order:0}
.cl-shop #rafiki-storefront{order:1}
.cl-shop .sg-dynamic{order:2}
.cl-shop .sg-alerts{order:3}
.cl-shop #rafiki-native-shop>.c-actions{order:4}
}

/* v7 (2026-11-08): late "Small things" strip no longer sits above the trust chips on phones (CLS), crawlable design list. */
@media(max-width:700px){.cl-shop #rafiki-native-shop>.entry-discovery{order:2}}
.sg-index{margin:28px 0}
.sg-index summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.sg-index ul{columns:2;column-gap:28px;padding-left:18px;margin:8px 0 0}
.sg-index li a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.sg-index ul{columns:1}}

/* v8 (2026-11-08): phones are product-first (priced products inside the first 844 px) and nothing below the catalog may shift visible content. */
@media(max-width:700px){
.cl-shop .sg-trust-links{display:none}
.cl-shop .rafiki-commerce{display:flex;flex-direction:column}
.cl-shop .rafiki-commerce .rc-editorial{order:6}
.cl-shop .rafiki-commerce .rc-analytics-choice{order:7}
.cl-shop .rc-formats{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 0 10px;padding-bottom:2px}
.cl-shop .rafiki-commerce .rc-formats button{flex:0 0 auto;white-space:nowrap;padding:10px 14px}
.cl-shop .rc-collections{flex-wrap:nowrap;overflow-x:auto;gap:4px 18px;padding-bottom:2px}
.cl-shop .rc-collections button{flex:0 0 auto;white-space:nowrap}
.cl-shop .rc-browse{margin:0 0 14px}
.cl-shop .rc-status{margin:6px 0}
html.rc-js .cl-shop #rafiki-native-shop:not([data-ready]) :is(.entry-discovery,.sg-dynamic,.sg-alerts,.c-actions){display:none}
}

/* v9 (2026-11-08): reserve the first screen until the storefront has mounted (the page section after the shop used to jump, cold-load CLS), and keep the crawlable design list below the catalog on phones. */
@media(max-width:700px){
html.rc-js .cl-shop #rafiki-native-shop:not([data-ready]){min-height:100svh}
.cl-shop #rafiki-native-shop>.sg-index{order:5}
}

/* v10 (2026-11-08): the crawlable design list is hidden on phones until the storefront has mounted (it stays in the DOM, and is visible without JS). */
@media(max-width:700px){
html.rc-js .cl-shop #rafiki-native-shop:not([data-ready]) .sg-index{display:none}
}

/* v11 (2026-11-08): measured on the live site with real latency: the collections row (loaded late) pushed the search form and catalog down 44 px, and the analytics-choice box re-mounted. Reserve the row, and hold the box until the storefront has mounted. */
@media(max-width:700px){
.cl-shop .rc-collections{min-height:46px}
html.rc-js .cl-shop #rafiki-native-shop:not([data-ready]) .rc-analytics-choice{display:none}
}

/* v12 (2026-11-08): visible option error, chip focus ring and prices, sticky bar hidden over the bag, hero spacing, taller tap areas. */
.rc-option-error{grid-column:1/-1;margin:0 0 8px;padding:10px 12px;border:2px solid #9b1c1c;background:#fff3f1;color:#7a1414;font-size:14px;font-weight:600}
.rafiki-commerce .rc-chip:focus-visible{outline:3px solid #805c20;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.rc-chip-price{display:block;font-size:11px;font-weight:400;line-height:1.2}
.rc-bag-open .rc-sticky-bar{display:none!important}
@media(max-width:700px){
.cl-shop .shop-hero h1 em{margin-left:.28em}
.cl-shop .s-footer a,.cl-shop .s-footer-bottom a,.cl-shop .s-menu-panel a,.cl-shop .c-actions a,.cl-shop .sg-alerts a,.cl-shop .c-consent a{padding-block:13px}
}

.rafiki-commerce .rc-chip.rc-chip-focus{outline:3px solid #805c20;outline-offset:3px;box-shadow:0 0 0 2px #fff}