/*
Theme Name: Herbalève by Zam
Author: Herbalève by Zam
Description: Herbal tea collection with three blend pages and WhatsApp ordering.
Version: 1.0.0
Text Domain: herbaleve-by-zam
*/
@font-face{font-family:Roboto;src:url(assets/roboto-300.woff2);font-weight:300}@font-face{font-family:Roboto;src:url(assets/roboto-400.woff2);font-weight:400}@font-face{font-family:Roboto;src:url(assets/roboto-500.woff2);font-weight:500}@font-face{font-family:Roboto;src:url(assets/roboto-700.woff2);font-weight:700}
:root{--wine:#722336;--ink:#322d26;--paper:#faf7ee;--line:#d9d0bd;--olive:#6b7051}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Roboto,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #a96936;outline-offset:4px}.wrap{width:min(1280px,89%);margin:auto}.top{background:var(--wine);color:#fff6e2;text-align:center;font-size:10px;letter-spacing:.18em;padding:7px}.nav,nav,.brand,.buttons,.sectionhead,.foot{display:flex;align-items:center}.nav{height:89px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{gap:10px;color:var(--wine);font-size:24px;letter-spacing:-1px;font-weight:500}.brand img{width:55px;height:55px;border-radius:50%;mix-blend-mode:multiply}.brand small{display:block;font-size:9px;letter-spacing:.28em;line-height:1;text-transform:uppercase}.brand span{line-height:1.15}nav{gap:30px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:30px;padding:12px 22px;background:var(--wine);color:white;font-size:14px;font-weight:500}.btn:hover{background:#561728}.btn svg{width:17px;height:17px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:4%;padding:50px 0 48px;position:relative}.eyebrow,.num,.cap{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:var(--olive);display:flex;align-items:center;gap:11px}.eyebrow:before{content:'';width:27px;height:1px;background:currentColor}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(52px,6.5vw,97px);font-weight:300;color:var(--wine);letter-spacing:-.067em;line-height:1.01;margin:24px 0}h1 strong{font-weight:500}p{color:#5e584c}.intro{max-width:410px;font-size:17px}.buttons{gap:25px;margin-top:27px;flex-wrap:wrap}.textlink{color:var(--wine);border-bottom:1px solid #b19190;font-size:14px;padding:4px 0}.photo{height:clamp(400px,35vw,510px);position:relative;padding:0 6% 0 19%;isolation:isolate}.arch{width:100%;height:100%;object-fit:cover;object-position:center 43%;border-radius:48% 48% 5px 5px;outline:1px solid #bdb399;outline-offset:8px}.inset{position:absolute;bottom:5%;left:0;width:35%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:6px solid var(--paper)}.bot{position:absolute;right:-2%;bottom:-2%;color:#59633d;width:24%;height:54%;z-index:1}.hero-note{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:11px;letter-spacing:.09em;color:#686451}.hero-note:before{content:'✳';font-size:23px;color:var(--olive)}.collection{background:#f1eddf;border-block:1px solid var(--line);padding:57px 0 70px}.sectionhead{justify-content:space-between;align-items:end;gap:24px;margin:8px 0 27px}h2{font-size:clamp(36px,4vw,60px);line-height:1.1;font-weight:300;color:var(--wine);letter-spacing:-.055em}.sectionhead p{max-width:275px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card figure{position:relative;background:#ddceb8;overflow:hidden;border-radius:5px}.card img{width:100%;height:clamp(250px,24vw,350px);object-fit:cover;display:block;object-position:center 55%}.num{position:absolute;top:13px;left:13px;background:#faf7ee;padding:4px 10px;border-radius:20px;color:var(--wine)}.cap{color:#666749;display:block;margin-top:17px}h3{font-size:clamp(24px,2.2vw,35px);font-weight:400;letter-spacing:-.05em;color:var(--wine);line-height:1.2;margin:6px 0 10px}.card p{font-size:15px;max-width:36ch}.card{display:flex;flex-direction:column;align-items:flex-start}.card figure{width:100%}.card .textlink{margin-top:auto}.card p{padding-bottom:16px}.help{padding:75px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.help h2{margin:14px 0}.help p{max-width:380px}details{border-bottom:1px solid var(--line);padding:16px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:500}summary:after{content:'+';color:var(--wine)}details[open] summary:after{content:'−'}details p{margin-top:10px}footer{background:#48202b;color:var(--paper);padding:36px 0}.foot{justify-content:space-between;gap:22px;flex-wrap:wrap}.foot strong{font-size:22px;font-weight:400}.foot a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.foot small{font-size:12px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:8px;background:white;z-index:10}
@media(max-width:780px){.wrap{width:89%}nav{display:none}.nav{height:74px}.brand{font-size:20px}.brand img{width:43px;height:43px}.nav .btn{font-size:12px;padding:10px 15px}.hero{grid-template-columns:1fr;padding:40px 0 30px;gap:30px}.intro{max-width:500px}.hero-note{margin-top:20px}.photo{width:min(440px,92%);height:360px;justify-self:center}.sectionhead{display:block}.sectionhead p{margin-top:13px}.cards{grid-template-columns:1fr;gap:33px}.card img{height:330px;object-position:center 55%}.help{grid-template-columns:1fr;gap:25px;padding:48px 0}.collection{padding:40px 0}.foot{align-items:flex-start}.foot strong{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.folio{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#735e41}.banner{background:linear-gradient(105deg,#f9f0e0 15%,#f1dfbf 70%,#d8c6a1);overflow:hidden}.bannerinner{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:480px}.pitch{padding:50px 0;position:relative;z-index:1}.pitch h1{font-size:clamp(52px,5.8vw,92px);line-height:1.03;max-width:700px;margin:17px 0}.pitch h1 em{font-style:normal;color:#63724d}.pitch p{max-width:385px}.pitch .btn{margin-top:22px}.bhero{height:100%;position:relative;display:grid;place-items:center}.bhero:before{content:'';position:absolute;inset:0 -20% 0 -30%;background:linear-gradient(90deg,#f5e8cf,transparent 35%),url(assets/hero.webp) center/cover;filter:blur(28px);opacity:.52}.bhero img{position:relative;height:clamp(440px,37vw,535px);width:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 87%,transparent);mix-blend-mode:multiply}.band{background:#354532;color:white}.band>.wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.band .wrap>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #71816d}.band .wrap>div:last-child{border:0}.band svg{width:26px;fill:none;stroke:#dedeb7;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.band span,.plants figcaption{display:grid}.band small{font-size:12px;color:#d6decc}.edsection{padding:58px 0;background:#fffcf5}.center{text-align:center}.center h2,.rev h2{margin:8px 0 10px}.center p{font-size:15px}.plants{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:31px;text-align:center}.plants img{width:clamp(80px,8vw,120px);aspect-ratio:1;object-fit:cover;border-radius:50%;padding:4px;border:1px solid #a0a983}.plants b{font-size:15px;color:#3e4d35}.plants small,.revinner small:not(.folio),.fine{font-size:12px;color:#665f51}#blends{background:#f3eee2;border-block:1px solid var(--line)}.shopgrid{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shopcard{background:#fffdf7;border:1px solid var(--line);border-radius:5px;overflow:hidden}.pack{position:relative;display:grid;place-items:center;height:235px;padding:18px;background:#efe3d4}.pack.mama{background:#f0dfd8}.pack.calm{background:#e5e7d9}.pack img{height:100%;max-height:199px;max-width:100%;width:auto;object-fit:contain;box-shadow:0 4px 12px #37231216}.pack small{position:absolute;left:12px;top:12px;writing-mode:vertical-rl;letter-spacing:.16em;color:#695d50;font-size:9px}.cardcopy{padding:20px}.rowlinks{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.order{font-size:13px;color:#3e563b}.rev{background:#eee5de;padding:47px 0}.revinner{display:flex;justify-content:space-between;align-items:center;gap:25px}.revinner p{max-width:50ch}.revinner small:not(.folio){display:block;margin-top:9px}.crumbs{padding:20px 0;font-size:13px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;padding:12px 0 58px}.dphoto{background:#efe6d8;border-radius:5px;display:grid;place-items:center;padding:28px}.dphoto img{max-width:100%;width:auto;height:clamp(280px,35vw,440px);object-fit:contain}.detail h1{font-size:clamp(42px,5vw,70px)}.detail dl{display:grid;grid-template-columns:auto 1fr;gap:7px 18px}.detail dt{font-weight:500}.detail dd{margin:0}.detail .fine{margin:8px 0 20px}
@media(max-width:780px){.bannerinner{grid-template-columns:1fr;min-height:0}.pitch{padding:34px 0 12px}.pitch h1{font-size:clamp(43px,10vw,62px)}.bhero{height:275px}.bhero img{height:265px}.band>.wrap{grid-template-columns:1fr 1fr;gap:17px 10px;padding:20px 0}.band .wrap>div{border:0;justify-content:flex-start;gap:8px}.band b{font-size:14px}.band small{font-size:11px}.band svg{width:21px}.plants{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:21px}.plants b{font-size:13px}.plants small{font-size:11px}.edsection{padding:37px 0}.shopgrid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:17px}.pack{height:212px}.pack img{max-height:176px}.revinner{display:grid}.detail{grid-template-columns:1fr;gap:23px}.dphoto img{height:290px}.detail h1{margin:12px 0}.band{position:relative}.pitch .btn{margin-top:14px}}
.bhero img{width:auto;max-width:100%;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 94%,transparent);mask-composite:intersect}
.banner{background:radial-gradient(ellipse at 80% 72%,#e8dbb94f,transparent 58%),#f7f1e4}.bhero:before{display:none}.bhero{height:auto}.scene{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 12px 8px #4837171c)}.bhero .scene{max-width:595px}.reviews-new{background:#f4eee2;text-align:center;padding:58px 0}.reviews-new h2{font-size:clamp(31px,3.6vw,52px)}.reviews-new h2:before{content:'❧';color:#748359;margin-right:9px}.rframe{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:15px;align-items:center;margin:30px 0 20px}.rtrack{display:flex;gap:20px}.rslide{flex:1;min-width:0;padding:10px 8px}.stars{font-size:24px;letter-spacing:2px;color:#aa7a1e}.rslide p{font-size:clamp(17px,1.7vw,24px);line-height:1.45;margin:12px auto;color:#333b2c;max-width:24ch}.rslide strong{font-size:13px}.rframe button,.dots button{cursor:pointer;border:0}.rframe button{background:#354532;color:#fff;border-radius:50%;width:36px;height:36px;font-size:25px;font-family:inherit;line-height:1}.dots{display:flex;justify-content:center;margin-bottom:12px}.dots button{background:transparent;width:24px;height:24px;padding:7px}.dots button:after{content:'';display:block;background:#aaa895;height:9px;width:9px;border-radius:100%}.dots button[aria-current=true]:after{background:#354532}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mcta{background:#f0e7d8;border-top:1px solid #dbcdb7}.mgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;align-items:center;padding:56px 0}.mcta h2{margin:12px 0;font-size:clamp(45px,5vw,76px)}.mcta h2 strong{font-weight:500}.mcta p{max-width:425px}.mcta ul{list-style:none;padding:0;margin:19px 0 24px}.mcta li{margin:5px 0}.mcta li:before{content:'✓';border:1px solid #657548;border-radius:50%;font-size:10px;padding:1px 4px;margin-right:9px;color:#354532}.mcta figure{max-width:590px}
@media(max-width:780px){.bhero .scene{width:min(100%,430px)}.bhero{padding:10px 0 20px}.rtrack .rslide{display:none}.rtrack .rslide:first-child{display:block}.rframe{gap:5px}.reviews-new{padding:38px 0}.mgrid{grid-template-columns:1fr;padding:35px 0;gap:15px}.mcta figure{width:min(100%,425px);margin:auto}}

.order-photo{display:block;width:100%;height:auto;border-radius:12px}.brandfooter{padding:0;color:#39382f;background:white}.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:4%;padding:55px 0}.fcols h2{font-size:18px;font-weight:500;letter-spacing:0;margin:0 0 16px;color:#384936}.fcols>div>a:not(.brand){display:block;margin:10px 0;font-size:14px;width:fit-content}.fcols a:hover{text-decoration:underline}.fcols p{max-width:32ch;margin:18px 0}.frights{background:#354532;color:white;text-align:center;padding:13px;font-size:13px}@media(max-width:780px){.fcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:33px 0}.fcols>div:first-child{grid-column:1/-1}.fcols>div:last-child{grid-column:1/-1}}