/* public_html/css/csiri-boutique-core-v5.css
CSIRI BOUTIQUE FRONTEND V5B
Public website only. Intentionally avoids POS/admin selectors.
*/
:root{
--ci-teal:#0E8F89;
--ci-teal-deep:#073f3d;
--ci-teal-soft:#e5f4f2;
--ci-gold:#C89B3C;
--ci-gold-soft:#f5ead2;
--ci-ink:#14110f;
--ci-muted:#6e625a;
--ci-cream:#fffaf2;
--ci-cream-2:#f8efe2;
--ci-line:#e6dacb;
--ci-white:#fff;
--ci-radius:18px;
--ci-container: min(1160px, calc(100% - clamp(28px,5vw,72px)));
--ci-section: clamp(46px,8vw,92px);
--ci-shadow: 0 18px 50px rgba(20,17,15,.08);
}
html{scroll-behavior:smooth;overflow-x:hidden;}
body.ci-public{margin:0;overflow-x:hidden;background:var(--ci-cream);color:var(--ci-ink);font-family:Inter,Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;text-rendering:optimizeLegibility;}
body.ci-public *{box-sizing:border-box;}
body.ci-public img{max-width:100%;height:auto;display:block;}
body.ci-public a{color:inherit;text-decoration:none;}
body.ci-public a:hover{color:var(--ci-teal-deep);}
body.ci-public .ci-container{width:var(--ci-container);margin-inline:auto;}
body.ci-public .container{max-width:1160px;}
body.ci-public .ci-main{background:var(--ci-cream);}
body.ci-menu-open,body.ci-filters-open{overflow:hidden;}
/* Header: rebuilt to avoid brittle Bootstrap/offcanvas transitions */
.ci-header{position:relative;z-index:50;background:rgba(255,250,242,.98);border-bottom:1px solid var(--ci-line);}
.ci-header__notice{background:var(--ci-teal-deep);color:#fff;font-size:.84rem;}
.ci-header__notice-inner{min-height:34px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;}
.ci-header__notice a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5);font-weight:800;white-space:nowrap;}
.ci-header__main{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(12px,2.4vw,20px) 0;}
.ci-brand{display:grid;gap:1px;min-width:0;line-height:1;}
.ci-brand__name{font-family:"Playfair Display",Georgia,serif;font-size:clamp(30px,5vw,48px);font-weight:700;letter-spacing:-.04em;color:var(--ci-teal-deep);}
.ci-brand__store{font-size:.73rem;text-transform:uppercase;letter-spacing:.22em;font-weight:900;color:var(--ci-ink);}
.ci-brand__promise{font-size:.82rem;color:var(--ci-muted);margin-top:4px;}
.ci-header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.ci-header__link{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--ci-line);border-radius:999px;padding:0 15px;font-size:.9rem;font-weight:800;background:#fff;}
.ci-header__link--strong{background:var(--ci-ink);color:#fff!important;border-color:var(--ci-ink);}
.ci-menu-button{display:none;align-items:center;gap:5px;border:1px solid var(--ci-line);background:#fff;border-radius:999px;min-height:42px;padding:0 12px;font-weight:900;color:var(--ci-ink);}
.ci-menu-button span{display:block;width:15px;height:2px;background:var(--ci-ink);border-radius:2px;}
.ci-menu-button b{font-size:.82rem;margin-left:3px;}
.ci-nav{border-top:1px solid rgba(230,218,203,.75);background:rgba(255,250,242,.94);}
.ci-nav__inner{height:54px;display:flex;align-items:center;gap:14px;}
.ci-nav__home,.ci-nav__cart{font-size:.9rem;font-weight:900;color:var(--ci-teal-deep);white-space:nowrap;}
.ci-nav__links{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0;min-width:0;}
.ci-nav__links a{display:flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;font-weight:800;font-size:.92rem;color:#2a2521;white-space:nowrap;}
.ci-nav__links a:hover{background:var(--ci-teal-soft);color:var(--ci-teal-deep);}
.ci-nav-search{margin-left:auto;display:flex;align-items:center;border:1px solid var(--ci-line);border-radius:999px;background:#fff;overflow:hidden;min-width:260px;max-width:340px;}
.ci-nav-search input{border:0;outline:0;background:transparent;padding:10px 12px;width:100%;font-size:.9rem;min-width:0;}
.ci-nav-search button{border:0;background:var(--ci-ink);color:#fff;min-height:39px;padding:0 15px;font-weight:900;}
.ci-quick-strip{background:#fff;border-top:1px solid var(--ci-line);}
.ci-quick-strip__inner{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 0;overflow-x:auto;}
.ci-quick-strip a{font-size:.82rem;font-weight:900;border:1px solid var(--ci-line);border-radius:999px;padding:7px 12px;background:var(--ci-cream);white-space:nowrap;}
.ci-mobile-menu{position:fixed;inset:0;z-index:999;}
.ci-mobile-menu__backdrop{position:absolute;inset:0;background:rgba(20,17,15,.36);opacity:0;transition:.18s ease;}
.ci-mobile-menu__panel{position:absolute;inset:0 0 0 auto;width:min(390px,92vw);background:var(--ci-cream);padding:18px;display:flex;flex-direction:column;gap:18px;transform:translateX(100%);transition:.22s ease;box-shadow:-28px 0 70px rgba(20,17,15,.2);overflow:auto;}
body.ci-menu-open .ci-mobile-menu__backdrop{opacity:1;}
body.ci-menu-open .ci-mobile-menu__panel{transform:translateX(0);}
.ci-mobile-menu__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--ci-line);padding-bottom:14px;}
.ci-mobile-menu__head strong{font-family:"Playfair Display",Georgia,serif;font-size:1.55rem;color:var(--ci-teal-deep);display:block;line-height:1;}
.ci-mobile-menu__head span{font-size:.86rem;color:var(--ci-muted);}
.ci-mobile-menu__head button{width:40px;height:40px;border:1px solid var(--ci-line);border-radius:50%;background:#fff;font-size:1.5rem;line-height:1;}
.ci-mobile-search{display:flex;border:1px solid var(--ci-line);border-radius:999px;background:#fff;overflow:hidden;}
.ci-mobile-search input{border:0;outline:0;background:transparent;padding:12px 14px;width:100%;min-width:0;}
.ci-mobile-search button{border:0;background:var(--ci-ink);color:#fff;padding:0 16px;font-weight:900;}
.ci-mobile-menu__links{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.ci-mobile-menu__links a{display:grid;gap:3px;border-bottom:1px solid var(--ci-line);padding:13px 2px;}
.ci-mobile-menu__links span{font-weight:900;font-size:1.05rem;}
.ci-mobile-menu__links small{color:var(--ci-muted);}
@media (max-width:1023.98px){
.ci-nav{display:none;}
.ci-menu-button{display:inline-flex;}
.ci-header__link--desktop{display:none;}
.ci-header__notice-inner{justify-content:flex-start;text-align:left;overflow-x:auto;white-space:nowrap;}
}
@media (max-width:420px){
.ci-brand__store{letter-spacing:.14em;font-size:.66rem;}
.ci-brand__promise{font-size:.74rem;}
.ci-header__link--strong{min-height:38px;padding:0 11px;font-size:.82rem;}
.ci-menu-button{min-height:38px;padding:0 10px;}
.ci-menu-button b{display:none;}
}
@media (max-width:340px){
.ci-header__actions{gap:6px;}
.ci-header__link--strong{display:none;}
}
/* Generic editorial system */
.ci-eyebrow{margin:0 0 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--ci-teal-deep);}
.ci-section{padding:var(--ci-section) 0;}
.ci-section + .ci-section{border-top:1px solid rgba(230,218,203,.72);}
.ci-section__head{margin-bottom:clamp(22px,4vw,38px);}
.ci-section__head h2,.ci-section h2,.ci-hero h1{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.045em;line-height:.96;color:var(--ci-ink);}
.ci-section__head h2{font-size:clamp(2rem,5vw,4.4rem);margin:0;}
.ci-section__head p{color:var(--ci-muted);margin:10px 0 0;max-width:560px;}
.ci-section__head--split{display:flex;align-items:end;justify-content:space-between;gap:24px;}
.ci-text-link{font-weight:900;border-bottom:1px solid var(--ci-gold);color:var(--ci-teal-deep);white-space:nowrap;}
.ci-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;border:1px solid var(--ci-ink);padding:0 19px;font-weight:900;line-height:1;text-align:center;}
.ci-btn--dark{background:var(--ci-ink);color:#fff!important;}
.ci-btn--light{background:#fff;color:var(--ci-ink);}
/* Homepage */
.ci-hero{padding:clamp(22px,5vw,60px) 0 clamp(36px,7vw,74px);background:linear-gradient(180deg,#fffaf2 0%,#f6eadb 100%);}
.ci-hero__grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(330px,.82fr);gap:clamp(22px,5vw,64px);align-items:center;}
.ci-hero__copy{max-width:670px;}
.ci-hero h1{font-size:clamp(2.7rem,8vw,7.4rem);margin:0;}
.ci-hero__lead{font-size:clamp(1.02rem,2vw,1.25rem);line-height:1.68;color:#4f453e;max-width:660px;margin:22px 0 0;}
.ci-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.ci-hero__fine-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:var(--ci-muted);font-weight:800;}
.ci-hero__fine-links a{border-bottom:1px solid var(--ci-line);}
.ci-hero__media{position:relative;display:block;min-height:clamp(340px,45vw,560px);border-radius:clamp(22px,4vw,44px);overflow:hidden;background:var(--ci-teal-soft);box-shadow:var(--ci-shadow);}
.ci-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ci-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.43));}
.ci-hero__media span{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;background:rgba(255,250,242,.94);border:1px solid rgba(255,255,255,.6);border-radius:999px;min-height:48px;display:flex;align-items:center;justify-content:center;font-weight:900;}
.ci-path-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ci-line);}
.ci-path-list a{display:grid;gap:10px;padding:24px 18px;border-bottom:1px solid var(--ci-line);border-right:1px solid var(--ci-line);min-height:160px;background:rgba(255,255,255,.38);}
.ci-path-list a:nth-child(4n){border-right:0;}
.ci-path-list span{font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;line-height:1.04;letter-spacing:-.03em;}
.ci-path-list small{color:var(--ci-muted);line-height:1.5;}
.ci-tab-shell{display:grid;gap:24px;}
.ci-tab-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;}
.ci-tab{border:1px solid var(--ci-line);background:#fff;border-radius:999px;padding:9px 15px;font-weight:900;white-space:nowrap;color:var(--ci-ink);}
.ci-tab.is-active{background:var(--ci-ink);border-color:var(--ci-ink);color:#fff;}
.ci-tab-panel[hidden]{display:none!important;}
.ci-fitting-banner{background:var(--ci-teal-deep);color:#fff;border-top:0!important;}
.ci-fitting-banner__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;}
.ci-fitting-banner .ci-eyebrow,.ci-fitting-banner h2{color:#fff;}
.ci-fitting-banner h2{font-size:clamp(2rem,5vw,4.2rem);margin:0;max-width:760px;}
.ci-fitting-banner__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.ci-fitting-banner .ci-btn--light{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.7);}
.ci-fitting-banner .ci-btn--dark{background:#fff;color:var(--ci-ink)!important;border-color:#fff;}
.ci-visit-panel{background:#fff;}
.ci-visit-panel__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,70px);align-items:start;}
.ci-visit-panel h2{font-size:clamp(2rem,5vw,4.4rem);margin:0 0 14px;font-family:"Playfair Display",Georgia,serif;letter-spacing:-.04em;line-height:.98;}
.ci-visit-panel p{font-size:1.05rem;color:var(--ci-muted);line-height:1.7;}
.ci-visit-panel dl{display:grid;gap:0;margin:0;border-top:1px solid var(--ci-line);}
.ci-visit-panel dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--ci-line);}
.ci-visit-panel dt{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:900;color:var(--ci-teal-deep);}
.ci-visit-panel dd{margin:0;color:#4f453e;line-height:1.6;}
.ci-guide-list{display:grid;border-top:1px solid var(--ci-line);}
.ci-guide-row a{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--ci-line);}
.ci-guide-row span{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.06;letter-spacing:-.03em;}
.ci-guide-row small{font-size:1rem;line-height:1.55;color:var(--ci-muted);}
/* Product catalogue tiles: not cards */
.ci-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,34px) clamp(14px,2.5vw,26px);align-items:start;}
.ci-product-grid--shop{grid-template-columns:repeat(3,minmax(0,1fr));}
.ci-product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,240px);gap:18px;overflow-x:auto;padding:2px 0 14px;scroll-snap-type:x proximity;}
.ci-product-tile{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-width:0;display:block;}
.ci-product-tile__image,.home-product-card__image-wrap,.shop-product-tile__image,.related-product-tile__image{display:block;position:relative;aspect-ratio:4/5;background:var(--ci-cream-2);overflow:hidden;border-radius:0!important;border:0!important;box-shadow:none!important;}
.ci-product-tile__image img,.home-product-card__image-wrap img,.shop-product-tile__image img,.related-product-tile__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.ci-product-tile:hover .ci-product-tile__image img{transform:scale(1.025);}
.ci-product-tile__caption,.home-product-card__body,.shop-product-tile__body,.related-product-tile__body{padding:11px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid;gap:5px;}
.ci-product-tile__caption h2,.ci-product-tile__caption h3,.home-product-card__body h3,.shop-product-tile__title{margin:0!important;font-family:Inter,system-ui,sans-serif!important;font-size:clamp(.88rem,1.5vw,1rem)!important;font-weight:800!important;line-height:1.24!important;letter-spacing:-.02em!important;color:var(--ci-ink)!important;display:block;}
.ci-product-tile__caption p,.home-product-card__body p,.shop-product-tile__bottom{margin:0!important;color:var(--ci-ink)!important;font-weight:900!important;font-size:.92rem!important;display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.ci-product-tile__caption small,.shop-product-tile__note{font-size:.8rem!important;color:var(--ci-muted)!important;line-height:1.4!important;display:block!important;}
.ci-product-tile__caption span,.shop-product-tile__stock{font-size:.74rem!important;color:var(--ci-teal-deep)!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.06em;}
.home-product-card__link,.shop-product-tile__link{display:none!important;}
.ci-empty-state{border:1px dashed var(--ci-line);padding:28px;background:rgba(255,255,255,.5);}
.ci-empty-state h2,.ci-empty-state h3{font-family:"Playfair Display",Georgia,serif;margin:0 0 8px;}
.ci-empty-state p{color:var(--ci-muted);}
/* Shop */
.ci-shop{padding:clamp(26px,5vw,58px) 0 var(--ci-section);}
.ci-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--ci-muted);margin-bottom:20px;}
.ci-breadcrumb a{font-weight:800;color:var(--ci-teal-deep);}
.ci-shop-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:24px;border-bottom:1px solid var(--ci-line);padding-bottom:24px;}
.ci-shop-hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.5rem,7vw,6.6rem);line-height:.95;letter-spacing:-.055em;margin:0;}
.ci-shop-hero p{max-width:680px;color:var(--ci-muted);font-size:1.05rem;line-height:1.65;margin:16px 0 0;}
.ci-shop-hero__meta{display:grid;gap:7px;justify-items:end;}
.ci-shop-hero__meta strong{font-size:2.5rem;font-family:"Playfair Display",Georgia,serif;line-height:1;}
.ci-shop-hero__meta span{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ci-muted);font-weight:900;text-align:right;}
.ci-filter-toggle{display:none;border:1px solid var(--ci-ink);border-radius:999px;background:var(--ci-ink);color:#fff;padding:10px 18px;font-weight:900;}
.ci-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;}
.ci-chip-row span,.ci-chip-row a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--ci-line);border-radius:999px;background:#fff;font-size:.82rem;font-weight:900;}
.ci-shop-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:start;}
.ci-filter-panel{position:sticky;top:14px;border-top:1px solid var(--ci-line);border-bottom:1px solid var(--ci-line);padding:18px 0;background:transparent;}
.ci-filter-panel__head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px;}
.ci-filter-panel__head h2{font-family:"Playfair Display",Georgia,serif;margin:0;font-size:2rem;}
.ci-filter-panel__head button{display:none;border:1px solid var(--ci-line);background:#fff;border-radius:999px;width:38px;height:38px;font-size:1.4rem;line-height:1;}
.ci-filter-form{display:grid;gap:10px;}
.ci-filter-form label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ci-teal-deep);font-weight:900;margin-top:8px;}
.ci-filter-form select,.ci-filter-form input{width:100%;border:1px solid var(--ci-line);background:#fff;border-radius:0;padding:11px 12px;font:inherit;min-height:44px;}
.ci-filter-form button{border:1px solid var(--ci-ink);background:var(--ci-ink);color:#fff;min-height:44px;font-weight:900;margin-top:10px;}
.ci-filter-form a{text-align:center;color:var(--ci-muted);font-weight:800;font-size:.9rem;}
.ci-pagination{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:12px;}
.ci-pagination a,.ci-pagination span{border:1px solid var(--ci-line);background:#fff;padding:10px 14px;font-weight:900;}
.ci-pagination .is-disabled{opacity:.45;pointer-events:none;}
/* Product page fitting-room layout */
.product-decision-page{padding:clamp(24px,5vw,56px) 0 var(--ci-section)!important;background:var(--ci-cream)!important;}
.product-decision-shell{max-width:1160px!important;}
.product-breadcrumb{display:flex!important;gap:8px!important;flex-wrap:wrap!important;font-size:.82rem!important;color:var(--ci-muted)!important;margin-bottom:22px!important;}
.product-stage{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr)!important;gap:clamp(24px,5vw,64px)!important;align-items:start!important;}
.product-gallery-panel,.product-buy-panel,.product-info-card,.product-info-feature{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;}
.product-gallery-carousel{background:var(--ci-cream-2)!important;overflow:hidden!important;}
.product-gallery-carousel .carousel-item{aspect-ratio:4/5;background:var(--ci-cream-2);}
.product-gallery-carousel img{width:100%!important;height:100%!important;object-fit:cover!important;}
.product-thumbs{display:flex!important;gap:8px!important;margin-top:12px!important;overflow-x:auto!important;}
.product-thumb{width:72px!important;height:72px!important;border:1px solid var(--ci-line)!important;background:#fff!important;padding:0!important;overflow:hidden!important;}
.product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;}
.product-buy-panel{position:sticky;top:16px;border-top:1px solid var(--ci-line)!important;border-bottom:1px solid var(--ci-line)!important;padding:24px 0!important;}
.product-category-line,.product-info-label{font-size:.74rem!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:900!important;color:var(--ci-teal-deep)!important;margin-bottom:12px!important;}
.product-buy-panel h1{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(2.2rem,5vw,4.8rem)!important;line-height:.98!important;letter-spacing:-.05em!important;margin:0 0 16px!important;}
.product-price-line{font-size:1.55rem!important;font-weight:900!important;margin:0 0 8px!important;}
.product-stock-line{display:inline-flex!important;min-height:30px;align-items:center;border:1px solid var(--ci-line);border-radius:999px;padding:0 10px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--ci-teal-deep);background:#fff;}
.product-short-summary{color:var(--ci-muted)!important;line-height:1.7!important;margin:20px 0!important;}
.product-quick-facts{display:grid!important;border-top:1px solid var(--ci-line)!important;margin:18px 0!important;}
.product-quick-facts div{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:14px!important;border-bottom:1px solid var(--ci-line)!important;padding:12px 0!important;}
.product-quick-facts dt{font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--ci-muted)!important;font-weight:900!important;}
.product-quick-facts dd{margin:0!important;font-weight:800!important;}
.product-purchase-form{display:grid!important;gap:12px!important;margin-top:18px!important;}
.product-purchase-form label{font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.11em!important;color:var(--ci-teal-deep)!important;font-weight:900!important;}
.product-purchase-form input{width:100%!important;min-height:46px!important;border:1px solid var(--ci-line)!important;background:#fff!important;border-radius:0!important;padding:10px 12px!important;}
.product-form-row{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:10px!important;align-items:end!important;}
.product-form-row button{min-height:46px!important;border:1px solid var(--ci-ink)!important;background:var(--ci-ink)!important;color:#fff!important;font-weight:900!important;border-radius:0!important;}
.product-help-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important;}
.product-help-actions a,.product-info-actions a{border:1px solid var(--ci-line)!important;border-radius:999px!important;background:#fff!important;padding:10px 13px!important;font-weight:900!important;font-size:.9rem!important;}
.product-info-board{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(20px,3vw,34px)!important;margin-top:clamp(42px,7vw,82px)!important;border-top:1px solid var(--ci-line)!important;padding-top:clamp(28px,5vw,48px)!important;}
.product-info-feature{grid-column:span 3!important;max-width:820px!important;}
.product-info-feature h2,.product-info-card h3,.product-related-section h2{font-family:"Playfair Display",Georgia,serif!important;letter-spacing:-.04em!important;line-height:1!important;}
.product-info-feature h2{font-size:clamp(2rem,5vw,4.2rem)!important;}
.product-info-card{border-top:1px solid var(--ci-line)!important;padding-top:18px!important;}
.product-info-card p,.product-info-list{color:var(--ci-muted)!important;line-height:1.7!important;}
.product-related-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
.related-product-tile{background:transparent!important;border:0!important;box-shadow:none!important;}
/* Size calculator as fluid fitting room */
.ci-size-room,.size-room{background:var(--ci-cream)!important;color:var(--ci-ink)!important;padding-bottom:var(--ci-section)!important;}
.size-room__hero{padding:clamp(32px,7vw,74px) 0!important;background:linear-gradient(180deg,#fffaf2 0%,#f6eadb 100%)!important;border-bottom:1px solid var(--ci-line)!important;}
.size-room__hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,360px)!important;gap:24px!important;align-items:end!important;}
.size-room__label,.result-label{font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.15em!important;font-weight:900!important;color:var(--ci-teal-deep)!important;}
.size-room__copy h1{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(2.6rem,8vw,6.8rem)!important;letter-spacing:-.055em!important;line-height:.95!important;margin:0 0 14px!important;}
.size-room__copy p{max-width:720px!important;color:var(--ci-muted)!important;line-height:1.7!important;font-size:1.05rem!important;}
.size-room__contact{border:1px solid var(--ci-line)!important;background:#fff!important;padding:18px!important;display:grid!important;gap:8px!important;box-shadow:none!important;border-radius:0!important;}
.size-room__contact a{font-weight:900;color:var(--ci-teal-deep)!important;}
.size-room__chooser{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:28px!important;border-top:1px solid var(--ci-line)!important;border-bottom:1px solid var(--ci-line)!important;}
.size-choice{background:transparent!important;border:0!important;border-right:1px solid var(--ci-line)!important;border-radius:0!important;text-align:left!important;padding:18px!important;color:var(--ci-ink)!important;display:grid!important;gap:6px!important;}
.size-choice:last-child{border-right:0!important;}
.size-choice span{font-weight:900!important;font-size:1rem!important;}
.size-choice small{color:var(--ci-muted)!important;line-height:1.4!important;}
.size-choice.is-active{background:#fff!important;box-shadow:inset 0 -3px 0 var(--ci-teal)!important;}
.size-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,380px)!important;gap:clamp(24px,5vw,56px)!important;margin-top:clamp(28px,5vw,54px)!important;align-items:start!important;}
.size-workspace__form,.size-workspace__result,.size-tab-panel,.fit-help-board article,.size-chart-drawers details{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;}
.size-tab-panel{border-top:1px solid var(--ci-line)!important;padding-top:20px!important;}
.size-panel-head h2,.size-workspace__result h2,.fit-help-board h2{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(1.9rem,4vw,3.5rem)!important;line-height:1!important;letter-spacing:-.04em!important;margin:0 0 10px!important;}
.size-panel-head p{color:var(--ci-muted)!important;line-height:1.6!important;}
.size-mode-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:18px 0!important;}
.size-mode{border:1px solid var(--ci-line)!important;background:#fff!important;border-radius:999px!important;padding:9px 14px!important;font-weight:900!important;color:var(--ci-ink)!important;}
.size-mode.is-active{background:var(--ci-ink)!important;color:#fff!important;border-color:var(--ci-ink)!important;}
.size-field-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.size-field{display:grid!important;gap:7px!important;margin:0!important;}
.size-field span{font-size:.76rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:var(--ci-teal-deep)!important;font-weight:900!important;}
.size-field input,.size-field select{width:100%!important;min-height:46px!important;border:1px solid var(--ci-line)!important;background:#fff!important;border-radius:0!important;padding:10px 12px!important;font:inherit!important;}
.size-field small{color:var(--ci-muted)!important;line-height:1.4!important;}
.size-action-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important;}
.size-primary-btn,.size-quiet-btn{min-height:46px!important;border-radius:999px!important;padding:0 18px!important;font-weight:900!important;}
.size-primary-btn{border:1px solid var(--ci-ink)!important;background:var(--ci-ink)!important;color:#fff!important;}
.size-quiet-btn{border:1px solid var(--ci-line)!important;background:#fff!important;color:var(--ci-ink)!important;}
.size-workspace__result{position:sticky!important;top:16px!important;border-top:1px solid var(--ci-line)!important;border-bottom:1px solid var(--ci-line)!important;padding:20px 0!important;}
.result-content{color:var(--ci-muted)!important;line-height:1.7!important;}
.result-main-size{font-family:"Playfair Display",Georgia,serif!important;font-size:clamp(2rem,6vw,4rem)!important;line-height:1!important;color:var(--ci-teal-deep)!important;}
.result-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:14px 0!important;}
.result-grid div{background:#fff!important;border:1px solid var(--ci-line)!important;padding:10px!important;}
.result-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important;}
.result-actions a{border:1px solid var(--ci-line)!important;background:#fff!important;border-radius:999px!important;padding:10px 12px!important;font-weight:900!important;}
.fit-help-board{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:clamp(38px,6vw,70px)!important;border-top:1px solid var(--ci-line)!important;padding-top:24px!important;}
.fit-help-board article{border-right:1px solid var(--ci-line)!important;padding-right:18px!important;}
.fit-help-board article:last-child{border-right:0!important;}
.fit-help-board p{color:var(--ci-muted)!important;line-height:1.6!important;}
.size-chart-drawers{display:grid!important;gap:10px!important;margin-top:30px!important;}
.size-chart-drawers details{border-top:1px solid var(--ci-line)!important;border-bottom:1px solid var(--ci-line)!important;padding:14px 0!important;background:transparent!important;}
.size-chart-drawers summary{cursor:pointer;font-weight:900;font-size:1.05rem;}
.size-table-wrap{overflow:auto;margin-top:14px;border:1px solid var(--ci-line);background:#fff;}
.size-table{width:100%;min-width:720px;border-collapse:collapse;}
.size-table th,.size-table td{padding:10px;border-bottom:1px solid var(--ci-line);text-align:left;font-size:.9rem;}
.size-table th{background:var(--ci-teal-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;}
/* Blog/about/cart/checkout old-card softening */
.blog-empty-card,.blog-article,.blog-shop-link,.guide-card,.card,.commerce-card,.calculator-card,.filters-card,.choice-help-block,.visit-trust-block{border-radius:0!important;box-shadow:none!important;border-color:var(--ci-line)!important;}
.blog-article__title,.blog-empty-card h1,.about-hero h1{font-family:"Playfair Display",Georgia,serif!important;letter-spacing:-.04em!important;}
.cart-card,.checkout-card,.order-summary,.summary-card{border-radius:0!important;box-shadow:none!important;border-color:var(--ci-line)!important;}
/* Footer */
.ci-footer{background:var(--ci-ink);color:#f8efe2;padding:clamp(34px,6vw,70px) 0 22px;}
.ci-footer a{color:#fff;}
.ci-footer__top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(28px,6vw,86px);align-items:start;}
.ci-footer__logo{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,5vw,4rem);line-height:1;color:#fff!important;display:block;letter-spacing:-.04em;}
.ci-footer__brand p{color:#d8cec3;line-height:1.7;max-width:520px;margin:16px 0;}
.ci-footer__contact{display:flex;gap:10px;flex-wrap:wrap;}
.ci-footer__contact a{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 13px;font-weight:900;}
.ci-footer__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.ci-footer__nav h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ci-gold);margin:0 0 12px;font-weight:900;}
.ci-footer__nav a{display:block;padding:5px 0;color:#f8efe2;font-weight:700;}
.ci-footer__nav p{color:#d8cec3;line-height:1.65;margin:0 0 10px;}
.ci-footer__bottom{margin-top:clamp(28px,6vw,60px);padding-top:18px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#d8cec3;font-size:.9rem;}
.ci-footer__bottom nav{display:flex;gap:14px;flex-wrap:wrap;}
@media (max-width:1180px){
.ci-product-grid--shop{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
.ci-section__head--split,.ci-fitting-banner__grid,.ci-shop-hero,.ci-visit-panel__grid,.ci-footer__top{grid-template-columns:1fr;display:grid;align-items:start;}
.ci-section__head--split{gap:10px;}
.ci-hero__grid{grid-template-columns:1fr;}
.ci-hero__media{min-height:clamp(280px,78vw,520px);order:-1;}
.ci-path-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.ci-path-list a:nth-child(2n){border-right:0;}
.ci-shop-layout{grid-template-columns:1fr;}
.ci-filter-toggle{display:inline-flex;align-items:center;justify-content:center;}
.ci-shop-hero__meta{justify-items:start;}
.ci-filter-panel{position:fixed;z-index:998;inset:auto 0 0 0;max-height:min(82vh,680px);overflow:auto;background:var(--ci-cream);padding:18px 22px 26px;border-top:1px solid var(--ci-line);box-shadow:0 -24px 70px rgba(20,17,15,.2);transform:translateY(105%);transition:transform .22s ease;}
body.ci-filters-open .ci-filter-panel{transform:translateY(0);}
.ci-filter-panel__head button{display:block;}
.product-stage{grid-template-columns:1fr!important;}
.product-buy-panel{position:relative!important;top:auto!important;}
.product-info-board{grid-template-columns:1fr!important;}
.product-info-feature{grid-column:auto!important;}
.product-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.size-room__hero-inner,.size-workspace{grid-template-columns:1fr!important;}
.size-workspace__result{position:relative!important;top:auto!important;order:-1;}
.fit-help-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fit-help-board article{border-right:0!important;border-bottom:1px solid var(--ci-line)!important;padding-bottom:18px!important;}
}
@media (max-width:640px){
:root{--ci-container:min(100% - 24px, 1160px);}
.ci-header__notice{display:none;}
.ci-hero{padding-top:18px;}
.ci-hero h1{font-size:clamp(2.45rem,13vw,4.6rem);}
.ci-hero__actions .ci-btn{flex:1 1 auto;min-width:130px;}
.ci-product-grid,.ci-product-grid--shop,.ci-product-grid--home{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;}
.ci-product-rail{grid-auto-columns:minmax(155px,44vw);gap:12px;}
.ci-product-tile__caption h2,.ci-product-tile__caption h3,.home-product-card__body h3,.shop-product-tile__title{font-size:.82rem!important;}
.ci-product-tile__caption small{font-size:.72rem!important;}
.ci-product-tile__caption p{font-size:.82rem!important;}
.ci-path-list{grid-template-columns:1fr;}
.ci-path-list a{border-right:0!important;min-height:auto;padding:20px 0;background:transparent;}
.ci-section{padding:44px 0;}
.ci-section__head h2{font-size:clamp(2rem,12vw,3.7rem);}
.ci-guide-row a{grid-template-columns:1fr;gap:8px;}
.ci-visit-panel dl div{grid-template-columns:1fr;gap:5px;}
.ci-shop-hero h1{font-size:clamp(2.25rem,13vw,4.4rem);}
.product-form-row{grid-template-columns:1fr!important;}
.product-quick-facts div{grid-template-columns:1fr!important;gap:4px!important;}
.size-room__chooser{grid-template-columns:1fr!important;}
.size-choice{border-right:0!important;border-bottom:1px solid var(--ci-line)!important;}
.size-field-grid{grid-template-columns:1fr!important;}
.result-grid{grid-template-columns:1fr!important;}
.fit-help-board{grid-template-columns:1fr!important;}
.ci-footer__nav{grid-template-columns:1fr;}
.ci-footer__bottom{display:grid;}
}
@media (max-width:380px){
:root{--ci-container:min(100% - 18px, 1160px);}
.ci-brand__name{font-size:28px;}
.ci-hero__media{min-height:245px;}
.ci-product-grid,.ci-product-grid--shop,.ci-product-grid--home{gap:16px 10px;}
.ci-product-tile__caption small{display:none!important;}
}
@media (prefers-reduced-motion:reduce){
*{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}
/* About page v5 */
.ci-about-hero{padding:clamp(34px,7vw,82px) 0;background:linear-gradient(180deg,#fffaf2 0%,#f6eadb 100%);border-bottom:1px solid var(--ci-line);}
.ci-about-hero__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,6vw,80px);align-items:end;}
.ci-about-hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.6rem,8vw,7rem);line-height:.95;letter-spacing:-.055em;margin:0;}
.ci-about-hero p{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75;color:var(--ci-muted);margin:0;}
.ci-about-story__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,70px);}
.ci-about-story article{border-top:1px solid var(--ci-line);padding-top:22px;}
.ci-about-story h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.045em;line-height:.98;margin:0 0 14px;}
.ci-about-story p{color:var(--ci-muted);line-height:1.75;font-size:1.05rem;}
@media (max-width:800px){.ci-about-hero__grid,.ci-about-story__grid{grid-template-columns:1fr;}}
/* ------------------------------------------------------------
V5B: distinct hamburger, boutique homepage refinements, shop quick actions
------------------------------------------------------------ */
.ci-menu-button{
display:none;
grid-template-columns:20px auto;
grid-template-rows:repeat(3,4px);
align-items:center;
column-gap:9px;
row-gap:3px;
min-height:44px;
border:1px solid rgba(20,17,15,.96)!important;
background:var(--ci-ink)!important;
color:#fff!important;
border-radius:999px;
padding:0 14px;
box-shadow:0 10px 24px rgba(20,17,15,.16);
}
.ci-menu-button span{
grid-column:1;
display:block;
width:20px;
height:2px;
background:#fff!important;
border-radius:999px;
}
.ci-menu-button b{
grid-column:2;
grid-row:1 / 4;
align-self:center;
font-size:.84rem;
letter-spacing:.02em;
margin:0;
color:#fff;
}
.ci-menu-button:focus-visible{outline:3px solid var(--ci-gold);outline-offset:3px;}
.ci-hero--atelier{padding:clamp(24px,5vw,70px) 0 clamp(38px,7vw,86px);background:linear-gradient(180deg,#fffaf2 0%,#f7edde 100%);}
.ci-atelier-hero__grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);gap:clamp(28px,6vw,84px);align-items:center;}
.ci-atelier-hero__copy{max-width:720px;}
.ci-atelier-hero__copy h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(3rem,7.4vw,7.6rem);line-height:.91;letter-spacing:-.06em;margin:0;color:var(--ci-ink);}
.ci-atelier-hero__visual{position:relative;min-height:clamp(430px,49vw,650px);display:block;}
.ci-atelier-hero__main,.ci-atelier-hero__mini{position:absolute;display:block;overflow:hidden;background:var(--ci-cream-2);box-shadow:0 22px 70px rgba(20,17,15,.11);}
.ci-atelier-hero__main{inset:0 12% 0 0;border-radius:0;}
.ci-atelier-hero__mini{width:34%;aspect-ratio:4/5;border:8px solid var(--ci-cream);}
.ci-atelier-hero__mini--one{right:0;top:8%;}
.ci-atelier-hero__mini--two{right:5%;bottom:5%;}
.ci-atelier-hero__main img,.ci-atelier-hero__mini img{width:100%;height:100%;object-fit:cover;}
.ci-atelier-hero__main::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.42));}
.ci-atelier-hero__main span,.ci-atelier-hero__mini span{position:absolute;z-index:2;left:14px;bottom:14px;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;background:rgba(255,250,242,.92);font-weight:900;font-size:.84rem;}
.ci-atelier-hero__mini span{min-height:28px;font-size:.75rem;}
.ci-boutique-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.55fr);gap:clamp(20px,5vw,72px);align-items:end;margin-bottom:28px;}
.ci-boutique-intro h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.2rem,5.8vw,5.3rem);letter-spacing:-.05em;line-height:.94;margin:0;}
.ci-boutique-intro p:last-child{margin:0;color:var(--ci-muted);line-height:1.7;}
.ci-service-lines{border-top:1px solid var(--ci-line);}
.ci-service-lines a{display:grid;grid-template-columns:70px minmax(220px,.42fr) minmax(0,1fr);gap:clamp(12px,3vw,34px);align-items:center;border-bottom:1px solid var(--ci-line);padding:20px 0;}
.ci-service-lines span{font-family:"Playfair Display",Georgia,serif;font-size:2rem;color:var(--ci-gold);line-height:1;}
.ci-service-lines strong{font-size:clamp(1.1rem,2.4vw,1.65rem);line-height:1.05;letter-spacing:-.035em;}
.ci-service-lines em{font-style:normal;color:var(--ci-muted);line-height:1.55;}
.ci-editorial-product-spread{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,34px) clamp(14px,2.5vw,28px);align-items:start;}
.ci-editorial-product-spread__feature{grid-column:span 2;grid-row:span 2;}
.ci-editorial-product-spread__feature .ci-product-tile__image{aspect-ratio:4/5;}
.ci-home-moments{background:#fff;}
.ci-moment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ci-line);}
.ci-moment-grid a{min-height:210px;padding:22px 18px;border-right:1px solid var(--ci-line);border-bottom:1px solid var(--ci-line);display:flex;flex-direction:column;justify-content:space-between;gap:24px;}
.ci-moment-grid a:nth-child(4n){border-right:0;}
.ci-moment-grid strong{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.35rem,2.6vw,2rem);letter-spacing:-.035em;line-height:1.04;}
.ci-moment-grid span{color:var(--ci-muted);line-height:1.55;font-size:.94rem;}
.ci-fitting-banner--home p{color:var(--ci-muted);line-height:1.65;max-width:620px;margin:12px 0 0;}
.ci-product-tile__actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:7px;}
.ci-product-action,.ci-product-mini-form button{min-height:34px;border:1px solid var(--ci-line);background:#fff;color:var(--ci-ink);font-weight:900;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.ci-product-action--wa{border-color:rgba(14,143,137,.35);color:var(--ci-teal-deep);background:rgba(229,244,242,.72);}
.ci-product-action--muted{color:var(--ci-muted);}
.ci-product-mini-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin:0;}
.ci-product-mini-form input{min-width:0;min-height:34px;border:1px solid var(--ci-line);background:#fff;border-radius:0;padding:6px 8px;font:inherit;font-size:.78rem;}
.ci-product-mini-form button{border-color:var(--ci-ink);background:var(--ci-ink);color:#fff;padding:0 11px;cursor:pointer;}
.ci-product-mini-form input:focus{outline:2px solid rgba(200,155,60,.35);outline-offset:1px;}
@media (max-width:1023.98px){
.ci-menu-button{display:inline-grid;}
}
@media (max-width:900px){
.ci-atelier-hero__grid,.ci-boutique-intro{grid-template-columns:1fr;}
.ci-atelier-hero__visual{order:-1;min-height:clamp(320px,76vw,560px);}
.ci-atelier-hero__main{inset:0 0 0 0;}
.ci-atelier-hero__mini{width:30%;border-width:6px;}
.ci-service-lines a{grid-template-columns:48px minmax(0,1fr);gap:10px 18px;}
.ci-service-lines em{grid-column:2;}
.ci-editorial-product-spread{grid-template-columns:repeat(3,minmax(0,1fr));}
.ci-editorial-product-spread__feature{grid-column:span 2;}
.ci-moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.ci-moment-grid a:nth-child(2n){border-right:0;}
}
@media (max-width:640px){
.ci-atelier-hero__copy h1{font-size:clamp(2.55rem,13vw,4.7rem);}
.ci-atelier-hero__visual{min-height:clamp(300px,92vw,460px);}
.ci-atelier-hero__mini{width:36%;}
.ci-service-lines a{grid-template-columns:1fr;padding:18px 0;}
.ci-service-lines em{grid-column:auto;}
.ci-editorial-product-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;}
.ci-editorial-product-spread__feature{grid-column:span 2;}
.ci-moment-grid{grid-template-columns:1fr;}
.ci-moment-grid a{border-right:0;min-height:auto;padding:20px 0;}
.ci-product-mini-form{grid-template-columns:1fr;}
.ci-product-mini-form button{width:100%;}
}
@media (max-width:420px){
.ci-menu-button{grid-template-columns:20px;justify-content:center;width:44px;min-width:44px;padding:0;}
.ci-menu-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.ci-menu-button span{grid-column:1;justify-self:center;}
.ci-product-tile__actions{gap:6px;}
}
@media (max-width:360px){
.ci-atelier-hero__mini{display:none;}
.ci-atelier-hero__visual{min-height:280px;}
}
/* ------------------------------------------------------------
V5C: Csiri colour discipline + tighter boutique scale
White background first. Teal-blue + gold primary accents. Black secondary.
Public website only; no POS/admin selectors.
------------------------------------------------------------ */
:root{
--ci-teal:#007C89;
--ci-teal-deep:#06464F;
--ci-teal-soft:#EAF7F8;
--ci-gold:#C7A044;
--ci-gold-soft:#FFF7E5;
--ci-ink:#111111;
--ci-muted:#5F6668;
--ci-cream:#FFFFFF;
--ci-cream-2:#F8FBFB;
--ci-line:#E1E7E7;
--ci-white:#FFFFFF;
--ci-radius:14px;
--ci-container:min(1140px, calc(100% - clamp(22px,4vw,64px)));
--ci-section:clamp(34px,5.4vw,66px);
--ci-shadow:0 12px 34px rgba(17,17,17,.055);
}
body.ci-public,
body.ci-public .ci-main{
background:#fff!important;
color:var(--ci-ink)!important;
}
body.ci-public a:hover{color:var(--ci-teal)!important;}
/* Colour cleanup: less black paint, more Csiri teal-blue and gold accents */
.ci-header,
.ci-nav,
.ci-quick-strip,
.ci-mobile-menu__panel{
background:#fff!important;
}
.ci-header{border-bottom:1px solid var(--ci-line)!important;}
.ci-header__notice{
background:#fff!important;
color:var(--ci-ink)!important;
border-bottom:1px solid var(--ci-line)!important;
}
.ci-header__notice a{color:var(--ci-teal-deep)!important;border-bottom-color:var(--ci-gold)!important;}
.ci-brand__name,
.ci-nav__home,
.ci-nav__cart,
.ci-eyebrow,
.ci-filter-form label,
.ci-visit-panel dt,
.size-field span,
.product-category-line,
.product-info-label{
color:var(--ci-teal-deep)!important;
}
.ci-header__link--strong,
.ci-nav-search button,
.ci-mobile-search button,
.ci-btn--dark,
.ci-tab.is-active,
.ci-filter-form button,
.ci-product-mini-form button,
.size-primary-btn{
background:var(--ci-teal-deep)!important;
border-color:var(--ci-teal-deep)!important;
color:#fff!important;
}
.ci-text-link,
.ci-service-lines span,
.ci-footer__nav h2{color:var(--ci-gold)!important;}
.ci-text-link{border-bottom-color:var(--ci-gold)!important;}
.ci-menu-button{
background:var(--ci-teal-deep)!important;
border-color:var(--ci-teal-deep)!important;
box-shadow:0 8px 20px rgba(0,124,137,.18)!important;
}
.ci-product-action--wa{
background:var(--ci-teal-soft)!important;
border-color:rgba(0,124,137,.28)!important;
color:var(--ci-teal-deep)!important;
}
/* Overall rhythm: less full-screen takeover, more breathable boutique browsing */
.ci-section{padding:var(--ci-section) 0!important;}
.ci-section + .ci-section{border-top:1px solid var(--ci-line)!important;}
.ci-section__head{margin-bottom:clamp(18px,3vw,28px)!important;}
.ci-section__head h2{
font-size:clamp(1.9rem,4.4vw,3.85rem)!important;
line-height:.98!important;
}
.ci-section__head p{font-size:clamp(.96rem,1.4vw,1.05rem)!important;}
/* Homepage hero: boutique-first, not screen-swallowing */
.ci-hero,
.ci-hero--atelier,
.ci-about-hero{
background:#fff!important;
padding:clamp(20px,4.5vw,48px) 0 clamp(28px,5vw,58px)!important;
border-bottom:1px solid var(--ci-line)!important;
}
.ci-atelier-hero__grid,
.ci-hero__grid{
grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)!important;
gap:clamp(22px,4.5vw,58px)!important;
}
.ci-atelier-hero__copy h1,
.ci-hero h1,
.ci-shop-hero h1,
.ci-about-hero h1{
font-size:clamp(2.45rem,6.2vw,5.85rem)!important;
line-height:.94!important;
letter-spacing:-.055em!important;
}
.ci-hero__lead,
.ci-atelier-hero__copy .ci-hero__lead{
margin-top:16px!important;
font-size:clamp(.98rem,1.7vw,1.14rem)!important;
line-height:1.58!important;
max-width:620px!important;
}
.ci-hero__actions{margin-top:20px!important;}
.ci-atelier-hero__visual{
min-height:clamp(300px,38vw,500px)!important;
}
.ci-atelier-hero__main,
.ci-atelier-hero__mini,
.ci-hero__media{
box-shadow:0 12px 34px rgba(17,17,17,.07)!important;
}
.ci-atelier-hero__main{inset:0 10% 0 0!important;}
.ci-atelier-hero__mini{border-color:#fff!important;}
/* Service/moment sections: shorter, cleaner, less boxed */
.ci-boutique-intro{
margin-bottom:18px!important;
gap:clamp(18px,4vw,54px)!important;
}
.ci-boutique-intro h2{
font-size:clamp(2rem,4.8vw,4.3rem)!important;
}
.ci-service-lines a{
padding:15px 0!important;
grid-template-columns:54px minmax(190px,.38fr) minmax(0,1fr)!important;
}
.ci-service-lines span{font-size:1.55rem!important;}
.ci-service-lines strong{font-size:clamp(1rem,2vw,1.35rem)!important;}
.ci-service-lines em{font-size:.94rem!important;}
.ci-moment-grid a{
min-height:150px!important;
padding:18px 16px!important;
gap:14px!important;
}
.ci-moment-grid strong{font-size:clamp(1.2rem,2.2vw,1.65rem)!important;}
.ci-moment-grid span{font-size:.9rem!important;}
/* Product areas: catalogue feel, compact actions */
.ci-product-grid,
.ci-product-grid--shop,
.ci-product-grid--home,
.ci-editorial-product-spread{
gap:clamp(16px,2.4vw,28px) clamp(12px,2vw,22px)!important;
}
.ci-product-tile__image,
.home-product-card__image-wrap,
.shop-product-tile__image,
.related-product-tile__image{
background:var(--ci-cream-2)!important;
}
.ci-product-tile__caption,
.home-product-card__body,
.shop-product-tile__body,
.related-product-tile__body{
padding-top:9px!important;
gap:4px!important;
}
.ci-product-tile__caption h2,
.ci-product-tile__caption h3,
.home-product-card__body h3,
.shop-product-tile__title{
font-size:clamp(.84rem,1.25vw,.95rem)!important;
line-height:1.22!important;
}
.ci-product-tile__actions{
margin-top:6px!important;
gap:6px!important;
}
.ci-product-action,
.ci-product-mini-form button,
.ci-product-mini-form input{
min-height:31px!important;
font-size:.74rem!important;
}
.ci-product-mini-form input{padding:5px 8px!important;}
/* Shop header/filter: stop using excessive hero scale */
.ci-shop{padding:clamp(22px,4vw,42px) 0 var(--ci-section)!important;}
.ci-shop-hero{
margin-bottom:18px!important;
padding-bottom:18px!important;
}
.ci-shop-hero p{font-size:.98rem!important;line-height:1.55!important;margin-top:10px!important;}
.ci-shop-hero__meta strong{font-size:clamp(1.55rem,3vw,2.1rem)!important;}
.ci-chip-row{margin-bottom:18px!important;}
.ci-filter-panel{top:10px!important;}
/* Fitting/visit/help blocks should support, not dominate */
.ci-fitting-banner{
background:var(--ci-teal-soft)!important;
color:var(--ci-ink)!important;
border-top:1px solid var(--ci-line)!important;
border-bottom:1px solid var(--ci-line)!important;
}
.ci-fitting-banner .ci-eyebrow{color:var(--ci-teal-deep)!important;}
.ci-fitting-banner h2{color:var(--ci-ink)!important;font-size:clamp(1.9rem,4.3vw,3.6rem)!important;}
.ci-fitting-banner p{color:var(--ci-muted)!important;}
.ci-fitting-banner .ci-btn--light{color:var(--ci-teal-deep)!important;border-color:rgba(0,124,137,.35)!important;background:#fff!important;}
.ci-fitting-banner .ci-btn--dark{background:var(--ci-teal-deep)!important;color:#fff!important;border-color:var(--ci-teal-deep)!important;}
.ci-visit-panel{background:#fff!important;}
.ci-visit-panel h2{font-size:clamp(1.9rem,4.5vw,3.7rem)!important;}
.ci-visit-panel dl div{padding:13px 0!important;}
.ci-guide-row a{padding:17px 0!important;}
.ci-guide-row span{font-size:clamp(1.15rem,2.4vw,1.72rem)!important;}
.ci-guide-row small{font-size:.94rem!important;}
/* Size calculator: fluid and less rigid */
.size-room,
.size-calculator-page,
.size-room__hero,
.size-workspace,
.size-panel,
.size-workspace__result{
background:#fff!important;
}
.size-room__hero{padding:clamp(24px,4vw,46px) 0!important;}
.size-room__hero h1{font-size:clamp(2.25rem,5.8vw,5.2rem)!important;}
.size-workspace{gap:clamp(18px,4vw,42px)!important;}
.fit-help-board{gap:14px!important;margin-top:clamp(24px,4.5vw,46px)!important;}
.size-chart-drawers details{padding:11px 0!important;}
/* Footer: white boutique footer; black is secondary, not the whole room */
.ci-footer{
background:#fff!important;
color:var(--ci-ink)!important;
border-top:1px solid var(--ci-line)!important;
padding:clamp(28px,5vw,54px) 0 18px!important;
}
.ci-footer a{color:var(--ci-ink)!important;}
.ci-footer__logo{color:var(--ci-teal-deep)!important;}
.ci-footer__brand p,
.ci-footer__nav p,
.ci-footer__bottom{color:var(--ci-muted)!important;}
.ci-footer__contact a{border-color:var(--ci-line)!important;background:var(--ci-teal-soft)!important;color:var(--ci-teal-deep)!important;}
.ci-footer__bottom{border-top:1px solid var(--ci-line)!important;margin-top:clamp(22px,4vw,38px)!important;}
@media (max-width:900px){
.ci-atelier-hero__grid,
.ci-hero__grid{
grid-template-columns:1fr!important;
}
.ci-atelier-hero__visual,
.ci-hero__media{
order:0!important;
min-height:clamp(235px,58vw,380px)!important;
}
.ci-atelier-hero__main{inset:0!important;}
.ci-atelier-hero__mini{width:28%!important;}
.ci-service-lines a{
grid-template-columns:44px minmax(0,1fr)!important;
gap:8px 14px!important;
}
.ci-service-lines em{grid-column:2!important;}
.ci-fitting-banner__grid{gap:16px!important;}
.ci-fitting-banner__actions{justify-content:flex-start!important;}
}
@media (max-width:640px){
:root{
--ci-container:min(100% - 22px, 1140px);
--ci-section:clamp(30px,9vw,48px);
}
.ci-header__main{padding:10px 0!important;}
.ci-brand__name{font-size:clamp(28px,8vw,38px)!important;}
.ci-brand__promise{display:none!important;}
.ci-header__notice{font-size:.76rem!important;}
.ci-hero,
.ci-hero--atelier{
padding-top:16px!important;
padding-bottom:34px!important;
}
.ci-atelier-hero__copy h1,
.ci-hero h1{
font-size:clamp(2.25rem,11vw,3.9rem)!important;
}
.ci-hero__lead{font-size:.96rem!important;line-height:1.54!important;}
.ci-atelier-hero__visual,
.ci-hero__media{
min-height:clamp(215px,64vw,330px)!important;
}
.ci-atelier-hero__mini{display:none!important;}
.ci-boutique-intro h2{font-size:clamp(1.95rem,10vw,3.1rem)!important;}
.ci-service-lines a{grid-template-columns:1fr!important;padding:15px 0!important;}
.ci-service-lines em{grid-column:auto!important;}
.ci-editorial-product-spread__feature .ci-product-tile__image{aspect-ratio:4/5!important;}
.ci-moment-grid a{padding:17px 0!important;}
.ci-shop-hero{grid-template-columns:1fr!important;align-items:start!important;}
.ci-shop-hero__meta{justify-items:start!important;}
.ci-product-tile__actions{margin-top:5px!important;}
.ci-product-action,
.ci-product-mini-form button,
.ci-product-mini-form input{min-height:30px!important;}
.ci-footer__top{gap:22px!important;}
.ci-footer__nav{gap:18px!important;}
}
@media (max-width:380px){
:root{--ci-container:min(100% - 18px,1140px);}
.ci-header__actions{gap:7px!important;}
.ci-header__link--strong{font-size:.78rem!important;padding:0 9px!important;}
.ci-menu-button{width:42px!important;min-width:42px!important;}
.ci-atelier-hero__visual,
.ci-hero__media{min-height:210px!important;}
.ci-product-grid,
.ci-product-grid--shop,
.ci-editorial-product-spread{gap:14px 9px!important;}
}
/* ------------------------------------------------------------
PATCH 1 — Launch v1.0 homepage/header/mobile refinement
Scope: public storefront only. No admin/POS selectors.
------------------------------------------------------------ */
.ci-header__main{min-height:64px!important;}
.ci-brand__name{font-size:clamp(28px,4vw,42px)!important;}
.ci-brand__store{letter-spacing:.18em!important;}
.ci-menu-button{border-radius:14px!important;gap:7px!important;}
.ci-menu-button span{width:17px!important;height:2px!important;background:#fff!important;}
.ci-menu-button b{color:#fff!important;}
.ci-hero--patch1{background:linear-gradient(180deg,#fff 0%,#f8fbfb 100%)!important;padding:clamp(20px,4.5vw,54px) 0 clamp(30px,5.2vw,64px)!important;}
.ci-hero--patch1 .ci-atelier-hero__grid{grid-template-columns:minmax(0,.82fr) minmax(340px,1fr)!important;gap:clamp(24px,5vw,70px)!important;}
.ci-hero--patch1 .ci-atelier-hero__copy h1{font-size:clamp(2.15rem,5.7vw,4.85rem)!important;line-height:.98!important;letter-spacing:-.052em!important;max-width:680px;}
.ci-hero--patch1 .ci-hero__lead{font-size:clamp(.98rem,1.55vw,1.13rem)!important;line-height:1.62!important;max-width:620px!important;}
.ci-hero--patch1 .ci-atelier-hero__visual{min-height:clamp(320px,40vw,540px)!important;}
.ci-hero--patch1 .ci-atelier-hero__main{inset:0 12% 0 0!important;border-radius:18px!important;}
.ci-hero--patch1 .ci-atelier-hero__mini{border-radius:16px!important;border:7px solid #fff!important;}
.ci-hero--patch1 .ci-atelier-hero__main span,
.ci-hero--patch1 .ci-atelier-hero__mini span{border-radius:999px;color:var(--ci-teal-deep)!important;}
.ci-hero-size-card{position:absolute;z-index:4;left:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);display:grid;gap:2px;max-width:min(260px,70%);background:rgba(255,255,255,.94);border:1px solid rgba(225,231,231,.95);box-shadow:0 14px 34px rgba(17,17,17,.09);border-radius:16px;padding:13px 15px;color:var(--ci-ink)!important;}
.ci-hero-size-card strong{font-size:.92rem;line-height:1.15;}
.ci-hero-size-card span{font-size:.82rem;color:var(--ci-muted);line-height:1.35;}
.ci-section__aside{max-width:390px;margin:0;color:var(--ci-muted);line-height:1.58;font-size:.98rem;}
.ci-section--early-products{background:#fff!important;}
.ci-editorial-product-spread--patch1{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;}
.ci-editorial-product-spread--patch1 .ci-editorial-product-spread__feature{grid-column:span 2!important;grid-row:span 2!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__caption small{display:block!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__actions{margin-top:8px!important;}
.ci-editorial-product-spread--patch1 .ci-product-action{min-height:32px!important;border-radius:999px!important;}
.ci-editorial-product-spread--patch1 .ci-product-mini-form input{border-radius:999px!important;}
.ci-editorial-product-spread--patch1 .ci-product-mini-form button{border-radius:999px!important;min-width:58px;}
.ci-section--problem-cards{background:var(--ci-cream-2)!important;}
.ci-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,24px);}
.ci-problem-card{position:relative;min-height:clamp(250px,31vw,390px);overflow:hidden;border-radius:18px;background:var(--ci-cream-2);box-shadow:0 12px 32px rgba(17,17,17,.055);display:block;color:#fff!important;}
.ci-problem-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .38s ease;}
.ci-problem-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.72) 100%);}
.ci-problem-card:hover img{transform:scale(1.045);}
.ci-problem-card__badge{position:absolute;z-index:2;top:14px;left:14px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ci-teal-deep);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.ci-problem-card__body{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:grid;gap:7px;}
.ci-problem-card__body strong{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.35rem,2.5vw,2.05rem);line-height:1;letter-spacing:-.035em;color:#fff;}
.ci-problem-card__body small{font-size:.92rem;line-height:1.45;color:rgba(255,255,255,.9);}
.ci-section--people{background:#fff!important;}
.ci-person-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,20px);}
.ci-person-card{position:relative;display:block;min-height:clamp(210px,24vw,320px);overflow:hidden;border-radius:18px;background:var(--ci-cream-2);color:#fff!important;box-shadow:0 10px 28px rgba(17,17,17,.055);}
.ci-person-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.ci-person-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.67) 100%);}
.ci-person-card:hover img{transform:scale(1.04);}
.ci-person-card span{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:grid;gap:5px;}
.ci-person-card strong{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.28rem,2vw,1.85rem);line-height:1;letter-spacing:-.035em;color:#fff;}
.ci-person-card small{font-size:.85rem;line-height:1.42;color:rgba(255,255,255,.9);}
.ci-fitting-banner--home{background:linear-gradient(135deg,var(--ci-teal-soft),#fff 74%)!important;}
.ci-fitting-banner--home h2{font-size:clamp(1.85rem,4.2vw,3.45rem)!important;}
.ci-visit-panel__grid{align-items:start!important;}
.ci-guide-row a{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)!important;}
@media (max-width:980px){
.ci-hero--patch1 .ci-atelier-hero__grid{grid-template-columns:1fr!important;}
.ci-hero--patch1 .ci-atelier-hero__visual{order:-1!important;min-height:clamp(270px,58vw,440px)!important;}
.ci-hero--patch1 .ci-atelier-hero__main{inset:0!important;}
.ci-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.ci-person-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.ci-editorial-product-spread--patch1{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:700px){
.ci-section__head--split{display:grid!important;align-items:start!important;gap:12px!important;}
.ci-section__aside{max-width:none;font-size:.94rem;}
.ci-editorial-product-spread--patch1{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.ci-editorial-product-spread--patch1 .ci-editorial-product-spread__feature{grid-column:span 2!important;grid-row:auto!important;}
.ci-problem-grid,.ci-person-grid{grid-template-columns:1fr;}
.ci-problem-card{min-height:260px;}
.ci-person-card{min-height:235px;}
.ci-guide-row a{grid-template-columns:1fr!important;}
}
@media (max-width:520px){
.ci-hero--patch1{padding-top:14px!important;}
.ci-hero--patch1 .ci-atelier-hero__copy h1{font-size:clamp(2rem,10vw,3.05rem)!important;line-height:1.03!important;}
.ci-hero--patch1 .ci-hero__lead{font-size:.95rem!important;line-height:1.55!important;}
.ci-hero--patch1 .ci-hero__actions{display:grid!important;grid-template-columns:1fr!important;}
.ci-hero--patch1 .ci-atelier-hero__visual{min-height:230px!important;}
.ci-hero-size-card{display:none;}
.ci-editorial-product-spread--patch1 .ci-product-tile__caption small{display:none!important;}
.ci-problem-card__body small,.ci-person-card small{font-size:.84rem;}
}
@media (max-width:380px){
.ci-header__link--strong{display:none!important;}
.ci-menu-button{width:44px!important;min-width:44px!important;border-radius:12px!important;}
.ci-hero--patch1 .ci-atelier-hero__visual{min-height:210px!important;}
.ci-problem-card{min-height:230px;}
}
/* ------------------------------------------------------------
PATCH 1B — Mobile product-first refinement
Scope: public storefront only. No SQL/admin/POS changes.
Goal: mobile remains premium, but products appear first and
filters/help content stop consuming the first screens.
------------------------------------------------------------ */
/* Mobile-only premium shopfront inserted before the desktop/editorial hero. */
.ci-mobile-storefront{display:none;}
/* Keep the public header stationary without letting it become a second hero. */
.ci-header{
position:sticky!important;
top:0!important;
z-index:880!important;
box-shadow:0 8px 24px rgba(20,17,15,.055)!important;
}
@media (max-width:700px){
:root{--ci-section:clamp(30px,8vw,46px)!important;}
body.ci-public .ci-main{background:#fff!important;}
/* Header: compact, sticky, stable. */
.ci-header__notice,
.ci-quick-strip{display:none!important;}
.ci-header__main{
min-height:56px!important;
padding:7px 0!important;
gap:10px!important;
}
.ci-brand__name{font-size:clamp(25px,7.2vw,31px)!important;letter-spacing:-.045em!important;}
.ci-brand__store{font-size:.58rem!important;letter-spacing:.13em!important;}
.ci-brand__promise{display:none!important;}
.ci-header__actions{gap:7px!important;}
.ci-header__link--strong{
min-height:34px!important;
padding:0 10px!important;
font-size:.76rem!important;
border-radius:12px!important;
}
.ci-menu-button{
min-height:36px!important;
width:42px!important;
min-width:42px!important;
padding:0!important;
border-radius:12px!important;
justify-content:center!important;
}
.ci-menu-button span{width:16px!important;}
.ci-menu-button b{display:none!important;}
/* Homepage: mobile gets a premium product-first entrance, not a compressed desktop brochure. */
.page-home .ci-mobile-storefront{
display:block!important;
background:
radial-gradient(circle at 0 0,rgba(200,155,60,.20),transparent 34%),
linear-gradient(135deg,#ffffff 0%,#f7fbfb 48%,#fff7ea 100%)!important;
border-bottom:1px solid var(--ci-line)!important;
padding:14px 0 12px!important;
}
.ci-mobile-storefront__inner{display:grid!important;gap:11px!important;}
.ci-mobile-storefront__copy{display:grid!important;gap:5px!important;}
.ci-mobile-storefront .ci-eyebrow{font-size:.62rem!important;letter-spacing:.13em!important;margin:0!important;}
.ci-mobile-storefront h1{
font-family:"Playfair Display",Georgia,serif!important;
font-size:clamp(2rem,10.4vw,3rem)!important;
line-height:.96!important;
letter-spacing:-.055em!important;
margin:0!important;
color:var(--ci-ink)!important;
}
.ci-mobile-storefront p:not(.ci-eyebrow){
margin:0!important;
color:#4f453e!important;
font-size:.9rem!important;
line-height:1.42!important;
max-width:34rem!important;
}
.ci-mobile-storefront__rail{
display:grid!important;
grid-auto-flow:column!important;
grid-auto-columns:minmax(132px,42vw)!important;
gap:10px!important;
overflow-x:auto!important;
padding:2px 2px 7px!important;
scroll-snap-type:x proximity!important;
-webkit-overflow-scrolling:touch!important;
}
.ci-mobile-storefront__tile{
position:relative!important;
display:block!important;
aspect-ratio:4/5!important;
border-radius:18px!important;
overflow:hidden!important;
background:var(--ci-cream-2)!important;
box-shadow:0 12px 28px rgba(20,17,15,.10)!important;
scroll-snap-align:start!important;
color:#fff!important;
}
.ci-mobile-storefront__tile img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.ci-mobile-storefront__tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.68) 100%);}
.ci-mobile-storefront__tile span{
position:absolute!important;
z-index:2!important;
left:10px!important;
right:10px!important;
bottom:10px!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
font-weight:900!important;
font-size:.78rem!important;
line-height:1.15!important;
color:#fff!important;
}
.ci-mobile-storefront__actions{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:7px!important;
}
.ci-mobile-storefront__actions a{
min-height:34px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(0,124,137,.24)!important;
background:#fff!important;
color:var(--ci-teal-deep)!important;
border-radius:999px!important;
font-size:.73rem!important;
font-weight:900!important;
white-space:nowrap!important;
}
/* The desktop hero remains available lower down for desktop, but mobile should not spend two screens on it. */
.page-home .ci-hero--patch1{display:none!important;}
/* Products immediately after the mobile shopfront. Make them premium but compact. */
.ci-section--early-products{
padding-top:18px!important;
padding-bottom:30px!important;
border-top:0!important;
}
.ci-section--early-products .ci-section__head{margin-bottom:12px!important;}
.ci-section--early-products .ci-section__head h2{
font-size:clamp(1.3rem,6.2vw,1.85rem)!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
}
.ci-section--early-products .ci-eyebrow{font-size:.64rem!important;margin-bottom:6px!important;}
.ci-section--early-products .ci-text-link{font-size:.82rem!important;}
.ci-editorial-product-spread--patch1{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:14px 10px!important;
}
.ci-editorial-product-spread--patch1 .ci-editorial-product-spread__feature{grid-column:auto!important;grid-row:auto!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__image{aspect-ratio:4/5!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(20,17,15,.075)!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__caption{padding-top:7px!important;gap:3px!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__caption h3{font-size:.78rem!important;line-height:1.18!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__caption p{font-size:.78rem!important;gap:5px!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__caption span{font-size:.62rem!important;letter-spacing:.04em!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:4px!important;}
.ci-editorial-product-spread--patch1 .ci-product-action{min-height:29px!important;font-size:.69rem!important;}
.ci-editorial-product-spread--patch1 .ci-product-mini-form{grid-template-columns:minmax(0,1fr) 48px!important;gap:5px!important;}
.ci-editorial-product-spread--patch1 .ci-product-mini-form input,
.ci-editorial-product-spread--patch1 .ci-product-mini-form button{min-height:29px!important;font-size:.68rem!important;}
/* Support content becomes lower, image-rich, and horizontally browsable instead of dominating the first screens. */
.ci-section--problem-cards,
.ci-section--people,
.ci-fitting-banner--home,
.ci-visit-panel,
.ci-section--guides{padding-top:30px!important;padding-bottom:34px!important;}
.ci-problem-grid,
.ci-person-grid{
display:grid!important;
grid-auto-flow:column!important;
grid-auto-columns:minmax(230px,78vw)!important;
grid-template-columns:none!important;
gap:12px!important;
overflow-x:auto!important;
padding-bottom:8px!important;
scroll-snap-type:x proximity!important;
-webkit-overflow-scrolling:touch!important;
}
.ci-problem-card,
.ci-person-card{min-height:230px!important;border-radius:18px!important;scroll-snap-align:start!important;}
.ci-problem-card__body small,.ci-person-card small{font-size:.82rem!important;}
.ci-fitting-banner__grid{gap:12px!important;}
.ci-fitting-banner--home h2,
.ci-visit-panel h2,
.ci-section--people h2,
.ci-section--problem-cards h2,
.ci-section--guides h2{font-size:clamp(1.45rem,7.2vw,2.1rem)!important;line-height:1.05!important;}
.ci-fitting-banner--home p,
.ci-visit-panel p{font-size:.92rem!important;line-height:1.5!important;}
.ci-fitting-banner__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
.ci-fitting-banner__actions .ci-btn{min-height:38px!important;font-size:.78rem!important;padding:0 10px!important;}
/* Shop page: products first, filters only when called from a corner. */
.ci-shop{padding:10px 0 42px!important;background:#fff!important;}
.ci-breadcrumb{display:none!important;}
.ci-shop-hero{
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin:0 0 10px!important;
padding:6px 0 10px!important;
border-bottom:0!important;
}
.ci-shop-hero .ci-eyebrow,
.ci-shop-hero p{display:none!important;}
.ci-shop-hero h1{
font-size:clamp(1.35rem,7.1vw,2rem)!important;
line-height:1.02!important;
letter-spacing:-.045em!important;
margin:0!important;
max-width:72vw!important;
}
.ci-shop-hero__meta{display:flex!important;align-items:center!important;gap:7px!important;justify-items:start!important;margin-left:auto!important;}
.ci-shop-hero__meta strong{font-family:Inter,system-ui,sans-serif!important;font-size:.88rem!important;font-weight:900!important;color:var(--ci-teal-deep)!important;}
.ci-shop-hero__meta span{font-size:.62rem!important;letter-spacing:.06em!important;text-align:left!important;max-width:88px!important;line-height:1.15!important;}
.ci-filter-toggle{
position:fixed!important;
right:14px!important;
bottom:calc(15px + env(safe-area-inset-bottom))!important;
z-index:860!important;
display:inline-flex!important;
min-height:44px!important;
align-items:center!important;
justify-content:center!important;
border-radius:999px!important;
padding:0 15px!important;
background:var(--ci-teal-deep)!important;
border-color:var(--ci-teal-deep)!important;
color:#fff!important;
box-shadow:0 13px 32px rgba(7,63,61,.28)!important;
font-size:.82rem!important;
font-weight:900!important;
}
.ci-filter-toggle::before{content:"☰";font-size:.9rem;margin-right:6px;line-height:1;}
.ci-chip-row{
flex-wrap:nowrap!important;
overflow-x:auto!important;
margin:0 0 10px!important;
padding-bottom:3px!important;
}
.ci-chip-row span,.ci-chip-row a{min-height:28px!important;font-size:.68rem!important;padding:0 9px!important;white-space:nowrap!important;}
.ci-shop-layout{display:block!important;}
.ci-product-grid--shop{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important;}
.shop-product-tile .ci-product-tile__image{border-radius:16px!important;box-shadow:0 9px 24px rgba(20,17,15,.075)!important;}
.shop-product-tile .ci-product-tile__caption{padding-top:7px!important;gap:3px!important;}
.shop-product-tile .ci-product-tile__caption h2{font-size:.78rem!important;line-height:1.18!important;}
.shop-product-tile .ci-product-tile__caption small{font-size:.68rem!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.shop-product-tile .ci-product-tile__caption p{font-size:.78rem!important;gap:5px!important;}
.shop-product-tile .ci-product-tile__caption span{font-size:.61rem!important;}
.shop-product-tile .ci-product-tile__actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:4px!important;}
.shop-product-tile .ci-product-action{min-height:29px!important;font-size:.69rem!important;}
.shop-product-tile .ci-product-mini-form{grid-template-columns:minmax(0,1fr) 48px!important;gap:5px!important;}
.shop-product-tile .ci-product-mini-form input,
.shop-product-tile .ci-product-mini-form button{min-height:29px!important;font-size:.68rem!important;}
.ci-filter-panel{
z-index:990!important;
border-radius:22px 22px 0 0!important;
background:#fffaf2!important;
max-height:min(78vh,640px)!important;
padding:18px 18px calc(24px + env(safe-area-inset-bottom))!important;
}
.ci-filter-panel__head{position:sticky!important;top:-18px!important;background:#fffaf2!important;padding-top:6px!important;z-index:2!important;}
.ci-filter-panel__head h2{font-size:1.55rem!important;}
}
@media (max-width:380px){
.ci-mobile-storefront__rail{grid-auto-columns:minmax(124px,44vw)!important;}
.ci-mobile-storefront__actions{gap:5px!important;}
.ci-mobile-storefront__actions a{font-size:.68rem!important;min-height:32px!important;}
.ci-editorial-product-spread--patch1,
.ci-product-grid--shop{gap:12px 8px!important;}
.ci-header__link--strong{display:none!important;}
.ci-shop-hero h1{max-width:68vw!important;}
}
/* ------------------------------------------------------------
PATCH 2 — Shop/Product polish + global sticky header
Scope: public storefront only. No SQL/admin/POS changes.
Goal: keep products first, keep filters callable, and keep the
header in place while customers scroll.
------------------------------------------------------------ */
:root{
--ci-sticky-header-offset:138px;
--ci-sticky-header-mobile-offset:56px;
}
html{scroll-padding-top:calc(var(--ci-sticky-header-offset) + 16px)!important;}
.ci-header{
position:sticky!important;
top:0!important;
z-index:1800!important;
background:rgba(255,255,255,.96)!important;
backdrop-filter:saturate(145%) blur(14px)!important;
-webkit-backdrop-filter:saturate(145%) blur(14px)!important;
box-shadow:0 8px 26px rgba(17,17,17,.055)!important;
}
.ci-header__main{transition:min-height .18s ease, padding .18s ease!important;}
.ci-filter-panel{top:calc(var(--ci-sticky-header-offset) + 14px)!important;max-height:calc(100vh - var(--ci-sticky-header-offset) - 28px);overflow:auto;}
.product-buy-panel{top:calc(var(--ci-sticky-header-offset) + 16px)!important;}
/* Shop: product-first, cleaner and less brochure-like. */
.ci-shop{padding-top:clamp(14px,2.4vw,30px)!important;}
.ci-shop .ci-container{width:min(1180px, calc(100% - clamp(22px,4vw,58px)))!important;}
.ci-shop-hero{
margin-bottom:clamp(14px,2.5vw,22px)!important;
padding:clamp(14px,2vw,22px)!important;
border:1px solid var(--ci-line)!important;
border-radius:22px!important;
background:linear-gradient(135deg,#fff 0%,var(--ci-teal-soft) 100%)!important;
box-shadow:0 12px 32px rgba(17,17,17,.045)!important;
}
.ci-shop-hero h1{font-size:clamp(2rem,4.3vw,4.05rem)!important;line-height:.98!important;}
.ci-shop-hero p{max-width:650px!important;margin-top:8px!important;}
.ci-shop-hero__meta{
align-self:center!important;
padding:10px 12px!important;
border-radius:18px!important;
background:rgba(255,255,255,.72)!important;
border:1px solid rgba(255,255,255,.86)!important;
}
.ci-shop-layout{grid-template-columns:minmax(190px,225px) minmax(0,1fr)!important;gap:clamp(18px,3vw,34px)!important;}
.ci-filter-panel{
border:1px solid var(--ci-line)!important;
border-radius:22px!important;
padding:16px!important;
background:#fff!important;
box-shadow:0 12px 30px rgba(17,17,17,.045)!important;
}
.ci-filter-panel__head{margin-bottom:10px!important;}
.ci-filter-panel__head h2{font-size:1.45rem!important;}
.ci-filter-form{gap:8px!important;}
.ci-filter-form select{border-radius:14px!important;min-height:42px!important;}
.ci-filter-form button{border-radius:14px!important;min-height:42px!important;}
.ci-product-grid--shop{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(18px,2.5vw,30px) clamp(12px,1.8vw,20px)!important;}
.shop-product-tile .ci-product-tile__image{border-radius:20px!important;box-shadow:0 12px 28px rgba(17,17,17,.075)!important;}
.shop-product-tile .ci-product-tile__caption h2{font-size:clamp(.84rem,1.1vw,.98rem)!important;}
.shop-product-tile .ci-product-tile__caption small{min-height:1.2em!important;}
.shop-product-tile .ci-product-tile__caption p strong{font-size:.94rem!important;}
.shop-product-tile .ci-product-tile__actions{grid-template-columns:1fr!important;}
.shop-product-tile .ci-product-mini-form{grid-template-columns:minmax(0,1fr) 58px!important;align-items:center!important;}
.shop-product-tile .ci-product-mini-form input{border-radius:12px!important;background:#fff!important;}
.shop-product-tile .ci-product-mini-form button{border-radius:12px!important;}
.ci-pagination{margin-top:clamp(22px,4vw,38px)!important;}
@media (min-width:1180px){
.ci-product-grid--shop{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
/* Product page: keep product imagery and buying controls sharp. */
.product-decision-page{background:#fff!important;padding-top:clamp(14px,2vw,26px)!important;}
.product-decision-shell{max-width:1180px!important;}
.product-breadcrumb{margin-bottom:clamp(12px,2vw,18px)!important;color:var(--ci-muted)!important;}
.product-stage{gap:clamp(20px,4vw,48px)!important;}
.product-gallery-carousel .carousel-item img{
aspect-ratio:4/5!important;
width:100%!important;
height:auto!important;
max-height:calc(100vh - var(--ci-sticky-header-offset) - 80px)!important;
object-fit:cover!important;
border-radius:24px!important;
background:var(--ci-cream-2)!important;
}
.product-thumbs{gap:8px!important;margin-top:10px!important;}
.product-thumb{border-radius:14px!important;overflow:hidden!important;border:1px solid var(--ci-line)!important;background:#fff!important;}
.product-thumb.is-active{border-color:var(--ci-teal-deep)!important;box-shadow:0 0 0 2px rgba(0,124,137,.12)!important;}
.product-buy-panel{
border:1px solid var(--ci-line)!important;
border-radius:24px!important;
padding:clamp(18px,2.5vw,26px)!important;
background:#fff!important;
box-shadow:0 14px 34px rgba(17,17,17,.055)!important;
}
.product-buy-panel h1{font-size:clamp(1.9rem,3.8vw,3.8rem)!important;line-height:1!important;}
.product-price-line{font-size:clamp(1.28rem,2vw,1.75rem)!important;color:var(--ci-teal-deep)!important;}
.product-short-summary{font-size:.98rem!important;line-height:1.55!important;}
.product-quick-facts{gap:8px!important;}
.product-quick-facts div{border-radius:16px!important;background:var(--ci-cream-2)!important;border:1px solid var(--ci-line)!important;padding:10px!important;}
.product-purchase-form input{border-radius:14px!important;min-height:44px!important;}
.product-purchase-form button{border-radius:14px!important;min-height:46px!important;background:var(--ci-teal-deep)!important;border-color:var(--ci-teal-deep)!important;}
.product-help-actions a{border-radius:14px!important;min-height:40px!important;}
.product-info-board{gap:clamp(14px,2.4vw,22px)!important;margin-top:clamp(24px,4vw,44px)!important;}
.product-info-feature,.product-info-card{border:1px solid var(--ci-line)!important;border-radius:22px!important;padding:clamp(16px,2vw,22px)!important;background:#fff!important;}
.product-related-grid{gap:clamp(14px,2.4vw,22px)!important;}
.related-product-tile__image{border-radius:18px!important;}
@media (max-width:900px){
:root{--ci-sticky-header-offset:76px;}
html{scroll-padding-top:calc(var(--ci-sticky-header-offset) + 12px)!important;}
.ci-filter-panel{top:auto!important;max-height:min(78vh,640px)!important;}
.product-buy-panel{top:auto!important;}
}
@media (max-width:700px){
:root{--ci-sticky-header-offset:var(--ci-sticky-header-mobile-offset);}
html{scroll-padding-top:calc(var(--ci-sticky-header-mobile-offset) + 10px)!important;}
.ci-header{box-shadow:0 6px 20px rgba(17,17,17,.07)!important;}
.ci-header__main{min-height:54px!important;padding:6px 0!important;}
/* Shop mobile: compact header, visible products, callable filter. */
.ci-shop{padding:7px 0 40px!important;}
.ci-shop .ci-container{width:min(100% - 14px, 1180px)!important;}
.ci-shop-hero{
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:#fff!important;
margin-bottom:8px!important;
padding:5px 0 7px!important;
}
.ci-shop-hero h1{font-size:clamp(1.22rem,6.5vw,1.85rem)!important;max-width:64vw!important;}
.ci-shop-hero__meta{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.ci-filter-toggle{bottom:calc(12px + env(safe-area-inset-bottom))!important;right:12px!important;}
.ci-product-grid--shop{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important;}
.shop-product-tile .ci-product-tile__image{aspect-ratio:4/5!important;border-radius:17px!important;box-shadow:0 9px 22px rgba(17,17,17,.08)!important;}
.shop-product-tile .ci-product-tile__caption h2{font-size:.8rem!important;line-height:1.18!important;}
.shop-product-tile .ci-product-mini-form{grid-template-columns:minmax(0,1fr) 50px!important;}
.shop-product-tile .ci-product-mini-form input,
.shop-product-tile .ci-product-mini-form button{min-height:30px!important;}
/* Product page mobile: product first, buy panel clear, help lower. */
.product-decision-page{padding-top:8px!important;}
.product-decision-shell{width:min(100% - 14px, 1180px)!important;}
.product-breadcrumb{display:none!important;}
.product-stage{gap:14px!important;}
.product-gallery-carousel .carousel-item img{border-radius:18px!important;max-height:none!important;}
.product-thumbs{display:flex!important;overflow-x:auto!important;padding-bottom:3px!important;}
.product-thumb{min-width:58px!important;width:58px!important;height:58px!important;}
.product-buy-panel{border-radius:20px!important;padding:16px!important;box-shadow:0 10px 28px rgba(17,17,17,.055)!important;}
.product-back-link,.product-category-line{font-size:.72rem!important;}
.product-buy-panel h1{font-size:clamp(1.48rem,8vw,2.2rem)!important;margin-bottom:8px!important;}
.product-price-line{font-size:1.22rem!important;margin-bottom:8px!important;}
.product-short-summary{font-size:.9rem!important;}
.product-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.product-purchase-form{gap:8px!important;}
.product-form-row{grid-template-columns:82px minmax(0,1fr)!important;gap:8px!important;}
.product-help-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;}
.product-help-actions a{font-size:.78rem!important;min-height:38px!important;}
.product-info-board{display:grid!important;grid-template-columns:1fr!important;margin-top:18px!important;}
.product-info-feature,.product-info-card{padding:15px!important;border-radius:18px!important;}
.product-info-feature h2,.product-info-card h3{font-size:1.1rem!important;}
.product-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important;}
}
@media (max-width:380px){
.ci-shop .ci-container,.product-decision-shell{width:min(100% - 12px, 1180px)!important;}
.shop-product-tile .ci-product-tile__caption small{display:none!important;}
.product-help-actions{grid-template-columns:1fr!important;}
}
/* ------------------------------------------------------------
PATCH 3 — Mobile chrome correction + cart/checkout polish
Scope: header stickiness, hamburger rendering, mobile footer scale,
cart/checkout responsive polish. No SQL/admin/POS changes.
Goal: products and buying controls stay first on mobile while the
header remains fixed, compact and usable.
------------------------------------------------------------ */
:root{
--ci-mobile-fixed-header:56px;
}
/* Desktop/tablet: sticky remains in document flow. */
@media (min-width:701px){
body.ci-public{padding-top:0!important;}
.ci-header{
position:sticky!important;
top:0!important;
left:auto!important;
right:auto!important;
width:auto!important;
z-index:3000!important;
}
}
/* Mobile: force a true fixed compact header so it stays in place. */
@media (max-width:700px){
html{scroll-padding-top:calc(var(--ci-mobile-fixed-header) + 10px)!important;}
body.ci-public{padding-top:var(--ci-mobile-fixed-header)!important;}
body.ci-public .ci-main{background:#fff!important;}
.ci-header{
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:3000!important;
background:rgba(255,255,255,.975)!important;
border-bottom:1px solid rgba(225,231,231,.95)!important;
box-shadow:0 8px 24px rgba(17,17,17,.08)!important;
backdrop-filter:saturate(150%) blur(14px)!important;
-webkit-backdrop-filter:saturate(150%) blur(14px)!important;
transform:translateZ(0)!important;
}
.ci-header__notice,
.ci-nav,
.ci-quick-strip{display:none!important;}
.ci-header__main{
min-height:var(--ci-mobile-fixed-header)!important;
height:var(--ci-mobile-fixed-header)!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
}
.ci-brand{min-width:0!important;display:grid!important;gap:0!important;line-height:1!important;}
.ci-brand__name{font-size:clamp(25px,7vw,30px)!important;line-height:.9!important;letter-spacing:-.045em!important;}
.ci-brand__store{font-size:.54rem!important;letter-spacing:.12em!important;line-height:1.1!important;}
.ci-brand__promise{display:none!important;}
.ci-header__actions{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;}
.ci-header__link--desktop,
.ci-header__link--strong{display:none!important;}
/* Rebuild hamburger from scratch so the bars render cleanly on all phones. */
.ci-menu-button{
display:inline-flex!important;
position:relative!important;
flex:0 0 44px!important;
width:44px!important;
min-width:44px!important;
height:44px!important;
min-height:44px!important;
padding:0!important;
margin:0!important;
border-radius:14px!important;
border:1px solid rgba(17,17,17,.95)!important;
background:#111!important;
color:#fff!important;
box-shadow:0 9px 22px rgba(17,17,17,.18)!important;
overflow:hidden!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
appearance:none!important;
-webkit-appearance:none!important;
}
.ci-menu-button span{
position:absolute!important;
left:11px!important;
width:20px!important;
height:2px!important;
min-height:0!important;
display:block!important;
background:#fff!important;
border-radius:999px!important;
margin:0!important;
opacity:1!important;
transform:none!important;
transition:top .18s ease, transform .18s ease, opacity .18s ease!important;
}
.ci-menu-button span:nth-child(1){top:14px!important;}
.ci-menu-button span:nth-child(2){top:21px!important;}
.ci-menu-button span:nth-child(3){top:28px!important;}
.ci-menu-button b{display:none!important;}
body.ci-menu-open .ci-menu-button span:nth-child(1){top:21px!important;transform:rotate(45deg)!important;}
body.ci-menu-open .ci-menu-button span:nth-child(2){opacity:0!important;}
body.ci-menu-open .ci-menu-button span:nth-child(3){top:21px!important;transform:rotate(-45deg)!important;}
.ci-mobile-menu{z-index:3100!important;}
.ci-mobile-menu__backdrop{background:rgba(17,17,17,.38)!important;}
.ci-mobile-menu__panel{
width:min(360px,94vw)!important;
padding:14px!important;
background:#fffaf2!important;
box-shadow:-20px 0 60px rgba(17,17,17,.20)!important;
}
.ci-mobile-menu__head{padding-bottom:12px!important;}
.ci-mobile-menu__head strong{font-size:1.32rem!important;}
.ci-mobile-search input{min-height:42px!important;}
.ci-mobile-menu__links{gap:4px!important;}
.ci-mobile-menu__links a{padding:10px 1px!important;}
.ci-filter-toggle{z-index:2500!important;}
}
/* Slim mobile footer. It should support trust, not become a full page. */
@media (max-width:700px){
.ci-footer{
padding:18px 0 calc(16px + env(safe-area-inset-bottom))!important;
background:#fff!important;
border-top:1px solid var(--ci-line)!important;
}
.ci-footer__top{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
.ci-footer__logo{font-size:1.55rem!important;line-height:1!important;letter-spacing:-.04em!important;}
.ci-footer__brand p{display:none!important;}
.ci-footer__contact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important;}
.ci-footer__contact a{min-height:34px!important;padding:0 9px!important;font-size:.76rem!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.ci-footer__nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
.ci-footer__nav h2{font-size:.6rem!important;letter-spacing:.12em!important;margin:0 0 5px!important;}
.ci-footer__nav a{font-size:.72rem!important;line-height:1.15!important;padding:2px 0!important;}
.ci-footer__nav p{font-size:.7rem!important;line-height:1.2!important;margin:0 0 5px!important;}
.ci-footer__nav div:nth-child(3) p:first-of-type{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.ci-footer__bottom{margin-top:12px!important;padding-top:10px!important;display:grid!important;gap:8px!important;font-size:.68rem!important;}
.ci-footer__bottom nav{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.ci-footer__bottom nav a{font-size:.68rem!important;}
}
/* Cart/checkout launch polish: keep purchase pages compact and clear on mobile. */
.commerce-page{background:#fff!important;}
.commerce-shell{max-width:1180px!important;}
.commerce-page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:clamp(14px,2.5vw,24px)!important;}
.commerce-page__eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:var(--ci-gold);font-size:.74rem;margin:0 0 6px!important;}
.commerce-page__head h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.1rem,4.6vw,4.5rem);line-height:.96;letter-spacing:-.055em;margin:0!important;}
.commerce-page__intro{color:var(--ci-muted);max-width:620px;line-height:1.55;margin:8px 0 0!important;}
.commerce-card{border:1px solid var(--ci-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 30px rgba(17,17,17,.045)!important;padding:clamp(16px,2.3vw,24px)!important;}
.commerce-card__head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px!important;}
.commerce-card__head h2{font-size:1.18rem!important;line-height:1.1!important;margin:0!important;}
.commerce-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.36fr);gap:clamp(14px,2.8vw,30px)!important;align-items:start!important;}
.commerce-sidebar{position:sticky;top:calc(var(--ci-sticky-header-offset, 120px) + 16px);}
.cart-line{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(150px,.28fr);gap:14px;align-items:start;border-top:1px solid var(--ci-line);padding:14px 0;}
.cart-line:first-child{border-top:0;}
.cart-line__media img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;border-radius:16px!important;}
.cart-line__title{font-size:1rem!important;line-height:1.18!important;margin:0!important;}
.cart-line__stock,.cart-line__price-mobile,.form-text{font-size:.78rem!important;color:var(--ci-muted)!important;}
.cart-line__controls{display:grid!important;gap:9px!important;}
.cart-line__field input,.commerce-field input,.commerce-field select,.commerce-field textarea,.form-control,.form-select{border-radius:14px!important;border:1px solid var(--ci-line)!important;min-height:42px!important;}
.summary-lines{display:grid!important;gap:8px!important;}
.summary-line{display:flex!important;justify-content:space-between!important;gap:12px!important;}
.commerce-actions .btn,.commerce-empty__actions .btn{border-radius:14px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;}
@media (max-width:900px){
.commerce-grid{grid-template-columns:1fr!important;}
.commerce-sidebar{position:relative!important;top:auto!important;}
}
@media (max-width:700px){
.commerce-page{padding:12px 0 28px!important;}
.commerce-shell{width:min(100% - 14px,1180px)!important;}
.commerce-page__head{display:block!important;margin-bottom:10px!important;}
.commerce-page__eyebrow{font-size:.62rem!important;margin-bottom:4px!important;}
.commerce-page__head h1{font-size:clamp(1.55rem,8vw,2.1rem)!important;line-height:1!important;}
.commerce-page__intro{font-size:.85rem!important;line-height:1.35!important;margin-top:5px!important;}
.commerce-card{border-radius:18px!important;padding:13px!important;box-shadow:0 8px 22px rgba(17,17,17,.04)!important;}
.commerce-card__head{margin-bottom:8px!important;}
.commerce-card__head h2{font-size:1rem!important;}
.cart-line{grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important;padding:11px 0!important;}
.cart-line__media{max-width:72px!important;}
.cart-line__main{min-width:0!important;}
.cart-line__title,.checkout-item-title{font-size:.86rem!important;line-height:1.16!important;}
.cart-line__controls{grid-column:1 / -1!important;grid-template-columns:1fr!important;gap:7px!important;}
.cart-line__money{display:grid!important;gap:4px!important;font-size:.82rem!important;}
.cart-line__price-mobile{display:block!important;}
.commerce-form-grid{grid-template-columns:1fr!important;gap:10px!important;}
.commerce-field label,.form-label{font-size:.78rem!important;margin-bottom:4px!important;}
.commerce-field input,.commerce-field select,.commerce-field textarea,.form-control,.form-select{min-height:40px!important;font-size:.86rem!important;}
.commerce-actions{gap:8px!important;}
.commerce-actions .btn,.commerce-empty__actions .btn{min-height:40px!important;font-size:.84rem!important;}
}
/* ------------------------------------------------------------
PATCH 4 — Mobile menu top-layer overlay + sticky header final
Scope: fixes hamburger drawer rendering behind page content by
moving the mobile menu to body via JS and forcing true overlay
stacking. Also reinforces sticky/fixed header behavior.
------------------------------------------------------------ */
:root{
--ci-header-z:9000;
--ci-menu-z:2147483000;
--ci-mobile-fixed-header:56px;
}
/* Header must always be above page content, but below the menu overlay. */
.ci-header{
isolation:isolate!important;
z-index:var(--ci-header-z)!important;
}
@media (min-width:701px){
.ci-header{
position:sticky!important;
top:0!important;
z-index:var(--ci-header-z)!important;
background:rgba(255,250,242,.985)!important;
}
}
@media (max-width:700px){
html{scroll-padding-top:calc(var(--ci-mobile-fixed-header) + 12px)!important;}
body.ci-public{padding-top:var(--ci-mobile-fixed-header)!important;}
.ci-header{
position:fixed!important;
top:0!important;
right:0!important;
left:0!important;
width:100%!important;
height:var(--ci-mobile-fixed-header)!important;
min-height:var(--ci-mobile-fixed-header)!important;
z-index:var(--ci-header-z)!important;
overflow:visible!important;
background:rgba(255,255,255,.982)!important;
box-shadow:0 8px 24px rgba(17,17,17,.09)!important;
transform:none!important;
}
.ci-header__main{
height:var(--ci-mobile-fixed-header)!important;
min-height:var(--ci-mobile-fixed-header)!important;
padding:0!important;
}
}
/* True top-layer menu. This menu is moved to by nav.php Patch 4 JS. */
body > .ci-mobile-menu,
.ci-mobile-menu{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100dvh!important;
min-height:100vh!important;
z-index:var(--ci-menu-z)!important;
pointer-events:none!important;
display:block!important;
opacity:0!important;
visibility:hidden!important;
background:transparent!important;
transform:none!important;
isolation:isolate!important;
contain:layout style!important;
}
body.ci-menu-open > .ci-mobile-menu,
body.ci-menu-open .ci-mobile-menu,
.ci-mobile-menu.is-open{
pointer-events:auto!important;
opacity:1!important;
visibility:visible!important;
}
body > .ci-mobile-menu[hidden],
.ci-mobile-menu[hidden]{display:none!important;}
.ci-mobile-menu__backdrop{
position:fixed!important;
inset:0!important;
z-index:1!important;
background:rgba(17,17,17,.46)!important;
opacity:0!important;
transition:opacity .22s ease!important;
-webkit-tap-highlight-color:transparent!important;
}
body.ci-menu-open .ci-mobile-menu__backdrop,
.ci-mobile-menu.is-open .ci-mobile-menu__backdrop{opacity:1!important;}
.ci-mobile-menu__panel{
position:fixed!important;
top:0!important;
right:0!important;
bottom:0!important;
left:auto!important;
z-index:2!important;
width:min(390px,92vw)!important;
max-width:92vw!important;
height:100dvh!important;
min-height:100vh!important;
padding:calc(16px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))!important;
background:#fffaf2!important;
border-left:1px solid rgba(214,178,85,.28)!important;
box-shadow:-26px 0 72px rgba(17,17,17,.24)!important;
overflow:auto!important;
-webkit-overflow-scrolling:touch!important;
transform:translate3d(106%,0,0)!important;
transition:transform .24s cubic-bezier(.2,.75,.2,1)!important;
display:flex!important;
flex-direction:column!important;
gap:14px!important;
outline:0!important;
will-change:transform!important;
}
body.ci-menu-open .ci-mobile-menu__panel,
.ci-mobile-menu.is-open .ci-mobile-menu__panel{transform:translate3d(0,0,0)!important;}
/* Keep the hamburger as a trigger only; the drawer is the overlay. */
@media (max-width:700px){
.ci-menu-button{
z-index:calc(var(--ci-header-z) + 1)!important;
position:relative!important;
touch-action:manipulation!important;
}
body.ci-menu-open .ci-menu-button{
background:#111!important;
border-color:#111!important;
}
.ci-mobile-menu__head{
align-items:center!important;
position:sticky!important;
top:calc(-16px - env(safe-area-inset-top))!important;
z-index:3!important;
background:linear-gradient(180deg,#fffaf2 76%,rgba(255,250,242,.94))!important;
margin:calc(-16px - env(safe-area-inset-top)) -16px 0!important;
padding:calc(16px + env(safe-area-inset-top)) 16px 12px!important;
}
.ci-mobile-menu__head button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
border-radius:14px!important;
background:#111!important;
color:#fff!important;
border:0!important;
line-height:1!important;
}
/* Mobile filters must never sit above the menu overlay. */
.ci-filter-toggle{z-index:2500!important;}
body.ci-menu-open .ci-filter-toggle{display:none!important;}
}
/* ==========================================================
CSIRI PATCH 3 REDO — PRODUCT-FIRST CART/CHECKOUT + MOBILE CHROME
Purpose: remove heavy card/container feel on cart and checkout,
keep products/payment actions first on mobile, and force menu overlay.
========================================================== */
:root{
--ci-mobile-header-h: 64px;
--ci-overlay-z: 2147483000;
--ci-header-z: 2147482000;
}
.ci-header{
position: sticky;
top: 0;
z-index: var(--ci-header-z);
background: rgba(255,255,255,.96);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
box-shadow: 0 10px 28px rgba(0,0,0,.08);
}
.ci-menu-open{overflow:hidden;}
.ci-mobile-menu{
position: fixed !important;
inset: 0 !important;
z-index: var(--ci-overlay-z) !important;
pointer-events: none;
}
.ci-menu-open .ci-mobile-menu{pointer-events:auto;}
.ci-mobile-menu[hidden]{display:none !important;}
.ci-mobile-menu__backdrop{
position: fixed !important;
inset: 0 !important;
background: rgba(0,0,0,.48);
opacity: 0;
transition: opacity .18s ease;
z-index: calc(var(--ci-overlay-z) + 1) !important;
}
.ci-menu-open .ci-mobile-menu__backdrop{opacity:1;}
.ci-mobile-menu__panel{
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: min(88vw, 390px) !important;
max-width: 390px;
height: 100dvh !important;
overflow-y: auto;
background: #ffffff;
transform: translateX(105%);
transition: transform .22s ease;
z-index: calc(var(--ci-overlay-z) + 2) !important;
box-shadow: -22px 0 55px rgba(0,0,0,.28);
}
.ci-menu-open .ci-mobile-menu__panel{transform:translateX(0);}
.checkout-lite{
background: linear-gradient(180deg,#fff 0%,#fbfaf7 100%);
padding: clamp(18px,4vw,42px) 0 clamp(92px,8vw,72px);
}
.checkout-lite__shell{
max-width: 1180px;
margin: 0 auto;
}
.checkout-lite__head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
margin-bottom:clamp(14px,3vw,26px);
border-bottom:1px solid rgba(0,0,0,.08);
padding-bottom:14px;
}
.checkout-lite__eyebrow{
color:#0e8f89;
text-transform:uppercase;
letter-spacing:.14em;
font-weight:800;
font-size:.72rem;
margin:0 0 4px;
}
.checkout-lite__head h1{
font-family: "Playfair Display", Georgia, serif;
font-size:clamp(2rem,4.5vw,3.8rem);
line-height:.98;
margin:0;
color:#101010;
}
.checkout-lite__toplink{
color:#111;
text-decoration:none;
border-bottom:1px solid currentColor;
font-weight:700;
white-space:nowrap;
}
.checkout-lite__layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(290px,360px);
gap:clamp(18px,3vw,34px);
align-items:start;
}
.checkout-lite__items,
.checkout-lite__flow{
display:grid;
gap:12px;
}
.checkout-line{
display:grid;
grid-template-columns:112px minmax(0,1fr) minmax(92px,132px);
gap:14px;
align-items:center;
padding:12px 0;
border-bottom:1px solid rgba(0,0,0,.09);
}
.checkout-line:first-child{border-top:1px solid rgba(0,0,0,.09);}
.checkout-line__image{
display:block;
overflow:hidden;
border-radius:18px;
background:#f1f1ee;
aspect-ratio:1/1;
}
.checkout-line__image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.checkout-line__body h2,
.checkout-line__body h3{
font-size:clamp(.98rem,1.7vw,1.12rem);
line-height:1.25;
margin:0 0 8px;
color:#111;
}
.checkout-line__body a{color:inherit;text-decoration:none;}
.checkout-line__meta{
display:flex;
flex-wrap:wrap;
gap:6px 10px;
align-items:center;
color:rgba(0,0,0,.66);
font-size:.9rem;
}
.checkout-line__meta span,
.checkout-line__meta strong{
background:#f5f3ee;
border:1px solid rgba(0,0,0,.05);
border-radius:999px;
padding:5px 9px;
font-weight:700;
}
.checkout-line__help{display:inline-block;margin-top:9px;color:#0e8f89;font-weight:800;text-decoration:none;}
.checkout-line__side{
display:grid;
justify-items:end;
gap:6px;
}
.checkout-line__side label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#555;}
.checkout-line__side input{
width:72px;
min-height:42px;
border:1px solid rgba(0,0,0,.18);
border-radius:12px;
text-align:center;
font-weight:800;
background:#fff;
}
.checkout-line__side strong{font-size:.98rem;color:#111;}
.checkout-lite__summary{
position:sticky;
top:calc(var(--ci-mobile-header-h) + 20px);
}
.checkout-lite__summary-inner{
background:#111;
color:#fff;
border-radius:26px;
padding:20px;
box-shadow:0 24px 48px rgba(0,0,0,.18);
}
.checkout-lite__summary-line{
display:flex;
justify-content:space-between;
gap:16px;
padding:8px 0;
border-bottom:1px solid rgba(255,255,255,.16);
}
.checkout-lite__summary-line--total{font-size:1.14rem;border-bottom:0;padding-top:14px;}
.checkout-lite__actions{display:grid;gap:10px;margin-top:16px;}
.checkout-lite__actions--success{max-width:420px;margin-inline:auto;}
.checkout-lite__button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
border-radius:999px;
padding:10px 18px;
text-decoration:none;
font-weight:850;
border:1px solid transparent;
cursor:pointer;
}
.checkout-lite__button--primary{background:#0e8f89;color:#fff;border-color:#0e8f89;}
.checkout-lite__button--ghost{background:#fff;color:#111;border-color:rgba(0,0,0,.18);}
.checkout-lite__summary .checkout-lite__button--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25);}
.checkout-lite__small{font-size:.84rem;line-height:1.45;color:rgba(255,255,255,.72);margin:12px 0 0;}
.checkout-lite__alert{
border-radius:18px;
padding:14px 16px;
margin-bottom:16px;
font-weight:700;
}
.checkout-lite__alert--danger{background:#fff0f0;color:#8b1d1d;border:1px solid #ffd1d1;}
.checkout-lite__alert--success,.checkout-lite__alert--info{background:#eefcf9;color:#075f5a;border:1px solid #ccefeb;}
.checkout-lite__empty{
text-align:center;
max-width:620px;
margin:28px auto;
padding:clamp(28px,6vw,56px) 18px;
}
.checkout-lite__empty h1,.checkout-lite__empty h2{
font-family:"Playfair Display", Georgia, serif;
font-size:clamp(2rem,5vw,4rem);
line-height:1;
margin:0 0 12px;
}
.checkout-lite__empty p{font-size:1.02rem;line-height:1.65;color:#555;margin:0 auto 18px;max-width:560px;}
.checkout-step{
padding:18px 0;
border-bottom:1px solid rgba(0,0,0,.09);
}
.checkout-step:first-child{border-top:1px solid rgba(0,0,0,.09);}
.checkout-step__head{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px;
}
.checkout-step__head span{
width:30px;height:30px;border-radius:50%;
display:inline-flex;align-items:center;justify-content:center;
background:#0e8f89;color:#fff;font-weight:900;font-size:.86rem;
}
.checkout-step__head h2{font-size:1.08rem;margin:0;font-weight:900;}
.checkout-lite__fields{
display:grid;
gap:12px;
}
.checkout-lite__fields--two{grid-template-columns:repeat(2,minmax(0,1fr));}
.checkout-lite__fields label,.checkout-lite__textarea{
display:grid;
gap:6px;
font-size:.86rem;
font-weight:850;
color:#222;
}
.checkout-lite__fields small,.checkout-lite__textarea small{font-weight:600;color:#777;}
.checkout-lite__fields input,.checkout-lite__fields select,.checkout-lite__textarea textarea{
width:100%;
min-height:46px;
border:1px solid rgba(0,0,0,.18);
border-radius:14px;
background:#fff;
padding:10px 12px;
font:inherit;
font-weight:650;
color:#111;
}
.checkout-lite__textarea{margin-top:14px;}
.checkout-lite__textarea textarea{min-height:88px;resize:vertical;}
.checkout-lite__note,
.checkout-lite__paybill{
margin-top:12px;
padding:14px;
border-radius:18px;
background:#fff8e5;
border:1px solid rgba(199,156,42,.34);
color:#3b2f0d;
}
.checkout-lite__paybill{display:grid;gap:4px;}
.checkout-lite__paybill strong{font-size:1rem;}
.checkout-lite__paybill span{font-weight:900;}
.checkout-line--mini{grid-template-columns:74px minmax(0,1fr);padding:10px 0;}
.checkout-line--mini .checkout-line__image{border-radius:16px;}
.checkout-line--mini .checkout-line__body h3{font-size:.96rem;margin-bottom:6px;}
.checkout-line--mini .checkout-line__meta strong{background:#111;color:#fff;}
/* Hide older heavy bootstrap-card feeling on the commerce pages if legacy classes remain. */
.page-cart .commerce-card,
.page-checkout .commerce-card{
box-shadow:none !important;
}
@media (max-width: 991.98px){
body.ci-public{padding-top:var(--ci-mobile-header-h);}
.ci-header{
position:fixed !important;
top:0;left:0;right:0;
min-height:var(--ci-mobile-header-h);
}
.ci-header__notice,.ci-nav,.ci-quick-strip{display:none !important;}
.ci-header__main{
min-height:var(--ci-mobile-header-h);
padding-top:7px !important;
padding-bottom:7px !important;
}
.ci-brand__name{font-size:1.2rem !important;}
.ci-brand__store,.ci-brand__promise{font-size:.66rem !important;}
.ci-header__link--strong{min-height:38px;padding:8px 11px;font-size:.78rem;}
.ci-header__link--desktop{display:none !important;}
.ci-menu-button{
width:42px;height:42px;
border-radius:14px;
background:#111 !important;
border:1px solid rgba(255,255,255,.14) !important;
display:inline-flex !important;
align-items:center;justify-content:center;
flex-direction:column;
gap:4px;
padding:0;
box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.ci-menu-button span{
display:block !important;
width:19px !important;
height:2px !important;
border-radius:999px;
background:#fff !important;
margin:0 !important;
}
.ci-menu-button b{display:none !important;}
.checkout-lite{padding-top:18px;padding-bottom:118px;}
.checkout-lite__head{align-items:center;margin-bottom:8px;padding-bottom:10px;}
.checkout-lite__head h1{font-size:2rem;}
.checkout-lite__layout,.checkout-lite__layout--checkout{
display:block;
}
.checkout-lite__summary{
position:fixed;
left:10px;right:10px;bottom:10px;
top:auto;
z-index:9999;
}
.checkout-lite__summary-inner{
border-radius:20px;
padding:12px 14px;
box-shadow:0 16px 38px rgba(0,0,0,.28);
}
.checkout-lite__summary-line{padding:3px 0;font-size:.9rem;}
.checkout-lite__summary-line--total{font-size:1rem;padding-top:5px;}
.checkout-lite__summary .checkout-lite__small{display:none;}
.checkout-lite__summary .checkout-lite__actions{
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:9px;
}
.checkout-lite__summary .checkout-lite__button{min-height:40px;font-size:.86rem;padding:8px 10px;}
.checkout-line{
grid-template-columns:82px minmax(0,1fr);
gap:11px;
padding:10px 0;
}
.checkout-line__side{
grid-column:1 / -1;
display:flex;
align-items:center;
justify-content:space-between;
background:#f8f6f0;
border:1px solid rgba(0,0,0,.06);
border-radius:16px;
padding:9px 10px;
}
.checkout-line__side input{width:66px;min-height:38px;}
.checkout-line__body h2,.checkout-line__body h3{font-size:.95rem;}
.checkout-line__meta{font-size:.78rem;gap:5px;}
.checkout-line__meta span,.checkout-line__meta strong{padding:4px 7px;}
.checkout-step{padding:14px 0;}
.checkout-step__head{margin-bottom:10px;}
.checkout-lite__fields--two{grid-template-columns:1fr;}
.checkout-lite__fields input,.checkout-lite__fields select,.checkout-lite__textarea textarea{min-height:43px;border-radius:13px;}
.checkout-lite__empty{margin-top:10px;padding-top:28px;}
.ci-footer{
padding-top:22px !important;
padding-bottom:18px !important;
}
.ci-footer__grid,
.ci-footer .row,
.ci-footer__links{
gap:10px !important;
}
.ci-footer p,.ci-footer a,.ci-footer li{font-size:.82rem !important;line-height:1.35 !important;}
.ci-footer h2,.ci-footer h3,.ci-footer h4{font-size:.95rem !important;margin-bottom:7px !important;}
}
@media (min-width: 992px){
.ci-main{scroll-margin-top:90px;}
.checkout-lite__summary--checkout{top:108px;}
}
/* ------------------------------------------------------------
PATCH 5B — Visual ratio + teal balance polish
Scope: public storefront CSS only. No SQL/admin/POS changes.
Goal: use more desktop screen width, cap mobile image dominance,
reduce boxed/container heaviness, and increase teal presence by ~25%
without making the site loud.
------------------------------------------------------------ */
:root{
--ci-container-wide:min(1440px, calc(100% - clamp(22px,3.2vw,52px)));
--ci-container-shop:min(1480px, calc(100% - clamp(18px,3vw,48px)));
--ci-teal-glow:rgba(14,143,137,.105);
--ci-teal-line:rgba(14,143,137,.26);
--ci-teal-fill:rgba(14,143,137,.075);
--ci-teal-shadow:rgba(7,63,61,.16);
}
/* Give visual/product areas more desktop authority without stretching text paragraphs. */
@media (min-width:1180px){
.page-home .ci-hero--patch1 > .ci-container,
.page-home .ci-section--early-products > .ci-container,
.page-home .ci-section--problem-cards > .ci-container,
.page-home .ci-section--people > .ci-container,
.page-home .ci-visit-panel > .ci-container,
.page-shop-catalogue-v2 .ci-shop > .ci-container,
.page-shop-redesign .ci-shop > .ci-container,
.product-decision-shell{
width:var(--ci-container-wide)!important;
max-width:none!important;
}
.page-shop-catalogue-v2 .ci-shop > .ci-container,
.page-shop-redesign .ci-shop > .ci-container{
width:var(--ci-container-shop)!important;
}
.ci-hero--patch1 .ci-atelier-hero__grid{
grid-template-columns:minmax(0,.78fr) minmax(500px,1.12fr)!important;
gap:clamp(34px,5vw,82px)!important;
}
.ci-hero--patch1 .ci-atelier-hero__visual{
min-height:clamp(390px,42vw,620px)!important;
}
.ci-editorial-product-spread--patch1,
.ci-product-grid--shop{
gap:clamp(20px,2vw,34px) clamp(14px,1.7vw,26px)!important;
}
}
@media (min-width:1380px){
.ci-product-grid--shop{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.ci-editorial-product-spread--patch1{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.ci-editorial-product-spread--patch1 .ci-editorial-product-spread__feature{grid-column:span 2!important;grid-row:span 2!important;}
}
/* Teal presence: stronger navigation, product accents and commerce actions. */
.ci-header{
border-bottom-color:var(--ci-teal-line)!important;
box-shadow:0 10px 30px rgba(7,63,61,.07)!important;
}
.ci-header__main::after{
content:"";
position:absolute;
left:0;right:0;bottom:-1px;height:2px;
background:linear-gradient(90deg,transparent,var(--ci-teal),transparent);
opacity:.36;
pointer-events:none;
}
.ci-brand__name,
.ci-nav__home,
.ci-nav__cart,
.ci-eyebrow,
.product-category-line,
.product-price-line,
.ci-shop-hero__meta strong{
color:var(--ci-teal-deep)!important;
}
.ci-btn--dark,
.ci-header__link--strong,
.ci-filter-toggle,
.ci-filter-form button,
.ci-product-mini-form button,
.product-purchase-form button,
.checkout-lite__button--primary{
background:linear-gradient(135deg,var(--ci-teal-deep),var(--ci-teal))!important;
border-color:var(--ci-teal-deep)!important;
color:#fff!important;
box-shadow:0 12px 24px var(--ci-teal-shadow)!important;
}
.ci-product-action--wa,
.product-help-actions a:first-child,
.ci-chip-row span,
.ci-chip-row a,
.product-quick-facts div{
background:linear-gradient(180deg,#fff,var(--ci-teal-fill))!important;
border-color:var(--ci-teal-line)!important;
color:var(--ci-teal-deep)!important;
}
.ci-section__head h2::after,
.ci-shop-hero h1::after{
content:"";
display:block;
width:clamp(48px,7vw,92px);
height:3px;
margin-top:10px;
background:linear-gradient(90deg,var(--ci-teal),rgba(200,155,60,.55));
border-radius:999px;
}
.ci-shop-hero h1::after{margin-top:8px;}
.ci-product-tile__image,
.home-product-card__image-wrap,
.shop-product-tile__image,
.related-product-tile__image,
.product-gallery-carousel .carousel-item{
background:linear-gradient(180deg,var(--ci-teal-glow),var(--ci-cream-2))!important;
}
.shop-product-tile .ci-product-tile__image,
.ci-editorial-product-spread--patch1 .ci-product-tile__image,
.related-product-tile__image{
border:1px solid rgba(14,143,137,.08)!important;
}
/* Desktop image-to-screen ratio: wider visuals, less edge waste. */
@media (min-width:992px){
.page-home .ci-section--early-products{padding-top:clamp(38px,5vw,70px)!important;}
.ci-product-grid--shop .ci-product-tile__image,
.ci-editorial-product-spread--patch1 .ci-product-tile__image,
.related-product-tile__image{
aspect-ratio:4/5!important;
}
.product-stage{
grid-template-columns:minmax(0,1.15fr) minmax(350px,.72fr)!important;
}
.product-gallery-carousel .carousel-item{
height:min(72vh,720px)!important;
aspect-ratio:auto!important;
}
.product-gallery-carousel .carousel-item img{
width:100%!important;
height:100%!important;
max-height:none!important;
object-fit:cover!important;
}
}
/* Remove remaining heavy container feeling in public commerce areas. */
.ci-shop-hero,
.ci-filter-panel,
.product-buy-panel,
.product-info-feature,
.product-info-card,
.checkout-lite__summary-inner{
border-color:var(--ci-teal-line)!important;
}
.ci-shop-hero{
background:linear-gradient(135deg,#fff 0%,rgba(14,143,137,.09) 68%,rgba(200,155,60,.10) 100%)!important;
}
.ci-filter-panel,
.product-buy-panel,
.product-info-feature,
.product-info-card{
box-shadow:0 12px 30px rgba(7,63,61,.055)!important;
}
/* Mobile image discipline: still premium, but no image should swallow the phone. */
@media (max-width:700px){
.ci-mobile-storefront{padding-top:12px!important;padding-bottom:16px!important;}
.ci-mobile-storefront__inner{gap:10px!important;}
.ci-mobile-storefront__copy h1{font-size:clamp(1.62rem,8.2vw,2.35rem)!important;line-height:1.02!important;}
.ci-mobile-storefront__copy p{font-size:.88rem!important;line-height:1.42!important;max-width:32rem!important;}
.ci-mobile-storefront__rail{
grid-auto-columns:minmax(124px,42vw)!important;
gap:9px!important;
padding-bottom:5px!important;
}
.ci-mobile-storefront__tile{
aspect-ratio:4/5!important;
max-height:178px!important;
border-radius:15px!important;
}
.ci-section--early-products{padding-top:14px!important;padding-bottom:24px!important;}
.ci-editorial-product-spread--patch1,
.ci-product-grid--shop,
.product-related-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:13px 9px!important;
}
.ci-editorial-product-spread--patch1 .ci-product-tile__image,
.shop-product-tile .ci-product-tile__image,
.related-product-tile__image{
aspect-ratio:1/1.18!important;
max-height:210px!important;
border-radius:15px!important;
box-shadow:0 8px 18px rgba(7,63,61,.09)!important;
}
.ci-product-tile__image img,
.shop-product-tile__image img,
.home-product-card__image-wrap img,
.related-product-tile__image img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
.ci-product-tile__caption,
.home-product-card__body,
.shop-product-tile__body,
.related-product-tile__body{
padding-top:6px!important;
gap:3px!important;
}
.shop-product-tile .ci-product-tile__caption h2,
.ci-editorial-product-spread--patch1 .ci-product-tile__caption h3,
.related-product-tile__body h3{
font-size:.77rem!important;
line-height:1.15!important;
}
.shop-product-tile .ci-product-tile__caption p,
.ci-editorial-product-spread--patch1 .ci-product-tile__caption p{
font-size:.76rem!important;
}
.ci-product-action,
.ci-product-mini-form input,
.ci-product-mini-form button{
min-height:28px!important;
font-size:.67rem!important;
}
.product-gallery-carousel .carousel-item{
height:min(54vh,390px)!important;
min-height:260px!important;
aspect-ratio:auto!important;
border-radius:18px!important;
}
.product-gallery-carousel .carousel-item img{
width:100%!important;
height:100%!important;
max-height:none!important;
object-fit:cover!important;
border-radius:18px!important;
}
.product-buy-panel{
border-color:var(--ci-teal-line)!important;
box-shadow:0 10px 24px rgba(7,63,61,.075)!important;
}
.product-quick-facts div{padding:8px!important;border-radius:14px!important;}
.ci-section__head h2::after,
.ci-shop-hero h1::after{height:2px;width:52px;margin-top:7px;}
}
@media (max-width:380px){
.ci-mobile-storefront__rail{grid-auto-columns:minmax(116px,40vw)!important;}
.ci-mobile-storefront__tile{max-height:160px!important;}
.ci-editorial-product-spread--patch1 .ci-product-tile__image,
.shop-product-tile .ci-product-tile__image,
.related-product-tile__image{max-height:184px!important;}
.product-gallery-carousel .carousel-item{height:min(50vh,340px)!important;min-height:230px!important;}
}
/* ------------------------------------------------------------
PATCH 5C — Product page commerce sheet redesign
Scope: product page only. Lighter product sheet, tighter image-to-info
spacing, sticky desktop commerce panel, mobile bottom buy bar.
------------------------------------------------------------ */
.page-product-sheet-v5c .product-decision-page{
padding:clamp(14px,3vw,34px) 0 clamp(42px,6vw,82px)!important;
background:linear-gradient(180deg,#fffaf2 0%,#fbf4e9 100%)!important;
}
.page-product-sheet-v5c .product-decision-shell{
width:min(100% - 28px, 1380px)!important;
max-width:1380px!important;
}
.page-product-sheet-v5c .product-breadcrumb{
margin-bottom:clamp(10px,1.6vw,18px)!important;
font-size:.76rem!important;
}
.product-sheet-v5c{
display:grid!important;
grid-template-columns:minmax(0,1.06fr) minmax(340px,.62fr)!important;
gap:clamp(18px,3vw,36px)!important;
align-items:start!important;
}
.product-sheet-v5c__gallery{min-width:0!important;}
.product-gallery-carousel--sheet{
border:1px solid rgba(14,143,137,.14)!important;
border-radius:22px!important;
box-shadow:0 16px 42px rgba(7,63,61,.08)!important;
background:linear-gradient(135deg,rgba(14,143,137,.10),rgba(255,255,255,.6))!important;
}
.product-gallery-carousel--sheet .carousel-item{
height:min(70vh,690px)!important;
min-height:420px!important;
aspect-ratio:auto!important;
}
.product-gallery-carousel--sheet img{
width:100%!important;
height:100%!important;
max-height:none!important;
object-fit:cover!important;
}
.product-thumbs--sheet{margin-top:10px!important;gap:8px!important;}
.product-thumbs--sheet .product-thumb{
border-radius:12px!important;
border-color:rgba(14,143,137,.18)!important;
}
.product-thumbs--sheet .product-thumb.is-active{
border-color:var(--ci-teal-deep)!important;
box-shadow:0 0 0 2px rgba(14,143,137,.12)!important;
}
.product-commerce-sheet{
position:sticky!important;
top:calc(var(--ci-sticky-header-offset, 88px) + 14px)!important;
align-self:start!important;
background:rgba(255,255,255,.82)!important;
border:1px solid rgba(14,143,137,.18)!important;
border-radius:24px!important;
padding:clamp(18px,2.4vw,28px)!important;
box-shadow:0 18px 45px rgba(7,63,61,.075)!important;
backdrop-filter:blur(12px)!important;
}
.product-commerce-sheet .product-back-link{
display:inline-flex!important;
width:max-content!important;
margin-bottom:10px!important;
font-size:.78rem!important;
font-weight:900!important;
color:var(--ci-teal-deep)!important;
}
.product-commerce-sheet__kicker{
color:var(--ci-teal-deep)!important;
font-size:.72rem!important;
font-weight:900!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
margin-bottom:8px!important;
}
.product-commerce-sheet h1{
font-family:"Playfair Display",Georgia,serif!important;
font-size:clamp(1.55rem,3vw,3.25rem)!important;
line-height:1.02!important;
letter-spacing:-.045em!important;
margin:0 0 12px!important;
max-width:12ch!important;
}
.product-commerce-sheet__price-row{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
border-top:1px solid rgba(14,143,137,.16)!important;
border-bottom:1px solid rgba(14,143,137,.16)!important;
padding:12px 0!important;
margin-bottom:12px!important;
}
.product-commerce-sheet .product-price-line{
font-size:clamp(1.15rem,2vw,1.55rem)!important;
color:var(--ci-ink)!important;
margin:0!important;
}
.product-commerce-sheet .product-stock-line{
flex:0 0 auto!important;
min-height:28px!important;
font-size:.68rem!important;
border-color:rgba(14,143,137,.22)!important;
background:rgba(14,143,137,.075)!important;
}
.product-commerce-sheet .product-short-summary{
font-size:.92rem!important;
line-height:1.52!important;
margin:0 0 12px!important;
color:var(--ci-muted)!important;
}
.product-facts-row{
display:flex!important;
flex-wrap:wrap!important;
gap:7px!important;
margin:0 0 12px!important;
padding:0!important;
border:0!important;
}
.product-facts-row div{
display:flex!important;
align-items:baseline!important;
gap:5px!important;
border:1px solid rgba(14,143,137,.14)!important;
background:rgba(14,143,137,.06)!important;
border-radius:999px!important;
padding:6px 9px!important;
}
.product-facts-row dt{
font-size:.62rem!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
color:var(--ci-teal-deep)!important;
font-weight:900!important;
}
.product-facts-row dd{
margin:0!important;
font-size:.76rem!important;
font-weight:900!important;
color:var(--ci-ink)!important;
}
.product-commerce-form{
display:grid!important;
gap:9px!important;
margin-top:12px!important;
}
.product-commerce-form label{
color:var(--ci-teal-deep)!important;
font-size:.7rem!important;
font-weight:900!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}
.product-commerce-form input{
width:100%!important;
min-height:42px!important;
border:1px solid rgba(14,143,137,.22)!important;
background:#fff!important;
border-radius:14px!important;
padding:9px 12px!important;
}
.product-commerce-form__row{
display:grid!important;
grid-template-columns:82px minmax(0,1fr)!important;
gap:9px!important;
align-items:end!important;
}
.product-commerce-form__row button{
min-height:42px!important;
border:0!important;
border-radius:14px!important;
background:var(--ci-teal-deep)!important;
color:#fff!important;
font-weight:950!important;
box-shadow:0 12px 24px rgba(14,143,137,.18)!important;
}
.product-help-actions--sheet{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
margin-top:10px!important;
}
.product-help-actions--sheet a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:38px!important;
border-radius:14px!important;
font-size:.78rem!important;
padding:8px 10px!important;
}
.product-help-actions--sheet a:first-child{
background:#111!important;
border-color:#111!important;
color:#fff!important;
}
.product-detail-sheet{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0 clamp(24px,3vw,40px)!important;
margin-top:clamp(20px,3.4vw,42px)!important;
border-top:1px solid rgba(14,143,137,.18)!important;
border-bottom:1px solid rgba(14,143,137,.18)!important;
background:rgba(255,255,255,.38)!important;
}
.product-detail-panel{
border-bottom:1px solid rgba(14,143,137,.14)!important;
padding:0!important;
}
.product-detail-panel summary{
cursor:pointer!important;
list-style:none!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
min-height:58px!important;
font-weight:950!important;
color:var(--ci-ink)!important;
font-size:1rem!important;
}
.product-detail-panel summary::-webkit-details-marker{display:none!important;}
.product-detail-panel summary::after{
content:"+"!important;
display:grid!important;
place-items:center!important;
width:30px!important;
height:30px!important;
border-radius:999px!important;
background:rgba(14,143,137,.09)!important;
color:var(--ci-teal-deep)!important;
}
.product-detail-panel[open] summary::after{content:"−"!important;}
.product-detail-panel__body{
padding:0 0 18px!important;
color:var(--ci-muted)!important;
line-height:1.65!important;
font-size:.96rem!important;
}
.product-info-actions--inline{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
margin-top:10px!important;
}
.product-info-list--compact{margin:0!important;padding-left:18px!important;}
.product-extra-list--sheet{display:grid!important;gap:8px!important;margin:0!important;}
.product-extra-list--sheet div{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:12px!important;}
.product-mobile-buybar{display:none!important;}
.page-product-sheet-v5c .product-related-section{margin-top:clamp(28px,4vw,54px)!important;}
@media (min-width:1100px){
.product-sheet-v5c{grid-template-columns:minmax(0,1.12fr) minmax(360px,.56fr)!important;}
.product-commerce-sheet h1{max-width:13ch!important;}
}
@media (max-width:900px){
.product-sheet-v5c{grid-template-columns:1fr!important;gap:12px!important;}
.product-commerce-sheet{position:relative!important;top:auto!important;}
.product-detail-sheet{grid-template-columns:1fr!important;}
}
@media (max-width:700px){
.page-product-sheet-v5c .ci-main{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;}
.page-product-sheet-v5c .product-decision-page{padding-top:6px!important;}
.page-product-sheet-v5c .product-decision-shell{width:min(100% - 12px, 1380px)!important;}
.product-sheet-v5c{gap:8px!important;}
.product-gallery-carousel--sheet{border-radius:16px!important;box-shadow:0 10px 24px rgba(7,63,61,.07)!important;}
.product-gallery-carousel--sheet .carousel-item{
height:min(42vh,310px)!important;
min-height:230px!important;
}
.product-gallery-carousel--sheet img{border-radius:16px!important;}
.product-thumbs--sheet{margin-top:6px!important;}
.product-thumbs--sheet .product-thumb{min-width:50px!important;width:50px!important;height:50px!important;border-radius:10px!important;}
.product-commerce-sheet{
border-radius:16px!important;
padding:12px!important;
box-shadow:0 8px 20px rgba(7,63,61,.06)!important;
}
.product-commerce-sheet .product-back-link{display:none!important;}
.product-commerce-sheet__kicker{font-size:.62rem!important;margin-bottom:5px!important;}
.product-commerce-sheet h1{
font-size:clamp(1.15rem,5.4vw,1.62rem)!important;
max-width:none!important;
margin-bottom:8px!important;
line-height:1.05!important;
}
.product-commerce-sheet__price-row{padding:8px 0!important;margin-bottom:9px!important;}
.product-commerce-sheet .product-price-line{font-size:1.08rem!important;}
.product-commerce-sheet .product-stock-line{font-size:.58rem!important;min-height:24px!important;padding:0 8px!important;}
.product-commerce-sheet .product-short-summary{font-size:.82rem!important;line-height:1.42!important;margin-bottom:8px!important;}
.product-facts-row{gap:5px!important;margin-bottom:8px!important;}
.product-facts-row div{padding:4px 7px!important;}
.product-facts-row dt{font-size:.54rem!important;}
.product-facts-row dd{font-size:.66rem!important;}
.product-commerce-form{gap:7px!important;margin-top:8px!important;}
.product-commerce-form input{min-height:38px!important;border-radius:12px!important;font-size:.88rem!important;}
.product-commerce-form__row{grid-template-columns:70px minmax(0,1fr)!important;gap:7px!important;}
.product-commerce-form__row button{min-height:38px!important;border-radius:12px!important;}
.product-help-actions--sheet{grid-template-columns:1fr 1fr!important;gap:6px!important;}
.product-help-actions--sheet a{min-height:34px!important;font-size:.7rem!important;border-radius:12px!important;}
.product-detail-sheet{margin-top:10px!important;border-radius:0!important;background:transparent!important;}
.product-detail-panel summary{min-height:48px!important;font-size:.9rem!important;}
.product-detail-panel__body{font-size:.86rem!important;padding-bottom:13px!important;}
.product-mobile-buybar{
position:fixed!important;
left:8px!important;
right:8px!important;
bottom:calc(8px + env(safe-area-inset-bottom))!important;
z-index:10020!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(72px,.72fr) minmax(90px,.86fr)!important;
gap:7px!important;
align-items:center!important;
min-height:58px!important;
padding:8px!important;
border:1px solid rgba(14,143,137,.22)!important;
border-radius:18px!important;
background:rgba(255,255,255,.94)!important;
box-shadow:0 12px 34px rgba(17,17,17,.18)!important;
backdrop-filter:blur(14px)!important;
}
.product-mobile-buybar span{display:block!important;font-weight:950!important;font-size:.88rem!important;line-height:1.1!important;color:var(--ci-ink)!important;}
.product-mobile-buybar small{display:block!important;font-size:.62rem!important;font-weight:800!important;color:var(--ci-teal-deep)!important;}
.product-mobile-buybar button,
.product-mobile-buybar a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:40px!important;
border-radius:13px!important;
font-size:.78rem!important;
font-weight:950!important;
text-decoration:none!important;
}
.product-mobile-buybar button{border:0!important;background:var(--ci-teal-deep)!important;color:#fff!important;}
.product-mobile-buybar a{background:#111!important;color:#fff!important;border:0!important;}
}
@media (max-width:380px){
.product-gallery-carousel--sheet .carousel-item{height:min(39vh,280px)!important;min-height:210px!important;}
.product-commerce-sheet h1{font-size:clamp(1.05rem,5.6vw,1.42rem)!important;}
.product-mobile-buybar{grid-template-columns:minmax(0,1fr) 62px 82px!important;gap:5px!important;left:6px!important;right:6px!important;}
.product-mobile-buybar button,.product-mobile-buybar a{font-size:.7rem!important;}
}
/* CSIRI PATCH 6: simple SEO route pages */
.ci-simple-page{padding:clamp(2.2rem,5vw,5rem) 0;background:linear-gradient(180deg,#ffffff 0%,rgba(14,143,137,.055) 100%)}
.ci-simple-page__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(1.25rem,4vw,3rem);align-items:start}
.ci-simple-page__narrow{max-width:900px;margin-inline:auto}
.ci-simple-page__main,.ci-simple-page__side,.ci-faq-list details{border:1px solid rgba(14,143,137,.18);border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(5,31,29,.07);padding:clamp(1.25rem,3vw,2rem)}
.ci-simple-page h1{font-size:clamp(2rem,4.2vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 1rem;color:#073c39}
.ci-lead{font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.65;color:rgba(5,31,29,.76);max-width:68ch}
.ci-info-list{display:grid;gap:1rem}
.ci-info-list>div{border-left:4px solid #0e8f89;padding:.9rem 1rem;background:rgba(14,143,137,.06);border-radius:16px}
.ci-info-list strong{display:block;color:#073c39;margin-bottom:.25rem}.ci-info-list p{margin:0;color:rgba(5,31,29,.78)}
.ci-faq-list{display:grid;gap:.85rem;margin:1.4rem 0}.ci-faq-list details{padding:0;overflow:hidden}.ci-faq-list summary{cursor:pointer;list-style:none;font-weight:800;color:#073c39;padding:1rem 1.15rem}.ci-faq-list summary::-webkit-details-marker{display:none}.ci-faq-list summary:after{content:'+';float:right;color:#0e8f89;font-size:1.2rem}.ci-faq-list details[open] summary:after{content:'−'}.ci-faq-list p{padding:0 1.15rem 1.1rem;margin:0;color:rgba(5,31,29,.77);line-height:1.6}.ci-error-page{text-align:center}
@media (max-width: 760px){.ci-simple-page{padding:1.2rem 0 2rem}.ci-simple-page__grid{grid-template-columns:1fr;gap:1rem}.ci-simple-page__main,.ci-simple-page__side,.ci-faq-list details{border-radius:20px;padding:1rem}.ci-simple-page h1{font-size:clamp(1.75rem,9vw,2.55rem)}.ci-action-row{display:grid;grid-template-columns:1fr;gap:.65rem}.ci-action-row .ci-btn{width:100%;justify-content:center}.ci-info-list>div{padding:.8rem .9rem}}
/* ==========================================================
PATCH 7B — Size calculator workbench + measured teal lift
Purpose: make the calculator feel like a tool, keep results
near the active form, reduce card heaviness, and increase
teal-blue presence without flooding the design.
========================================================== */
:root{
--ci-teal-richer:#087f7a;
--ci-teal-line-strong:rgba(14,143,137,.28);
--ci-teal-sheet:linear-gradient(180deg,#f2fbfa 0%,#ffffff 76%);
}
/* Teal lift across the public surface: more visible, still restrained. */
.ci-header,
.ci-section + .ci-section,
.ci-shop-hero,
.product-stage,
.size-room__hero,
.commerce-page__head{
border-color:var(--ci-teal-line-strong)!important;
}
.ci-header__main::after,
.ci-section__head h2::after,
.ci-shop-hero h1::after,
.size-room__copy h1::after,
.product-title-block h1::after{
background:linear-gradient(90deg,var(--ci-teal),rgba(200,155,60,.52))!important;
opacity:.75!important;
}
.ci-btn--dark,
.ci-header__link--strong,
.ci-nav-search button,
.size-primary-btn,
.product-purchase-form button,
.checkout-lite__button--primary{
background:linear-gradient(135deg,var(--ci-teal-deep),var(--ci-teal-richer))!important;
border-color:var(--ci-teal-deep)!important;
}
.ci-product-action--wa,
.product-help-actions a:first-child,
.result-actions a:first-child,
.ci-footer__contact a{
background:var(--ci-teal-sheet)!important;
border-color:var(--ci-teal-line-strong)!important;
color:var(--ci-teal-deep)!important;
}
/* Size calculator: workbench, not long article. */
.page-size-workbench-p7b .size-room{
background:#fff!important;
padding-bottom:clamp(34px,5vw,64px)!important;
}
.page-size-workbench-p7b .size-room__hero{
padding:clamp(18px,3.5vw,42px) 0!important;
background:linear-gradient(180deg,#effaf8 0%,#fffaf2 100%)!important;
border-bottom:1px solid var(--ci-teal-line-strong)!important;
}
.page-size-workbench-p7b .size-room__hero-inner{
width:min(94vw,1320px)!important;
max-width:none!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:clamp(14px,3vw,42px)!important;
align-items:center!important;
}
.page-size-workbench-p7b .size-room__copy h1{
font-size:clamp(2rem,5vw,4.8rem)!important;
line-height:.96!important;
margin-bottom:8px!important;
}
.page-size-workbench-p7b .size-room__copy h1::after{
content:"";
display:block;
width:clamp(46px,7vw,90px);
height:3px;
border-radius:999px;
margin-top:10px;
}
.page-size-workbench-p7b .size-room__copy p{
max-width:760px!important;
font-size:clamp(.94rem,1.4vw,1.04rem)!important;
line-height:1.55!important;
margin:0!important;
}
.page-size-workbench-p7b .size-room__contact{
min-width:min(310px,100%)!important;
background:transparent!important;
border:0!important;
border-left:1px solid var(--ci-teal-line-strong)!important;
padding:6px 0 6px 22px!important;
box-shadow:none!important;
}
.page-size-workbench-p7b .size-room__contact a{
display:inline-flex!important;
min-height:38px!important;
align-items:center!important;
justify-content:center!important;
width:max-content!important;
border-radius:999px!important;
padding:0 14px!important;
background:var(--ci-teal-deep)!important;
color:#fff!important;
}
.page-size-workbench-p7b .size-room__chooser{
width:min(94vw,1320px)!important;
max-width:none!important;
display:flex!important;
gap:8px!important;
margin-top:clamp(12px,2.2vw,22px)!important;
border:0!important;
overflow-x:auto!important;
padding:2px 0 8px!important;
scrollbar-width:thin;
}
.page-size-workbench-p7b .size-choice{
flex:1 0 min(260px,32%)!important;
border:1px solid var(--ci-teal-line-strong)!important;
border-radius:999px!important;
background:#fff!important;
padding:11px 16px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
}
.page-size-workbench-p7b .size-choice span{font-size:.95rem!important;white-space:nowrap!important;}
.page-size-workbench-p7b .size-choice small{display:none!important;}
.page-size-workbench-p7b .size-choice.is-active{
background:var(--ci-teal-deep)!important;
color:#fff!important;
border-color:var(--ci-teal-deep)!important;
box-shadow:0 10px 24px rgba(7,63,61,.14)!important;
}
.page-size-workbench-p7b .size-workspace{
width:min(94vw,1320px)!important;
max-width:none!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(330px,420px)!important;
gap:clamp(18px,3vw,42px)!important;
margin-top:clamp(12px,2.5vw,28px)!important;
align-items:start!important;
}
.page-size-workbench-p7b .size-workspace__form,
.page-size-workbench-p7b .size-workspace__result,
.page-size-workbench-p7b .size-tab-panel{
background:transparent!important;
border:0!important;
box-shadow:none!important;
border-radius:0!important;
}
.page-size-workbench-p7b .size-tab-panel{
padding:clamp(16px,2.5vw,28px) 0 0!important;
border-top:1px solid var(--ci-teal-line-strong)!important;
}
.page-size-workbench-p7b .size-panel-head{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:14px!important;
align-items:end!important;
margin-bottom:14px!important;
}
.page-size-workbench-p7b .size-panel-head h2{
font-size:clamp(1.45rem,3vw,2.7rem)!important;
margin:0!important;
}
.page-size-workbench-p7b .size-panel-head p{
max-width:620px!important;
margin:0!important;
font-size:.96rem!important;
}
.page-size-workbench-p7b .size-mode-row{
margin:12px 0 16px!important;
padding:4px!important;
border:1px solid var(--ci-teal-line-strong)!important;
border-radius:999px!important;
width:max-content!important;
max-width:100%!important;
background:#f5fbfa!important;
}
.page-size-workbench-p7b .size-mode{
border:0!important;
min-height:36px!important;
padding:0 14px!important;
background:transparent!important;
}
.page-size-workbench-p7b .size-mode.is-active{
background:#fff!important;
color:var(--ci-teal-deep)!important;
box-shadow:0 6px 16px rgba(7,63,61,.08)!important;
}
.page-size-workbench-p7b .size-field-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
}
.page-size-workbench-p7b .size-field{
border-bottom:1px solid var(--ci-teal-line-strong)!important;
padding-bottom:10px!important;
}
.page-size-workbench-p7b .size-field input,
.page-size-workbench-p7b .size-field select{
border:0!important;
border-radius:0!important;
border-bottom:2px solid rgba(14,143,137,.22)!important;
background:#fff!important;
min-height:42px!important;
padding:8px 2px!important;
}
.page-size-workbench-p7b .size-field input:focus,
.page-size-workbench-p7b .size-field select:focus{
outline:0!important;
border-bottom-color:var(--ci-teal)!important;
box-shadow:0 8px 18px rgba(14,143,137,.08)!important;
}
.page-size-workbench-p7b .size-action-row{
margin-top:16px!important;
padding-top:14px!important;
border-top:1px solid var(--ci-teal-line-strong)!important;
}
.page-size-workbench-p7b .size-workspace__result{
position:sticky!important;
top:calc(var(--ci-mobile-header-h,64px) + 22px)!important;
order:initial!important;
background:linear-gradient(180deg,#073f3d 0%,#0e6965 100%)!important;
color:#fff!important;
border:0!important;
border-radius:26px!important;
padding:clamp(18px,2.5vw,26px)!important;
box-shadow:0 22px 48px rgba(7,63,61,.20)!important;
}
.page-size-workbench-p7b .size-workspace__result .result-label,
.page-size-workbench-p7b .size-workspace__result h2,
.page-size-workbench-p7b .size-workspace__result .result-content,
.page-size-workbench-p7b .size-workspace__result .result-note,
.page-size-workbench-p7b .size-workspace__result .result-shop-line{
color:#fff!important;
}
.page-size-workbench-p7b .size-workspace__result h2{
font-size:clamp(1.35rem,2.8vw,2.4rem)!important;
}
.page-size-workbench-p7b .result-main-size{color:#fff!important;font-size:clamp(2rem,5vw,3.5rem)!important;}
.page-size-workbench-p7b .result-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:0!important;
margin:12px 0!important;
border-top:1px solid rgba(255,255,255,.24)!important;
}
.page-size-workbench-p7b .result-grid span,
.page-size-workbench-p7b .result-grid strong{
display:block!important;
}
.page-size-workbench-p7b .result-grid span{font-size:.72rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;opacity:.75!important;}
.page-size-workbench-p7b .result-grid strong{font-size:.95rem!important;}
.page-size-workbench-p7b .result-grid > *{
background:transparent!important;
border:0!important;
padding:9px 0!important;
color:#fff!important;
border-bottom:1px solid rgba(255,255,255,.20)!important;
}
.page-size-workbench-p7b .result-actions a{
border-color:rgba(255,255,255,.28)!important;
color:#fff!important;
background:rgba(255,255,255,.10)!important;
}
.page-size-workbench-p7b .result-actions a:first-child{
background:#fff!important;
color:var(--ci-teal-deep)!important;
}
.page-size-workbench-p7b .fit-help-board--drawers{
width:min(94vw,1320px)!important;
max-width:none!important;
display:grid!important;
grid-template-columns:minmax(260px,.9fr) repeat(4,minmax(0,1fr))!important;
gap:0!important;
margin-top:clamp(26px,4vw,48px)!important;
padding-top:18px!important;
border-top:1px solid var(--ci-teal-line-strong)!important;
}
.page-size-workbench-p7b .fit-help-board__intro{
padding-right:18px!important;
}
.page-size-workbench-p7b .fit-help-board__intro h2{
font-size:clamp(1.25rem,2.2vw,2rem)!important;
line-height:1.05!important;
margin:0!important;
}
.page-size-workbench-p7b .fit-tip{
border:0!important;
border-left:1px solid var(--ci-teal-line-strong)!important;
padding:0 14px!important;
background:transparent!important;
}
.page-size-workbench-p7b .fit-tip summary{
cursor:pointer!important;
font-weight:900!important;
color:var(--ci-teal-deep)!important;
}
.page-size-workbench-p7b .fit-tip p{
color:var(--ci-muted)!important;
line-height:1.55!important;
margin:9px 0 0!important;
}
.page-size-workbench-p7b .size-chart-drawers{
width:min(94vw,1320px)!important;
max-width:none!important;
margin-top:18px!important;
}
.page-size-workbench-p7b .size-chart-drawers details{
border-color:var(--ci-teal-line-strong)!important;
}
@media (max-width:900px){
.page-size-workbench-p7b .size-room__hero-inner,
.page-size-workbench-p7b .size-workspace{
width:min(100% - 18px,720px)!important;
grid-template-columns:1fr!important;
}
.page-size-workbench-p7b .size-room__hero-inner{gap:12px!important;}
.page-size-workbench-p7b .size-room__contact{
border-left:0!important;
border-top:1px solid var(--ci-teal-line-strong)!important;
padding:12px 0 0!important;
}
.page-size-workbench-p7b .size-room__chooser{
width:min(100% - 18px,720px)!important;
position:sticky!important;
top:calc(var(--ci-mobile-header-h,64px) + 4px)!important;
z-index:25!important;
background:rgba(255,255,255,.94)!important;
-webkit-backdrop-filter:blur(12px)!important;
backdrop-filter:blur(12px)!important;
padding:8px 0!important;
margin-top:8px!important;
}
.page-size-workbench-p7b .size-choice{
flex:0 0 auto!important;
min-width:auto!important;
padding:9px 13px!important;
}
.page-size-workbench-p7b .size-panel-head{
display:block!important;
}
.page-size-workbench-p7b .size-panel-head h2{font-size:1.45rem!important;}
.page-size-workbench-p7b .size-panel-head p{font-size:.9rem!important;margin-top:5px!important;}
.page-size-workbench-p7b .size-mode-row{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.page-size-workbench-p7b .size-field-grid{
grid-template-columns:1fr!important;
gap:10px!important;
}
.page-size-workbench-p7b .size-workspace__form{order:1!important;}
.page-size-workbench-p7b .size-workspace__result{
order:2!important;
position:relative!important;
top:auto!important;
border-radius:20px!important;
padding:16px!important;
margin-top:4px!important;
}
.page-size-workbench-p7b .fit-help-board--drawers{
width:min(100% - 18px,720px)!important;
grid-template-columns:1fr!important;
gap:0!important;
margin-top:24px!important;
}
.page-size-workbench-p7b .fit-help-board__intro{padding-right:0!important;margin-bottom:8px!important;}
.page-size-workbench-p7b .fit-tip{
border-left:0!important;
border-top:1px solid var(--ci-teal-line-strong)!important;
padding:12px 0!important;
}
.page-size-workbench-p7b .size-chart-drawers{width:min(100% - 18px,720px)!important;}
}
@media (max-width:520px){
.page-size-workbench-p7b .size-room__hero{padding:16px 0!important;}
.page-size-workbench-p7b .size-room__copy h1{font-size:clamp(1.8rem,9.5vw,2.65rem)!important;}
.page-size-workbench-p7b .size-room__copy p{font-size:.9rem!important;line-height:1.4!important;}
.page-size-workbench-p7b .size-room__contact span{font-size:.82rem!important;}
.page-size-workbench-p7b .size-room__contact a{min-height:34px!important;font-size:.82rem!important;}
.page-size-workbench-p7b .size-action-row{
display:grid!important;
grid-template-columns:1fr auto!important;
gap:8px!important;
}
.page-size-workbench-p7b .size-primary-btn,
.page-size-workbench-p7b .size-quiet-btn{
min-height:42px!important;
padding:0 13px!important;
font-size:.86rem!important;
}
.page-size-workbench-p7b .result-actions{display:grid!important;grid-template-columns:1fr!important;}
}
/* ------------------------------------------------------------
CSIRI PATCH 7C: Product media inspection stage
Product page images should show the full item, not zoom-crop it.
Shop/category cards keep cover cropping; product pages use contain.
------------------------------------------------------------ */
.page-product-media-v7c .product-decision-shell{
width:min(100% - 24px, 1440px)!important;
}
.page-product-media-v7c .product-sheet-v5c{
grid-template-columns:minmax(0,1.02fr) minmax(380px,.66fr)!important;
gap:clamp(16px,2.4vw,34px)!important;
}
.page-product-media-v7c .product-mobile-head-v7c{display:none!important;}
.page-product-media-v7c .product-gallery-carousel--sheet{
overflow:hidden!important;
background:
radial-gradient(circle at 24% 18%, rgba(14,143,137,.10), transparent 32%),
linear-gradient(135deg,#fffdfa 0%,#f6efe5 100%)!important;
border:1px solid rgba(14,143,137,.16)!important;
border-radius:22px!important;
box-shadow:0 14px 32px rgba(7,63,61,.07)!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-inner,
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
background:transparent!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
height:min(66vh,650px)!important;
min-height:420px!important;
padding:clamp(14px,2.2vw,30px)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
border-radius:18px!important;
transform:none!important;
}
.page-product-media-v7c .product-thumbs--sheet{
display:flex!important;
gap:8px!important;
overflow-x:auto!important;
padding:2px 2px 6px!important;
scrollbar-width:thin!important;
}
.page-product-media-v7c .product-thumbs--sheet .product-thumb{
background:#fffaf3!important;
border:1px solid rgba(14,143,137,.18)!important;
box-shadow:none!important;
overflow:hidden!important;
}
.page-product-media-v7c .product-thumbs--sheet .product-thumb img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
background:#fffaf3!important;
transform:none!important;
}
.page-product-media-v7c .product-commerce-sheet{
border-radius:20px!important;
padding:clamp(16px,2.1vw,24px)!important;
background:rgba(255,255,255,.78)!important;
box-shadow:0 12px 32px rgba(7,63,61,.06)!important;
}
.page-product-media-v7c .product-commerce-sheet h1{
max-width:24ch!important;
font-size:clamp(1.45rem,2.35vw,2.55rem)!important;
line-height:1.06!important;
letter-spacing:-.038em!important;
margin-bottom:10px!important;
}
.page-product-media-v7c .product-commerce-sheet__price-row{
padding:10px 0!important;
margin-bottom:10px!important;
}
.page-product-media-v7c .product-commerce-sheet .product-short-summary{
margin-bottom:10px!important;
}
.page-product-media-v7c .product-facts-row div{
background:rgba(14,143,137,.05)!important;
}
.page-product-media-v7c .product-detail-sheet{
margin-top:clamp(16px,2.8vw,34px)!important;
}
.page-product-media-v7c .product-related-section .related-product-tile__image img,
.page-product-media-v7c .related-product-tile__image img{
object-fit:cover!important;
}
@media (min-width:1100px){
.page-product-media-v7c .product-commerce-sheet{
top:calc(var(--ci-sticky-header-offset, 88px) + 10px)!important;
}
}
@media (max-width:900px){
.page-product-media-v7c .product-sheet-v5c{
grid-template-columns:1fr!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
height:min(58vh,520px)!important;
min-height:330px!important;
}
}
@media (max-width:700px){
.page-product-media-v7c .product-decision-page{
padding-top:8px!important;
}
.page-product-media-v7c .product-decision-shell{
width:min(100% - 10px, 1440px)!important;
}
.page-product-media-v7c .product-breadcrumb{
display:none!important;
}
.page-product-media-v7c .product-mobile-head-v7c{
display:block!important;
padding:9px 4px 7px!important;
border-bottom:1px solid rgba(14,143,137,.14)!important;
margin-bottom:8px!important;
}
.page-product-media-v7c .product-mobile-head-v7c__kicker{
font-size:.62rem!important;
font-weight:950!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
color:var(--ci-teal-deep)!important;
margin-bottom:4px!important;
}
.page-product-media-v7c .product-mobile-head-v7c__title{
font-family:"Playfair Display",Georgia,serif!important;
color:var(--ci-ink)!important;
font-size:clamp(1.18rem,5.4vw,1.7rem)!important;
line-height:1.03!important;
letter-spacing:-.04em!important;
font-weight:850!important;
margin:0 0 6px!important;
}
.page-product-media-v7c .product-mobile-head-v7c__meta{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
font-size:.82rem!important;
}
.page-product-media-v7c .product-mobile-head-v7c__meta strong{
color:var(--ci-teal-deep)!important;
font-weight:950!important;
}
.page-product-media-v7c .product-mobile-head-v7c__meta span{
font-size:.68rem!important;
font-weight:900!important;
color:var(--ci-muted)!important;
}
.page-product-media-v7c .product-sheet-v5c{
gap:8px!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet{
border-radius:14px!important;
box-shadow:0 8px 20px rgba(7,63,61,.055)!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
height:min(47vh,390px)!important;
min-height:285px!important;
padding:12px!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet img{
border-radius:12px!important;
}
.page-product-media-v7c .product-thumbs--sheet{
margin-top:6px!important;
padding-bottom:4px!important;
}
.page-product-media-v7c .product-thumbs--sheet .product-thumb{
min-width:48px!important;
width:48px!important;
height:48px!important;
}
.page-product-media-v7c .product-commerce-sheet{
padding:10px 4px 8px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
backdrop-filter:none!important;
}
.page-product-media-v7c .product-commerce-sheet__kicker,
.page-product-media-v7c .product-commerce-sheet h1,
.page-product-media-v7c .product-commerce-sheet__price-row{
display:none!important;
}
.page-product-media-v7c .product-commerce-sheet .product-short-summary{
font-size:.82rem!important;
line-height:1.45!important;
margin:0 0 8px!important;
color:var(--ci-muted)!important;
}
.page-product-media-v7c .product-facts-row{
margin-bottom:8px!important;
}
.page-product-media-v7c .product-commerce-form{
padding-top:4px!important;
border-top:1px solid rgba(14,143,137,.12)!important;
}
.page-product-media-v7c .product-detail-sheet{
margin-top:8px!important;
}
}
@media (max-width:390px){
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
height:min(44vh,340px)!important;
min-height:260px!important;
padding:10px!important;
}
.page-product-media-v7c .product-mobile-head-v7c__title{
font-size:clamp(1.08rem,5.5vw,1.45rem)!important;
}
}
/* ------------------------------------------------------------
CSIRI PATCH 7D: Product gallery carousel repair
Patch 7C correctly moved product media to contain, but it
overrode Bootstrap's carousel item display rules. This restores
carousel behavior while keeping the full-product inspection stage.
------------------------------------------------------------ */
.page-product-media-v7c .product-gallery-carousel--sheet{
position:relative!important;
isolation:isolate!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-inner{
position:relative!important;
overflow:hidden!important;
border-radius:inherit!important;
background:transparent!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
display:none!important;
width:100%!important;
height:min(66vh,650px)!important;
min-height:420px!important;
padding:clamp(14px,2.2vw,30px)!important;
align-items:center!important;
justify-content:center!important;
background:transparent!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item.active,
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item-next,
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item-prev{
display:flex!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center center!important;
border-radius:18px!important;
transform:none!important;
margin:auto!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-prev,
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-next{
z-index:4!important;
width:44px!important;
opacity:.9!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-prev-icon,
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-next-icon{
width:34px!important;
height:34px!important;
border-radius:999px!important;
background-color:rgba(7,63,61,.72)!important;
background-size:48% 48%!important;
box-shadow:0 8px 22px rgba(7,63,61,.22)!important;
}
.page-product-media-v7c .product-thumbs--sheet .product-thumb{
flex:0 0 auto!important;
}
.page-product-media-v7c .product-thumbs--sheet .product-thumb:focus-visible{
outline:3px solid rgba(14,143,137,.35)!important;
outline-offset:2px!important;
}
@media (max-width:900px){
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
height:min(58vh,520px)!important;
min-height:330px!important;
}
}
@media (max-width:700px){
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
height:min(47vh,390px)!important;
min-height:285px!important;
padding:12px!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-prev,
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-next{
width:36px!important;
}
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-prev-icon,
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-control-next-icon{
width:28px!important;
height:28px!important;
}
}
@media (max-width:390px){
.page-product-media-v7c .product-gallery-carousel--sheet .carousel-item{
height:min(44vh,340px)!important;
min-height:260px!important;
padding:10px!important;
}
}
/* ------------------------------------------------------------
PATCH 7E — Homepage final boutique edit
Goal: less shop-form clutter, stronger editorial commerce rhythm,
products visible early, and support content lighter.
------------------------------------------------------------ */
.page-home .ci-container{
width:min(94vw, 1320px)!important;
}
.page-home .ci-hero--patch1{
background:
radial-gradient(circle at 5% 0%, rgba(0,124,137,.10), transparent 34%),
radial-gradient(circle at 88% 12%, rgba(200,155,60,.16), transparent 28%),
linear-gradient(180deg,#fff 0%,#f7fbfb 100%)!important;
padding-top:clamp(24px,4vw,54px)!important;
}
.page-home .ci-hero--patch1 .ci-atelier-hero__grid{
grid-template-columns:minmax(0,.76fr) minmax(420px,1.08fr)!important;
gap:clamp(30px,5.2vw,82px)!important;
}
.page-home .ci-hero--patch1 .ci-atelier-hero__copy h1{
max-width:620px!important;
font-size:clamp(2.55rem,5.5vw,5.15rem)!important;
}
.page-home .ci-hero--patch1 .ci-hero__lead{
max-width:570px!important;
}
.page-home .ci-hero--patch1 .ci-atelier-hero__visual{
min-height:clamp(390px,43vw,610px)!important;
}
.page-home .ci-hero--patch1 .ci-atelier-hero__main{
inset:0 8% 0 0!important;
border-radius:24px!important;
}
.page-home .ci-hero--patch1 .ci-atelier-hero__mini{
width:30%!important;
box-shadow:0 16px 42px rgba(20,17,15,.12)!important;
}
.page-home .ci-hero--patch1 .ci-hero-size-card{
border-color:rgba(0,124,137,.18)!important;
box-shadow:0 16px 40px rgba(0,124,137,.12)!important;
}
.page-home .ci-section--early-products{
background:#fff!important;
padding-top:clamp(34px,4.8vw,64px)!important;
}
.page-home .ci-section--early-products .ci-section__head{
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.page-home .ci-section--early-products .ci-section__head h2{
max-width:760px!important;
}
.page-home .ci-editorial-product-spread--patch1{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:clamp(22px,3vw,38px) clamp(16px,2.3vw,28px)!important;
align-items:start!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-editorial-product-spread__feature{
grid-column:span 1!important;
grid-row:auto!important;
}
.page-home .home-product-card,
.page-home .ci-product-tile{
background:transparent!important;
box-shadow:none!important;
border:0!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__image{
border-radius:24px!important;
box-shadow:0 14px 38px rgba(20,17,15,.08)!important;
background:linear-gradient(180deg,#f8fbfb,#fff7ea)!important;
overflow:hidden!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__image img{
transition:transform .35s ease!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile:hover .ci-product-tile__image img{
transform:scale(1.025)!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption{
padding:12px 2px 0!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption h3{
font-size:clamp(.95rem,1.25vw,1.12rem)!important;
line-height:1.18!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption small{
color:var(--ci-muted)!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption p{
margin-top:4px!important;
}
.ci-home-product-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
margin-top:10px!important;
}
.ci-product-action--primary{
background:var(--ci-teal-deep)!important;
border-color:var(--ci-teal-deep)!important;
color:#fff!important;
}
.ci-home-product-actions .ci-product-action{
min-height:34px!important;
padding:0 12px!important;
border-radius:999px!important;
font-size:.76rem!important;
}
.page-home .ci-section--problem-cards{
background:linear-gradient(180deg,#f7fbfb 0%,#fff 100%)!important;
}
.page-home .ci-problem-grid{
grid-template-columns:repeat(6,minmax(150px,1fr))!important;
gap:12px!important;
}
.page-home .ci-problem-card{
min-height:clamp(210px,20vw,300px)!important;
border-radius:22px!important;
box-shadow:0 10px 28px rgba(20,17,15,.07)!important;
}
.page-home .ci-problem-card__body strong{
font-size:clamp(1.05rem,1.45vw,1.36rem)!important;
font-family:Inter,system-ui,sans-serif!important;
letter-spacing:-.02em!important;
line-height:1.08!important;
}
.page-home .ci-problem-card__body small{
font-size:.8rem!important;
line-height:1.32!important;
}
.page-home .ci-problem-card__badge{
font-size:.62rem!important;
min-height:24px!important;
}
.page-home .ci-fitting-banner--home{
border-top:0!important;
border-bottom:0!important;
margin:0!important;
background:var(--ci-teal-deep)!important;
color:#fff!important;
}
.page-home .ci-fitting-banner--home .ci-eyebrow,
.page-home .ci-fitting-banner--home h2,
.page-home .ci-fitting-banner--home p{
color:#fff!important;
}
.page-home .ci-fitting-banner--home p{opacity:.86!important;}
.page-home .ci-fitting-banner--home .ci-btn--dark{
background:#fff!important;
color:var(--ci-teal-deep)!important;
border-color:#fff!important;
}
.page-home .ci-fitting-banner--home .ci-btn--light{
background:transparent!important;
color:#fff!important;
border-color:rgba(255,255,255,.48)!important;
}
.page-home .ci-section--people .ci-section__head,
.page-home .ci-visit-panel .ci-container,
.page-home .ci-section--guides .ci-section__head,
.page-home .ci-guide-list{
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.page-home .ci-person-card{
min-height:clamp(190px,20vw,280px)!important;
}
.page-home .ci-visit-panel{
padding-top:clamp(34px,5vw,60px)!important;
padding-bottom:clamp(34px,5vw,60px)!important;
}
.page-home .ci-visit-panel__grid{
grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
gap:clamp(24px,4vw,64px)!important;
}
.page-home .ci-visit-panel h2{
max-width:560px!important;
}
.page-home .ci-visit-panel dl{
border-top:2px solid rgba(0,124,137,.20)!important;
}
.page-home .ci-visit-panel dl div{
padding:15px 0!important;
}
@media (min-width:1180px){
.page-home .ci-editorial-product-spread--patch1{
grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption h3{
font-size:.92rem!important;
}
.page-home .ci-home-product-actions .ci-product-action{
font-size:.7rem!important;
padding:0 10px!important;
}
}
@media (max-width:980px){
.page-home .ci-hero--patch1 .ci-atelier-hero__grid{
grid-template-columns:1fr!important;
}
.page-home .ci-editorial-product-spread--patch1{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.page-home .ci-problem-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.page-home .ci-visit-panel__grid{
grid-template-columns:1fr!important;
}
}
@media (max-width:700px){
.page-home .ci-container{width:min(100% - 22px, 1320px)!important;}
.page-home .ci-mobile-storefront{
padding-top:12px!important;
padding-bottom:10px!important;
background:
radial-gradient(circle at 10% 0%,rgba(0,124,137,.18),transparent 32%),
linear-gradient(135deg,#ffffff 0%,#f7fbfb 52%,#fff8ea 100%)!important;
}
.page-home .ci-mobile-storefront h1{
font-size:clamp(2.05rem,10vw,2.85rem)!important;
}
.page-home .ci-mobile-storefront__rail{
grid-auto-columns:minmax(122px,39vw)!important;
gap:9px!important;
}
.page-home .ci-mobile-storefront__tile{
border-radius:18px!important;
box-shadow:0 10px 26px rgba(7,63,61,.12)!important;
}
.page-home .ci-section--early-products{
padding-top:16px!important;
padding-bottom:24px!important;
}
.page-home .ci-section--early-products .ci-section__head{
margin-bottom:10px!important;
}
.page-home .ci-editorial-product-spread--patch1{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:13px 10px!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__image{
border-radius:17px!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption{
padding-top:7px!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption h3{
font-size:.8rem!important;
line-height:1.15!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption small{
display:none!important;
}
.page-home .ci-editorial-product-spread--patch1 .ci-product-tile__caption p{
font-size:.78rem!important;
}
.page-home .ci-home-product-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:5px!important;
margin-top:6px!important;
}
.page-home .ci-home-product-actions .ci-product-action{
min-height:29px!important;
font-size:.68rem!important;
}
.page-home .ci-section--problem-cards,
.page-home .ci-section--people,
.page-home .ci-visit-panel,
.page-home .ci-section--guides{
padding-top:28px!important;
padding-bottom:30px!important;
}
.page-home .ci-problem-grid,
.page-home .ci-person-grid{
display:grid!important;
grid-auto-flow:column!important;
grid-auto-columns:minmax(218px,76vw)!important;
grid-template-columns:none!important;
overflow-x:auto!important;
gap:11px!important;
padding-bottom:8px!important;
scroll-snap-type:x proximity!important;
-webkit-overflow-scrolling:touch!important;
}
.page-home .ci-problem-card,
.page-home .ci-person-card{
min-height:220px!important;
scroll-snap-align:start!important;
}
.page-home .ci-fitting-banner--home{
padding:28px 0!important;
}
.page-home .ci-fitting-banner--home .ci-fitting-banner__actions{
display:grid!important;
grid-template-columns:1fr!important;
}
.page-home .ci-visit-panel dl div{
grid-template-columns:1fr!important;
gap:4px!important;
}
}
/* CSIRI PATCH 7F HERO MEDIA START */
.ci-cover-hero{position:relative;width:100%;min-height:clamp(520px,74vh,820px);overflow:hidden;background:#062f31;color:#fff;isolation:isolate}.ci-cover-hero picture,.ci-cover-hero img{display:block;width:100%;height:100%}.ci-cover-hero picture{position:absolute;inset:0}.ci-cover-hero img{object-fit:cover;object-position:center}.ci-cover-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:26%;background:linear-gradient(180deg,rgba(6,47,49,0),rgba(6,47,49,.42));pointer-events:none}.ci-cover-hero__caption{position:absolute;right:clamp(16px,4vw,56px);bottom:clamp(16px,4vw,44px);z-index:2;display:flex;align-items:center;gap:.75rem;max-width:min(720px,calc(100% - 32px));padding:.72rem .9rem;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.18);color:#073f41}.ci-cover-hero__caption span{font-weight:750;font-size:.9rem}.ci-cover-hero__caption a{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .82rem;border-radius:999px;background:#075f61;color:#fff;text-decoration:none;font-weight:800;font-size:.82rem}.ci-home-action-rail{display:flex;justify-content:center;gap:.65rem;padding:.78rem max(16px,4vw);background:#fff;border-bottom:1px solid rgba(7,95,97,.13);position:relative;z-index:3;box-shadow:0 12px 34px rgba(7,95,97,.06)}.ci-home-action-rail a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.58rem .95rem;border:1px solid rgba(7,95,97,.22);border-radius:999px;background:#f4fbfa;color:#064b4d;text-decoration:none;font-weight:850;font-size:.9rem;white-space:nowrap}.ci-home-action-rail a:hover{background:#075f61;color:#fff;border-color:#075f61}.ci-home-opening{padding:clamp(1.45rem,4vw,3rem) 0 clamp(1.35rem,3vw,2.4rem);background:linear-gradient(180deg,#fff 0%,#f9f4ea 100%)}.ci-home-opening__inner{max-width:980px;text-align:center}.ci-home-opening h1{margin:.18rem 0 .55rem;font-size:clamp(2rem,5vw,4.6rem);line-height:.96;letter-spacing:-.06em;color:#073f41}.ci-home-opening p:not(.ci-eyebrow){margin:0 auto;max-width:760px;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.6;color:rgba(18,18,18,.72)}.ci-home-visual-trio{padding:clamp(1.2rem,3vw,2.6rem) 0 clamp(2rem,5vw,4rem);background:#f9f4ea}.ci-home-visual-trio__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.42fr) minmax(190px,.42fr);grid-template-areas:"main mini1 mini2" "main help help";gap:clamp(.8rem,1.7vw,1.25rem);align-items:stretch}.ci-home-visual-trio a{text-decoration:none;color:inherit}.ci-home-visual-trio__main,.ci-home-visual-trio__mini{position:relative;overflow:hidden;background:#efe6d6;min-height:220px}.ci-home-visual-trio__main{grid-area:main;min-height:clamp(360px,42vw,610px);border-radius:0 34px 34px 0}.ci-home-visual-trio__mini{border-radius:28px;min-height:clamp(180px,18vw,285px)}.ci-home-visual-trio__mini:nth-of-type(2){grid-area:mini1}.ci-home-visual-trio__mini:nth-of-type(3){grid-area:mini2}.ci-home-visual-trio img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.ci-home-visual-trio a:hover img{transform:scale(1.035)}.ci-home-visual-trio__main::after,.ci-home-visual-trio__mini::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.48));pointer-events:none}.ci-home-visual-trio__main span,.ci-home-visual-trio__mini span{position:absolute;left:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,24px);z-index:2;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.35)}.ci-home-visual-trio__main strong{display:block;font-size:clamp(1.3rem,2.5vw,2.4rem);line-height:1.05}.ci-home-visual-trio__main small{display:block;margin-top:.35rem;max-width:480px;font-weight:650;opacity:.92}.ci-home-visual-trio__mini span{font-size:1rem;font-weight:850}.ci-home-visual-trio__help{grid-area:help;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,2vw,1.35rem);border-radius:28px;background:#075f61;color:#fff;box-shadow:0 24px 70px rgba(7,95,97,.18)}.ci-home-visual-trio__help strong{font-size:clamp(1.05rem,1.8vw,1.35rem)}.ci-home-visual-trio__help small{opacity:.88;font-weight:650}.ci-section--early-products{padding-top:clamp(2rem,5vw,4rem)}.ci-section--early-products .ci-section__head{border-top:1px solid rgba(7,95,97,.16);padding-top:clamp(1rem,2vw,1.6rem)}@media (max-width: 767.98px){.ci-cover-hero{min-height:58svh;max-height:640px}.ci-cover-hero img{object-position:center}.ci-cover-hero__caption{left:12px;right:12px;bottom:12px;justify-content:space-between;border-radius:22px;padding:.65rem .72rem}.ci-cover-hero__caption span{font-size:.78rem}.ci-cover-hero__caption a{font-size:.76rem;padding:.48rem .62rem}.ci-home-action-rail{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:.62rem 12px}.ci-home-action-rail::-webkit-scrollbar{display:none}.ci-home-action-rail a{min-height:36px;padding:.5rem .78rem;font-size:.82rem}.ci-home-opening{padding:1.15rem 0 1rem}.ci-home-opening__inner{text-align:left}.ci-home-opening h1{font-size:clamp(2rem,11vw,3.2rem);margin:.08rem 0 .35rem}.ci-home-opening p:not(.ci-eyebrow){font-size:.96rem;line-height:1.5}.ci-home-visual-trio{padding:1rem 0 2.2rem}.ci-home-visual-trio__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"main main" "mini1 mini2" "help help";gap:.65rem}.ci-home-visual-trio__main{border-radius:0 24px 24px 0;min-height:310px}.ci-home-visual-trio__mini{border-radius:20px;min-height:155px}.ci-home-visual-trio__help{border-radius:20px;padding:.9rem;align-items:flex-start;flex-direction:column}.ci-home-visual-trio__main strong{font-size:1.45rem}.ci-home-visual-trio__main small{font-size:.82rem}.ci-section--early-products{padding-top:1.65rem}}@media (min-width: 1400px){.ci-cover-hero{min-height:78vh}.ci-home-visual-trio__grid{max-width:94vw}}
/* CSIRI PATCH 7F HERO MEDIA END */
/* CSIRI PATCH 8 FINAL UI SAFETY START */
.home-product-card form,.home-product-card input,.home-product-card button[type="submit"]{display:none!important}.ci-home-product-actions{display:flex;gap:.55rem;flex-wrap:wrap}.ci-cover-hero{position:relative;width:100%;min-height:clamp(500px,72vh,820px);overflow:hidden;background:#062f31;color:#fff;isolation:isolate}.ci-cover-hero picture,.ci-cover-hero img{display:block;width:100%;height:100%}.ci-cover-hero picture{position:absolute;inset:0}.ci-cover-hero img{object-fit:cover;object-position:center}.ci-home-action-rail{display:flex;justify-content:center;gap:.65rem;padding:.78rem max(16px,4vw);background:#fff;border-bottom:1px solid rgba(7,95,97,.13);position:relative;z-index:3;box-shadow:0 12px 34px rgba(7,95,97,.06)}.ci-home-action-rail a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.58rem .95rem;border:1px solid rgba(7,95,97,.22);border-radius:999px;background:#f4fbfa;color:#064b4d;text-decoration:none;font-weight:850;font-size:.9rem;white-space:nowrap}.ci-home-action-rail a:hover{background:#075f61;color:#fff;border-color:#075f61}@media (max-width:767.98px){.ci-cover-hero{min-height:56svh;max-height:640px}.ci-home-action-rail{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:.62rem 12px}.ci-home-action-rail::-webkit-scrollbar{display:none}.ci-home-action-rail a{min-height:36px;padding:.5rem .78rem;font-size:.82rem}.ci-home-opening{padding:1.1rem 0 .95rem}.ci-home-opening h1{font-size:clamp(2rem,10vw,3rem);margin:.08rem 0 .35rem}}
/* CSIRI PATCH 8 FINAL UI SAFETY END */
/* PATCH 10C — FITTING ROOM MEDIA */
.ci-fitting-banner__grid--media{grid-template-columns:minmax(220px,.72fr) minmax(0,1.2fr) auto;align-items:center}.ci-fitting-banner__media{display:block;overflow:hidden;min-height:260px}.ci-fitting-banner__media img{display:block;width:100%;height:100%;min-height:260px;max-height:460px;object-fit:cover;object-position:center}.ci-fitting-banner__copy{min-width:0}@media(max-width:900px){.ci-fitting-banner__grid--media{grid-template-columns:1fr}.ci-fitting-banner__media{order:0;min-height:0}.ci-fitting-banner__media img{min-height:0;max-height:52svh;aspect-ratio:4/5;object-fit:cover}.ci-fitting-banner__copy{order:1}.ci-fitting-banner__actions{order:2}}