/* HADRAX visual identity. Commerce and checkout behaviour remains in shop.html. */
:root{--forest:#193d30;--deep:#10291f;--green:#315a42;--lime:#e8e4d1;--ink:#1a3025;--muted:#66766a;--cream:#f5f3eb;--line:#e0e4d9;--paper:#fff;--gold:#b9a478}
body{background:#f5f3eb;color:#20372a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b49958;outline-offset:3px}
.demo-bar{display:flex;justify-content:center;align-items:center;gap:15px;background:#152f25;color:#ece7d6;font-size:9px;font-weight:700;letter-spacing:.18em;padding:10px 16px}
.announcement-dot{color:#c9b78e;font-size:8px}
.site-header{background:#faf9f4;border-bottom:1px solid #e5e7dc}
.header-inner,.wrap{max-width:1370px;padding-left:5.5%;padding-right:5.5%}
.header-inner{min-height:88px;gap:32px}
.brand{gap:12px}.brand-mark{object-fit:contain;width:48px;height:48px;background:transparent;border-radius:0;display:block}.brand-name{color:#19382b;font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:18px;letter-spacing:.11em}.brand-sub{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:8px;letter-spacing:.19em;color:#77877a;margin-top:5px;font-weight:700}
.nav{gap:32px;font-size:12px;color:#3d5547}.nav a{padding:10px 0}.nav a:hover{color:#947b48}
.tiktok-link{border:0;border-radius:0;color:#33513e;padding:10px 0;font-size:11px;margin-right:14px}.cart-trigger{background:#173b2d;border-radius:3px;padding:13px 15px;min-height:44px}.cart-count{background:#d3c5a4;color:#173b2d;border-radius:50%}
.hero{background:#e9e8dd;color:#18382a;isolation:isolate}.hero:before{display:none}.hero-inner{min-height:625px;grid-template-columns:1fr .93fr;gap:7%;padding-top:55px;padding-bottom:55px}.hero-content{padding:20px 0 24px}.eyebrow{color:#667962;font-size:10px;letter-spacing:.19em}.eyebrow:before{display:none}.eyebrow-line{width:28px;height:1px;background:#9c8a63;display:block}
.hero h1{font:400 clamp(69px,8.4vw,124px)/.88 Georgia,"Times New Roman",serif;letter-spacing:-.065em;margin:34px 0 30px;max-width:none}.hero h1 em{color:#8b9d72;font-weight:400}.hero-copy{color:#4c6050;font-size:15px;line-height:1.9;max-width:450px}.hero-actions{align-items:center;gap:24px;margin-top:33px}.button{min-height:49px;padding:15px 21px;border-radius:3px;font-size:11px;letter-spacing:.03em}.button-light{background:#1a3c2d;color:#fff}.button-light:hover{background:#315b43}.hero-secondary{font-size:11px;font-weight:700;color:#425a48;border-bottom:1px solid #a3b2a0;padding:9px 0}.hero-secondary span{margin-left:8px}.hero-notice{margin-top:37px;color:#708272;font-size:10px;letter-spacing:.02em}.hero-notice span{color:#ae9565;margin-right:8px}
.hero-art{height:525px;min-width:0;background:#304c3b;overflow:hidden;box-shadow:0 20px 50px #1837281a}.art-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#8b9e75 0%,#536d53 34%,#253f30 100%)}.art-backdrop:before,.art-backdrop:after{content:"";position:absolute;border:1px solid #d6dfc2;opacity:.14;border-radius:50%}.art-backdrop:before{width:420px;height:420px;right:-220px;top:-95px}.art-backdrop:after{width:340px;height:340px;left:-190px;bottom:-120px}.art-caption-top,.art-foot{position:absolute;left:8%;right:8%;display:flex;justify-content:space-between;color:#e0e6d1;font-size:8px;font-weight:700;letter-spacing:.16em;z-index:4}.art-caption-top{top:7%}.art-foot{bottom:7%;border-top:1px solid #d8e1c14a;padding-top:13px}.art-foot span{font-weight:500}.art-card{width:43%;max-width:none;background:#f7f4e8;padding:7px;border-radius:2px;box-shadow:0 20px 35px #0c281f45}.art-card .product-photo{border-radius:0}.art-card.first{width:48%;transform:rotate(-5deg) translate(-78px,-5px);z-index:2}.art-card.second{width:40%;transform:rotate(6deg) translate(92px,37px);z-index:1}.art-caption{padding:12px 5px 5px;color:#254633;letter-spacing:.1em;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.art-caption span{display:block;font-size:8px;color:#7c8c79}.art-caption strong{display:block;font:400 17px Georgia,serif;letter-spacing:0;margin-top:4px}.art-stamp{width:73px;height:73px;right:8%;top:15%;background:#d6c79f;color:#233c2d;font-size:8px;line-height:1.5;letter-spacing:.14em;transform:rotate(12deg)}
.benefits{background:#faf9f4;border:0}.benefits-inner{min-height:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.benefit{align-items:center;gap:16px}.benefit+ .benefit{border-left:1px solid #e0e4d9;padding-left:30px}.benefit-icon{width:auto;height:auto;background:transparent;color:#aa966d;font:400 19px Georgia,serif}.benefit strong{color:#263e2e;font-size:11px}.benefit span{font-size:10px;color:#849185;margin-top:5px}
.brand-story{background:#f5f3eb;padding:112px 0 108px}.story-grid{display:grid;grid-template-columns:1fr .65fr;gap:15%;align-items:end}.section-tag{color:#9b875d;font-size:9px;letter-spacing:.18em;font-weight:800}.story-grid h2,.section-top h2,.workflow h2{font:400 clamp(40px,4.9vw,68px)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.045em;color:#233c2e;margin:21px 0 0}.story-grid h2 em,.section-top h2 em,.workflow h2 em{font-weight:400;color:#8b9b78}.story-copy{border-top:1px solid #cdd3c8;padding-top:18px}.story-index{font-size:9px;letter-spacing:.15em;color:#a18e68;font-weight:700}.story-copy p{font-size:14px;line-height:1.9;color:#607061;max-width:470px;margin:19px 0 24px}.story-link{display:inline-flex;gap:25px;align-items:center;color:#234b35;font-size:10px;letter-spacing:.12em;font-weight:800;border-bottom:1px solid #bac9b8;padding:0 0 8px}
.catalog{background:#faf9f4;max-width:none;padding:100px max(5.5%,calc((100vw - 1220px)/2)) 105px}.section-top{align-items:end}.section-top h2{margin-top:16px}.section-desc{font-size:13px;line-height:1.8;color:#718073}.filters{margin:34px 0 26px;gap:8px}.filter{border:1px solid #d9e1d6;color:#49604e;border-radius:2px;padding:10px 15px;font-size:10px;background:transparent}.filter.active{background:#214b37;border-color:#214b37;color:#fff}.filter:hover:not(.active){background:#eef1e9}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border-radius:2px;border:1px solid #e2e7dc;background:#fff;transition:box-shadow .2s,transform .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1a3b2812}.product-photo{background:#eef0e8}.product-info{padding:19px 17px}.product-kind{font-size:9px;color:#91a08c;letter-spacing:.13em}.product-name{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.4;font-weight:400;min-height:46px;color:#243e2d}.product-bottom{padding-top:23px}.price-label{font-size:9px;color:#899889}.price{font-size:15px;color:#274733}.tiny-btn{width:40px;height:40px;border-radius:0;background:#edf1e7;color:#244f36;font-size:22px}.tiny-btn:hover{background:#dbe6d5}.catalog-foot{color:#788579;line-height:1.8}.note{background:#f2eee2;border-color:#c1a66d;color:#6a634f}
.workflow{background:#e2e8db;padding:100px 0}.workflow-grid{grid-template-columns:.9fr 1fr;gap:13%}.workflow-copy p{font-size:13px;color:#627365;line-height:1.9;margin-top:23px}.text-link{font-size:10px;letter-spacing:.1em;text-decoration:none;border-bottom:1px solid #9eb59d;padding-bottom:9px;margin-top:20px;gap:22px}.steps{gap:0}.step{background:none;border:0;border-bottom:1px solid #c3d1c0;border-radius:0;padding:22px 0;gap:25px}.step:first-child{border-top:1px solid #c3d1c0}.step-number{height:auto;width:30px;background:none;font:400 20px Georgia,serif;color:#a49370;display:block}.step strong{font:400 18px Georgia,serif;color:#254331}.step p{font-size:11px;color:#6a7c6c;margin-top:8px;line-height:1.75}
.footer{background:#132f24;color:#c7d5c8;padding:55px 0}.footer-inner{align-items:center;gap:35px}.footer .brand-mark{width:48px;height:48px}.footer .brand-name{color:#f1eee1}.footer .brand-sub{color:#afc0ac}.footer p{margin:15px 0 0;color:#b3c5b5;line-height:1.8;font-size:11px}.footer-links{display:flex;gap:25px;font-size:11px}.footer-links a{color:#d3dfd1}.footer small{color:#9cb2a1;font-size:10px}
.drawer,.modal{border-radius:0}.modal-layer{background:rgba(13,36,24,.7)}.drawer-head h2,.modal h2{font-family:Georgia,serif}.checkout,.checkout-primary{background:#1a3c2d;border-radius:3px}.checkout-form input,.checkout-form textarea,.checkout-form select{border-radius:3px}.modal .button{border-radius:3px}.last-order-button{border-radius:3px}
@media(max-width:900px){.header-inner,.wrap{padding-left:5%;padding-right:5%}.hero-inner{min-height:520px;gap:4%;grid-template-columns:1fr .9fr}.hero h1{font-size:clamp(67px,8.5vw,90px)}.hero-art{height:440px}.art-card.first{transform:rotate(-5deg) translate(-55px,-5px)}.art-card.second{transform:rotate(6deg) translate(68px,37px)}.brand-story{padding:85px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{padding-left:5%;padding-right:5%}}
@media(max-width:600px){.demo-bar{font-size:8px;gap:10px;padding:9px 12px}.header-inner{min-height:72px;padding:0 20px}.brand-mark{width:39px;height:39px}.brand-name{font-size:14px}.brand-sub{font-size:7px}.cart-trigger{border-radius:2px;padding:10px 11px}.hero-inner{display:flex;gap:28px;padding:44px 20px 25px}.hero-content{padding:0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(65px,15vw,90px);margin:23px 0 23px;line-height:.9}.hero-copy{font-size:13px;line-height:1.8}.hero-actions{gap:18px;margin-top:25px;flex-wrap:wrap}.hero-notice{margin-top:22px;line-height:1.6}.hero-art{height:335px;margin:0}.art-card.first{width:45%;max-width:none;transform:rotate(-5deg) translate(-55px,-2px)}.art-card.second{width:38%;max-width:none;transform:rotate(6deg) translate(65px,23px)}.art-stamp{width:57px;height:57px;right:8%;top:15%;font-size:7px}.art-caption{padding:8px 4px 3px}.art-caption strong{font-size:14px}.art-caption span{font-size:7px}.art-caption-top,.art-foot{font-size:7px}.benefits-inner{grid-template-columns:1fr;min-height:0;gap:0;padding:10px 20px}.benefit{padding:13px 0;gap:16px}.benefit+.benefit{padding-left:0;border-left:0;border-top:1px solid #e4e8df}.benefit strong{font-size:11px}.benefit span{font-size:10px}.brand-story{padding:69px 0}.story-grid{display:block}.story-grid h2,.section-top h2,.workflow h2{font-size:43px}.story-copy{margin-top:34px}.story-copy p{font-size:13px}.catalog{padding:70px 20px}.section-top{display:block}.section-desc{margin-top:18px}.filters{margin:25px 0;gap:7px}.filter{padding:9px 11px;font-size:10px}.product-grid{gap:12px}.product-info{padding:13px 11px}.product-name{font-size:14px;min-height:58px}.product-bottom{padding-top:16px}.tiny-btn{width:34px;height:34px}.price{font-size:14px}.workflow{padding:70px 0}.workflow-grid{display:block}.steps{margin-top:30px}.step{gap:16px}.footer{padding:42px 0}.footer-inner{align-items:flex-start;gap:23px}.footer-links{flex-wrap:wrap;gap:18px}.modal{padding:22px}.form-row{grid-template-columns:1fr 1fr}}
@media(max-width:350px){.brand-name{font-size:12px}.brand-sub{letter-spacing:.1em}.cart-trigger span:not(.cart-count){display:none}.hero-art{height:290px}.art-card.first{transform:rotate(-5deg) translate(-45px,-2px)}.art-card.second{transform:rotate(6deg) translate(55px,23px)}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}}

/* Botanical still life is atmospheric; product photography remains in the catalogue. */
.hero{background:#142e21 url('/herbs-hero.png') center center/cover no-repeat;color:#f8f5e9}
.hero-inner{min-height:660px}
.eyebrow{color:#d0d8b9}.eyebrow-line{background:#c5b789}
.hero h1{color:#f5f1e4}.hero h1 em{color:#d4dcb6}
.hero-copy{color:#d5dfce}.hero-notice{color:#becdbb}.hero-secondary{color:#f0f1e3;border-color:#d8dfc180}
.hero .button-light{background:#ede7ce;color:#1a392a}.hero .button-light:hover{background:#fff9df}
.hero-art{height:525px;background:none;box-shadow:none;overflow:visible}.art-foot{left:7%;right:0;color:#e4e8d5;border-color:#dae4cd66}
.brand-mark,.footer .brand-mark{width:64px;height:40px;object-fit:contain;background:#12382b;border-radius:2px}
@media(max-width:900px){.hero-inner{min-height:570px}.hero-art{height:440px}}
@media(max-width:600px){.brand-mark,.footer .brand-mark{width:52px;height:34px}.hero{background-image:linear-gradient(180deg,rgba(9,31,20,.93) 0%,rgba(9,31,20,.82) 52%,rgba(9,31,20,.16) 100%),url('/herbs-hero.png');background-position:68% center}.hero-inner{min-height:0;gap:0;padding-top:50px;padding-bottom:24px}.hero-art{height:180px}.art-foot{left:0;right:0;bottom:0}.hero-notice{color:#ced9c6}}

/* HADRAX: forest and ivory, a single, quiet typographic system. */
:root{--forest:#183b30;--deep:#183b30;--green:#183b30;--ink:#183b30;--muted:#536e63;--cream:#f5f3ea;--line:rgba(24,59,48,.16);--paper:#f5f3ea}
body{background:#f5f3ea;color:#183b30;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.demo-bar{background:#183b30;color:#f5f3ea;font-size:9px;font-weight:600;letter-spacing:.16em;padding:9px 16px}.announcement-dot{color:#f5f3ea}
.site-header{background:#f5f3ea;border-color:rgba(24,59,48,.16)}.header-inner,.wrap{max-width:1440px;padding-left:6%;padding-right:6%}.header-inner{min-height:90px}.brand{gap:9px}.brand-mark,.footer .brand-mark{width:58px;height:44px;object-fit:contain;background:none;border:0;border-radius:0}.brand-name,.footer .brand-name{font:700 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.13em;color:#183b30}.brand-sub{font:500 8px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.19em;color:#536e63;margin-top:7px}.nav{font-size:12px;font-weight:500;gap:34px;color:#183b30}.nav a:hover,.tiktok-link:hover{opacity:.65}.tiktok-link{color:#183b30;font-size:11px;font-weight:600;margin-right:12px}.cart-trigger{background:#183b30;color:#f5f3ea;border-radius:0;padding:13px 16px}.cart-count{background:#f5f3ea;color:#183b30}
.hero{background:#f5f3ea;color:#183b30}.hero-inner{max-width:none;padding:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.hero-content{padding:clamp(74px,9vw,138px) 10% clamp(65px,8vw,120px) max(12%,calc((100vw - 1267px)/2));align-self:center}.eyebrow{font-size:10px;letter-spacing:.19em;color:#536e63}.eyebrow-line{background:#183b30}.hero h1{font:500 clamp(58px,6.7vw,100px)/.98 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.065em;color:#183b30;margin:30px 0}.hero h1 em{font-style:normal;color:#183b30}.hero-copy{font-size:15px;line-height:1.85;color:#536e63;max-width:415px}.hero-actions{gap:25px;margin-top:34px}.hero .button-light{background:#183b30;color:#f5f3ea;border:1px solid #183b30;border-radius:0;padding:17px 21px;font-size:11px}.hero .button-light:hover{background:#f5f3ea;color:#183b30}.hero-secondary{color:#183b30;border-color:#183b30;font-size:11px}.hero-notice{color:#536e63;margin-top:42px}.hero-notice span{color:#183b30}.hero-art{height:auto;min-height:620px;margin:0;background:#183b30 url('/herbs-hero.png') center center/cover no-repeat;overflow:hidden}.art-foot{left:8%;right:8%;bottom:6%;color:#f5f3ea;border-color:rgba(245,243,234,.55)}
.benefits{background:#183b30;color:#f5f3ea}.benefits-inner{min-height:108px}.benefit strong,.benefit-icon{color:#f5f3ea}.benefit span{color:rgba(245,243,234,.72)}.benefit+.benefit{border-color:rgba(245,243,234,.24)}.benefit-icon{font:500 15px "Helvetica Neue",Helvetica,Arial,sans-serif}
.brand-story{background:#f5f3ea;padding:115px 0}.section-tag,.story-index{color:#536e63;letter-spacing:.16em}.story-grid h2,.section-top h2,.workflow h2{font:500 clamp(40px,4.4vw,64px)/1.04 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.05em;color:#183b30}.story-grid h2 em,.section-top h2 em,.workflow h2 em{color:#183b30;font-style:normal}.story-copy{border-color:rgba(24,59,48,.25)}.story-copy p,.section-desc,.workflow-copy p{color:#536e63}.story-link,.text-link{color:#183b30;border-color:rgba(24,59,48,.45)}
.catalog{background:#f5f3ea;padding-top:105px;padding-bottom:115px}.filters{gap:0;border-bottom:1px solid rgba(24,59,48,.18)}.filter{border:0;border-bottom:2px solid transparent;background:transparent;color:#536e63;font-size:11px;border-radius:0;padding:13px 17px}.filter.active{background:transparent;border-color:#183b30;color:#183b30}.filter:hover:not(.active){background:rgba(24,59,48,.06)}.product-grid{gap:30px 20px}.product-card{background:transparent;border:0;box-shadow:none}.product-card:hover{transform:none;box-shadow:none}.product-photo{background:#e9e8df}.product-info{padding:17px 0}.product-kind{color:#536e63;font-size:9px;font-weight:600;letter-spacing:.13em}.product-name{font:500 15px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#183b30;min-height:45px;margin-top:9px}.product-bottom{padding-top:18px}.price-label{color:#536e63}.price{color:#183b30;font-size:14px;font-weight:600}.tiny-btn{background:transparent;color:#183b30;border:1px solid #183b30;width:38px;height:38px}.tiny-btn:hover{background:#183b30;color:#f5f3ea}.catalog-foot{color:#536e63}.note{background:transparent;border-color:#183b30;color:#536e63;padding-left:14px}
.workflow{background:#183b30;color:#f5f3ea;padding:105px 0}.workflow .section-tag,.workflow h2,.workflow h2 em,.workflow-copy p,.workflow .text-link,.step strong,.step p,.step-number{color:#f5f3ea}.workflow .text-link{border-color:rgba(245,243,234,.55)}.step,.step:first-child{border-color:rgba(245,243,234,.25)}.step-number{font:500 15px "Helvetica Neue",Helvetica,Arial,sans-serif}.step strong{font:500 18px "Helvetica Neue",Helvetica,Arial,sans-serif}.step p,.workflow-copy p{opacity:.78}
.footer{background:#183b30;color:#f5f3ea;border-top:1px solid rgba(245,243,234,.23);padding:55px 0}.footer .brand-mark{filter:brightness(0) invert(1)}.footer .brand-name,.footer .brand-sub,.footer-links a,.footer p,.footer small{color:#f5f3ea}.footer .brand-sub,.footer p,.footer small{opacity:.75}
.drawer,.modal{border-radius:0}.drawer-head h2,.modal h2{font:500 27px "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.03em}.checkout,.checkout-primary{background:#183b30;border-radius:0}.button:focus-visible,.filter:focus-visible,.tiny-btn:focus-visible{outline:3px solid #536e63;outline-offset:3px}
@media(max-width:900px){.hero-content{padding:75px 9%}.hero-art{min-height:520px}.hero h1{font-size:clamp(57px,7.8vw,80px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.header-inner{min-height:76px;padding:0 20px}.brand-mark{width:48px;height:39px}.brand-name{font-size:16px}.brand-sub{font-size:7px;margin-top:5px}.cart-trigger{border-radius:0;padding:10px 12px}.hero{background:#f5f3ea}.hero-inner{display:flex;flex-direction:column;padding:0}.hero-content{padding:60px 22px 46px}.hero h1{font-size:clamp(60px,15vw,82px);line-height:.98;margin:24px 0}.hero-copy{font-size:13px;line-height:1.8}.hero-actions{margin-top:27px}.hero-notice{margin-top:29px}.hero-art{min-height:330px;height:330px;width:100%;background-position:center}.art-foot{left:6%;right:6%;bottom:7%}.benefits-inner{padding:12px 22px}.benefit+.benefit{border-color:rgba(245,243,234,.24)}.brand-story{padding:75px 0}.story-grid h2,.section-top h2,.workflow h2{font-size:42px}.catalog{padding:76px 20px}.section-desc{margin-top:15px}.filters{gap:0}.filter{font-size:10px;padding:10px 11px}.product-grid{gap:24px 12px}.product-info{padding:13px 0}.product-name{font-size:13px;min-height:58px}.product-bottom{padding-top:12px}.tiny-btn{width:34px;height:34px}.workflow{padding:76px 0}.step strong{font-size:16px}.footer{padding:45px 0}.footer .brand-mark{width:48px;height:39px}}

/* HADRAX titanium-gold wordmark */
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;background:#183b30;padding:8px 12px 7px;min-width:0}
.hadrax-wordmark{display:block;width:186px;max-width:100%;height:auto}
.brand-lockup .brand-sub,.footer .brand-lockup .brand-sub{color:#e2d1a6;font-size:7px;line-height:1;letter-spacing:.22em;margin:2px 0 0 3px;opacity:1}
@media(max-width:600px){.brand-lockup{padding:7px 9px 6px}.hadrax-wordmark{width:151px}.brand-lockup .brand-sub{font-size:6px}}
@media(max-width:350px){.hadrax-wordmark{width:130px}.header-inner{gap:8px}}