/** Shopify CDN: Minification failed

Line 2026:79 Unexpected "\\n"
Line 2026:134 Expected ":"
Line 2026:170 Expected ":"
Line 2026:201 Expected ":"
Line 2026:235 Expected ":"
Line 2026:260 Expected ":"
Line 2026:290 Expected ":"
Line 2026:323 Expected ":"
Line 2026:355 Expected ":"
Line 2026:384 Expected ":"
... and 35 more hidden warnings

**/
.r3-b2b{--r3-ink:#111827;--r3-muted:#667085;--r3-line:#e5e7eb;--r3-soft:#f6f7f9;--r3-accent:#111827;color:var(--r3-ink);font-family:inherit}.r3-b2b *{box-sizing:border-box}.r3-b2b__hero,.r3-b2b__brands-wrap,.r3-b2b__why,.r3-b2b__process{max-width:1440px;margin:auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.r3-b2b__hero{min-height:600px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-top:70px;padding-bottom:70px}.r3-b2b__eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:14px}.r3-b2b h1{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px;max-width:850px}.r3-b2b h1 span{color:#667085}.r3-b2b__hero-copy>p{font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--r3-muted);max-width:720px;margin:0 0 30px}.r3-b2b__actions{display:flex;gap:12px;flex-wrap:wrap}.r3-b2b__btn{display:inline-flex;min-height:50px;padding:0 22px;align-items:center;justify-content:center;border-radius:8px;text-decoration:none!important;font-weight:750;font-size:15px}.r3-b2b__btn--primary{background:#111827;color:#fff}.r3-b2b__btn--secondary{border:1px solid #cfd4dc;color:#111827;background:#fff}.r3-b2b__trust{display:flex;gap:18px 26px;flex-wrap:wrap;margin-top:28px;font-size:13px;font-weight:650;color:#475467}.r3-b2b__hero-panel{height:470px;background:linear-gradient(145deg,#f4f5f7,#e7e9ed);border-radius:24px;position:relative;overflow:hidden}.r3-b2b__phone{position:absolute;width:150px;height:305px;border-radius:25px;border:5px solid #24272d;box-shadow:0 22px 50px #1018282b;display:flex;align-items:flex-end;justify-content:center;padding:24px 10px;font-weight:800;background:linear-gradient(145deg,#fafafa,#b8bec7)}.r3-b2b__phone:before{content:'';position:absolute;top:10px;width:55px;height:14px;border-radius:12px;background:#25282d}.r3-b2b__phone--1{left:12%;top:80px;transform:rotate(-8deg)}.r3-b2b__phone--2{left:38%;top:38px;z-index:2;background:linear-gradient(145deg,#d9e1e7,#8b98a7)}.r3-b2b__phone--3{right:10%;top:92px;transform:rotate(8deg);background:linear-gradient(145deg,#e8e3dc,#a8a29a)}.r3-b2b__stock-card{position:absolute;z-index:4;bottom:22px;left:22px;right:22px;background:#ffffffeb;backdrop-filter:blur(10px);padding:17px 20px;border-radius:12px;display:flex;justify-content:space-between;gap:10px}.r3-b2b__stock-card small{color:#667085}.r3-b2b__brands-wrap,.r3-b2b__why,.r3-b2b__process{padding-top:72px;padding-bottom:72px;border-top:1px solid var(--r3-line)}.r3-b2b__section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.r3-b2b h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.035em;line-height:1.05;margin:0}.r3-b2b__section-head>a{color:#111827;font-weight:700}.r3-b2b__brands{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.r3-b2b__brand{border:1px solid var(--r3-line);border-radius:14px;padding:25px;display:flex;align-items:center;gap:16px;text-decoration:none!important;color:#111827;transition:.2s}.r3-b2b__brand:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10182812}.r3-b2b__brand-mark{width:52px;height:52px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;font-size:24px;font-weight:850}.r3-b2b__brand div{display:flex;flex-direction:column;gap:3px;flex:1}.r3-b2b__brand b{font-size:18px}.r3-b2b__brand small{color:#667085}.r3-b2b__brand i{font-style:normal;font-size:22px}.r3-b2b__features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--r3-line);border:1px solid var(--r3-line);border-radius:14px;overflow:hidden}.r3-b2b__features>div{background:#fff;padding:30px}.r3-b2b__features strong{font-size:12px;color:#98a2b3}.r3-b2b__features h3{font-size:18px;margin:36px 0 10px}.r3-b2b__features p{color:#667085;line-height:1.55;margin:0;font-size:14px}.r3-b2b__process{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.r3-b2b__process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.r3-b2b__process li{background:#f6f7f9;border-radius:12px;padding:20px;display:flex;gap:14px}.r3-b2b__process li>b{width:32px;height:32px;background:#111827;color:#fff;border-radius:50%;display:grid;place-items:center;flex:none}.r3-b2b__process li span{display:flex;flex-direction:column;gap:3px}.r3-b2b__process li small{color:#667085}.r3-b2b__buying-options{max-width:1440px;margin:auto;padding:72px clamp(20px,4vw,64px);border-top:1px solid var(--r3-line);display:grid;grid-template-columns:1fr 1fr;gap:18px}.r3-b2b__buying-card{border:1px solid var(--r3-line);border-radius:16px;padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;align-items:flex-start}.r3-b2b__buying-card--inventory{background:#f7f8fa}.r3-b2b__buying-card--bulk{background:#fff}.r3-b2b__buying-card h2{font-size:clamp(28px,2.5vw,40px);margin-bottom:16px}.r3-b2b__buying-card>p{color:#667085;line-height:1.6;margin:0 0 20px}.r3-b2b__buying-card ul{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:10px;width:100%}.r3-b2b__buying-card li{position:relative;padding-left:24px;font-size:14px}.r3-b2b__buying-card li:before{content:'✓';position:absolute;left:0;font-weight:800}.r3-b2b__volume-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.r3-b2b__volume-chips span{border:1px solid #d0d5dd;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:750;background:#f9fafb}.r3-b2b__bulk-note{font-size:13px!important;background:#f6f7f9;border-radius:10px;padding:14px 16px;margin-bottom:24px!important;color:#475467!important}.r3-b2b__buying-card .r3-b2b__btn{margin-top:auto}.r3-b2b__cta{margin:30px auto 0;max-width:1440px;background:#111827;color:#fff;padding:clamp(40px,5vw,70px) clamp(20px,4vw,64px);display:flex;justify-content:space-between;align-items:end;gap:30px}.r3-b2b__cta p{color:#d0d5dd}.r3-b2b__btn--light{background:#fff;color:#111827}.r3-b2b__btn--outline{border:1px solid #667085;color:#fff}.r3cell-login-price{position:relative;z-index:20;display:inline-flex}.r3cell-login-price__link{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#111827!important;font-size:13px;font-weight:750;text-decoration:none!important;cursor:pointer;pointer-events:auto!important;position:relative;z-index:30}.r3cell-login-price__link:hover{background:#f2f4f7}.r3cell-approval-note,.r3cell-login-price__text{font-size:13px;font-weight:650}.r3-b2b-collection-note{font-size:13px;color:#667085}.template-collection .r3cell-login-price__link{white-space:nowrap}
@media(max-width:900px){.r3-b2b__buying-options{grid-template-columns:1fr;padding-top:52px;padding-bottom:52px}.r3-b2b__hero{grid-template-columns:1fr;min-height:auto;padding-top:42px;gap:35px}.r3-b2b__hero-panel{height:350px}.r3-b2b__phone{width:112px;height:235px;border-radius:20px}.r3-b2b__phone--1{left:8%;top:65px}.r3-b2b__phone--2{left:35%;top:30px}.r3-b2b__phone--3{right:7%;top:70px}.r3-b2b__brands{grid-template-columns:1fr}.r3-b2b__features{grid-template-columns:1fr 1fr}.r3-b2b__process{grid-template-columns:1fr;gap:30px}.r3-b2b__cta{margin-top:0}}
@media(max-width:600px){.r3-b2b__buying-options{padding-top:42px;padding-bottom:42px}.r3-b2b__buying-card{padding:24px 20px}.r3-b2b__buying-card .r3-b2b__btn{width:100%}.r3-b2b__hero{padding-top:32px;padding-bottom:46px}.r3-b2b h1{font-size:43px}.r3-b2b__hero-copy>p{font-size:16px}.r3-b2b__actions{display:grid;grid-template-columns:1fr;width:100%}.r3-b2b__btn{width:100%}.r3-b2b__trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.r3-b2b__hero-panel{height:305px;border-radius:16px}.r3-b2b__phone{width:90px;height:195px;border-width:4px}.r3-b2b__phone--1{left:6%;top:60px}.r3-b2b__phone--2{left:35%;top:30px}.r3-b2b__phone--3{right:5%;top:65px}.r3-b2b__stock-card{bottom:14px;left:14px;right:14px;display:block;padding:13px}.r3-b2b__stock-card small{display:block;margin-top:3px}.r3-b2b__brands-wrap,.r3-b2b__why,.r3-b2b__process{padding-top:50px;padding-bottom:50px}.r3-b2b__section-head{align-items:start}.r3-b2b__section-head>a{display:none}.r3-b2b__features{grid-template-columns:1fr}.r3-b2b__features h3{margin-top:22px}.r3-b2b__process ol{grid-template-columns:1fr}.r3-b2b__cta{display:block}.r3-b2b__cta .r3-b2b__actions{margin-top:25px}.r3cell-login-price__link{min-height:44px;padding:10px 14px}}

/* R3CELL wholesale navigation */
.r3-header-quicknav{display:flex;align-items:center;justify-content:center;gap:28px;padding:10px clamp(20px,4vw,64px);border-bottom:1px solid #e5e7eb;background:#f8fafc;font-size:13px;white-space:nowrap;overflow:auto}.r3-header-quicknav a{color:#344054;text-decoration:none!important;font-weight:650}.r3-header-quicknav a:hover{color:#111827;text-decoration:underline!important}.r3-header-quicknav a strong{color:#111827}.r3-footer-b2b{display:grid;grid-template-columns:1.05fr 1.95fr;gap:70px;padding:58px clamp(20px,4vw,64px);background:#111827;color:#fff}.r3-footer-b2b__intro{max-width:520px}.r3-footer-b2b__intro>span{display:block;font-size:11px;letter-spacing:.16em;font-weight:800;color:#98a2b3;margin-bottom:14px}.r3-footer-b2b__intro>strong{display:block;font-size:28px;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px}.r3-footer-b2b__intro p{color:#d0d5dd;line-height:1.6;margin:0}.r3-footer-b2b__links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.r3-footer-b2b__links>div{display:flex;flex-direction:column;gap:11px}.r3-footer-b2b__links b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#98a2b3;margin-bottom:4px}.r3-footer-b2b__links a{color:#fff!important;text-decoration:none!important;font-size:14px}.r3-footer-b2b__links a:hover{text-decoration:underline!important}

/* Home conditions guide */
.r3-b2b__conditions{max-width:1440px;margin:auto;padding:72px clamp(20px,4vw,64px);border-top:1px solid var(--r3-line)}.r3-b2b__conditions .r3-b2b__section-head p{max-width:760px;color:#667085;line-height:1.6;margin:12px 0 0}.r3-b2b__condition-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#e5e7eb;gap:1px}.r3-b2b__condition-grid article{background:#fff;padding:28px}.r3-b2b__condition-grid article>span{font-size:11px;font-weight:800;color:#98a2b3}.r3-b2b__condition-grid h3{font-size:23px;margin:24px 0 5px}.r3-b2b__condition-grid b{font-size:13px}.r3-b2b__condition-grid p{font-size:13px;color:#667085;line-height:1.55;margin:12px 0 0}.r3-b2b__condition-note{display:flex;gap:12px 24px;align-items:center;margin-top:14px;padding:16px 18px;background:#f6f7f9;border-radius:10px;font-size:13px}.r3-b2b__condition-note span{color:#667085}

/* Inventory-derived price pulse + product history */
.r3-market-pulse{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#f8fafc}.r3-market-pulse__inner{max-width:1440px;margin:auto;padding:64px clamp(20px,4vw,64px);display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.r3-market-pulse__intro h2{font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.03em;margin:0 0 16px}.r3-market-pulse__intro>p{color:#667085;line-height:1.65}.r3-market-pulse__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.r3-market-pulse__facts span{font-size:11px;font-weight:700;border:1px solid #d0d5dd;background:#fff;padding:7px 10px;border-radius:999px}.r3-market-pulse__locked{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:30px}.r3-market-pulse__locked>strong{font-size:22px}.r3-market-pulse__locked p{color:#667085}.r3-price-history-section{padding:28px 0 58px}.r3-price-history-section__inner{max-width:1440px;margin:auto;padding:0 clamp(20px,4vw,64px)}.r3-price-history{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:26px}.r3-price-history__head{display:flex;justify-content:space-between;gap:24px;align-items:start}.r3-price-history__eyebrow{display:block;font-size:10px;letter-spacing:.14em;font-weight:800;color:#667085;margin-bottom:8px}.r3-price-history h3{font-size:24px;letter-spacing:-.02em;margin:0 0 5px}.r3-price-history__head p,.r3-price-history--locked p{color:#667085;margin:0;line-height:1.5}.r3-price-history__current{text-align:right;display:flex;flex-direction:column}.r3-price-history__current small{color:#667085}.r3-price-history__current strong{font-size:26px;letter-spacing:-.02em}.r3-price-history__chart-wrap{margin-top:24px;min-height:250px;display:grid;place-items:center}.r3-price-history__chart{width:100%;height:auto;color:#111827;overflow:visible}.r3-price-history__empty{width:100%;min-height:180px;border:1px dashed #d0d5dd;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.r3-price-history__empty[hidden]{display:none}.r3-price-history__empty span{color:#667085;font-size:13px;max-width:460px;margin-top:6px}.r3-price-history__meta{border-top:1px solid #eaecf0;padding-top:12px;margin-top:12px;display:flex;justify-content:space-between;gap:16px;color:#98a2b3;font-size:10px}.r3-price-history--locked{max-width:700px}.r3-market-pulse__chart{box-shadow:0 10px 30px #1018280a}

/* B2B list-first collection presentation */
.template-collection #js-results:not(.grid-cols-1){width:100%}.template-collection #js-results>[class*="product"],.template-collection #js-results>div{min-width:0}.template-collection .r3cell-login-price__link{min-width:132px}.template-collection #js-results{row-gap:0!important}.template-collection #js-results>div{border-bottom:1px solid #eaecf0;padding-top:12px;padding-bottom:12px}

@media(max-width:900px){.r3-header-quicknav{display:none}.r3-footer-b2b{grid-template-columns:1fr;gap:35px;padding-top:42px;padding-bottom:42px}.r3-market-pulse__inner{grid-template-columns:1fr;gap:28px}.r3-b2b__condition-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.r3-footer-b2b__links{grid-template-columns:1fr 1fr;gap:28px 20px}.r3-footer-b2b__intro>strong{font-size:24px}.r3-b2b__conditions{padding-top:48px;padding-bottom:48px}.r3-b2b__condition-grid{grid-template-columns:1fr}.r3-b2b__condition-grid article{padding:22px}.r3-b2b__condition-note{align-items:flex-start;flex-direction:column}.r3-price-history{padding:18px}.r3-price-history__head{display:block}.r3-price-history__current{text-align:left;margin-top:18px}.r3-price-history__chart-wrap{min-height:190px}.r3-price-history__meta{display:block}.r3-price-history__meta span{display:block;margin-top:5px}.r3-market-pulse__inner{padding-top:45px;padding-bottom:45px}.r3-footer-b2b__links>div:last-child{grid-column:1/-1}}

/* v5: zero-setup live current-price pulse */
.r3-live-dot{display:inline-flex;align-items:center;align-self:flex-end;gap:6px;margin-top:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#475467}.r3-live-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:r3LivePing 1.8s infinite}.r3-price-pulse__wrap{min-height:220px}.r3-pulse-line{stroke-dasharray:1100;stroke-dashoffset:1100;animation:r3PulseDraw 1.5s ease forwards}.r3-pulse-point{transform-box:fill-box;transform-origin:center;animation:r3PulsePoint 1.8s ease-in-out infinite}@keyframes r3PulseDraw{to{stroke-dashoffset:0}}@keyframes r3PulsePoint{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.5}}@keyframes r3LivePing{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.r3-pulse-line,.r3-pulse-point,.r3-live-dot:before{animation:none}}@media(max-width:600px){.r3-live-dot{align-self:flex-start}.r3-price-pulse__wrap{min-height:170px}}

/* v6 homepage live-pricing CTA: product-page pulse only */
.r3-market-pulse--cta .r3-market-pulse__inner{display:block}
.r3-market-pulse--cta .r3-market-pulse__intro{max-width:920px}
.r3-market-pulse__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.r3-market-pulse__note{margin-top:14px;font-size:.9rem;opacity:.7}
@media(max-width:749px){.r3-market-pulse__actions{display:grid;grid-template-columns:1fr}.r3-market-pulse__actions a{text-align:center;width:100%}}


/* v7 — wholesale collection catalog + navigation refinement */
.r3-collection-banner{background:#f8fafc!important;border-bottom:1px solid #e7eaf0!important}
.r3-collection-banner>div:last-child>div{padding-top:28px!important;padding-bottom:28px!important}
.r3-collection-banner h1{font-size:clamp(28px,3vw,44px)!important;letter-spacing:-.035em!important;text-transform:none!important;font-weight:800!important}
.r3-collection-banner .max-w-prose{max-width:760px!important}
.r3-collection-banner p{color:#667085!important;line-height:1.6!important}
.r3-collection-main{background:#f8fafc;padding-bottom:42px}
.r3-collection-main [x-ref="collectionSubnav"]{background:rgba(248,250,252,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e7eaf0}
.r3-collection-main [x-ref="collectionSubnav"] .border--b-width{border-color:#e7eaf0!important}
.r3-collection-main #js-results{display:block!important;padding-top:18px!important;padding-bottom:30px!important}
.r3-collection-row{background:#fff;border:1px solid #e4e7ec;border-radius:14px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.r3-collection-row:hover{border-color:#cfd4dc;box-shadow:0 8px 24px rgba(16,24,40,.06);transform:translateY(-1px)}
.r3-collection-row>[class*="group/product"]{background:#fff!important}
.r3-collection-row>[class*="group/product"]>.border--t-width{border-top:0!important;padding:0 18px!important;gap:16px!important}
.r3-collection-row [class*="h-10 w-10"],.r3-collection-row [class*="md:h-16 md:w-16"]{border-radius:10px!important;border-color:#eaecf0!important;background:#f8fafc!important}
.r3-collection-row a.type--base,.r3-collection-row a.no-underline{font-weight:750;letter-spacing:-.01em}
.r3-collection-row .opacity-75{color:#667085;opacity:1!important}
.r3-collection-row .opacity-50{color:#98a2b3;opacity:1!important}
.r3-collection-row .border--l-width{border-color:#eef0f3!important}
.r3-collection-row .btn{border-radius:8px!important;min-height:38px}
.r3-collection-row .btn--smaller{padding-left:12px!important;padding-right:12px!important}
.r3-collection-row .r3cell-login-price__link{border-radius:8px!important;background:#111827!important;color:#fff!important;border-color:#111827!important;font-weight:750!important}
.r3-collection-row .r3cell-login-price__link:hover{background:#344054!important}
.r3-collection-row [class*="text-right"]{min-width:150px}
.r3-collection-row [class*="sticky bottom-0"]{background:#f9fafb!important;border-color:#eaecf0!important}
.r3-collection-main button,.r3-collection-main select{border-radius:8px!important}
.r3-collection-main .btn--secondary{background:#fff}

/* Desktop navigation bar */
.r3-main-header{background:#fff!important;box-shadow:0 1px 0 rgba(16,24,40,.05)}
.r3-header-quicknav{justify-content:flex-start;gap:8px;padding:9px clamp(20px,4vw,64px);background:#fff;border-bottom:1px solid #eef0f3;overflow:visible}
.r3-header-quicknav a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:8px;color:#475467!important;font-size:13px;font-weight:700;transition:background .15s ease,color .15s ease;text-decoration:none!important}
.r3-header-quicknav a:hover{background:#f2f4f7;color:#101828!important;text-decoration:none!important}
.r3-header-quicknav a:first-child{background:#111827;color:#fff!important;padding-left:14px;padding-right:14px}
.r3-header-quicknav a:first-child:before{content:'';width:7px;height:7px;border-radius:999px;background:#fff;margin-right:8px;opacity:.9}
.r3-main-header>div>div.flex.flex-wrap{min-height:62px}

/* Redesigned slide-out/mobile menu */
.r3-menu-shell{background:#fff!important}
.r3-menu-nav{padding-bottom:80px!important;background:#fff!important}
.r3-menu-welcome{padding:24px 20px 16px}
.r3-menu-welcome>span{display:block;font-size:10px;font-weight:850;letter-spacing:.14em;color:#667085;margin-bottom:8px}
.r3-menu-welcome>strong{display:block;font-size:24px;line-height:1.12;letter-spacing:-.03em;color:#101828}
.r3-menu-welcome>p{font-size:13px;line-height:1.5;color:#667085;margin:8px 0 16px}
.r3-menu-live{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:10px;background:#111827;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:750}
.r3-menu-live i{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.9}
.r3-menu-live b{margin-left:auto;font-size:16px}
.r3-menu-brands{display:grid;gap:8px;padding:0 20px 16px}
.r3-menu-brands>a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e4e7ec;border-radius:11px;text-decoration:none!important;color:#101828!important;background:#fff;transition:background .15s ease,border-color .15s ease}
.r3-menu-brands>a:hover{background:#f8fafc;border-color:#cfd4dc}
.r3-menu-brands>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f2f4f7;font-size:18px;font-weight:800}
.r3-menu-brands b{display:block;font-size:13px}.r3-menu-brands small{display:block;font-size:11px;color:#667085;margin-top:2px}.r3-menu-brands i{font-style:normal;color:#98a2b3}
.r3-menu-utility{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 20px}
.r3-menu-utility a{padding:7px 9px;border-radius:7px;background:#f2f4f7;color:#475467!important;text-decoration:none!important;font-size:11px;font-weight:700}
.r3-menu-native{border-top:1px solid #eaecf0;margin-top:2px;padding-top:8px}
.r3-menu-native>div{border-color:#eef0f3!important}
.r3-menu-native a,.r3-menu-native button{font-size:13px!important;font-weight:650!important}

@media(min-width:1024px){
  .r3-menu-shell{min-width:370px!important;max-width:370px!important}
  #shopify-section-theme__menu{max-width:370px!important}
}
@media(max-width:900px){
  .r3-header-quicknav{display:none!important}
}
@media(max-width:749px){
  .r3-collection-banner>div:last-child>div{padding-top:22px!important;padding-bottom:22px!important;min-height:auto!important}
  .r3-collection-banner h1{font-size:29px!important}
  .r3-collection-main{padding-bottom:24px}
  .r3-collection-main>div.flex.flex-wrap>div:last-child{padding-left:12px!important;padding-right:12px!important}
  .r3-collection-main #js-results{padding-top:12px!important}
  .r3-collection-row{border-radius:12px;margin-bottom:9px}
  .r3-collection-row>[class*="group/product"]>.border--t-width{padding:0 12px!important;gap:10px!important}
  .r3-collection-row [class*="text-right"]{min-width:0}
  .r3-collection-row .r3cell-login-price__link{min-height:40px!important;width:100%!important;justify-content:center}
  .r3-menu-welcome{padding-top:18px}
  .r3-menu-welcome>strong{font-size:22px}
  .r3-menu-brands{padding-bottom:14px}
}

/* v7.1 — iPhone/mobile collection list overlap fix */
@media (max-width: 749px) {
  .r3-collection-row { overflow: visible; }
  .r3-collection-row > .group\/product,
  .r3-collection-row > [class*="group/product"] { overflow: visible; }

  /* Keep thumbnail in its own fixed column and let all product content use the rest. */
  .r3-collection-row > [class*="group/product"] > .border--t-width {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 0 12px 12px !important;
  }

  /* Sticky desktop elements cause overlapping on iOS when rows wrap. */
  .r3-collection-row > [class*="group/product"] > .border--t-width > .sticky,
  .r3-collection-row [class*="sticky top-0"] {
    position: static !important;
    top: auto !important;
  }

  .r3-collection-row > [class*="group/product"] > .border--t-width > .sticky {
    width: 54px !important;
    padding: 12px 0 0 !important;
  }

  .r3-collection-row > [class*="group/product"] > .border--t-width > .sticky > div {
    width: 54px !important;
    height: 54px !important;
  }

  /* Product content column must be allowed to shrink instead of overflowing viewport. */
  .r3-collection-row > [class*="group/product"] > .border--t-width > .flex.w-full.flex-wrap.justify-between {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
  }

  /* Title/details + price/actions stack vertically on phones. */
  .r3-collection-row [class*="sticky top-0"][class*="flex flex-wrap"],
  .r3-collection-row > [class*="group/product"] > .border--t-width > .flex.w-full.flex-wrap.justify-between > .sticky {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-top: 8px !important;
    background: #fff !important;
  }

  .r3-collection-row .flex.min-w-0.flex-1.flex-row.justify-between {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
  }

  .r3-collection-row .flex.min-w-0.flex-1.flex-row.justify-between > .flex.w-full.min-w-0.flex-col {
    width: 100% !important;
    min-width: 0 !important;
    padding: 4px 0 8px !important;
  }

  .r3-collection-row a.type--base,
  .r3-collection-row a.no-underline {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    line-height: 1.3 !important;
  }

  .r3-collection-row .ml-auto.flex.flex-col.items-end.justify-between {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 8px 0 10px !important;
    align-items: stretch !important;
    text-align: left !important;
    gap: 8px !important;
    border-top: 1px solid #eef0f3;
  }

  .r3-collection-row .ml-auto.flex.flex-col.items-end.justify-between > * {
    max-width: 100% !important;
  }

  .r3-collection-row .r3cell-login-price,
  .r3-collection-row .r3cell-login-price__link {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Variant/order table follows below without negative/sticky collisions. */
  .r3-collection-row .flex.w-full.flex-col {
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden;
  }

  .r3-collection-row [class*="sticky bottom-0"] {
    position: static !important;
  }

  .r3-collection-row .btn,
  .r3-collection-row input,
  .r3-collection-row select {
    max-width: 100%;
  }
}


/* v7.2 — mobile navigation layering + footer contrast */
@media (max-width: 1023px) {
  /* Keep the storefront header in its own stacking context on every template. */
  header[x-ref="header"] {
    isolation: isolate;
    z-index: 50 !important;
  }
  .r3-main-header {
    position: relative !important;
    z-index: 51 !important;
    width: 100%;
  }

  /* Drawer must sit above page/header content instead of mixing stacking contexts. */
  #shopify-section-theme__menu,
  #shopify-section-theme__menu > section,
  [data-drawer-id="menu_drawer"],
  .r3-menu-shell {
    z-index: 80 !important;
  }
  .r3-menu-shell {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    max-height: 100svh !important;
    overflow: hidden !important;
  }
  .r3-menu-nav {
    position: relative !important;
    top: 0 !important;
    max-height: calc(100svh - 1px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

/* Make the complete lower footer readable regardless of merchant color-scheme tokens. */
.r3-footer-native,
.r3-footer-sub {
  background: #111827 !important;
  color: #ffffff !important;
  border-color: #344054 !important;
}
.r3-footer-native *,
.r3-footer-sub * {
  border-color: #344054 !important;
}
.r3-footer-native a,
.r3-footer-native button,
.r3-footer-native h1,
.r3-footer-native h2,
.r3-footer-native h3,
.r3-footer-native h4,
.r3-footer-native p,
.r3-footer-native span,
.r3-footer-native label,
.r3-footer-sub a,
.r3-footer-sub button,
.r3-footer-sub p,
.r3-footer-sub span {
  color: #ffffff !important;
}
.r3-footer-native .opacity-50,
.r3-footer-native .opacity-75,
.r3-footer-sub .opacity-50,
.r3-footer-sub .opacity-75 {
  opacity: .78 !important;
}
.r3-footer-native input {
  background: #ffffff !important;
  color: #111827 !important;
}

/* v7.3 — collection mobile header/subnav clearance */
@media (max-width: 1023px) {
  /* Give the collection sticky controls a small visual breathing gap below the real header. */
  .template-collection .r3-collection-banner {
    position: relative;
    z-index: 1;
  }
  .template-collection .r3-collection-main {
    position: relative;
    z-index: 1;
  }
  /* Keep the site header comfortably above collection sticky controls without pushing it upward. */
  .template-collection header[x-ref="header"] {
    z-index: 60 !important;
  }
  .template-collection .r3-main-header {
    transform: translateY(2px);
  }
}

/* v7.4 — definitive collection/mobile overlap fix
   Mobile has one sticky layer only: the global site header. Collection subnav/filter stays in document flow. */
@media (max-width: 1023px) {
  .template-collection .r3-main-header {
    margin-top: 0 !important;
  }

  .template-collection .r3-collection-main [x-ref="collectionSubnav"] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 10 !important;
  }

  .template-collection .r3-collection-main [x-ref="collectionSubnav"] > * {
    position: relative !important;
    top: auto !important;
  }

  /* Prevent any mobile collection filter wrapper from becoming a second sticky header. */
  .template-collection #js-mobileFilter,
  .template-collection #js-desktopFilter,
  .template-collection [x-ref="destop_filter"] {
    position: relative !important;
    top: auto !important;
  }

  /* Center the mobile header controls vertically without shifting the whole header. */
  .template-collection .r3-main-header > div > div.flex.flex-wrap {
    min-height: 66px !important;
    align-items: center !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}


/* v7.5 — true full-screen mobile menu overlay.
   Keystone's drag drawer is 90svh by default, which leaves the top of collection pages visible.
   The menu drawer alone is promoted to a complete opaque viewport layer. */
@media (max-width: 1023px) {
  [data-drawer-id="menu_drawer"] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    z-index: 2147483000 !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  [data-drawer-id="menu_drawer"] > .absolute.inset-0 {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
  }

  [data-drawer-panel="menu_drawer"] {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: #ffffff !important;
    z-index: 2 !important;
  }

  [data-drawer-panel="menu_drawer"] > .w-screen,
  [data-drawer-panel="menu_drawer"] .r3-menu-shell {
    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    background: #ffffff !important;
  }

  [data-drawer-panel="menu_drawer"] .r3-menu-nav {
    max-height: none !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Collection elements can have their own stacking contexts; force them below an open drawer. */
  body:has([data-drawer-id="menu_drawer"]:not([style*="display: none"])) .template-collection,
  body:has([data-drawer-id="menu_drawer"]:not([style*="display: none"])) main {
    isolation: auto !important;
  }
}


/* v7.6 — iPhone menu scroll reset / single-scroll fix.
   The menu previously had nested scroll areas and inherited a prior scrollTop. */
@media (max-width: 1023px) {
  [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen {
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen > .flex {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  [data-drawer-id="menu_drawer"] .r3-menu-shell {
    position: relative !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  [data-drawer-id="menu_drawer"] .r3-menu-nav {
    position: relative !important;
    top: auto !important;
    flex: 1 1 0% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: max(3.5rem, calc(env(safe-area-inset-bottom) + 1.5rem)) !important;
    scroll-behavior: auto !important;
  }

  [data-drawer-id="menu_drawer"] .r3-menu-welcome {
    scroll-margin-top: 0 !important;
  }
}

/* v7.7 — vertically center mobile menu content while preserving safe scrolling. */
@media (max-width: 1023px) {
  [data-drawer-id="menu_drawer"] .r3-menu-nav {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-top: max(1.25rem, env(safe-area-inset-top)) !important;
    padding-bottom: max(1.75rem, calc(env(safe-area-inset-bottom) + 1.25rem)) !important;
  }

  /* Auto margins center the whole menu group when it fits; they collapse to 0
     when content is taller than the viewport so the drawer still scrolls from the top. */
  [data-drawer-id="menu_drawer"] .r3-menu-nav > .r3-menu-welcome {
    margin-top: auto !important;
  }

  [data-drawer-id="menu_drawer"] .r3-menu-nav > .r3-menu-native {
    margin-bottom: auto !important;
  }
}

/* v7.8 — mobile menu portal / template-independent overlay fix.
   The drawer is portaled to <body> on mobile so collection/product stacking contexts cannot paint through it. */
@media (max-width: 1023px) {
  body > [data-drawer-id="menu_drawer"] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    background: #fff !important;
    isolation: isolate !important;
  }

  body > [data-drawer-id="menu_drawer"] > .absolute.inset-0 {
    position: absolute !important;
    inset: 0 !important;
    background: #fff !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #fff !important;
    transform: none !important;
  }

  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen,
  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen > .flex,
  body > [data-drawer-id="menu_drawer"] .r3-menu-shell {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-menu-shell {
    display: flex !important;
    flex-direction: column !important;
  }

  .r3-mobile-menu-top {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
    padding: max(12px, env(safe-area-inset-top)) 22px 12px;
    border-bottom: 1px solid #eaecf0;
    background: #fff;
    position: relative;
    z-index: 5;
  }

  .r3-mobile-menu-brand {
    color: #101828 !important;
    text-decoration: none !important;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .18em;
  }

  .r3-mobile-menu-close {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    background: #f8fafc;
    color: #101828;
    font-size: 30px;
    line-height: 1;
  }

  body > [data-drawer-id="menu_drawer"] .r3-menu-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #fff !important;
    padding-top: 18px !important;
    padding-bottom: max(28px, calc(env(safe-area-inset-bottom) + 20px)) !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Keep the requested centered feel without relying on auto margins that can trap the scroll position. */
  body > [data-drawer-id="menu_drawer"] .r3-menu-welcome {
    margin-top: clamp(12px, 5dvh, 52px) !important;
  }
  body > [data-drawer-id="menu_drawer"] .r3-menu-native {
    margin-bottom: 0 !important;
  }
}

/* v7.9 — 70% mobile menu drawer. Keep the v7.8 body portal fix, but present the
   menu as a left-side 70% drawer with a dimmed 30% page backdrop. */
@media (max-width: 1023px) {
  body > [data-drawer-id="menu_drawer"] {
    background: transparent !important;
  }

  body > [data-drawer-id="menu_drawer"] > .absolute.inset-0 {
    background: rgba(15, 23, 42, 0.34) !important;
    opacity: 1 !important;
  }

  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] {
    inset: 0 auto 0 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 70vw !important;
    max-width: 70vw !important;
    height: 100dvh !important;
    border-radius: 0 18px 18px 0 !important;
    box-shadow: 12px 0 32px rgba(15, 23, 42, 0.16) !important;
  }

  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen,
  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen > .flex,
  body > [data-drawer-id="menu_drawer"] .r3-menu-shell {
    width: 100% !important;
    max-width: 100% !important;
  }

  .r3-mobile-menu-top {
    padding-left: 18px !important;
    padding-right: 14px !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-menu-nav {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* v7.10 — true left slide-in mobile navigation. */
@media (max-width: 1023px) {
  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] {
    will-change: transform !important;
    transition-property: transform, opacity !important;
    transition-duration: 300ms !important;
    transition-timing-function: cubic-bezier(.22,1,.36,1) !important;
  }
}


/* v7.11 — repaired mobile left drawer after escaped-newline CSS corruption. */
@media (max-width: 1023px) {
  body > [data-drawer-id="menu_drawer"] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
    width: 100vw !important;
    height: 100dvh !important;
    overflow: hidden !important;
    background: transparent !important;
    isolation: isolate !important;
  }

  body > [data-drawer-id="menu_drawer"] > .absolute.inset-0 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(15, 23, 42, .38) !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 1 !important;
  }

  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    inset: 0 auto 0 0 !important;
    width: 70vw !important;
    min-width: 0 !important;
    max-width: 70vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    background: #fff !important;
    border-radius: 0 16px 16px 0 !important;
    box-shadow: 12px 0 32px rgba(15,23,42,.18) !important;
    z-index: 2 !important;
  }

  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen,
  body > [data-drawer-id="menu_drawer"] [data-drawer-panel="menu_drawer"] > .w-screen > .flex,
  body > [data-drawer-id="menu_drawer"] .r3-menu-shell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-menu-shell {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-mobile-menu-top {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    padding: max(10px, env(safe-area-inset-top)) 14px 10px 18px !important;
    border-bottom: 1px solid #eaecf0 !important;
    background: #fff !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-mobile-menu-brand {
    color: #101828 !important;
    text-decoration: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    letter-spacing: .14em !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-mobile-menu-close {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #101828 !important;
    font-size: 25px !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-menu-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 12px 10px max(24px, calc(env(safe-area-inset-bottom) + 16px)) !important;
    background: #fff !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-menu-welcome {
    margin-top: clamp(8px, 3dvh, 28px) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body > [data-drawer-id="menu_drawer"] .r3-menu-brands,
  body > [data-drawer-id="menu_drawer"] .r3-menu-utility {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* v7.12 — footer cleanup/contrast + stronger header branding */
.r3-footer-b2b,
.r3-footer-b2b * {
  box-sizing: border-box;
}
.r3-footer-b2b {
  background: #111827 !important;
  color: #ffffff !important;
}
.r3-footer-b2b__intro > span,
.r3-footer-b2b__links b {
  color: #aeb8c8 !important;
}
.r3-footer-b2b__intro > strong,
.r3-footer-b2b__links a {
  color: #ffffff !important;
  opacity: 1 !important;
}
.r3-footer-b2b__intro p {
  color: #e4e7ec !important;
  opacity: 1 !important;
}
.r3-footer-native,
.r3-footer-native * {
  color: #ffffff !important;
}
.r3-footer-native a {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Make the R3CELL brand more prominent without distorting the logo. */
.r3-main-header a[title] img,
.theme__header a[title] img {
  object-fit: contain !important;
}

@media (min-width: 1024px) {
  .r3-main-header > div > div.flex.flex-wrap {
    min-height: 82px !important;
  }
}

@media (max-width: 1023px) {
  /* Bigger, easier-to-tap hamburger while preserving the working drawer logic. */
  .r3-main-header button[aria-label="Menu"],
  .r3-main-header button[title="Menu"] {
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 10px 14px 10px 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .r3-main-header button[aria-label="Menu"] svg,
  .r3-main-header button[title="Menu"] svg {
    width: 31px !important;
    height: 31px !important;
  }
  .r3-main-header > div > div.flex.flex-wrap {
    min-height: 72px !important;
    align-items: center !important;
  }
}

/* v7.13 — CTA contrast + compact mobile collection login CTA */
.r3-b2b__cta,
.r3-b2b__cta h2,
.r3-b2b__cta .r3-b2b__eyebrow,
.r3-b2b__cta p {
  color: #fff !important;
}
.r3-b2b__cta p {
  color: #d0d5dd !important;
}

@media (max-width: 600px) {
  /* Keep collection price/login action compact and right aligned. */
  .template-collection .r3-collection-row .ml-auto.flex.flex-col.items-end.justify-between {
    width: 100% !important;
    align-items: flex-end !important;
    text-align: right !important;
    padding-top: 8px !important;
  }

  .template-collection .r3-collection-row .r3cell-login-price {
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    display: inline-flex !important;
  }

  .template-collection .r3-collection-row .r3cell-login-price__link {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    justify-content: center !important;
  }
}

/* v7.14 — final mobile collection login CTA sizing */
@media (max-width: 600px) {
  .r3-collection-row .ml-auto.flex.flex-col.items-end.justify-between {
    width: 100% !important;
    align-items: flex-end !important;
    text-align: right !important;
    padding-top: 8px !important;
  }

  .r3-collection-row .r3cell-login-price {
    display: flex !important;
    width: auto !important;
    max-width: max-content !important;
    margin-left: auto !important;
    align-self: flex-end !important;
  }

  .r3-collection-row .r3cell-login-price__link {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 8px 13px !important;
    margin-left: auto !important;
    align-self: flex-end !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

/* v7.15 — B2B header redesign to match the custom storefront */
.r3-main-header {
  background: #ffffff !important;
  border-color: #e6e9ee !important;
  box-shadow: 0 1px 0 rgba(16,24,40,.04) !important;
}

/* Desktop: compact distributor-style header */
@media (min-width: 1024px) {
  .r3-main-header .r3-header-desktop {
    min-height: 76px !important;
    align-items: center !important;
    column-gap: 18px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .r3-main-header .r3-header-desktop-left,
  .r3-main-header .r3-header-desktop-right {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .r3-main-header .r3-header-desktop-left > a[title] {
    height: 38px !important;
    width: auto !important;
    min-width: 154px !important;
    padding-right: 22px !important;
    margin-right: 8px !important;
  }

  .r3-main-header .r3-header-desktop-left > a[title] img {
    width: auto !important;
    max-width: 180px !important;
    height: 38px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .r3-main-header .r3-header-desktop-left button[aria-label="Menu"] {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin-right: 14px !important;
    justify-content: center !important;
    border: 1px solid #dfe3e8 !important;
    border-radius: 11px !important;
    background: #f8fafc !important;
  }

  .r3-main-header .r3-header-desktop-left button[aria-label="Menu"] svg {
    width: 23px !important;
    height: 23px !important;
  }

  .r3-main-header .r3-header-desktop-left .relative.w-full button {
    min-height: 44px !important;
    border: 1px solid #e2e6eb !important;
    border-radius: 12px !important;
    background: #f5f7f9 !important;
    color: #475467 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .r3-main-header .r3-header-desktop-right {
    gap: 8px !important;
  }

  .r3-main-header .r3-header-desktop-right > a {
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    color: #101828 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .r3-main-header .r3-header-desktop-right > a:hover {
    background: #f2f4f7 !important;
    text-decoration: none !important;
  }

  .r3-main-header .r3-header-desktop-right svg {
    width: 22px !important;
    height: 22px !important;
  }

  .r3-header-quicknav {
    min-height: 48px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-top: 1px solid #f2f4f7 !important;
  }
}

/* Mobile: branded, compact, easy-to-tap header */
@media (max-width: 1023px) {
  .r3-main-header .r3-header-mobile {
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    row-gap: 10px !important;
    align-items: center !important;
    background: #fff !important;
  }

  .r3-main-header .r3-header-mobile-left {
    gap: 10px !important;
    min-width: 0 !important;
  }

  .r3-main-header .r3-header-mobile-left button[aria-label="Menu"],
  .r3-main-header .r3-header-mobile-left button[title="Menu"] {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dfe3e8 !important;
    border-radius: 12px !important;
    background: #111827 !important;
    color: #ffffff !important;
  }

  .r3-main-header .r3-header-mobile-left button[aria-label="Menu"] svg,
  .r3-main-header .r3-header-mobile-left button[title="Menu"] svg {
    width: 25px !important;
    height: 25px !important;
    color: #ffffff !important;
  }

  .r3-main-header .r3-header-mobile-left > a[title] {
    height: 34px !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: 158px !important;
    display: flex !important;
    align-items: center !important;
  }

  .r3-main-header .r3-header-mobile-left > a[title] img {
    width: auto !important;
    max-width: 158px !important;
    height: 34px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .r3-main-header .r3-header-mobile-actions {
    gap: 6px !important;
  }

  .r3-main-header .r3-header-mobile-actions > a {
    margin-left: 0 !important;
    min-height: 42px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 10px !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .r3-main-header .r3-header-mobile-actions > a:active {
    background: #f2f4f7 !important;
  }

  .r3-main-header .r3-header-mobile-actions svg {
    width: 23px !important;
    height: 23px !important;
  }

  .r3-main-header .r3-header-mobile-actions span.ml-1 {
    margin-left: 5px !important;
  }

  .r3-main-header .r3-header-mobile-search {
    padding-top: 0 !important;
    flex-basis: 100% !important;
  }

  .r3-main-header .r3-header-mobile-search button {
    min-height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 12px !important;
    background: #f3f5f7 !important;
    color: #475467 !important;
    font-size: 15px !important;
    box-shadow: none !important;
  }

  .r3-main-header .r3-header-mobile-search button svg {
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
  }
}

/* Keep very narrow phones clean: prioritize icons and brand. */
@media (max-width: 430px) {
  .r3-main-header .r3-header-mobile-left > a[title] {
    min-width: 118px !important;
    max-width: 138px !important;
  }
  .r3-main-header .r3-header-mobile-left > a[title] img {
    max-width: 138px !important;
  }
  .r3-main-header .r3-header-mobile-actions > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 13px !important;
  }
}


/* ==========================================================
   R3CELL v7.16 — unified mobile header controls
   ========================================================== */
@media (max-width: 1023px) {
  /* Softer menu trigger: branded without looking like a giant dark tile. */
  .r3-main-header .r3-header-mobile-left button[aria-label="Menu"],
  .r3-main-header .r3-header-mobile-left button[title="Menu"] {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    border: 1px solid #d6dbe3 !important;
    border-radius: 14px !important;
    background: #f3f5f8 !important;
    color: #101828 !important;
    box-shadow: inset 0 0 0 1px rgba(16,24,40,.02) !important;
  }

  .r3-main-header .r3-header-mobile-left button[aria-label="Menu"] svg,
  .r3-main-header .r3-header-mobile-left button[title="Menu"] svg {
    width: 26px !important;
    height: 26px !important;
    color: #101828 !important;
    stroke: currentColor !important;
  }

  .r3-main-header .r3-header-mobile-actions {
    gap: 8px !important;
  }

  /* Account + cart now read as deliberate header actions instead of theme text links. */
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart {
    position: relative !important;
    min-height: 44px !important;
    height: 44px !important;
    margin-left: 0 !important;
    padding: 0 11px !important;
    gap: 5px !important;
    border: 1px solid #d9dee7 !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    color: #101828 !important;
    box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account:active,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart:active {
    background: #f5f7fa !important;
    transform: translateY(1px);
  }

  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account svg,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart svg {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 auto !important;
  }

  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account span.ml-1,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart span.ml-1 {
    margin-left: 2px !important;
  }

  /* Make the cart the primary utility without competing with the hero CTA. */
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart {
    background: #101828 !important;
    border-color: #101828 !important;
    color: #ffffff !important;
  }

  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart svg,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart span {
    color: #ffffff !important;
  }
}

/* Narrow phones: preserve the visual design but prioritize available width. */
@media (max-width: 430px) {
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart {
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account > span:not([x-show]),
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart > span:not([x-show]) {
    display: none !important;
  }

  /* Keep item count visible when the cart has items. */
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart > span[x-show] {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    min-width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #101828 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }
}


/* ==========================================================
   R3CELL v7.17 — cart polish + approval-first account flow
   ========================================================== */
@media (max-width: 1023px) {
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart {
    background: #101828 !important;
    border: 1px solid #101828 !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart .inline-flex,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart svg,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart svg path,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart span {
    color: #ffffff !important;
    fill: currentColor !important;
  }
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart:active {
    background: #1d2939 !important;
    border-color: #1d2939 !important;
  }
}

.r3-account-auth__intro {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 8px;
}
.r3-account-auth__eyebrow {
  color: #667085;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}
.r3-account-auth__intro h1,
.r3-account-pending h1 {
  margin: 0;
  color: #101828;
}
.r3-account-auth__intro p,
.r3-account-pending p {
  margin: 0;
  color: #667085;
  line-height: 1.6;
}
.r3-account-auth__secondary {
  width: 100%;
  border-top: 1px solid #e4e7ec;
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.r3-account-auth__forgot {
  width: fit-content;
  border: 0;
  background: transparent;
  color: #475467;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}
.r3-account-auth__apply {
  width: 100%;
  padding: 18px;
  border: 1px solid #d0d5dd;
  border-radius: 14px;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.r3-account-auth__apply > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.r3-account-auth__apply span {
  color: #667085;
  font-size: 13px;
}
.r3-account-auth__apply-btn,
.r3-account-auth__submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px !important;
  border: 1px solid #101828 !important;
  border-radius: 12px !important;
  background: #101828 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.r3-account-auth__notice {
  margin: 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #f2f4f7;
  color: #475467;
  font-size: 13px;
  line-height: 1.5;
}
.r3-account-pending {
  max-width: 680px;
  margin: 20px auto;
  padding: 28px;
  border: 1px solid #d0d5dd;
  border-radius: 18px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.r3-account-pending__email {
  padding: 8px 12px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-weight: 700;
}
@media (max-width: 640px) {
  .r3-account-auth__apply {
    align-items: stretch;
    flex-direction: column;
  }
  .r3-account-auth__apply-btn { width: 100%; }
}

/* R3CELL v7.19 — branded wholesale access gateway */
.r3-access{padding:clamp(52px,8vw,96px) 0;background:#fff;color:#101828}.r3-access__wrap{width:min(1120px,calc(100% - 48px));margin:0 auto}.r3-access__eyebrow{display:block;margin-bottom:14px;color:#667085;font-size:12px;font-weight:800;letter-spacing:.16em}.r3-access h1{margin:0;max-width:760px;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.04em}.r3-access__lead{max-width:720px;margin:24px 0 36px;color:#667085;font-size:18px;line-height:1.65}.r3-access__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.r3-access__card{padding:32px;border:1px solid #d0d5dd;border-radius:20px;background:#f8fafc}.r3-access__card--primary{background:#101828;color:#fff;border-color:#101828}.r3-access__step{display:block;margin-bottom:18px;color:#98a2b3;font-size:11px;font-weight:800;letter-spacing:.14em}.r3-access__card h2{margin:0 0 12px;font-size:28px;line-height:1.08}.r3-access__card p{margin:0 0 26px;color:#667085;line-height:1.6}.r3-access__card--primary p{color:#d0d5dd}.r3-access__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:12px;font-weight:800;text-decoration:none!important}.r3-access__btn--dark{background:#101828;color:#fff!important;border:1px solid #101828}.r3-access__card--primary .r3-access__btn--dark{background:#fff;color:#101828!important;border-color:#fff}.r3-access__btn--light{background:#fff;color:#101828!important;border:1px solid #d0d5dd}.r3-access__note{margin-top:18px;padding:16px 18px;border-radius:12px;background:#f2f4f7;color:#475467;line-height:1.55}.r3-application__panel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.r3-application__panel>div{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #e4e7ec;border-radius:16px}.r3-application__panel span{color:#98a2b3;font-size:12px;font-weight:800}.r3-application__panel strong{font-size:18px}.r3-application__panel small{color:#667085;font-size:14px;line-height:1.5}.r3-access__actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:700px){.r3-access{padding:46px 0}.r3-access__wrap{width:calc(100% - 36px)}.r3-access__grid,.r3-application__panel{grid-template-columns:1fr}.r3-access__card{padding:24px}.r3-access__btn{width:100%}.r3-access__actions{flex-direction:column}}

/* R3CELL v7.20 — compact wholesale access */
.r3-access__card--primary h2{color:#fff!important}
.r3-access__card--primary .r3-access__step{color:#b8c2d1!important}
.r3-access__card--primary p{color:#e3e8ef!important}
@media(max-width:700px){
  .r3-access{padding:24px 0 32px!important}
  .r3-access__wrap{width:calc(100% - 28px)!important}
  .r3-access__eyebrow{margin-bottom:6px!important;font-size:10px!important}
  .r3-access h1{font-size:30px!important;line-height:1.02!important}
  .r3-access__lead{margin:10px 0 18px!important;font-size:15px!important;line-height:1.4!important}
  .r3-access__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .r3-access__card{min-width:0!important;padding:16px!important;border-radius:16px!important}
  .r3-access__step{margin-bottom:8px!important;font-size:9px!important;letter-spacing:.11em!important}
  .r3-access__card h2{margin:0 0 8px!important;font-size:19px!important;line-height:1.08!important}
  .r3-access__card p{margin:0 0 14px!important;font-size:13px!important;line-height:1.4!important}
  .r3-access__btn{width:100%!important;min-height:42px!important;padding:0 10px!important;border-radius:10px!important;font-size:14px!important;white-space:nowrap!important}
  .r3-access__note{margin-top:10px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.35!important}
}
@media(max-width:360px){
  .r3-access__grid{grid-template-columns:1fr!important}
}


/* R3CELL v7.21 — stacked wholesale access, smaller application card */
@media(max-width:700px){
  .r3-access__grid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .r3-access__card--primary{
    width:100%!important;
    padding:18px!important;
  }
  .r3-access__card:not(.r3-access__card--primary){
    width:92%!important;
    align-self:center!important;
    padding:14px 16px!important;
    border-radius:14px!important;
  }
  .r3-access__card:not(.r3-access__card--primary) .r3-access__step{
    margin-bottom:6px!important;
  }
  .r3-access__card:not(.r3-access__card--primary) h2{
    font-size:17px!important;
    margin-bottom:6px!important;
  }
  .r3-access__card:not(.r3-access__card--primary) p{
    font-size:12.5px!important;
    margin-bottom:10px!important;
  }
  .r3-access__card:not(.r3-access__card--primary) .r3-access__btn{
    min-height:38px!important;
    font-size:13px!important;
  }
}


/* R3CELL v7.22 — equal-width stacked cards, shorter Apply card */
@media(max-width:700px){
  .r3-access__card--primary,
  .r3-access__card:not(.r3-access__card--primary){
    width:100%!important;
    align-self:stretch!important;
  }
  .r3-access__card:not(.r3-access__card--primary){
    padding:13px 18px!important;
  }
  .r3-access__card:not(.r3-access__card--primary) p{
    margin-bottom:9px!important;
  }
  .r3-access__card:not(.r3-access__card--primary) .r3-access__btn{
    min-height:36px!important;
  }
}

/* v7.23 desktop header */
@media (min-width:1024px){
.r3-main-header .r3-desktop-menu-btn{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;margin-right:14px!important;border:1px solid #d0d5dd!important;border-radius:12px!important;background:#f8fafc!important;color:#101828!important;justify-content:center!important}
.r3-main-header .r3-desktop-menu-btn svg,.r3-main-header .r3-desktop-menu-btn svg path{color:#101828!important;stroke:currentColor!important}
.r3-main-header .r3-desktop-menu-btn:hover{background:#eef2f6!important;border-color:#c7ced8!important}
.r3-main-header .r3-desktop-account{min-height:44px!important;padding:0 16px!important;border:1px solid #d0d5dd!important;border-radius:12px!important;background:#fff!important;color:#101828!important;gap:7px!important}
.r3-main-header .r3-desktop-account:hover{background:#f8fafc!important;text-decoration:none!important}
.r3-main-header .r3-desktop-account svg,.r3-main-header .r3-desktop-account svg path{color:#101828!important;stroke:currentColor!important}
.r3-main-header .r3-desktop-cart{min-height:44px!important;padding:0 16px!important;border:1px solid #101828!important;border-radius:12px!important;background:#101828!important;color:#fff!important;gap:7px!important;text-decoration:none!important}
.r3-main-header .r3-desktop-cart:hover{background:#1d2939!important;border-color:#1d2939!important;text-decoration:none!important}
.r3-main-header .r3-desktop-cart svg,.r3-main-header .r3-desktop-cart svg path,.r3-main-header .r3-desktop-cart span{color:#fff!important;stroke:currentColor!important}
}

/* CPO sourcing */
.r3-b2b__cpo{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(58px,8vw,100px) clamp(20px,5vw,72px);background:#f7f8fa;border-top:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0}
.r3-b2b__cpo h2{max-width:780px;margin:8px 0 18px;color:#101828;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.035em}.r3-b2b__cpo p{max-width:760px;color:#667085;line-height:1.7}.r3-b2b__text-link{display:inline-flex;margin-top:8px;color:#101828!important;font-weight:800;text-decoration:none!important}.r3-b2b__text-link:hover{text-decoration:underline!important}.r3-b2b__cpo-points{display:grid;gap:10px}.r3-b2b__cpo-points>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e1e5eb;border-radius:14px;background:#fff}.r3-b2b__cpo-points strong{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#101828;color:#fff;font-size:13px}.r3-b2b__cpo-points span{color:#344054;font-weight:700}

/* FAQ */
.r3-faq{padding:clamp(60px,8vw,100px) 0;background:#fff;color:#101828;border-top:1px solid #e7eaf0}.r3-faq__wrap{width:min(1160px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(34px,6vw,86px);align-items:start}.r3-faq__eyebrow{display:block;margin-bottom:12px;color:#667085;font-size:11px;font-weight:900;letter-spacing:.16em}.r3-faq__intro h2{margin:0 0 16px;font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.035em}.r3-faq__intro p{margin:0;color:#667085;line-height:1.65}.r3-faq__items{border-top:1px solid #dfe3e8}.r3-faq details{border-bottom:1px solid #dfe3e8}.r3-faq summary{cursor:pointer;list-style:none;position:relative;padding:20px 42px 20px 0;color:#101828;font-size:18px;font-weight:800}.r3-faq summary::-webkit-details-marker{display:none}.r3-faq summary:after{content:'+';position:absolute;right:4px;top:17px;font-size:26px;font-weight:400;color:#667085}.r3-faq details[open] summary:after{content:'–'}.r3-faq details>div{padding:0 42px 20px 0}.r3-faq details p{margin:0 0 10px;color:#667085;line-height:1.65}.r3-faq details a{color:#101828!important;font-weight:800}

/* Testing standards */
.r3-testing{background:#fff;color:#101828;padding:clamp(54px,8vw,100px) 0}.r3-testing__wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}.r3-testing__hero{max-width:930px;margin-bottom:42px}.r3-testing__eyebrow{display:block;margin-bottom:12px;color:#667085;font-size:11px;font-weight:900;letter-spacing:.16em}.r3-testing__hero h1{margin:0 0 20px;font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.045em}.r3-testing__hero p{color:#667085;font-size:17px;line-height:1.7}.r3-testing__hero .r3-testing__lede{color:#344054;font-size:20px}
.r3-testing__source{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:30px;border-radius:22px;background:#101828;color:#fff;margin:38px 0}.r3-testing__source h2{margin:0 0 12px;color:#fff;font-size:32px;line-height:1.06}.r3-testing__source p{margin:0;color:#d0d5dd;line-height:1.65}.r3-testing__source .r3-testing__eyebrow{color:#98a2b3}.r3-testing__source-steps{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.r3-testing__source-steps span{padding:9px 12px;border:1px solid #475467;border-radius:999px;background:#1d2939;color:#fff;font-weight:800;font-size:12px}.r3-testing__source-steps b{color:#98a2b3}
.r3-testing__difference{padding:42px 0}.r3-testing__difference-copy{max-width:800px}.r3-testing__difference h2,.r3-testing__why h2{margin:0 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.035em}.r3-testing__difference-copy p{color:#667085;line-height:1.65}.r3-testing__difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.r3-testing__difference-grid>div{padding:22px;border:1px solid #e1e5eb;border-radius:16px;background:#f8fafc}.r3-testing__difference-grid strong{font-size:17px}.r3-testing__difference-grid p{color:#667085;line-height:1.55;margin-bottom:0}
.r3-testing__accordions{border-top:1px solid #dfe3e8;margin-top:24px}.r3-testing details{border-bottom:1px solid #dfe3e8}.r3-testing summary{cursor:pointer;list-style:none;position:relative;padding:22px 48px 22px 0;font-size:19px;font-weight:850;color:#101828}.r3-testing summary::-webkit-details-marker{display:none}.r3-testing summary span{display:inline-block;width:40px;color:#98a2b3;font-size:12px;letter-spacing:.08em}.r3-testing summary:after{content:'+';position:absolute;right:6px;top:16px;color:#667085;font-size:28px;font-weight:400}.r3-testing details[open] summary:after{content:'–'}.r3-testing details>div{padding:0 48px 26px 40px;color:#475467;line-height:1.65}.r3-testing details h3{margin:16px 0 8px;color:#101828;font-size:15px}.r3-testing details ul{columns:2;column-gap:36px;margin:8px 0 16px;padding-left:20px}.r3-testing details li{break-inside:avoid;margin:5px 0}.r3-testing__callout,.r3-testing__warning{padding:14px 16px;border-radius:12px;background:#f2f4f7;color:#344054!important}
.r3-testing__why{padding:56px 0}.r3-testing__why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.r3-testing__why-grid p{margin:0;padding:14px 16px;border:1px solid #e1e5eb;border-radius:12px;color:#475467}.r3-testing__goal{padding:44px;border-radius:22px;background:#101828;color:#fff}.r3-testing__goal .r3-testing__eyebrow{color:#98a2b3}.r3-testing__goal-grid{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 30px}.r3-testing__goal-grid strong{padding:9px 12px;border:1px solid #475467;border-radius:999px;background:#1d2939;color:#fff;font-size:12px}.r3-testing__goal h2{margin:0;color:#fff;font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.03em}
@media(max-width:800px){.r3-b2b__cpo,.r3-faq__wrap,.r3-testing__source{grid-template-columns:1fr}.r3-testing__difference-grid{grid-template-columns:1fr}.r3-testing details ul{columns:1}.r3-testing__why-grid{grid-template-columns:1fr}.r3-testing__goal{padding:28px 22px}}
@media(max-width:600px){.r3-faq__wrap,.r3-testing__wrap{width:calc(100% - 32px)}.r3-b2b__cpo{padding-left:18px;padding-right:18px}.r3-faq summary{font-size:16px;padding-top:17px;padding-bottom:17px}.r3-testing summary{font-size:16px;padding:18px 40px 18px 0}.r3-testing details>div{padding:0 10px 22px 0}.r3-testing summary span{width:34px}}


/* R3CELL v7.25 — desktop/laptop header repair */
@media (min-width:1024px){
  .r3-main-header{
    background:#fff!important;
  }

  .r3-main-header .r3-header-quicknav{
    min-height:38px!important;
    padding:0 clamp(24px,4vw,64px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(18px,2.2vw,34px)!important;
    border-bottom:1px solid #edf0f3!important;
    background:#f7f8fa!important;
  }
  .r3-main-header .r3-header-quicknav a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:38px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#475467!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:650!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  .r3-main-header .r3-header-quicknav a:first-child{
    color:#101828!important;
    font-weight:800!important;
  }
  .r3-main-header .r3-header-quicknav a:hover{
    color:#101828!important;
  }

  .r3-main-header .r3-header-desktop{
    min-height:74px!important;
    padding:10px clamp(24px,4vw,64px)!important;
    align-items:center!important;
    gap:14px!important;
    border-bottom:1px solid #eaecf0!important;
    background:#fff!important;
  }

  .r3-main-header .r3-header-desktop-left{
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0!important;
    gap:12px!important;
    align-items:center!important;
  }

  /* Clean icon-only desktop menu — prevents clipped "Menu" text */
  .r3-main-header .r3-desktop-menu-btn{
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    border:1px solid #d7dde5!important;
    border-radius:13px!important;
    background:#f7f8fa!important;
    color:#101828!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .r3-main-header .r3-desktop-menu-btn > span{
    display:none!important;
  }
  .r3-main-header .r3-desktop-menu-btn svg{
    width:22px!important;
    height:22px!important;
    color:#101828!important;
  }
  .r3-main-header .r3-desktop-menu-btn svg path{
    stroke:currentColor!important;
  }
  .r3-main-header .r3-desktop-menu-btn:hover{
    background:#eef1f5!important;
    border-color:#c9d1dc!important;
  }

  /* Larger, intentional desktop brand mark */
  .r3-main-header .r3-desktop-logo{
    flex:0 0 146px!important;
    width:146px!important;
    height:34px!important;
    padding:0!important;
    margin:0 10px 0 0!important;
  }
  .r3-main-header .r3-desktop-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* Search is useful but shouldn't dominate the entire laptop header */
  .r3-main-header .r3-desktop-search{
    flex:1 1 360px!important;
    width:auto!important;
    max-width:520px!important;
    min-width:240px!important;
    margin-left:4px!important;
  }
  .r3-main-header .r3-desktop-search > button{
    width:100%!important;
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid #d7dde5!important;
    border-radius:13px!important;
    background:#f7f8fa!important;
    color:#475467!important;
    box-shadow:none!important;
  }
  .r3-main-header .r3-desktop-search > button:hover{
    border-color:#bcc5d1!important;
    background:#f3f5f7!important;
  }

  .r3-main-header .r3-header-desktop-right{
    flex:0 0 auto!important;
    padding:0!important;
    gap:10px!important;
    align-items:center!important;
    white-space:nowrap!important;
  }
  .r3-main-header .r3-desktop-account,
  .r3-main-header .r3-desktop-cart{
    height:46px!important;
    min-height:46px!important;
    padding:0 16px!important;
    border-radius:13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    font-size:14px!important;
    font-weight:750!important;
  }
  .r3-main-header .r3-desktop-account{
    border:1px solid #d7dde5!important;
    background:#fff!important;
    color:#101828!important;
  }
  .r3-main-header .r3-desktop-account:hover{
    background:#f7f8fa!important;
    text-decoration:none!important;
  }
  .r3-main-header .r3-desktop-cart{
    border:1px solid #101828!important;
    background:#101828!important;
    color:#fff!important;
  }
  .r3-main-header .r3-desktop-cart:hover{
    background:#1d2939!important;
    border-color:#1d2939!important;
  }
  .r3-main-header .r3-desktop-account svg,
  .r3-main-header .r3-desktop-cart svg{
    width:20px!important;
    height:20px!important;
  }
  .r3-main-header .r3-desktop-cart svg,
  .r3-main-header .r3-desktop-cart svg path,
  .r3-main-header .r3-desktop-cart span{
    color:#fff!important;
    stroke:currentColor!important;
  }

  /* Keystone's original desktop nav is redundant with the custom quick nav. */
  .r3-main-header .r3-desktop-navigation{
    display:none!important;
  }
}

/* Slightly tighter laptop behavior */
@media (min-width:1024px) and (max-width:1240px){
  .r3-main-header .r3-header-desktop{
    padding-left:22px!important;
    padding-right:22px!important;
    gap:10px!important;
  }
  .r3-main-header .r3-desktop-logo{
    flex-basis:122px!important;
    width:122px!important;
  }
  .r3-main-header .r3-desktop-search{
    max-width:390px!important;
    min-width:210px!important;
  }
  .r3-main-header .r3-desktop-account,
  .r3-main-header .r3-desktop-cart{
    padding-left:13px!important;
    padding-right:13px!important;
  }
}


/* R3CELL v7.26 — one logical desktop navigation system */
@media (min-width:1024px){
  /* Desktop uses the visible top navigation; drawer trigger is mobile-only. */
  .r3-main-header .r3-desktop-menu-btn{
    display:none!important;
  }

  .r3-main-header .r3-header-desktop{
    min-height:72px!important;
    padding:10px clamp(28px,4vw,64px)!important;
  }

  .r3-main-header .r3-header-desktop-left{
    gap:18px!important;
  }

  .r3-main-header .r3-desktop-logo{
    flex:0 0 150px!important;
    width:150px!important;
    height:38px!important;
    margin-right:12px!important;
  }

  .r3-main-header .r3-desktop-search{
    max-width:500px!important;
    min-width:260px!important;
  }

  /* Live Inventory: light at rest, dark only on hover/focus. */
  .r3-main-header .r3-desktop-featured-btn{
    min-height:44px!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d0d5dd!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#101828!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  .r3-main-header .r3-desktop-featured-btn:hover,
  .r3-main-header .r3-desktop-featured-btn:focus-visible{
    border-color:#101828!important;
    background:#101828!important;
    color:#fff!important;
  }

  /* Top navigation stays clean and is the primary desktop nav. */
  .r3-main-header .r3-header-quicknav{
    background:#fff!important;
    border-bottom:1px solid #eaecf0!important;
    min-height:42px!important;
  }
  .r3-main-header .r3-header-quicknav a{
    min-height:42px!important;
    color:#475467!important;
    font-size:13px!important;
    font-weight:700!important;
  }
  .r3-main-header .r3-header-quicknav a:hover,
  .r3-main-header .r3-header-quicknav a:focus-visible{
    color:#101828!important;
    text-decoration:underline!important;
    text-underline-offset:5px!important;
  }
  .r3-main-header .r3-header-quicknav a:first-child{
    background:transparent!important;
    color:#101828!important;
    font-weight:850!important;
  }
}

/* Hide any residual platform-credit element if emitted by legacy footer markup. */
.r3-main-header + main .shopify-link,
footer .shopify-link,
footer .powered-by-shopify{display:none!important}


/* R3CELL v7.27 — larger branding + wider desktop search */

/* Mobile */
@media (max-width:1023px){
  .r3-main-header .r3-mobile-logo,
  .r3-main-header [class*="mobile"] a[href="/"] img,
  .r3-main-header header a[href="/"] img{
    width:auto!important;
    max-width:170px!important;
    height:34px!important;
    max-height:34px!important;
    object-fit:contain!important;
  }

  /* Preserve usable header spacing on smaller phones */
  @media (max-width:430px){
    .r3-main-header .r3-mobile-logo,
    .r3-main-header [class*="mobile"] a[href="/"] img,
    .r3-main-header header a[href="/"] img{
      max-width:150px!important;
      height:31px!important;
      max-height:31px!important;
    }
  }
}

/* Desktop/laptop */
@media (min-width:1024px){
  .r3-main-header .r3-desktop-logo{
    flex:0 0 180px!important;
    width:180px!important;
    height:42px!important;
    margin-right:14px!important;
  }
  .r3-main-header .r3-desktop-logo img{
    width:100%!important;
    height:100%!important;
    max-height:42px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* Allow search to begin closer to the logo and take substantially more width */
  .r3-main-header .r3-header-desktop-left{
    flex:1 1 auto!important;
    gap:10px!important;
  }
  .r3-main-header .r3-desktop-search{
    flex:1 1 620px!important;
    width:auto!important;
    max-width:760px!important;
    min-width:360px!important;
    margin-left:0!important;
  }

  .r3-main-header .r3-desktop-search > button{
    width:100%!important;
  }
}

/* Mid-size laptops */
@media (min-width:1024px) and (max-width:1280px){
  .r3-main-header .r3-desktop-logo{
    flex-basis:155px!important;
    width:155px!important;
    height:38px!important;
  }
  .r3-main-header .r3-desktop-search{
    flex-basis:460px!important;
    max-width:560px!important;
    min-width:300px!important;
  }
}

/* Large desktop */
@media (min-width:1440px){
  .r3-main-header .r3-desktop-logo{
    flex-basis:200px!important;
    width:200px!important;
    height:44px!important;
  }
  .r3-main-header .r3-desktop-search{
    max-width:860px!important;
  }
}


/* v7.29 desktop header correction — one logical utility row */
@media (min-width:1024px){
  .r3-main-header .r3-header-desktop{
    min-height:76px!important;
    padding:12px clamp(28px,5vw,76px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
  }
  .r3-main-header .r3-header-desktop-left{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    align-items:center!important;
    gap:24px!important;
  }

  /* Never show a second desktop drawer/menu trigger */
  .r3-main-header .r3-desktop-menu-btn,
  .r3-main-header .r3-header-desktop-left > button:not(.r3-desktop-search > button){
    display:none!important;
  }

  .r3-main-header .r3-desktop-logo{
    flex:0 0 170px!important;
    width:170px!important;
    height:40px!important;
    margin:0!important;
  }
  .r3-main-header .r3-desktop-logo img{
    width:100%!important;
    height:100%!important;
    max-height:40px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .r3-main-header .r3-desktop-search{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:320px!important;
    margin:0!important;
  }
  .r3-main-header .r3-desktop-search > button{
    width:100%!important;
    min-height:48px!important;
    border-radius:14px!important;
  }

  .r3-main-header .r3-header-desktop-right{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }

  /* Top row is the actual desktop navigation: no duplicate Live Inventory button below */
  .r3-main-header .r3-header-desktop-right a[href*="/collections"],
  .r3-main-header .r3-header-desktop-right a[href="/collections/all"]{
    display:none!important;
  }

  .r3-main-header .r3-desktop-account{
    min-width:112px!important;
    height:48px!important;
  }

  .r3-main-header .r3-header-quicknav{
    min-height:46px!important;
    gap:clamp(28px,3.5vw,58px)!important;
    padding:0 clamp(28px,5vw,76px)!important;
  }
  .r3-main-header .r3-header-quicknav a{
    min-height:46px!important;
    font-size:14px!important;
    font-weight:700!important;
  }
}


/* v7.30 — desktop collection list image alignment */
@media (min-width:1024px){
  /* Product rows: keep the media in a dedicated centered column */
  .r3-collection-list .r3-product-media,
  .r3-collection-list [class*="product"][class*="media"],
  .r3-collection-list [class*="product"][class*="image"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
  }

  .r3-collection-list .r3-product-media img,
  .r3-collection-list [class*="product"][class*="media"] img,
  .r3-collection-list [class*="product"][class*="image"] img{
    display:block!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    max-width:100%!important;
    max-height:150px!important;
  }

  /* Keystone product cards/list rows fallback */
  .r3-collection-list article > a:first-child,
  .r3-collection-list li > a:first-child{
    align-self:stretch!important;
  }
  .r3-collection-list article > a:first-child picture,
  .r3-collection-list li > a:first-child picture{
    width:100%!important;
    height:100%!important;
    min-height:150px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .r3-collection-list article > a:first-child picture img,
  .r3-collection-list li > a:first-child picture img{
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}
\n\n/* v7.31 — exact desktop product-row image centering + storage options */\n@media (min-width:1024px){\n  .r3-product-row-main{\n    align-items:stretch!important;\n  }\n  .r3-product-row-media{\n    position:relative!important;\n    top:auto!important;\n    padding-top:0!important;\n    padding-bottom:0!important;\n    min-height:100%!important;\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    align-self:stretch!important;\n  }\n  .r3-product-row-media > div{\n    margin:auto!important;\n    width:96px!important;\n    height:96px!important;\n    min-width:96px!important;\n    min-height:96px!important;\n    display:flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n  }\n  .r3-product-row-media img{\n    width:100%!important;\n    height:100%!important;\n    object-fit:contain!important;\n    object-position:center!important;\n  }\n}\n\n.r3-product-storage{\n  margin-top:2px;\n}\n.r3-product-storage__value{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:24px;\n  padding:2px 8px;\n  border:1px solid #d0d5dd;\n  border-radius:7px;\n  background:#f8fafc;\n  color:#344054;\n  font-size:11px;\n  line-height:1;\n  font-weight:750;\n  white-space:nowrap;\n}\n

/* R3CELL v7.32 — true desktop media column for collection rows */
@media (min-width:1024px){
  .r3-product-row-main{
    display:grid!important;
    grid-template-columns:170px minmax(0,1fr)!important;
    align-items:stretch!important;
    column-gap:22px!important;
    min-height:180px!important;
  }

  .r3-product-row-media{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
    width:170px!important;
    min-width:170px!important;
    height:auto!important;
    min-height:180px!important;
    padding:16px!important;
    margin:0!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }

  .r3-product-row-imagebox{
    width:132px!important;
    height:132px!important;
    min-width:132px!important;
    min-height:132px!important;
    max-width:132px!important;
    max-height:132px!important;
    margin:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#f8fafc!important;
  }

  .r3-product-row-imagebox img{
    width:100%!important;
    height:100%!important;
    max-width:122px!important;
    max-height:122px!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Details occupy the entire second grid column. */
  .r3-product-row-main > .flex.w-full.flex-wrap.justify-between{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
  }

  /* Remove sticky behavior from the desktop details header as well so it aligns naturally with media. */
  .r3-product-row-main > .flex.w-full.flex-wrap.justify-between > .sticky{
    position:relative!important;
    top:auto!important;
  }

  /* Keep title / color / storage stack visually centered relative to the image. */
  .r3-product-row-main .r3-product-storage{
    margin-top:2px!important;
    margin-bottom:2px!important;
  }
}

/* Slightly smaller image column on compact laptops */
@media (min-width:1024px) and (max-width:1280px){
  .r3-product-row-main{
    grid-template-columns:145px minmax(0,1fr)!important;
    column-gap:16px!important;
    min-height:160px!important;
  }
  .r3-product-row-media{
    width:145px!important;
    min-width:145px!important;
    min-height:160px!important;
    padding:12px!important;
  }
  .r3-product-row-imagebox{
    width:116px!important;
    height:116px!important;
    min-width:116px!important;
    min-height:116px!important;
    max-width:116px!important;
    max-height:116px!important;
  }
  .r3-product-row-imagebox img{
    max-width:106px!important;
    max-height:106px!important;
  }
}


/* R3CELL v7.33 — variant-aware product price pulse */
.r3-price-history__variant-picker{
  display:grid;
  grid-template-columns:minmax(150px,220px) minmax(240px,1fr) auto;
  gap:12px;
  align-items:center;
  margin-top:22px;
  padding:14px 16px;
  border:1px solid #e1e5eb;
  border-radius:12px;
  background:#f8fafc;
}
.r3-price-history__variant-picker label{
  color:#344054;
  font-size:13px;
  font-weight:800;
}
.r3-price-history__variant-picker select{
  width:100%;
  min-height:44px;
  padding:0 38px 0 12px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  color:#101828;
  font-size:14px;
}
.r3-price-history__selected{
  color:#667085;
  font-size:12px;
  font-weight:700;
  text-align:right;
}
@media(max-width:700px){
  .r3-price-history__variant-picker{
    grid-template-columns:1fr;
    gap:8px;
    padding:12px;
  }
  .r3-price-history__selected{
    text-align:left;
  }
}


/* R3CELL v7.34 — exact desktop vertical media centering + lighter storage chips */
.r3-product-storage__value{
  background:#f3f4f6!important;
  border-color:#eaecf0!important;
  color:#667085!important;
  font-weight:650!important;
}

@media (min-width:1024px){
  .r3-product-row-media{
    position:relative!important;
    display:block!important;
    min-height:180px!important;
  }

  .r3-product-row-imagebox{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
  }
}

@media (min-width:1024px) and (max-width:1280px){
  .r3-product-row-media{
    min-height:160px!important;
  }
}


/* R3CELL v7.35 — collection image/storage correction */

/* Storage should read as secondary information, not a button/chip. */
.r3-product-storage{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px 10px!important;
  margin-top:5px!important;
}

.r3-product-storage__value{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#98a2b3!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:600!important;
}

/* Desktop: use normal flex centering — no absolute positioning. */
@media (min-width:1024px){
  .r3-product-row-main{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    align-items:stretch!important;
    column-gap:20px!important;
    min-height:170px!important;
  }

  .r3-product-row-media{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:150px!important;
    min-width:150px!important;
    min-height:170px!important;
    height:100%!important;
    padding:14px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }

  .r3-product-row-imagebox{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:116px!important;
    height:116px!important;
    min-width:116px!important;
    min-height:116px!important;
    max-width:116px!important;
    max-height:116px!important;
    margin:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#f8fafc!important;
  }

  .r3-product-row-imagebox img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:106px!important;
    max-height:106px!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* Compact laptops */
@media (min-width:1024px) and (max-width:1280px){
  .r3-product-row-main{
    grid-template-columns:132px minmax(0,1fr)!important;
    min-height:155px!important;
    column-gap:16px!important;
  }

  .r3-product-row-media{
    width:132px!important;
    min-width:132px!important;
    min-height:155px!important;
    padding:10px!important;
  }

  .r3-product-row-imagebox{
    width:102px!important;
    height:102px!important;
    min-width:102px!important;
    min-height:102px!important;
    max-width:102px!important;
    max-height:102px!important;
  }

  .r3-product-row-imagebox img{
    max-width:94px!important;
    max-height:94px!important;
  }
}


/* R3CELL v7.42 — product page isolated from collection layout */
.r3-product-buying{
  padding:34px 0 4px;
  background:#fff;
}

.r3-product-buying__wrap{
  width:min(1220px,calc(100% - 48px));
  margin:0 auto;
}

.r3-product-buying__head{
  margin-bottom:18px;
}

.r3-product-buying__eyebrow{
  display:block;
  margin-bottom:7px;
  color:#667085;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
}

.r3-product-buying__head h1{
  margin:0;
  color:#101828;
  font-size:clamp(32px,4vw,50px);
  line-height:1.03;
  letter-spacing:-.035em;
}

.r3-product-buying__head p{
  margin:9px 0 0;
  color:#667085;
  font-size:15px;
}

.r3-product-buying__variants{
  width:100%;
}

/* Keep the product-page graph directly under the buying list. */
.product .r3-price-history{
  width:min(1220px,calc(100% - 48px))!important;
  margin:16px auto 52px!important;
}

/* Product-page row presentation only. */
@media(min-width:1024px){
  .r3-product-buying .r3-product-row-main{
    min-height:150px!important;
  }

  .r3-product-buying .r3-product-row-media{
    position:static!important;
    top:auto!important;
  }
}

@media(max-width:700px){
  .r3-product-buying{
    padding-top:20px;
  }

  .r3-product-buying__wrap{
    width:calc(100% - 28px);
  }

  .r3-product-buying__head{
    margin-bottom:12px;
  }

  .product .r3-price-history{
    width:calc(100% - 28px)!important;
    margin:12px auto 34px!important;
  }
}


/* R3CELL v7.44 — desktop image hit-area containment.
   Gallery interaction belongs ONLY to the visible thumbnail, never to the
   media column or the variant/details area. Mobile layout is unchanged. */
@media (min-width:1024px){
  .r3-product-row-main{
    position:relative!important;
  }

  .r3-product-row-main > .r3-product-row-media{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    overflow:visible!important;
    pointer-events:none!important;
  }

  .r3-product-row-main .r3-product-row-imagebox{
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
    isolation:isolate!important;
    pointer-events:auto!important;
  }

  .r3-product-row-main .r3-product-row-imagebox > *{
    max-width:100%!important;
    max-height:100%!important;
  }

  .r3-product-row-main .r3-product-row-imagebox picture,
  .r3-product-row-main .r3-product-row-imagebox picture > img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }

  .r3-product-row-main > .flex.w-full.flex-wrap.justify-between{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    pointer-events:auto!important;
  }

  .r3-product-row-main > .flex.w-full.flex-wrap.justify-between > .r3-product-row-details-head{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
  }

  /* The dark expand overlay can never capture clicks or escape the thumbnail. */
  .r3-product-row-imagebox > .absolute.left-0.top-0.h-full.w-full{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    pointer-events:none!important;
  }
}

/* R3CELL v7.46 — compact product-page price graph on desktop only. */
@media (min-width:1024px){
  .product .r3-price-history-section__inner{
    display:flex!important;
    justify-content:flex-start!important;
  }

  .product .r3-price-history{
    width:min(520px,100%)!important;
    margin:16px 0 52px!important;
    padding:20px!important;
  }

  .product .r3-price-history__chart-wrap{
    min-height:165px!important;
    margin-top:16px!important;
  }

  .product .r3-price-history__chart{
    max-height:175px!important;
  }

  .product .r3-price-history h3{
    font-size:20px!important;
  }

  .product .r3-price-history__current strong{
    font-size:22px!important;
  }
}


/* R3CELL v7.47 — full product + variant names in price graph selector */
.r3-price-history__variant-picker select{
  min-width:0;
  text-overflow:clip;
}
.r3-price-history__selected{
  max-width:360px;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.35;
}
@media (min-width:1024px){
  .product .r3-price-history__variant-picker{
    grid-template-columns:minmax(140px,190px) minmax(360px,1fr);
  }
  .product .r3-price-history__selected{
    grid-column:2;
    text-align:left;
    max-width:none;
  }
}

/* R3CELL v7.48 — desktop header: keep search, account and cart on one row */
@media (min-width:1024px){
  .r3-main-header .r3-header-desktop{
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:12px!important;
    padding:10px clamp(16px,2.4vw,38px)!important;
  }

  .r3-main-header .r3-header-desktop-left{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:12px!important;
    padding:0!important;
    justify-content:flex-start!important;
  }

  /* Pull the brand closer to the left edge and free room for signed-in actions. */
  .r3-main-header .r3-desktop-logo{
    flex:0 0 148px!important;
    width:148px!important;
    height:38px!important;
    margin:0!important;
    padding-right:0!important;
  }
  .r3-main-header .r3-desktop-logo img{
    width:100%!important;
    height:100%!important;
    max-height:38px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .r3-main-header .r3-desktop-search{
    flex:1 1 auto!important;
    min-width:190px!important;
    max-width:none!important;
    margin:0!important;
  }
  .r3-main-header .r3-desktop-search > button{
    min-height:44px!important;
  }

  .r3-main-header .r3-header-desktop-right{
    flex:0 0 auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    padding:0!important;
    white-space:nowrap!important;
  }

  .r3-main-header .r3-desktop-account,
  .r3-main-header .r3-desktop-cart{
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 12px!important;
    gap:5px!important;
    border-radius:12px!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }
  .r3-main-header .r3-desktop-account svg,
  .r3-main-header .r3-desktop-cart svg{
    width:19px!important;
    height:19px!important;
    flex:0 0 auto!important;
  }
}

/* Tight laptop widths: preserve a single row after login without affecting mobile. */
@media (min-width:1024px) and (max-width:1199px){
  .r3-main-header .r3-header-desktop{
    gap:9px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .r3-main-header .r3-header-desktop-left{
    gap:9px!important;
  }
  .r3-main-header .r3-desktop-logo{
    flex-basis:124px!important;
    width:124px!important;
    height:34px!important;
  }
  .r3-main-header .r3-desktop-logo img{
    max-height:34px!important;
  }
  .r3-main-header .r3-desktop-search{
    min-width:160px!important;
  }
  .r3-main-header .r3-desktop-account,
  .r3-main-header .r3-desktop-cart{
    height:42px!important;
    min-height:42px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:12px!important;
  }
}

/* R3CELL v7.49 — graph selector containment + distinct iPhone/Galaxy/Pixel hero devices */
.r3-price-history,
.r3-price-history *{
  box-sizing:border-box;
}
.r3-price-history__variant-picker{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.r3-price-history__variant-picker select{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0!important;
}
@media (min-width:1024px){
  .product .r3-price-history__variant-picker{
    grid-template-columns:minmax(120px,170px) minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
  }
  .product .r3-price-history__variant-picker select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .product .r3-price-history__selected{
    grid-column:2;
    width:100%;
    min-width:0;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

/* Brand-specific phone backs in the homepage hero */
.r3-b2b__hero-panel .r3-b2b__phone{
  overflow:hidden;
  align-items:flex-end;
  padding:24px 10px;
}
.r3-b2b__hero-panel .r3-b2b__phone:before{display:none!important}
.r3-b2b__hero-panel .r3-b2b__phone span{
  position:relative;
  z-index:3;
  font-weight:800;
}
.r3-b2b__phone--iphone{
  left:11%;top:82px;transform:rotate(-8deg);
  background:linear-gradient(145deg,#f7f7f5,#c9c9c6)!important;
}
.r3-b2b__iphone-camera{
  position:absolute;top:18px;left:16px;width:76px;height:76px;
  border-radius:19px;background:#d7d7d4;border:1px solid #b8b8b4;
}
.r3-b2b__iphone-camera i{
  position:absolute;width:25px;height:25px;border-radius:50%;
  background:#202226;border:4px solid #34373c;box-shadow:inset 0 0 0 3px #111318;
}
.r3-b2b__iphone-camera i:nth-child(1){left:8px;top:8px}
.r3-b2b__iphone-camera i:nth-child(2){right:8px;top:8px}
.r3-b2b__iphone-camera i:nth-child(3){left:8px;bottom:8px}
.r3-b2b__iphone-camera b{position:absolute;right:15px;bottom:16px;width:9px;height:9px;border-radius:50%;background:#202226}

.r3-b2b__phone--galaxy{
  left:38%;top:38px;z-index:2;
  background:linear-gradient(145deg,#dfe5ea,#9aa7b4)!important;
}
.r3-b2b__galaxy-cameras{position:absolute;top:22px;left:18px;display:grid;gap:9px}
.r3-b2b__galaxy-cameras i{
  width:30px;height:30px;border-radius:50%;background:#17191d;
  border:4px solid #34383e;box-shadow:inset 0 0 0 3px #0e1013;
}

.r3-b2b__phone--pixel{
  right:9%;top:92px;transform:rotate(8deg);
  background:linear-gradient(145deg,#eee9e1,#b7afa5)!important;
}
.r3-b2b__pixel-bar{
  position:absolute;top:24px;left:0;right:0;height:54px;
  background:linear-gradient(180deg,#bbb7b1,#8c8984);
  border-top:1px solid #7e7b77;border-bottom:1px solid #77746f;
}
.r3-b2b__pixel-bar i{
  position:absolute;top:9px;width:35px;height:35px;border-radius:50%;
  background:#17191d;border:4px solid #35383c;box-shadow:inset 0 0 0 3px #0e1013;
}
.r3-b2b__pixel-bar i:nth-child(1){left:18px}
.r3-b2b__pixel-bar i:nth-child(2){left:57px}
.r3-b2b__pixel-bar b{position:absolute;right:17px;top:21px;width:12px;height:12px;border-radius:50%;background:#1f2226}

@media(max-width:900px){
  .r3-b2b__phone--iphone{left:8%;top:65px}
  .r3-b2b__phone--galaxy{left:35%;top:30px}
  .r3-b2b__phone--pixel{right:7%;top:70px}
  .r3-b2b__iphone-camera{transform:scale(.78);transform-origin:top left}
  .r3-b2b__galaxy-cameras{transform:scale(.78);transform-origin:top left}
  .r3-b2b__pixel-bar{height:46px}
  .r3-b2b__pixel-bar i{width:29px;height:29px;top:8px}
  .r3-b2b__pixel-bar i:nth-child(1){left:12px}
  .r3-b2b__pixel-bar i:nth-child(2){left:45px}
}
@media(max-width:600px){
  .r3-b2b__phone--iphone{left:6%;top:60px}
  .r3-b2b__phone--galaxy{left:35%;top:30px}
  .r3-b2b__phone--pixel{right:5%;top:65px}
  .r3-b2b__iphone-camera{transform:scale(.62)}
  .r3-b2b__galaxy-cameras{transform:scale(.62)}
  .r3-b2b__pixel-bar{height:39px;top:18px}
  .r3-b2b__pixel-bar i{width:24px;height:24px;top:7px;border-width:3px}
  .r3-b2b__pixel-bar i:nth-child(1){left:9px}
  .r3-b2b__pixel-bar i:nth-child(2){left:36px}
  .r3-b2b__pixel-bar b{right:10px;top:15px;width:9px;height:9px}
}

/* v7.50 latest flagship hero labels */
.r3-b2b__hero-panel .r3-b2b__phone span{font-size:13px;text-align:center;line-height:1.15;width:100%;}
.r3-b2b__phone--iphone{background:linear-gradient(145deg,#e7e8e5,#aeb1ad)!important;}
.r3-b2b__phone--galaxy{background:linear-gradient(145deg,#d7dde2,#8e9aa5)!important;}
.r3-b2b__phone--pixel{background:linear-gradient(145deg,#e7e3dc,#aaa39a)!important;}

/* v7.52 real flagship product graphics */
.r3-b2b__hero-panel--real{isolation:isolate;}
.r3-b2b__hero-panel--real .r3-b2b__device{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:1;pointer-events:none;}
.r3-b2b__hero-panel--real .r3-b2b__device img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(16,24,40,.18));}
.r3-b2b__hero-panel--real .r3-b2b__device span{margin-top:-4px;font-size:14px;line-height:1;font-weight:800;color:#111827;background:rgba(255,255,255,.78);backdrop-filter:blur(5px);border-radius:999px;padding:7px 12px;white-space:nowrap;}
.r3-b2b__hero-panel--real .r3-b2b__device--iphone{left:3%;top:43px;width:36%;transform:rotate(-3deg);}
.r3-b2b__hero-panel--real .r3-b2b__device--samsung{left:34%;top:35px;width:35%;z-index:2;}
.r3-b2b__hero-panel--real .r3-b2b__device--pixel{right:2%;top:60px;width:34%;transform:rotate(3deg);}
.r3-b2b__hero-panel--real .r3-b2b__stock-card{z-index:5;}
@media(max-width:900px){
  .r3-b2b__hero-panel--real .r3-b2b__device--iphone{left:2%;top:38px;width:36%;}
  .r3-b2b__hero-panel--real .r3-b2b__device--samsung{left:34%;top:30px;width:35%;}
  .r3-b2b__hero-panel--real .r3-b2b__device--pixel{right:1%;top:48px;width:34%;}
  .r3-b2b__hero-panel--real .r3-b2b__device span{font-size:12px;padding:6px 10px;}
}
@media(max-width:600px){
  .r3-b2b__hero-panel--real .r3-b2b__device--iphone{left:1%;top:42px;width:37%;}
  .r3-b2b__hero-panel--real .r3-b2b__device--samsung{left:33%;top:34px;width:36%;}
  .r3-b2b__hero-panel--real .r3-b2b__device--pixel{right:0;top:49px;width:35%;}
  .r3-b2b__hero-panel--real .r3-b2b__device span{font-size:10px;padding:5px 8px;}
}


/* v7.53 homepage warranty terms */
.r3-b2b__warranty{margin:42px auto;padding:34px;border:1px solid rgba(17,24,39,.10);border-radius:24px;background:#f8fafc;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:28px;align-items:start;}
.r3-b2b__warranty-copy h2{margin:8px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.05;}
.r3-b2b__warranty-copy p{margin:0;color:#5b6472;max-width:520px;}
.r3-b2b__warranty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.r3-b2b__warranty-grid>div{background:#fff;border:1px solid rgba(17,24,39,.09);border-radius:16px;padding:18px;min-width:0;}
.r3-b2b__warranty-grid strong{display:block;font-size:16px;margin-bottom:7px;color:#111827;}
.r3-b2b__warranty-grid span{display:block;font-size:13px;line-height:1.5;color:#5b6472;}
.r3-b2b__warranty>.r3-b2b__text-link{grid-column:2;margin-top:-10px;}
@media(max-width:900px){.r3-b2b__warranty{grid-template-columns:1fr}.r3-b2b__warranty>.r3-b2b__text-link{grid-column:1}.r3-b2b__warranty-grid{grid-template-columns:1fr}}

/* v7.55 — warranty moved into Start sourcing smarter CTA */
.r3-b2b__cta .r3-b2b__cta-warranty { color:#fff !important; font-weight:750; margin-top:14px; margin-bottom:0; }

/* Logged-out inventory gate */
.r3-inventory-gate{min-height:58vh;display:grid;place-items:center;padding:64px 20px;background:#f7f8fa;border-top:1px solid #e5e7eb}.r3-inventory-gate__card{width:min(620px,100%);padding:42px;border:1px solid #e1e5ea;border-radius:18px;background:#fff;text-align:center;box-shadow:0 18px 50px #1018280d}.r3-inventory-gate__eyebrow{display:block;margin-bottom:12px;color:#667085;font-size:11px;font-weight:900;letter-spacing:.16em}.r3-inventory-gate h1{margin:0 0 14px;color:#101828;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.035em}.r3-inventory-gate p{margin:0 auto 26px;max-width:500px;color:#667085;line-height:1.6}.r3-inventory-gate__actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.r3-inventory-gate__actions a{display:inline-flex;min-height:46px;padding:0 20px;align-items:center;justify-content:center;border-radius:8px;text-decoration:none!important;font-weight:800}.r3-inventory-gate__primary{background:#111827;color:#fff!important}.r3-inventory-gate__secondary{border:1px solid #d0d5dd;background:#fff;color:#111827!important}@media(max-width:600px){.r3-inventory-gate{padding:42px 16px}.r3-inventory-gate__card{padding:30px 20px}.r3-inventory-gate__actions a{width:100%}}


/* v7.59 — USA inventory and fulfillment strip */
.r3-b2b__shipping-strip{max-width:1440px;margin:auto;padding:30px clamp(20px,4vw,64px);border-top:1px solid var(--r3-line);display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr);gap:34px;align-items:center}.r3-b2b__shipping-intro .r3-b2b__eyebrow{margin-bottom:8px}.r3-b2b__shipping-intro h2{font-size:clamp(25px,2.3vw,36px)}.r3-b2b__shipping-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.r3-b2b__shipping-options>div{border:1px solid var(--r3-line);border-radius:12px;background:#f7f8fa;padding:18px}.r3-b2b__shipping-options strong{display:block;font-size:16px;margin-bottom:5px}.r3-b2b__shipping-options span{display:block;color:#667085;font-size:13px;line-height:1.45}@media(max-width:900px){.r3-b2b__shipping-strip{grid-template-columns:1fr}.r3-b2b__shipping-options{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.r3-b2b__shipping-strip{padding-top:26px;padding-bottom:26px;gap:20px}.r3-b2b__shipping-options{grid-template-columns:1fr}}


/* v7.80 — mobile account drawer/header overlap fix
   The logged-in search bar increases the mobile header height. Keep the
   account drawer above the storefront header and give it its own close bar. */
[data-drawer-id="account_drawer"] {
  z-index: 95 !important;
}
@media (max-width: 767px) {
  [data-drawer-id="account_drawer"] {
    z-index: 95 !important;
  }
  [data-drawer-panel="account_drawer"] {
    top: 0 !important;
    bottom: 0 !important;
    height: 100svh !important;
    max-height: 100svh !important;
    z-index: 96 !important;
  }
  [data-drawer-panel="account_drawer"] > .w-screen,
  [data-drawer-panel="account_drawer"] > .w-screen > .flex {
    height: 100% !important;
    max-height: 100svh !important;
  }
  #shopify-section-theme__account {
    position: relative;
    z-index: 95 !important;
  }
}

/* v7.81 — buyer portal/support polish */
.r3-drawer-empty{margin:18px 16px;padding:20px;border:1px solid #e2e8ef;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;gap:6px}.r3-drawer-empty strong{color:#101828}.r3-drawer-empty span{font-size:13px;color:#667085}.r3-drawer-empty a{margin-top:8px;font-weight:750;text-decoration:none!important;color:#0d2943!important}
.r3-drawer-support{margin:18px 16px;padding:18px;border:1px solid #e2e8ef;border-radius:12px;background:#fff;display:grid;gap:9px}.r3-drawer-support>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#60768b;margin-bottom:3px}.r3-drawer-support>a{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:9px;background:#f7f9fb;text-decoration:none!important}.r3-drawer-support>a strong{font-size:14px;color:#101828}.r3-drawer-support>a small{font-size:12px;line-height:1.4;color:#667085}.r3-drawer-support>p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#667085}
.r3-footer-b2b__cred{margin-top:15px;font-size:12px;font-weight:750;letter-spacing:.04em;color:#d0d5dd}
.r3-rma input:focus,.r3-rma select:focus,.r3-rma textarea:focus,.r3-b2b-contact input:focus,.r3-b2b-contact select:focus,.r3-b2b-contact textarea:focus{outline:2px solid currentColor!important;outline-offset:2px}
.r3-rma button,.r3-rma a,.r3-b2b-contact button,.r3-b2b-contact a,.r3-drawer-support a{min-height:44px}
@media(max-width:767px){.r3-drawer-support{margin-bottom:28px}.r3-account-dashboard__grid a{min-height:96px}.r3-footer-b2b__cred{line-height:1.5}}

/* v7.83 — net terms status */
.r3-netterms-status{margin:12px 16px 4px;padding:16px;border:1px solid #dce4eb;border-radius:12px;background:#f8fafc;color:#101828}.r3-netterms-status__eyebrow{display:block;margin-bottom:5px;font-size:10px;font-weight:850;letter-spacing:.14em;color:#60768b}.r3-netterms-status strong{display:block;font-size:15px;color:#101828}.r3-netterms-status p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#667587}.r3-netterms-status a{display:inline-flex;min-height:40px;align-items:center;margin-top:8px;font-size:13px;font-weight:800;color:#0d2943!important;text-decoration:none!important}

/* v7.84 — mobile header cart-count expansion fix */
@media (max-width: 767px) {
  .r3-main-header {
    overflow: visible !important;
  }

  .r3-main-header .r3-header-mobile-inner,
  .r3-main-header [class*="r3-header"][class*="mobile"] {
    min-width: 0 !important;
  }

  .r3-main-header .r3-header-mobile-actions {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  .r3-main-header .r3-header-mobile-actions > a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart {
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 0 !important;
  }

  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account {
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 0 !important;
  }

  .r3-main-header .r3-header-logo,
  .r3-main-header [class*="logo"] {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  .r3-main-header .r3-header-logo img,
  .r3-main-header [class*="logo"] img {
    max-width: 100% !important;
    object-fit: contain !important;
  }
}

@media (max-width: 390px) {
  .r3-main-header .r3-header-mobile-actions {
    gap: 6px !important;
  }
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-cart,
  .r3-main-header .r3-header-mobile-actions > a.r3-mobile-account {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}