/* Hadi Garden Static Export — reusable editorial florist storefront styles */
:root{--rose:#c97882;--rose-dark:#ae5e6b;--blush:#f8efed;--cream:#fffefd;--cocoa:#4d302e;--ink:#332726;--muted:#887774;--line:#eadfdb;--sage:#7f8d73;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{border:0;cursor:pointer}a{color:inherit}.container{width:100%;max-width:1180px;margin:auto;padding-left:25px;padding-right:25px}.topbar{height:28px;background:#faf3f1;border-bottom:1px solid #f3e8e5;color:#7e6d6a;font-size:9px}.topbar-inner,.topbar-left,.topbar-right{height:100%;display:flex;align-items:center}.topbar-inner{justify-content:space-between}.topbar-left{gap:28px}.topbar-right{gap:16px}.topbar button{padding:0;color:inherit;background:transparent}.topbar-brand{color:var(--rose-dark);font-size:8px}.topbar b{color:var(--cocoa)}
.main-header{position:relative;z-index:20;background:#fffefdf7;border-bottom:1px solid #f2e7e4}.main-header-inner{min-height:80px;display:flex;align-items:center;gap:26px}.brand-lockup{flex:0 0 150px;display:inline-flex;align-items:center;gap:8px;color:var(--rose-dark);text-decoration:none}.brand-mark{width:40px;height:40px;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;font-family:"Cormorant Garamond",Georgia,serif;line-height:.8;letter-spacing:-.03em}.brand-wordmark b{font-size:30px;font-weight:600}.brand-wordmark small{margin-top:7px;padding-left:2px;font-family:Montserrat,Arial,sans-serif;font-size:7px;letter-spacing:.37em}.main-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:21px}.main-nav a{position:relative;display:inline-flex;align-items:center;gap:3px;height:80px;color:#4d403e;font-size:9px;font-weight:600;text-decoration:none;white-space:nowrap}.main-nav a:after{position:absolute;bottom:17px;left:0;width:0;height:1px;background:var(--rose);content:"";transition:width .18s var(--ease)}.main-nav a:hover,.main-nav a.active{color:var(--rose-dark)}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:13px;margin-left:auto}.icon-btn{position:relative;display:grid;width:28px;height:32px;place-items:center;padding:0;color:var(--rose-dark);background:transparent}.phone-link{display:flex;align-items:center;gap:8px;color:var(--rose-dark);text-decoration:none}.phone-link span{display:flex;flex-direction:column;gap:3px}.phone-link b{font-size:12px}.phone-link small{color:#a58e89;font-size:8px}.cart-dot{position:absolute;top:1px;right:-3px;display:grid;width:13px;height:13px;place-items:center;border-radius:50%;color:#fff;background:var(--rose);font-size:7px}.mobile-menu{display:none;width:34px;height:34px;background:transparent}.mobile-menu svg{pointer-events:none}.search-drawer{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 26px #4d302e14}.search-drawer.open{display:block}.search-inner{height:58px;display:flex;align-items:center;gap:12px;color:var(--rose)}.search-inner input{flex:1;border:0;outline:0;font-size:13px}.search-inner button{background:transparent;color:var(--muted)}
.hero{position:relative;min-height:460px;background:#b49a83 center/cover no-repeat;color:#fff}.hero:after{position:absolute;inset:0;background:linear-gradient(90deg,#3b201c5c,#5c342b26 35%,#2e1c1617 72%,#3c1f1b38);content:""}.hero-content{position:relative;z-index:1;min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-kicker{display:flex;align-items:center;gap:9px;margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.28em;text-shadow:0 2px 14px #2e1a1747}.hero-kicker i{width:27px;height:1px;background:var(--rose)}.hero h1{margin:0;font:500 clamp(58px,7vw,91px)/.83 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em;text-shadow:0 3px 19px #2e1a1742}.hero-script{margin:8px 0 9px;font:italic 500 clamp(27px,3vw,39px)/1 "Cormorant Garamond",Georgia,serif}.hero-description{margin:0 0 20px;font-size:11px;line-height:1.65}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:38px;padding:0 20px;color:#fff;background:var(--rose);font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;transition:background .18s var(--ease),transform .18s var(--ease)}.primary-btn:hover{color:#fff;background:var(--rose-dark);transform:translateY(-2px)}.hero-arrow{position:absolute;z-index:2;top:50%;display:grid;width:33px;height:33px;place-items:center;border-radius:50%;color:var(--cocoa);background:#ffffffe3;transform:translateY(-50%)}.hero-arrow.left{left:26px}.hero-arrow.right{right:26px}.hero-dots{position:absolute;z-index:2;bottom:20px;left:50%;display:flex;gap:6px;transform:translateX(-50%)}.hero-dots i{width:5px;height:5px;border:1px solid #fff;border-radius:50%}.hero-dots i.active{background:#fff}
.commitments{background:#fbf3f1;border-bottom:1px solid #f2e4e1}.commitments-grid{min-height:76px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.commitment{display:flex;align-items:center;justify-content:center;gap:10px;min-height:39px;padding:0 15px;border-right:1px solid #ebdfdc;color:var(--rose-dark)}.commitment:last-child{border:0}.commitment svg{flex:0 0 auto}.commitment span{display:flex;flex-direction:column;gap:4px}.commitment b{color:var(--cocoa);font-size:8px;text-transform:uppercase}.commitment small{color:#887774;font-size:8px}
.section{padding:33px 0 30px}.band-blush{background:var(--blush);border-top:1px solid #f3e5e1;border-bottom:1px solid #f3e5e1}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}.section-heading h2{position:relative;margin:0;padding-bottom:9px;color:var(--cocoa);font:700 20px/1 "Cormorant Garamond",Georgia,serif;text-transform:uppercase}.section-heading h2:after{position:absolute;bottom:0;left:0;width:29px;height:1px;background:var(--rose);content:""}.section-link,.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--cocoa);font-size:9px;font-weight:700;text-decoration:none}.section-link:hover,.text-link:hover{color:var(--rose-dark)}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.category-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;color:var(--cocoa);background:transparent}.category-card figure{width:100%;height:101px;margin:0;overflow:hidden;background:#faf5f3}.category-card img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .35s var(--ease)}.category-card:hover img{transform:scale(1.06)}.category-card b{font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 23px}.product-card{min-width:0}.product-card>a{display:block;position:relative;aspect-ratio:1.22/1;overflow:hidden;background:#f6f1ef;text-decoration:none}.product-card>a img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.product-card>a:hover img{transform:scale(1.055)}.product-tag{position:absolute;top:0;left:0;display:grid;min-width:31px;height:20px;place-items:center;padding:0 6px;color:#fff;background:var(--rose);font-size:8px;font-weight:700}.product-tag.new{background:#4d947d}.product-tag.best{background:#9c765d}.quick-view{position:absolute;right:9px;bottom:9px;padding:6px 8px;color:#fff;background:#4d302ecc;font-size:8px;opacity:0;transform:translateY(5px);transition:opacity .18s var(--ease),transform .18s var(--ease)}.product-card>a:hover .quick-view{opacity:1;transform:translateY(0)}.product-meta{padding-top:9px}.product-code{margin:0 0 2px;color:#a08d89;font-size:8px;letter-spacing:.04em}.product-name{display:-webkit-box;overflow:hidden;min-height:30px;margin:0 0 6px;color:var(--cocoa);font:700 15px/1.05 "Cormorant Garamond",Georgia,serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-name a{text-decoration:none}.price-row{display:flex;align-items:baseline;gap:8px}.price-row strong{color:var(--cocoa);font-size:12px}.price-row del{color:#aaa09c;font-size:9px}.add-mini{margin-left:auto;padding:0;color:var(--rose-dark);background:transparent;font-size:9px;font-weight:700}
.news-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.news-card,.blog-card{min-width:0}.news-card{padding-right:34px;border-right:1px solid #e9dedb}.news-card:last-child{padding-right:0;border:0}.news-image,.blog-card-image{display:block;position:relative;width:100%;height:127px;overflow:hidden;background:#eadfdc}.news-image img,.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .42s var(--ease)}.news-image:hover img,.blog-card-image:hover img{transform:scale(1.04)}.news-date,.story-meta{color:#9b8985;font-size:8px}.news-date{margin:9px 0 5px}.news-card h3{margin:0 0 6px;color:var(--cocoa);font:700 17px/1.1 "Cormorant Garamond",Georgia,serif}.news-card p{margin:0 0 10px;color:#766967;font-size:9px;line-height:1.7}.news-card h3 a{text-decoration:none}
.footer{color:#705f5c;background:#fbf0ee}.footer-main{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr 1.05fr;gap:25px;padding-top:27px;padding-bottom:24px}.footer-col{min-width:0}.footer-col+.footer-col{padding-left:18px;border-left:1px solid #e9dbd8}.footer h3{margin:0 0 13px;color:var(--cocoa);font:700 16px/1.12 "Cormorant Garamond",Georgia,serif}.footer p{margin:0 0 9px;font-size:9px;line-height:1.65}.footer button,.footer a{display:block;margin:0 0 7px;padding:0;color:#786865;background:transparent;font-size:9px;text-align:left;text-decoration:none}.footer button:hover,.footer a:hover{color:var(--rose-dark)}.hotline{display:inline-block!important;color:var(--rose-dark)!important;font-size:18px!important;font-weight:700}.signup-form{display:flex;height:29px;margin:14px 0}.signup-form input{min-width:0;flex:1;padding:0 8px;border:1px solid #ecdeda;outline:0;font-size:8px}.signup-form button{width:55px;margin:0!important;color:#fff!important;background:var(--rose);text-align:center!important;font-weight:700}.socials{display:flex;gap:8px}.socials a{display:grid;width:24px;height:24px;place-items:center;padding:0;background:#fffaf8;border:1px solid #ecddda}.footer-bottom{padding-top:16px;padding-bottom:15px;border-top:1px solid #ebddda;color:#887773;font-size:8px;line-height:1.9}.footer-bottom b{color:var(--cocoa)}.footer-legal{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid #ebddda}.back-top{position:fixed;right:22px;bottom:22px;z-index:10;display:grid;width:32px;height:32px;place-items:center;color:#fff;background:var(--rose);border:0}
/* catalog pages */.page-hero{position:relative;overflow:hidden;background:var(--blush);border-bottom:1px solid #f0e1de}.page-hero:after{position:absolute;right:-60px;bottom:-165px;width:420px;height:420px;border:1px solid #c9788240;border-radius:50%;box-shadow:0 0 0 24px #c978820f,0 0 0 48px #c978820a;content:""}.page-hero-inner{position:relative;z-index:1;padding-top:60px;padding-bottom:45px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:var(--rose-dark);font-size:9px;font-weight:700;letter-spacing:.17em}.page-hero h1{max-width:650px;margin:0 0 13px;color:var(--cocoa);font:600 clamp(46px,6vw,76px)/.86 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.page-hero h1 em{color:var(--rose-dark);font-style:italic;font-weight:500}.page-hero-inner>p:not(.eyebrow){max-width:495px;margin:0 0 25px;color:#796966;font-size:11px;line-height:1.75}.breadcrumb{display:flex;gap:9px;color:#a08d89;font-size:9px}.breadcrumb a{color:var(--cocoa);font-weight:600;text-decoration:none}.breadcrumb strong{color:var(--rose-dark)}.catalog-layout{display:grid;grid-template-columns:200px 1fr;gap:35px}.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px;padding-bottom:17px;border-bottom:1px solid var(--line)}.catalog-count{margin:0 0 5px;color:#a08e89;font-size:8px;font-weight:700;letter-spacing:.13em}.catalog-toolbar h2{margin:0;color:var(--cocoa);font:700 29px/1 "Cormorant Garamond",Georgia,serif}.catalog-actions{display:flex;align-items:center;gap:16px}.sort-control{display:flex;align-items:center;gap:8px;color:#8b7773;font-size:9px}.sort-control select{padding:7px 9px;color:var(--cocoa);background:#fff;border:1px solid var(--line);font-size:9px}.sidebar-heading{display:flex;justify-content:space-between;padding-bottom:12px;color:var(--cocoa);border-bottom:1px solid var(--line);font:700 17px "Cormorant Garamond",Georgia,serif}.filter-list button{display:flex;width:100%;justify-content:space-between;padding:9px 0;color:#776966;background:transparent;border-bottom:1px solid #f3e9e6;font-size:10px;text-align:left}.filter-list button.active{padding-left:7px;color:var(--rose-dark);border-left:2px solid var(--rose);font-weight:700}.filter-list span{color:#ab9792;font-size:8px}.sidebar-note{margin-top:20px;padding:16px 13px;background:var(--blush)}.sidebar-note p{margin:0 0 14px;color:#786865;font:16px/1.1 "Cormorant Garamond",Georgia,serif}.sidebar-note button{padding:0;color:var(--rose-dark);background:transparent;font-size:9px;font-weight:700}.result-note{display:flex;gap:17px;margin:-2px 0 18px;color:#9a8783;font-size:8px}.result-note span:before{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--rose);content:""}.mobile-filter{display:none}
/* details/blog */.detail-breadcrumb,.post-breadcrumb{padding-top:25px;padding-bottom:17px;color:#a08d89;font-size:9px}.detail-breadcrumb a,.post-breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:var(--cocoa);font-weight:600;text-decoration:none}.product-detail{display:grid;grid-template-columns:1.04fr .96fr;gap:72px;padding-top:25px;padding-bottom:74px}.detail-main-image{aspect-ratio:1.09/1;overflow:hidden;background:#f7efec}.detail-main-image img{width:100%;height:100%;object-fit:cover}.detail-thumbs{display:flex;gap:9px;padding-top:12px}.detail-thumbs button{width:71px;height:66px;padding:2px;background:transparent;border:1px solid transparent}.detail-thumbs button.active{border-color:var(--rose)}.detail-thumbs img{width:100%;height:100%;object-fit:cover}.detail-copy{align-self:center}.detail-kicker{color:var(--rose-dark);font-size:9px;font-weight:700;letter-spacing:.12em}.detail-copy h1{max-width:460px;margin:14px 0 9px;color:var(--cocoa);font:600 clamp(43px,5vw,67px)/.86 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.detail-code{color:#a08d89;font-size:9px}.detail-price{display:flex;gap:12px;align-items:baseline;margin:20px 0;padding-bottom:17px;border-bottom:1px solid var(--line)}.detail-price strong{color:var(--rose-dark);font-size:23px}.detail-price del{color:#a99b97;font-size:11px}.detail-description{color:#756462;font:20px/1.18 "Cormorant Garamond",Georgia,serif}.detail-note{padding:10px 12px;background:var(--blush);color:#897774;font-size:9px}.quantity{display:flex;align-items:center;gap:0;margin:17px 0}.quantity button,.quantity span{display:grid;width:32px;height:32px;place-items:center;background:#fff;border:1px solid var(--line)}.detail-actions{display:flex;gap:9px}.detail-add{flex:1}.wishlist{display:grid;width:45px;place-items:center;color:var(--rose-dark);background:var(--blush)}.promises{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:23px;padding-top:17px;border-top:1px solid var(--line)}.promise{display:flex;gap:8px;color:var(--rose-dark);font-size:8px}.promise b{display:block;color:var(--cocoa)}.info-band{padding:61px 0 64px;background:var(--blush);border-top:1px solid #f0e2df;border-bottom:1px solid #f0e2df}.info-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.info-grid h2{margin:0 0 20px;color:var(--cocoa);font:600 46px/.88 "Cormorant Garamond",Georgia,serif}.info-grid h2 em{color:var(--rose-dark);font-style:italic}.info-intro{max-width:310px;color:#7b6965;font-size:10px;line-height:1.75}.accordions details{border-bottom:1px solid #e5d5d1}.accordions summary{display:flex;align-items:center;gap:15px;padding:17px 0;color:var(--cocoa);list-style:none;cursor:pointer;font:700 18px "Cormorant Garamond",Georgia,serif}.accordions summary span{color:var(--rose);font:700 9px Montserrat}.accordions details p{margin:-4px 0 17px 33px;color:#806f6b;font-size:10px;line-height:1.65}.blog-feature{padding:62px 0 68px}.feature-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:73px}.feature-image{position:relative;height:365px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy h2{margin:0 0 14px;color:var(--cocoa);font:600 47px/.91 "Cormorant Garamond",Georgia,serif}.feature-copy h2 a,.blog-card h3 a{color:inherit;text-decoration:none}.feature-copy>p{color:#796a66;font-size:10px;line-height:1.75}.story-meta{display:flex;gap:13px}.blog-list{padding-top:49px;background:#fff9f7}.topic-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:29px}.topic-tabs button{padding:8px 12px;color:#876f6c;background:transparent;border:1px solid #eadbd8;font-size:9px}.topic-tabs button.active{color:#fff;background:var(--rose);border-color:var(--rose)}.blog-card-image{height:190px}.blog-card-image span{position:absolute;bottom:10px;left:10px;padding:6px 8px;color:#fff;background:#4d302ecc;font-size:8px}.blog-card h3{margin:8px 0 7px;color:var(--cocoa);font:700 24px/.95 "Cormorant Garamond",Georgia,serif}.blog-card p{margin:0;color:#7e6d69;font-size:9px;line-height:1.7}.newsletter{padding:60px 0 63px;color:#fff8f5;background:var(--cocoa)}.newsletter-inner{display:flex;align-items:end;justify-content:space-between;gap:35px}.newsletter h2{margin:0;font:600 43px/.9 "Cormorant Garamond",Georgia,serif}.newsletter h2 em{color:#e4aab0}.newsletter form{width:365px}.newsletter input{width:100%;padding:10px 0;color:#fff;background:transparent;border:0;border-bottom:1px solid #fff6;outline:0}.newsletter button{margin-top:9px;color:#efc4c8;background:transparent;font-weight:700}.post-header{max-width:850px;padding-top:31px;text-align:center}.post-header .eyebrow{justify-content:center}.post-header h1{margin:0 auto 15px;color:var(--cocoa);font:600 clamp(48px,7vw,84px)/.84 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em}.post-excerpt{max-width:530px;margin:0 auto 18px;color:#7c6b67;line-height:1.75}.post-meta{display:flex;justify-content:center;gap:16px;color:#9c8984;font-size:8px}.post-cover{margin-top:38px}.post-cover img{width:100%;height:min(495px,47vw);object-fit:cover}.post-layout{display:grid;grid-template-columns:170px 620px;justify-content:center;gap:66px;padding-top:58px;padding-bottom:68px}.post-aside{padding-top:6px;color:var(--rose-dark);font-size:8px;font-weight:700;letter-spacing:.12em}.post-aside a{display:block;margin-top:13px;color:#95817c;font-size:9px;font-weight:500;letter-spacing:0;text-decoration:none}.post-body{color:#6f5f5a;font:20px/1.35 "Cormorant Garamond",Georgia,serif}.post-body p{margin:0 0 21px}.post-body .lead{color:var(--cocoa);font-size:26px;line-height:1.12}.post-body h2{margin:34px 0 9px;color:var(--cocoa);font-size:35px}.post-body blockquote{margin:31px 0;padding:18px 0 19px 24px;color:var(--rose-dark);border-top:1px solid var(--rose);border-bottom:1px solid var(--rose);font-size:30px;font-style:italic;line-height:1.06}
@media(max-width:820px){.container{padding-left:16px;padding-right:16px}.topbar-left>span:nth-of-type(2),.topbar-left>button{display:none}.main-header-inner{min-height:68px}.mobile-menu{display:grid;place-items:center}.brand-lockup{flex-basis:auto}.main-nav{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:7px 16px 12px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 26px #4d302e14}.main-nav.open{display:flex}.main-nav a{justify-content:space-between;height:37px;border-bottom:1px solid #f2e7e4}.main-nav a:after{bottom:0}.header-phone{display:none}.hero,.hero-content{min-height:420px}.commitments-grid{grid-template-columns:repeat(3,1fr);padding:10px 6px}.commitment{padding:0 8px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 13px}.news-grid,.blog-grid{grid-template-columns:1fr}.news-card{padding:0 0 22px;border-right:0;border-bottom:1px solid #e9dedb}.footer-main{grid-template-columns:repeat(3,1fr)}.footer-col:nth-child(4){grid-column:1/2}.footer-col:nth-child(5){grid-column:2/4}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}.catalog-layout.filters-open .catalog-sidebar{display:block}.mobile-filter{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;color:var(--cocoa);background:var(--blush);font-size:9px;font-weight:700}.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr;gap:35px}.detail-copy{max-width:none}.info-grid{grid-template-columns:1fr;gap:33px}.feature-grid{grid-template-columns:1fr;gap:33px}.feature-image{height:58vw}.newsletter-inner{align-items:flex-start;flex-direction:column}.post-layout{grid-template-columns:1fr;gap:26px}.post-aside{padding-bottom:15px;border-bottom:1px solid var(--line)} }
@media(max-width:560px){.topbar{font-size:8px}.hero,.hero-content{min-height:395px}.hero h1{font-size:62px}.hero-script{font-size:30px}.hero-arrow.left{left:10px}.hero-arrow.right{right:10px}.commitments-grid{grid-template-columns:repeat(2,1fr)}.commitment{min-height:46px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card figure{height:140px}.product-name{font-size:14px}.price-row{display:block}.add-mini{display:none}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-col:nth-child(5){grid-column:2/3}.footer-legal{display:block}.footer-legal span{display:block;margin-bottom:5px}.page-hero-inner{padding-top:44px;padding-bottom:36px}.page-hero h1{font-size:50px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-actions{width:100%;justify-content:space-between}.detail-copy h1{font-size:50px}.detail-description{font-size:19px}.info-grid h2{font-size:40px}.feature-copy h2{font-size:40px}.blog-card-image{height:210px}.newsletter h2{font-size:38px}.post-header h1{font-size:53px}.post-cover img{height:265px}.post-body{font-size:19px}.post-body .lead{font-size:23px}.post-body blockquote{font-size:27px}}

#toast{position:fixed;right:22px;bottom:22px;z-index:99;max-width:280px;padding:11px 15px;color:#fff;background:var(--cocoa);box-shadow:0 10px 25px #4d302e2e;font-size:10px;opacity:0;transform:translateY(8px);transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--rose);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Larger type pass — match the React storefront and improve static readability */
body{font-size:13px}.topbar{font-size:10px}.topbar-brand{font-size:9px}.main-nav a{font-size:10px}.phone-link b{font-size:13px}.phone-link small{font-size:9px}.hero-kicker{font-size:13px}.hero-description{font-size:12px}.commitment b{font-size:9px}.commitment small{font-size:9px}.section-heading h2{font-size:23px}.section-link,.text-link{font-size:10px}.category-card b{font-size:11px}.product-code{font-size:9px}.product-name{font-size:18px}.price-row strong{font-size:13px}.price-row del{font-size:10px}.news-date,.story-meta{font-size:9px}.news-card h3{font-size:20px}.news-card p{font-size:10px}.footer h3{font-size:18px}.footer p,.footer a,.footer button{font-size:10px}.page-hero-inner>p:not(.eyebrow){font-size:12px}.breadcrumb,.detail-breadcrumb,.post-breadcrumb{font-size:10px}.catalog-count{font-size:9px}.catalog-toolbar h2{font-size:33px}.filter-list button{font-size:11px}.result-note{font-size:9px}.detail-code{font-size:10px}.detail-description{font-size:22px}.promise,.detail-note{font-size:10px}.accordions summary{font-size:20px}.accordions details p,.info-intro{font-size:11px}.feature-copy>p{font-size:11px}.blog-card h3{font-size:27px}.blog-card p{font-size:10px}.blog-count{font-size:10px}.post-excerpt{font-size:12px}.post-body{font-size:22px}.post-body .lead{font-size:29px}.post-body h2{font-size:39px}.post-aside a{font-size:10px}.newsletter input{font-size:11px}.newsletter button{font-size:10px}
@media(max-width:560px){.topbar{font-size:9px}.main-nav a{font-size:11px}.hero-description{font-size:11px}.commitment b,.commitment small{font-size:8px}.category-card b{font-size:12px}.product-code{font-size:8px}.product-name{font-size:17px}.price-row strong{font-size:13px}.footer p,.footer a,.footer button{font-size:9px}.page-hero-inner>p:not(.eyebrow){font-size:11px}.catalog-toolbar h2{font-size:31px}.result-note{font-size:8px}.detail-description{font-size:21px}.promise,.detail-note{font-size:9px}.blog-card h3{font-size:25px}.post-body{font-size:21px}}

/* Readability standard pass: desktop body 15px, no critical UI copy below 11px */
body{font-size:15px;line-height:1.5}.topbar{font-size:11px}.topbar-brand{font-size:10px}.topbar-left,.topbar-right{gap:22px}.main-nav{gap:24px}.main-nav a{font-size:12px}.phone-link b{font-size:15px}.phone-link small{font-size:10px}.hero-kicker{font-size:14px}.hero-description{font-size:14px;line-height:1.6}.primary-btn{min-height:44px;padding-left:23px;padding-right:23px;font-size:12px}.commitment b,.commitment small{font-size:10px}.section-heading h2{font-size:26px}.section-link,.text-link{font-size:11px}.category-card b{font-size:13px}.product-tag{min-width:36px;height:24px;font-size:10px}.quick-view{font-size:10px}.product-code{font-size:10px}.product-name{min-height:40px;font-size:21px;line-height:1.08}.price-row strong{font-size:15px}.price-row del{font-size:11px}.news-date,.story-meta{font-size:10px}.news-card h3{font-size:23px}.news-card p{font-size:12px;line-height:1.65}.footer h3{font-size:21px}.footer p,.footer a,.footer button{font-size:11px;line-height:1.7}.footer-bottom{font-size:10px}.eyebrow{font-size:11px}.page-hero-inner>p:not(.eyebrow){font-size:14px;line-height:1.7}.breadcrumb,.detail-breadcrumb,.post-breadcrumb{font-size:11px}.catalog-count{font-size:10px}.catalog-toolbar h2{font-size:38px}.sort-control,.sort-control select{font-size:11px}.filter-list button{font-size:12px}.filter-list span{font-size:10px}.result-note{font-size:10px}.detail-kicker,.detail-code{font-size:11px}.detail-description{font-size:25px;line-height:1.25}.detail-note{font-size:11px;line-height:1.6}.quantity button,.quantity span{width:38px;height:38px}.promise{font-size:10px}.promise b{font-size:11px}.info-intro{font-size:13px;line-height:1.75}.accordions summary{font-size:23px}.accordions details p{font-size:12px;line-height:1.7}.feature-copy>p{font-size:13px;line-height:1.7}.blog-card h3{font-size:31px}.blog-card p{font-size:12px;line-height:1.7}.blog-count{font-size:11px}.post-excerpt{font-size:14px;line-height:1.7}.post-body{font-size:25px;line-height:1.45}.post-body .lead{font-size:32px;line-height:1.2}.post-body h2{font-size:43px}.post-aside{font-size:10px}.post-aside a{font-size:11px}.newsletter input{font-size:13px}.newsletter button{font-size:11px}
@media(max-width:820px){body{font-size:14px}.main-nav a{font-size:13px}.commitment b,.commitment small{font-size:9px}.section-heading h2{font-size:24px}.product-name{font-size:19px}.footer p,.footer a,.footer button{font-size:10px}}
@media(max-width:560px){body{font-size:14px}.topbar{font-size:10px}.main-nav a{font-size:14px}.hero-description{font-size:13px}.commitment b,.commitment small{font-size:9px}.section-heading h2{font-size:23px}.section-link,.text-link{font-size:10px}.category-card b{font-size:13px}.product-code{font-size:9px}.product-name{min-height:38px;font-size:18px}.price-row strong{font-size:14px}.news-card h3{font-size:22px}.news-card p{font-size:11px}.footer p,.footer a,.footer button{font-size:10px}.page-hero-inner>p:not(.eyebrow){font-size:12px}.catalog-toolbar h2{font-size:34px}.filter-list button{font-size:13px}.detail-description{font-size:23px}.detail-note{font-size:10px}.info-intro{font-size:12px}.accordions summary{font-size:21px}.accordions details p{font-size:11px}.blog-card h3{font-size:27px}.blog-card p{font-size:11px}.post-body{font-size:22px}.post-body .lead{font-size:28px}}

/* Final readable-size override: normal desktop viewing baseline */
body{font-size:16px}.topbar{font-size:12px}.topbar-brand{font-size:11px}.main-nav a{font-size:13px}.phone-link b{font-size:16px}.phone-link small{font-size:11px}.hero-kicker{font-size:15px}.hero-description{font-size:15px}.primary-btn{font-size:13px}.commitment b,.commitment small{font-size:11px}.section-heading h2{font-size:28px}.section-link,.text-link{font-size:12px}.category-card b{font-size:14px}.product-code{font-size:11px}.product-name{min-height:44px;font-size:22px}.price-row strong{font-size:16px}.price-row del{font-size:12px}.news-date,.story-meta{font-size:11px}.news-card h3{font-size:25px}.news-card p{font-size:13px}.footer h3{font-size:23px}.footer p,.footer a,.footer button{font-size:12px}.footer-bottom{font-size:11px}.eyebrow{font-size:12px}.page-hero-inner>p:not(.eyebrow){font-size:15px}.breadcrumb,.detail-breadcrumb,.post-breadcrumb{font-size:12px}.catalog-count{font-size:11px}.catalog-toolbar h2{font-size:41px}.sort-control,.sort-control select{font-size:12px}.filter-list button{font-size:13px}.filter-list span{font-size:11px}.result-note{font-size:11px}.detail-kicker,.detail-code{font-size:12px}.detail-description{font-size:27px}.detail-note{font-size:12px}.promise{font-size:11px}.promise b{font-size:12px}.info-intro{font-size:14px}.accordions summary{font-size:25px}.accordions details p{font-size:13px}.feature-copy>p{font-size:14px}.blog-card h3{font-size:34px}.blog-card p{font-size:13px}.blog-count{font-size:12px}.post-excerpt{font-size:15px}.post-body{font-size:27px}.post-body .lead{font-size:35px}.post-body h2{font-size:46px}.post-aside{font-size:11px}.post-aside a{font-size:12px}.newsletter input{font-size:14px}.newsletter button{font-size:12px}
@media(max-width:820px){body{font-size:15px}.main-nav a{font-size:14px}.commitment b,.commitment small{font-size:10px}.product-name{font-size:20px}.footer p,.footer a,.footer button{font-size:11px}}
@media(max-width:560px){body{font-size:15px}.topbar{font-size:11px}.main-nav a{font-size:15px}.hero-description{font-size:14px}.commitment b,.commitment small{font-size:10px}.section-heading h2{font-size:25px}.section-link,.text-link{font-size:11px}.category-card b{font-size:14px}.product-code{font-size:10px}.product-name{min-height:42px;font-size:20px}.price-row strong{font-size:15px}.news-card h3{font-size:24px}.news-card p{font-size:12px}.footer p,.footer a,.footer button{font-size:11px}.page-hero-inner>p:not(.eyebrow){font-size:13px}.catalog-toolbar h2{font-size:36px}.filter-list button{font-size:14px}.detail-description{font-size:24px}.info-intro{font-size:13px}.accordions summary{font-size:23px}.accordions details p{font-size:12px}.blog-card h3{font-size:29px}.blog-card p{font-size:12px}.post-body{font-size:24px}.post-body .lead{font-size:30px}}

/* Desktop fit after readability pass: preserve large type without header overflow */
@media(min-width:821px) and (max-width:1360px){.main-header-inner{gap:15px}.main-nav{gap:14px}.main-nav a{font-size:12px}.header-actions{gap:8px}.phone-link{gap:5px}.phone-link b{font-size:13px}}

/* Five-slide hero carousel: quiet crossfade, editorial text stays centered and legible */
.hero-carousel{background-image:none!important;overflow:hidden}.hero-carousel .hero-slide{position:absolute;inset:0;z-index:0;min-height:460px;background-position:center;background-size:cover;opacity:0;pointer-events:none;transition:opacity 520ms var(--ease-out)}.hero-carousel .hero-slide.active{opacity:1;pointer-events:auto;z-index: 2;}.hero-carousel .hero-slide .hero-content{position:relative;z-index:1}.hero-carousel .hero-overlay{z-index:1}.hero-carousel .hero-arrow,.hero-carousel .hero-dots{z-index:3}.hero-carousel .hero-dots{gap:7px}.hero-carousel .hero-dots button{width:7px;height:7px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:transparent;transition:transform 180ms var(--ease-out),background 180ms var(--ease-out)}.hero-carousel .hero-dots button.active{background:#fff;transform:scale(1.2)}.hero-carousel .hero-dots button:hover{background:rgba(255,255,255,.7)}
@media(max-width:820px){.hero-carousel .hero-slide{min-height:420px}}@media(max-width:560px){.hero-carousel .hero-slide{min-height:395px}}

/* Container & Icon Trigger */
.header__extra {
    position: relative;
}

.header__extra .icon-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.header__extra .icon-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.header__extra .icon-btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

/* Search Drawer Dropdown */
.search-drawer {
    position: absolute;
    top: 100%;
    right: 0;
    width: 360px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    padding: 16px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Open State */
.search-drawer.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(8px);
}

.search-drawer .container {
    position: relative;
    display: flex;
    align-items: center;
}

/* Search Form Wrapper */
.form--quick-search {
    position: relative;
    width: 100%;
}

/* Input Field */
.form--quick-search .input-search-product {
    width: 100%;
    height: 44px;
    padding: 10px 45px 10px 16px;
    font-size: 14px;
    color: #1a1a1a;
    background-color: #f5f5f7;
    border: 1px solid transparent;
    border-radius: 8px;
    outline: none;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.form--quick-search .input-search-product:focus {
    background-color: #ffffff;
    border-color: #0071e3;
    box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.15);
}

/* Submit Button inside Input */
.form--quick-search .btn[type="submit"] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #6e6e73;
    transition: color 0.2s ease;
}

.form--quick-search .btn[type="submit"]:hover {
    color: #0071e3;
}

.form--quick-search .btn[type="submit"] svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Close Button (X) */
.search-drawer [data-search-close] {
    background: none;
    border: none;
    font-size: 22px;
    line-height: 1;
    color: #86868b;
    cursor: pointer;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 4px;
    transition: color 0.2s ease;
}

.search-drawer [data-search-close]:hover {
    color: #1d1d1f;
}

/* Live Search Results Container */
.bb-quick-search-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    max-height: 320px;
    overflow-y: auto;
    z-index: 101;
}

.bb-quick-search-results:empty {
    display: none;
}

/* Responsive Styles */
@media (max-width: 576px) {
    .search-drawer {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100vw;
        border-radius: 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        padding: 12px 16px;
    }

    .search-drawer.open {
        transform: translateY(0);
    }
}

.header .header-middle .header-wrapper {
    min-height: 80px;
    padding: 5px 0;
}
.header .header-middle .header__center {
    width: 60%;
}
.menu>li>a {

    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 80px;

    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;

}

.header .header-top {
    padding: 6px 0;
  
}