/* Island Research: catalog and transactional UI. */
:root{--deep:#142b3f;--navy:#142b3f;--ink:#142b3f;--blue:#235574;--cyan:#235574;--aqua:#c5dce8;--paper:#f7f8f7;--line:#d5dde1;--r-lg:8px;--r:6px;--r-sm:4px;--shadow:0 12px 36px #142b3f18}
body{background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
html{scroll-padding-top:90px}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em}
.wrap{width:min(1220px,calc(100% - 56px))}.shipbar{background:#142b3f;color:#fff;font-size:12px;font-weight:400;letter-spacing:.02em;text-transform:none;padding:8px 16px}
.nav{background:#fff;border-color:var(--line);backdrop-filter:none}.navin{height:86px;gap:24px}.brand{gap:12px}.brand img{filter:brightness(0);width:42px;height:42px}.brand b{font-size:14px;letter-spacing:.15em}.brand span{color:#65727c;font-size:9px;letter-spacing:.22em;margin-top:4px}.links{color:var(--ink);text-transform:none;font-size:13px;letter-spacing:0;gap:23px}.links a:hover{color:#426f84;text-decoration:underline}
.pill,.cta,.small{border-radius:4px;box-shadow:none;font-weight:600;transition:background .15s}.pill{background:#fff;border-color:#cbd4db;color:var(--ink)}.cta,.small.dark{background:#142b3f;color:#fff;border:1px solid #142b3f}.cta:hover{background:#284a63;transform:none;box-shadow:none}.pill:hover,.small:hover{background:#eef2f4;border-color:#8ea4b3}.navIcon.on{color:#142b3f;border-color:#9caeba}.cartCount{background:#dce8e8;color:#142b3f}.small{font-size:12px;padding:10px 12px}.navBtns{gap:8px}.pill{font-size:12px;padding:10px 13px}
.hero{padding:62px 0 42px;background:#f5f6f4;border-bottom:1px solid #dce0de}.heroIn{max-width:none;text-align:left;display:grid;grid-template-columns:1fr 280px;gap:80px;align-items:end}.kicker{font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 18px;color:#5e747e}.hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.06;letter-spacing:-.045em;font-weight:500;margin:0 0 22px}.lead{font-size:15px;color:#586874;line-height:1.65;max-width:560px;margin:0}.heroAside{border-left:1px solid #cdd6d5;padding-left:26px;padding-bottom:6px}.heroAside p{font-size:13px;color:#586874;line-height:1.7;margin:12px 0 24px}.heroAside a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.catalogNotes{display:flex;gap:26px;align-items:center;font-size:12px;color:#536673;padding:17px 0;border-bottom:1px solid var(--line)}.catalogNotes button{border:0;background:none;color:#142b3f;margin-left:auto;padding:0;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.section{padding:48px 0}.section+.section{border-color:var(--line)}.section::before,.footer::before{display:none}.section.light{background:#fff}.section h2{font-size:32px;font-weight:500;line-height:1.15;margin:0 0 8px}.sub,.shopHead .sub{color:#60707c!important;font-size:14px;margin:0;line-height:1.6}.eyebrow{border:0;border-radius:0;background:none;color:#536b7b;padding:0;font:600 10px Arial;letter-spacing:.12em;margin-bottom:15px}.dot{display:none}.controls{gap:18px;margin-top:28px}.controls input,.controls select{border-radius:4px;border-color:#cbd5dc;font-size:13px;min-width:180px;height:45px}.controls input:focus,.controls select:focus{box-shadow:0 0 0 2px #d6e4ea}.searchBox input{padding-left:42px}.resultCount{font-size:12px;color:#657886;font-weight:400}.grid{gap:22px;margin-top:24px}.product{box-shadow:none;border:1px solid #d7dfe4;border-radius:4px;will-change:auto}.product:hover{transform:none;border-color:#7c939e}.pimg{aspect-ratio:1.1;background:#dbeaf0}.pimg img{object-fit:contain;object-position:center;transition:none}.product:hover .pimg img{transform:none}.pbody{padding:17px;gap:9px}.pbody h3{font-size:17px;min-height:0;font-weight:600}.pcat{font-weight:500;font-size:10px;letter-spacing:.08em;color:#63757f}.price{font-size:17px;font-weight:600}.product .bullets,.product .rudisc,.product .saveSuggest,.product .saveNote{display:none}.coachip{border:0;background:#eef4f0;color:#315949;font-size:10px;border-radius:3px;padding:4px 7px;font-weight:500}.coachip.amber{background:#faf1de;color:#775919}.szPill,.sizeOne{border-radius:3px;font-size:11px;font-weight:500;padding:5px 9px}.szPill.on{background:#142b3f}.szPill.on .sv{color:#fff}.badge{border-radius:3px;font-weight:500}.badge.rec{background:#f2f5f3;color:#142b3f;border:0}.btnRow{gap:7px;padding-top:5px}.saveBadge{font-weight:400;border-radius:3px;font-size:10px;background:#f1f5f2;border:0}.lowstock{font-size:11px;font-weight:500;color:#815022}.empty,.errstate{background:#f3f6f6;color:#142b3f;border-color:#d6dfe3}.empty b{color:#142b3f!important}
#verify{background:#142b3f;color:#fff;padding:54px 0}#verify .eyebrow{color:#aec7d1}#verify .lead{color:#c4d0d8;font-size:14px}#verify .cta{background:#fff;color:#142b3f}#verify .heroActions{margin:24px 0 14px;gap:9px}#batch{border-radius:4px!important;border-color:#6b8394!important}#verify .coaCard{border:1px solid #5a7182;background:#1b3449;border-radius:4px;box-shadow:none}#verify .heroActions input{min-width:160px!important}#verify .vFacts{display:none}#verify .coaRow{font-size:12px}#verify .coaCard h3{font-weight:500}#verify .coaRow .pend{background:transparent;color:#b8ccd6}#verify .coa{box-shadow:none;background:none;border:0;border-radius:4px}
.faq{max-width:850px;margin-top:24px}.faqItem{border-radius:0;border:0;border-bottom:1px solid #d5dfe4;box-shadow:none;margin:0}.faqQ{padding:18px 0;font-size:15px;font-weight:500}.faqA>div{padding:0 0 20px;color:#576c7a;font-size:14px}.faqQ .pm{background:transparent;color:#142b3f}.signupBand{background:#f3f5f3;border:0;border-top:1px solid #d8dfdc;padding:0;color:#142b3f}.signupBand summary{cursor:pointer;padding:25px 0;font-size:16px;list-style:none}.signupBand summary span{float:right;font-size:12px;color:#647775}.suIn{padding-top:16px;padding-bottom:36px;gap:56px}.suTitle{font-size:28px!important;color:#142b3f}.suSub{color:#536772}.suForm{border:1px solid #ccd8d8;background:#fff;box-shadow:none;border-radius:4px}.suFine,.suForm .consent{color:#566e7a}.suForm .field label{color:#142b3f}.suForm input:not([type=checkbox]){background:#fff;color:#142b3f;border-color:#bdcbd1}.suCopy .eyebrow{color:#536b7b}
.footer{background:#142b3f;color:#dae3e8;padding:48px 0 80px}.footerTop{margin-bottom:24px}.footerTop b{font-size:13px;letter-spacing:.16em}.footerGrid p{color:#b8c8d2;font-size:12px;line-height:1.9}.footerGrid b{font-size:13px}.footer .legal{color:#afc0cb;font-size:11px;line-height:1.8}.footerHair{background:#526776}.footerGrid{gap:35px}.cartBar{background:#142b3f;border-radius:6px;box-shadow:0 4px 24px #142b3f22}.mobileBar{background:#fff;color:#142b3f;border-top:1px solid #ccd6df;backdrop-filter:none}.mobileBar button{color:#142b3f}.modalCard,.drawer{box-shadow:var(--shadow)}.modalCard{border-radius:8px}.modalCard h2{line-height:1.15}.toast{background:#142b3f;border-color:#45647a;color:#fff}.drawerFoot .cta{border-radius:4px}.reveal{opacity:1;transform:none}.consent a{text-decoration:underline}.product .cbox{color:#526d7a}
:focus-visible{outline:2px solid #227da5;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}
@media(max-width:1000px){.links{gap:14px}.navin{gap:15px}.links a:nth-last-child(1){display:none}.heroIn{gap:35px;grid-template-columns:1fr 240px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.navin{height:74px}.links{display:none}.brand b{font-size:11px;letter-spacing:.1em}.brand span{font-size:8px;letter-spacing:.12em}.brand img{width:32px;height:32px}.brand{gap:8px}.hero{padding:35px 0 28px}.heroIn{display:block}.hero h1{font-size:38px;line-height:1.09;margin-bottom:18px}.heroAside{display:none}.kicker{font-size:9px;margin-bottom:14px}.hero .lead{font-size:14px}.catalogNotes{gap:15px;flex-wrap:wrap;font-size:11px;padding:14px 0}.catalogNotes button{font-size:11px}.section{padding:32px 0}.section h2{font-size:27px}.shopHead{align-items:center;gap:12px}.shopHead .small{padding:8px;font-size:10px}.sub{font-size:12px!important}.controls{display:flex;gap:12px;margin-top:19px}.searchBox{flex-basis:100%;max-width:none}.toolbarMeta{width:100%;justify-content:space-between;gap:10px}.toolbarMeta select{flex:0 0 auto;min-width:150px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.pimg{aspect-ratio:.88}.pbody{padding:11px;gap:8px}.pbody h3{font-size:15px}.pcat{font-size:9px}.sci,.blend{font-size:10px}.price{font-size:16px}.btnRow{grid-template-columns:1fr}.btnRow .small{font-size:11px;padding:9px 5px}.szPill{padding:5px 6px;font-size:10px}.coachip{font-size:9px}.saveBadge{font-size:9px;padding:2px 5px}.verifyGrid{display:block}.coa{margin-top:26px}.heroActions{display:flex;width:100%}.heroActions .cta{width:auto}.signupBand summary{font-size:14px}.signupBand summary span{display:block;float:none;font-size:11px;margin-top:4px}.suIn{gap:18px}.footerGrid{grid-template-columns:1fr 1fr;gap:25px}.navAcLbl{display:none}.nav .pill{padding:8px 10px;font-size:11px}.shipbar{font-size:10px}.footer{padding-bottom:110px}.mobileBar{padding-bottom:env(safe-area-inset-bottom)}.catalogNotes button{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Product photos are 512x700 portraits: always show the whole image, never crop. */
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.qv img,.xsell img,.cartItem img,.related img,.cmpTable img{object-fit:contain;background:#dbeaf0}
/* 2026-09-24 layout pass */
h1,h2,h3,h4{text-wrap:balance}p,li,dd,figcaption,.faqQ,.faqA{text-wrap:pretty}
.nw{white-space:nowrap}
/* popup headings: an older Georgia rule in storefront-base outranked the sans heading rule above */
.modalCard h2{font-family:Arial,Helvetica,sans-serif}
/* a bare ui-monospace falls back to Times on Windows/Android Chrome */
.coaRow .pend,.coaRow .ok,.coaRow .bad,.coaSlots span,.refApplied b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
/* checkout step pills size to their label so "Acknowledge" is never split mid-word; they wrap as whole pills if needed */
.steps .st{flex:1 1 auto;min-width:max-content;overflow-wrap:normal;hyphens:manual}
@media(max-width:340px){.steps{gap:4px}.steps .st{padding-left:2px;padding-right:2px}}
/* cart drawer: on short phone screens (iPhone with browser bars, in-app browsers) the footer - cross-sells,
   nudges, subtotal and "Proceed to checkout" - is taller than the screen and the fixed drawer could not
   scroll, so the checkout button was unreachable. The drawer now scrolls; tall screens are unchanged. */
.drawer{overflow-y:auto;overscroll-behavior:contain}
.drawerHead{position:sticky;top:0;z-index:2;background:var(--paper)}
.drawerBody{min-height:120px}