:root{--ink:#212823;--muted:#808780;--line:#e8ece5;--paper:#fff;--wash:#f6f8f2;--green:#c1e895;--moss:#5d7548;--r:23px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1270px;margin:auto;padding:0 34px}.notice{height:31px;display:flex;justify-content:center;align-items:center;background:#f3f6ee;color:#71786e;font-size:10px;letter-spacing:.13em}.header{height:82px;display:flex;align-items:center;gap:52px;border-bottom:1px solid var(--line)}.logo{font:800 28px Manrope,sans-serif;letter-spacing:-2px}.logo span{color:#94bf67;font-size:18px;margin-left:3px}.header nav{display:flex;gap:27px;font-size:12px;color:#687069;flex:1}.header nav a:hover{color:var(--moss)}.head-actions{display:flex;align-items:center;gap:13px}.search{height:40px;border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;padding:0 13px;gap:5px;color:#899087}.search span{font-size:20px}.search input{width:137px;border:0;outline:0;font-size:11px;background:transparent}.icon-btn{border:0;background:transparent;font-size:18px;color:#424b43;position:relative}.icon-btn sup{font-size:9px;background:#dcefca;border-radius:50%;padding:2px 5px;position:absolute;top:-5px;right:-8px}.account-btn{background:#212823;color:white;border:0;border-radius:30px;padding:11px 17px;font-size:11px}.hamb{display:none;background:none;border:0}.hero{margin:26px 0 55px;min-height:470px;border-radius:30px;background:#f5f7f2;display:grid;grid-template-columns:1fr .9fr;overflow:hidden}.hero-text{padding:62px 0 36px 65px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.overline{font-size:10px;font-weight:700;letter-spacing:.15em;color:#84907e}.overline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a5d573;margin-right:7px}.hero h1{font:600 clamp(44px,5.5vw,67px)/1.04 Manrope,sans-serif;letter-spacing:-3.5px;margin:20px 0 17px}.hero h1 em{font-style:normal;color:#799c59}.hero-text>p{max-width:400px;color:#798079;font-size:14px;line-height:1.7;margin:0}.solid{background:#222a24;color:white;padding:14px 19px;border-radius:30px;margin-top:25px;font-size:12px;display:flex;align-items:center;gap:25px;transition:.25s}.solid:hover{background:#52664a;transform:translateY(-2px)}.solid span{font-size:17px}.hero-facts{display:flex;gap:25px;margin-top:33px;font-size:10px;color:#898f87}.hero-facts b{display:block;color:#333c34;font-size:12px;margin-bottom:4px}.hero-picture{display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 52% 48%,#edf4e5 0,#f4f6f0 54%,#f5f7f2 72%)}.hero-picture .sun{position:absolute;width:335px;height:335px;border-radius:50%;background:#e6efd9}.hero-picture img{position:relative;width:70%;height:83%;object-fit:contain;filter:drop-shadow(0 27px 20px #202c1829);animation:drift 5s ease-in-out infinite}.float-chip{position:absolute;right:30px;bottom:30px;padding:10px 15px;border-radius:15px;background:#fffdf5e8;border:1px solid #e6eadf;color:#879080;font-size:9px}.float-chip strong{display:block;color:#394438;margin-top:3px;font-size:12px}.hero-aster{position:absolute;top:42px;right:66px;color:#96ba70;font-size:29px;animation:spin 14s linear infinite}@keyframes drift{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;margin-bottom:77px;padding:20px 8px}.benefits>div{padding:2px 25px;display:grid;grid-template-columns:30px 1fr;column-gap:10px}.benefits>div+div{border-left:1px solid var(--line)}.benefits span{grid-row:span 2;font:600 12px Manrope;color:#a2b593}.benefits b{font-size:12px}.benefits small{font-size:10px;color:#929892;margin-top:5px}.catalog{scroll-margin-top:25px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-title h2,.delivery h2,.help h2{font:600 32px Manrope;letter-spacing:-1.4px;margin:7px 0 0}.catalog-note{font-size:10px;color:#939a92}.filterbox{margin-bottom:22px}.filterrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{border:1px solid var(--line);background:white;color:#737b72;padding:9px 15px;border-radius:24px;font-size:10px;transition:.18s}.chip:hover,.chip.active{background:#222a24;color:white;border-color:#222a24}.filtertools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filtertools select,.price-filter{height:36px;border:1px solid var(--line);border-radius:10px;background:white;color:#6f776e;padding:0 11px;font-size:10px}.price-filter{display:flex;align-items:center;gap:6px}.price-filter input{width:63px;border:0;outline:0}.stock-check{font-size:10px;color:#687069}.stock-check input{accent-color:#799c59;vertical-align:middle}.result-count{margin-left:auto;color:#a0a59e;font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product{border:1px solid var(--line);border-radius:18px;padding:10px;transition:.25s;animation:in .36s both}.product:hover{transform:translateY(-4px);box-shadow:0 15px 36px #1f2c1710;border-color:#dfe6d9}.product-image{height:214px;background:linear-gradient(145deg,#fafbf9,#f2f5ef);border-radius:13px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.product-image img{height:85%;width:88%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product:hover .product-image img{transform:scale(1.06)}.tag{position:absolute;top:10px;left:10px;background:#ffffffe8;border:1px solid #ecefea;border-radius:20px;padding:5px 8px;font-size:8px;letter-spacing:.07em;color:#788174;text-transform:uppercase}.heart{position:absolute;right:10px;top:9px;background:#ffffffdc;border:1px solid #e9ede6;border-radius:50%;width:29px;height:29px;font-size:15px;color:#859080;transition:.2s}.heart.saved{color:#b85054;background:#fff3f2}.stockbadge{position:absolute;right:10px;bottom:10px;background:#edf5e6;color:#658146;border-radius:20px;padding:6px 9px;font-size:8px}.stockbadge.no{background:#faf0e4;color:#997145}.prod-body{padding:13px 5px 4px}.prod-body h3{font-size:14px;margin:0 0 6px;letter-spacing:-.2px}.prod-short{font-size:10px;line-height:1.5;color:#888f87;min-height:31px;margin:0}.spec-line{font-size:9px;color:#657659;margin:7px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.price{font:700 16px Manrope;letter-spacing:-.4px}.price small{font:500 10px 'DM Sans';color:#8e958d}.prod-buttons{display:flex;gap:5px}.detail-btn,.plus-btn{border:0;width:30px;height:30px;border-radius:50%;background:#f0f3ed;color:#4d5a49;font-size:16px}.detail-btn{font-size:12px}.plus-btn:hover,.detail-btn:hover{background:#d9edc6}.delivery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:78px 0 60px;scroll-margin-top:24px}.delivery>div:first-child{padding:16px 18px 15px 0}.delivery h2{font-size:26px}.delivery>div:first-child p,.help p{font-size:11px;line-height:1.65;color:#828a80;max-width:300px}.delivery-card{border:1px solid var(--line);border-radius:18px;padding:22px 17px;display:flex;gap:13px;align-items:flex-start}.delivery-icon{width:32px;height:32px;background:#eef4e8;color:#759452;border-radius:50%;display:grid;place-items:center;font-size:17px;flex:none}.delivery-card b{font-size:12px}.delivery-card p{font-size:10px;line-height:1.7;color:#899087}.help{background:#f5f7f2;border-radius:20px;padding:29px 34px;display:flex;justify-content:space-between;align-items:center;margin:0 0 54px}.help h2{font-size:23px}.help p{margin-bottom:0}.outline{border:1px solid #d8e0d1;border-radius:25px;padding:12px 16px;font-size:10px;white-space:nowrap}.outline:hover{background:white}.footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:34px;display:flex;justify-content:space-between;align-items:center;color:#969d94;font-size:9px;line-height:1.6}.footer .logo{color:var(--ink)}.veil,.modal{position:fixed;inset:0;z-index:20;background:#18201870;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.24s}.veil.open,.modal.open{opacity:1;visibility:visible}.drawer{position:fixed;z-index:21;right:0;top:0;height:100%;width:min(470px,100%);background:white;transform:translateX(102%);transition:transform .3s;padding:24px;overflow:auto}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:17px}.drawer-head h2{font:600 26px Manrope;margin:5px 0}.xbtn{border:0;background:#f1f4ee;width:34px;height:34px;border-radius:50%;font-size:21px}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:11px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.cart-row img{width:62px;height:62px;border-radius:11px;background:#f4f6f1;object-fit:contain}.cart-row b{font-size:11px}.cart-row small{display:block;color:#91988f;font-size:9px;margin-top:4px}.qty{display:flex;gap:8px;align-items:center;margin-top:7px}.qty button{width:22px;height:22px;border:1px solid var(--line);background:white;border-radius:6px}.remove{border:0;background:transparent;color:#a2a89e}.cart-summary{padding:17px 0}.sumline{display:flex;justify-content:space-between;font-size:12px;margin:9px 0}.sumline.total{border-top:1px solid var(--line);padding-top:13px;font-weight:700;font-size:15px}.form{display:grid;gap:10px;margin-top:16px}.form label{font-size:10px;color:#70786e}.form input,.form select,.form textarea{margin-top:5px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;outline:none;background:white;font-size:11px}.form input:focus,.form textarea:focus{border-color:#9bb77e}.form textarea{resize:vertical;min-height:62px}.primary-btn{border:0;border-radius:25px;background:#252e27;color:white;padding:13px 17px;font-size:11px}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.secondary-btn{border:1px solid var(--line);border-radius:25px;background:white;padding:11px;font-size:10px}.empty-state{text-align:center;padding:45px 15px;color:#899087;font-size:12px}.saved-line{border:0;background:transparent;color:#be6368;font-size:10px}.modal{display:grid;place-items:center;padding:20px}.modal-card{background:white;border-radius:23px;padding:25px;width:min(640px,100%);max-height:90vh;overflow:auto;transform:translateY(9px);transition:.2s}.modal.open .modal-card{transform:translateY(0)}.detail-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px}.detail-layout>img{width:100%;height:300px;object-fit:contain;background:#f4f6f1;border-radius:16px}.detail-layout h2{font:600 24px Manrope;margin:8px 0}.detail-desc{font-size:11px;line-height:1.7;color:#757d73;white-space:pre-line}.spec-box{background:#f6f8f3;padding:12px;border-radius:12px;font-size:10px;color:#5d6b56;line-height:1.7;margin:12px 0}.variant-select{margin:11px 0;font-size:10px;color:#687261}.variant-select select{display:block;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:9px;background:white;min-width:140px}.modal-actions{display:flex;gap:8px;margin-top:12px}.toast{position:fixed;z-index:35;bottom:22px;left:50%;transform:translate(-50%,16px);padding:12px 18px;background:#253027;color:white;border-radius:30px;font-size:11px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.panel-tabs{display:flex;gap:7px;overflow:auto;margin:16px 0}.panel-tabs button{border:1px solid var(--line);background:white;padding:8px 12px;border-radius:18px;font-size:9px;white-space:nowrap}.panel-tabs button.active{background:#243027;color:#fff}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}.stat{background:#f5f7f2;padding:13px;border-radius:12px}.stat small{display:block;color:#838a80;font-size:9px}.stat b{display:block;font:700 18px Manrope;margin-top:7px}.chart{width:100%;height:180px;background:#fcfdfb;border:1px solid var(--line);border-radius:13px}.admin-list{display:grid;gap:7px}.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0;font-size:10px}.admin-row input{width:67px;padding:7px;border:1px solid var(--line);border-radius:7px}.admin-row select{max-width:130px;padding:7px;border:1px solid var(--line);border-radius:7px}.admin-row button{border:1px solid var(--line);background:white;padding:7px 9px;border-radius:7px;font-size:9px}.profile-info{background:#f5f7f2;padding:13px;border-radius:12px;font-size:11px;color:#63705c;line-height:1.7}.error{background:#fff1ef;border-radius:9px;color:#a94e47;padding:10px;font-size:10px}.hint{color:#91988f;font-size:9px;line-height:1.5}.hamb{font-size:19px}.mobile-nav{display:none}
@media(max-width:950px){.header{gap:25px}.header nav{gap:14px}.product-grid{grid-template-columns:repeat(3,1fr)}.delivery{grid-template-columns:1fr 1fr}.delivery>div:first-child{grid-column:1/-1}.hero{min-height:410px}}@media(max-width:650px){.wrap{padding:0 15px}.notice{font-size:8px}.header{height:66px;gap:9px}.header nav{display:none}.head-actions{margin-left:auto;gap:9px}.search{height:35px;padding:0 9px}.search input{width:96px}.account-btn{padding:9px 11px;font-size:10px}.icon-btn{font-size:16px}.hamb{display:none}.hero{grid-template-columns:1fr;margin:14px 0 35px}.hero-text{padding:36px 24px 24px}.hero h1{font-size:45px}.hero-picture{height:260px}.hero-picture .sun{width:210px;height:210px}.hero-picture img{height:93%;width:75%}.hero-aster{top:20px;right:40px}.hero-facts{margin-top:22px}.benefits{margin-bottom:50px;padding:13px 5px}.benefits>div{padding:2px 8px;grid-template-columns:18px 1fr;gap:5px}.benefits b{font-size:9px}.benefits small{font-size:8px}.section-title{align-items:start;gap:8px;flex-direction:column}.section-title h2,.delivery h2{font-size:27px}.filtertools{gap:6px}.filtertools select{font-size:9px;max-width:47%}.price-filter{font-size:9px}.result-count{margin-left:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product{padding:7px;border-radius:15px}.product-image{height:155px}.product-image img{height:81%}.prod-body{padding:10px 3px 4px}.prod-body h3{font-size:12px}.prod-short{font-size:9px;min-height:39px}.spec-line{font-size:8px}.prod-bottom{margin-top:10px}.price{font-size:14px}.stockbadge,.tag{font-size:7px}.delivery{grid-template-columns:1fr;margin:54px 0 38px;gap:9px}.delivery>div:first-child{grid-column:auto}.delivery-card{padding:17px}.help{padding:22px;display:block}.help h2{font-size:21px}.help .outline{display:inline-flex;margin-top:17px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-layout{grid-template-columns:1fr}.detail-layout>img{height:220px}.modal-card{padding:18px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-row{grid-template-columns:1fr auto}.admin-row select{grid-column:1/-1}}

/* Product card and detail-sheet refinement */
@keyframes forest-card-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.product{border-radius:22px;padding:12px;box-shadow:0 5px 18px rgba(31,44,23,.035);animation:forest-card-in .42s both;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(31,44,23,.095);border-color:#d8e3cf}
.product-image{height:252px;border-radius:17px;background:radial-gradient(ellipse at 52% 43%,#edf3e7 0,#f7f9f5 59%,#f3f6ef 100%)}
.product-image img{height:87%;width:88%;filter:drop-shadow(0 16px 13px rgba(31,44,23,.1))}
.prod-body{padding:15px 7px 6px}
.prod-body h3{font-size:15px;letter-spacing:-.35px}
.prod-short{font-size:11px;line-height:1.65;min-height:36px}
.spec-line{font-size:10px;margin-top:9px;color:#78866f}
.prod-bottom{margin-top:15px;padding-top:12px;border-top:1px solid #edf0ea}
.price{font-size:17px}
.detail-btn,.plus-btn{width:34px;height:34px;transition:background .2s,transform .2s}
.detail-btn:hover,.plus-btn:hover{transform:translateY(-2px)}
.modal{background:rgba(24,31,25,.52);backdrop-filter:blur(9px);padding:22px}
.modal-card{width:min(880px,100%);padding:23px 28px 28px;border:1px solid rgba(255,255,255,.75);border-radius:27px;max-height:88vh;box-shadow:0 28px 90px rgba(11,19,11,.2);overflow:auto}
.detail-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.detail-brand{padding:7px 10px;border-radius:20px;background:#f3f6ef;color:#75816f;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.detail-topline .xbtn{width:36px;height:36px;background:#f2f4ef;transition:transform .2s,background .2s}
.detail-topline .xbtn:hover{transform:rotate(90deg);background:#e7eee0}
.detail-layout{grid-template-columns:minmax(230px,.84fr) minmax(0,1.16fr);gap:32px;align-items:stretch}
.detail-visual{min-height:340px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #edf0e9;border-radius:22px;background:radial-gradient(ellipse at 52% 42%,#eaf1e2 0,#f5f7f2 60%,#f1f4ed 100%)}
.detail-visual:before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:rgba(224,235,213,.62)}
.detail-visual img{position:relative;z-index:1;width:90%;height:100%;min-height:340px;padding:19px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 15px rgba(31,44,23,.14))}
.detail-image-mark{position:absolute;z-index:2;left:15px;bottom:13px;color:#87917f;font-size:9px;font-weight:700;letter-spacing:.13em}
.detail-image-mark i{margin-left:3px;color:#91b66d;font-style:normal}
.detail-content{display:flex;min-width:0;flex-direction:column;padding:4px 0 1px}
.detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.detail-kicker{color:#8b9585;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.detail-title-row h2{margin:7px 0 0;font:600 29px/1.15 Manrope,sans-serif;letter-spacing:-1.1px}
.detail-stock{flex:none;margin-top:2px;padding:7px 10px;border:1px solid #e6eddf;border-radius:20px;background:#f1f6eb;color:#66804e;font-size:9px;white-space:nowrap}
.detail-stock.muted{border-color:#f0e8de;background:#faf5ef;color:#957853}
.detail-desc{margin:12px 0 14px;color:#7b8378;font-size:11px;line-height:1.7}
.spec-box{margin:0;padding:15px 16px;border:1px solid #edf0e9;border-radius:16px;background:#f6f8f3;color:#596650;font-size:10px;line-height:1.75}
.spec-box-title{margin-bottom:5px;color:#7e8d72;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.spec-box p{margin:0}
.compat-note{margin-top:13px;padding:0 2px}
.compat-note span{color:#4f5c49;font-size:10px;font-weight:700}
.compat-note p{margin:4px 0 0;color:#879084;font-size:9px;line-height:1.6}
.variant-select{display:block;margin:14px 0 4px;color:#66715f;font-size:10px;font-weight:600}
.variant-select select{display:block;width:100%;max-width:250px;margin-top:7px;padding:11px 13px;border:1px solid #e4e9df;border-radius:11px;background:#fff;color:#303830;font-size:11px;outline:none;transition:border-color .2s,box-shadow .2s}
.variant-select select:focus{border-color:#9ab97a;box-shadow:0 0 0 3px rgba(154,185,122,.16)}
.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px}
.detail-price{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.detail-price strong{font:700 24px/1.1 Manrope,sans-serif;letter-spacing:-.8px}
.detail-price span{color:#92998f;font-size:9px}
.detail-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.modal-actions .primary-btn,.detail-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 19px;border:0;border-radius:25px;background:#222a24;color:white;font-size:10px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.modal-actions .primary-btn:hover,.detail-contact:hover{transform:translateY(-2px);background:#4c6545;box-shadow:0 8px 18px rgba(40,57,39,.16)}
.modal-actions .primary-btn:disabled{background:#d8ddd4;box-shadow:none;transform:none}
.detail-contact span{font-size:14px}
.detail-favorite{display:inline-flex;align-items:center;gap:6px;padding:10px 2px;color:#b45d62;font-size:10px;white-space:nowrap;transition:color .2s}
.detail-favorite:hover{color:#8f3f45}
.detail-favorite span{font-size:15px}
@media(min-width:951px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{height:225px}}
@media(max-width:650px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{padding:8px;border-radius:17px}.product-image{height:165px}.prod-body{padding:11px 3px 4px}.prod-body h3{font-size:12px}.prod-short{font-size:9px;line-height:1.55;min-height:40px}.spec-line{font-size:8px}.price{font-size:14px}.detail-layout{grid-template-columns:1fr;gap:17px}.modal-card{width:min(540px,100%);padding:17px;border-radius:23px;max-height:90vh}.detail-visual{min-height:190px;height:min(34vh,235px);border-radius:18px}.detail-visual img{min-height:0;height:100%;padding:10px}.detail-title-row h2{font-size:24px}.detail-desc{margin:9px 0 11px}.spec-box{padding:12px 13px}.modal-actions{align-items:flex-start;flex-direction:column;gap:11px}.detail-action-buttons{width:100%;justify-content:space-between}.detail-action-buttons .primary-btn,.detail-contact{min-height:42px;padding:0 15px}}
@media(max-width:390px){.product-image{height:145px}.detail-title-row{flex-direction:column;gap:7px}.detail-stock{margin-top:0}.detail-action-buttons{gap:7px}.detail-action-buttons .primary-btn,.detail-contact{font-size:9px;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.product,.product-image img,.detail-topline .xbtn,.detail-action-buttons .primary-btn{animation:none!important;transition:none!important}}

/* Clearer storefront navigation and filtering */
.header{position:sticky;top:0;z-index:18;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 5px 22px rgba(31,44,23,.035)}
.header nav a{padding:10px 0;transition:color .18s}
.header nav a:hover{color:#597147}
.search:focus-within{border-color:#b9cba9;box-shadow:0 0 0 3px rgba(175,204,147,.16)}
.account-btn{display:inline-flex;align-items:center;gap:9px;transition:transform .2s,background .2s;text-decoration:none;white-space:nowrap}
.account-btn:hover{transform:translateY(-1px);background:#506249}
.account-btn span{color:#cfe7b6;font-size:14px}
.filterbox{padding:17px 18px 14px;border:1px solid #e9ede5;border-radius:19px;background:linear-gradient(145deg,#fff,#fbfcfa);box-shadow:0 8px 24px rgba(35,47,33,.035)}
.filtertools{gap:9px}
.filtertools select,.price-filter{height:39px;border-radius:11px;font-size:11px}
.price-filter{gap:5px;white-space:nowrap}
.price-filter input{width:60px;min-width:52px;padding:4px 2px}
.clear-filters{height:36px;border:0;border-radius:10px;background:transparent;color:#7c8777;padding:0 9px;font-size:10px;text-decoration:underline;text-decoration-color:#ccd6c3;text-underline-offset:3px;transition:color .2s,background .2s}
.clear-filters:hover{background:#f0f4ec;color:#43543c}
.result-count{padding:0 5px;white-space:nowrap}
.product{min-width:0}
.product-image{isolation:isolate}
.product-image .heart,.product-image .tag,.product-image .stockbadge{z-index:2}
.product-image:after{content:"";position:absolute;inset:auto 14% 6px;height:18px;border-radius:50%;background:rgba(47,60,43,.08);filter:blur(12px);z-index:-1}
.product:hover .product-image img{transform:translateY(-3px) scale(1.045)}
.stockbadge{font-weight:600}
.stockbadge.no{color:#94714e}
.stockbadge:not(.no){background:#eef5e9;color:#69814f}
.detail-btn:focus-visible,.plus-btn:focus-visible,.chip:focus-visible,.clear-filters:focus-visible,.account-btn:focus-visible{outline:3px solid rgba(123,159,91,.28);outline-offset:2px}

/* Dedicated Forest account page */
.profile-page{min-height:100vh;background:#f8faf7}
.profile-page .notice{background:#f2f5ee}
.profile-header{margin:0 auto}
.profile-main{padding-top:42px;padding-bottom:70px;min-height:calc(100vh - 230px)}
.profile-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 30px;overflow:hidden}
.profile-intro h1{margin:12px 0 8px;font:600 clamp(32px,4vw,45px)/1.12 Manrope,sans-serif;letter-spacing:-1.8px}
.profile-intro p{margin:0;color:#828a80;font-size:13px;line-height:1.6}
.profile-intro-mark{display:grid;place-items:center;width:76px;height:76px;border:1px solid #e6ece0;border-radius:50%;background:#fff;color:#91b66d;font-size:37px;animation:forest-rotate 20s linear infinite}
@keyframes forest-rotate{to{transform:rotate(360deg)}}
.profile-cart-link{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e7ece3;border-radius:22px;color:#5d6858;font-size:10px;white-space:nowrap;transition:border-color .2s,background .2s}
.profile-cart-link:hover{background:#f3f7ef;border-color:#d7e2cf}
.profile-cart-link span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:50%;background:#eaf2e3;color:#607949;font-weight:700}
.profile-guest{display:grid;grid-template-columns:1fr .92fr;min-height:520px;overflow:hidden;border:1px solid #edf0e9;border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(33,45,31,.06)}
.profile-guest-story{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:55px 54px;background:linear-gradient(145deg,#263129,#1d2821);color:#fff}
.profile-guest-story:after{content:"";position:absolute;right:-125px;bottom:-145px;width:430px;height:430px;border:1px solid rgba(221,239,207,.11);border-radius:50%;box-shadow:0 0 0 32px rgba(221,239,207,.035),0 0 0 72px rgba(221,239,207,.025)}
.guest-orbit{position:absolute;top:32px;right:40px;color:#a5c784;font-size:35px;animation:forest-rotate 25s linear infinite}
.profile-guest-story .overline{color:#c0d5ad}
.profile-guest-story .overline i{background:#a6d278}
.profile-guest-story h2{position:relative;z-index:1;margin:22px 0 15px;font:600 clamp(39px,5vw,57px)/1.08 Manrope,sans-serif;letter-spacing:-2.4px}
.profile-guest-story>p{position:relative;z-index:1;max-width:365px;color:#c0c8bc;font-size:13px;line-height:1.8}
.guest-points{position:relative;z-index:1;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:40px;color:#e1e8dc;font-size:10px}
.guest-points span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #65715f;border-radius:50%;color:#b2ce94;font-size:8px}
.profile-auth-card{align-self:center;width:100%;max-width:470px;margin:auto;padding:38px 42px}
.auth-card-heading h2{margin:8px 0 7px;font:600 28px Manrope;letter-spacing:-1px}
.auth-card-heading p{margin:0;color:#899187;font-size:11px;line-height:1.7}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:23px 0 17px;border-radius:13px;background:#f3f5f1}
.auth-switch button{height:37px;border:0;border-radius:10px;background:transparent;color:#7c8479;font-size:10px;transition:background .2s,color .2s,box-shadow .2s}
.auth-switch button.active{background:#fff;color:#273128;box-shadow:0 2px 8px rgba(35,45,33,.08);font-weight:700}
.profile-form{display:grid;gap:13px}
.profile-form label{display:grid;gap:6px;color:#626d5f;font-size:10px;font-weight:600}
.profile-form input{width:100%;height:43px;padding:0 13px;border:1px solid #e5e9e1;border-radius:11px;background:#fff;color:#283128;font-size:11px;outline:0;transition:border-color .2s,box-shadow .2s}
.profile-form input::placeholder{color:#b0b6ae}
.profile-form input:focus{border-color:#a7c18d;box-shadow:0 0 0 3px rgba(161,190,132,.16)}
.profile-form label small{color:#999f96;font-size:9px;font-weight:400;line-height:1.5}
.profile-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:2px;padding:0 17px;font-size:11px;transition:background .2s,transform .2s}
.profile-submit:hover{background:#52664a;transform:translateY(-1px)}
.profile-submit span{font-size:16px}
.profile-submit.loading{opacity:.7;cursor:progress}
.profile-auth-error{min-height:0;color:#a94e47;font-size:10px;line-height:1.5}
.profile-auth-error:not(:empty){padding:9px 11px;border-radius:9px;background:#fff3f0}
.second-factor{padding-top:1px;color:#788174;font-size:10px}
.second-factor summary{width:max-content;cursor:pointer;color:#6e7b66}
.second-factor label{margin-top:10px}
.auth-footnote{margin:19px 0 0;color:#a0a69e;font-size:9px;line-height:1.6}
.profile-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:300px;color:#858e80;font-size:12px}
.profile-loading span{width:18px;height:18px;border:2px solid #e1e9d9;border-top-color:#789858;border-radius:50%;animation:forest-rotate .8s linear infinite}
.profile-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:18px}
.profile-sidebar,.profile-panel{border:1px solid #e9eee5;border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(33,45,31,.035)}
.profile-sidebar{position:sticky;top:101px;padding:17px 13px 13px}
.profile-user-card{display:flex;flex-direction:column;align-items:center;padding:12px 9px 20px;text-align:center}
.profile-avatar{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border:5px solid #f3f6ef;border-radius:50%;background:#dfead5;color:#536b44;font:700 21px Manrope}
.profile-user-name{max-width:100%;overflow:hidden;color:#293329;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.profile-user-email{max-width:100%;margin-top:4px;overflow:hidden;color:#979e94;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.profile-role{margin-top:10px;padding:5px 9px;border-radius:20px;background:#f2f6ed;color:#728764;font-size:8px;font-weight:600;letter-spacing:.04em}
.profile-nav-label{padding:11px 11px 7px;color:#9ba398;font-size:8px;font-weight:700;letter-spacing:.14em}
.profile-nav{display:grid;gap:4px}
.profile-nav button{display:flex;align-items:center;gap:10px;min-height:41px;padding:0 10px;border:0;border-radius:11px;background:transparent;color:#778074;text-align:left;font-size:10px;transition:background .18s,color .18s}
.profile-nav button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f5f7f3;color:#8b9982;font-size:13px}
.profile-nav button b{margin-left:auto;color:#a2aaa0;font-size:9px;font-weight:500}
.profile-nav button:hover,.profile-nav button.active{background:#f2f6ee;color:#31432c}
.profile-nav button.active{font-weight:700}
.profile-nav button.active>span{background:#dfebd4;color:#5b7844}
.profile-admin-link{display:flex;justify-content:space-between;margin-top:9px;padding:12px 10px;border:1px solid #e6eddf;border-radius:11px;color:#5e744c;font-size:9px;font-weight:600}
.profile-sidebar-bottom{margin-top:18px;padding:13px 10px 2px;border-top:1px solid #eef1eb;color:#90988d;font-size:9px;line-height:1.7}
.profile-sidebar-bottom a{color:#617a4d;font-weight:600}
.profile-logout{display:flex;justify-content:space-between;width:100%;margin-top:12px;padding:10px 0 0;border:0;border-top:1px solid #f0f2ee;background:none;color:#8c817d;text-align:left;font-size:9px}
.profile-logout:hover,.profile-logout-inline:hover{color:#a14d4d}
.profile-panel{min-height:560px;padding:27px}
.profile-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:21px}
.profile-section-heading h2{margin:7px 0 5px;font:600 25px Manrope;letter-spacing:-.9px}
.profile-section-heading p{margin:0;color:#8a9287;font-size:10px;line-height:1.6}
.profile-store-link,.text-action{color:#6b8156;font-size:9px;font-weight:600;white-space:nowrap}
.profile-store-link span{margin-left:4px}
.profile-welcome-card{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:145px;overflow:hidden;padding:22px 25px;border-radius:18px;background:radial-gradient(circle at 85% 0%,rgba(172,201,137,.25),transparent 34%),linear-gradient(120deg,#2a362c,#202a22);color:white}
.profile-welcome-card>div:first-child{position:relative;z-index:1;max-width:450px}
.profile-welcome-label{color:#c1d6aa;font-size:8px;font-weight:700;letter-spacing:.16em}
.profile-welcome-card h3{margin:9px 0 7px;font:600 21px Manrope;letter-spacing:-.5px}
.profile-welcome-card p{margin:0;color:#c8d0c4;font-size:10px;line-height:1.6}
.welcome-symbol{color:#9fc177;font-size:58px;animation:forest-rotate 26s linear infinite}
.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.profile-stat-card{position:relative;display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center;min-height:94px;padding:12px;border:1px solid #edf0e9;border-radius:15px;background:#fff;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}
.profile-stat-card:hover{transform:translateY(-2px);border-color:#dce6d4;box-shadow:0 9px 20px rgba(45,61,39,.06)}
.stat-icon{grid-row:span 3;display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#f0f5eb;color:#718c57;font-size:14px}
.profile-stat-card>span:nth-child(2){color:#818a7e;font-size:8px}
.profile-stat-card>b{color:#2b352a;font:700 20px Manrope}
.profile-stat-card>small{color:#a0a69e;font-size:8px}
.profile-overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px}
.profile-info-card{min-width:0;padding:15px;border:1px solid #edf0e9;border-radius:16px;background:#fff}
.info-card-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}
.info-card-heading h3,.profile-quick-card h3{margin:5px 0 0;font:600 15px Manrope;letter-spacing:-.35px}
.profile-quick-card>.overline{font-size:8px}
.profile-quick-card h3{margin-bottom:8px}
.profile-quick-card>a,.profile-quick-card>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border:0;border-top:1px solid #f0f2ee;background:none;text-align:left}
.quick-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f3f6f0;color:#728660;font-size:14px}
.profile-quick-card>a>span:nth-child(2),.profile-quick-card>button>span:nth-child(2){display:grid;gap:3px}
.profile-quick-card b{color:#455141;font-size:9px}
.profile-quick-card small{color:#9da49a;font-size:8px}
.quick-arrow{margin-left:auto;color:#a8b09f}
.order-card{margin-top:10px;padding:14px;border:1px solid #edf0e9;border-radius:14px;background:#fff}
.order-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.order-id{display:block;color:#344032;font:700 11px Manrope}
.order-date{display:block;margin-top:4px;color:#9ba197;font-size:8px}
.order-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:20px;background:#f3f4f0;color:#788071;font-size:8px;white-space:nowrap}
.order-status.new{background:#fff4e6;color:#9a7244}
.order-status.progress{background:#eef4e7;color:#668049}
.order-status.complete{background:#eaf4ee;color:#4f8060}
.order-status.cancelled{background:#fbefed;color:#a56961}
.order-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px;color:#899186;font-size:8px}
.order-items{display:grid;gap:7px;margin:12px 0 0;padding:11px 0;border-top:1px solid #f0f2ee;border-bottom:1px solid #f0f2ee;list-style:none}
.order-items li{display:flex;justify-content:space-between;gap:10px;color:#737c70;font-size:9px;line-height:1.5}
.order-items li b{color:#67705f;font-weight:600;white-space:nowrap}
.order-card-total{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#798173;font-size:9px}
.order-card-total b{color:#283329;font:700 13px Manrope}
.profile-empty-small{text-align:center;padding:23px 10px 9px;color:#8c9489}
.profile-empty-small>span{display:grid;place-items:center;width:33px;height:33px;margin:0 auto 8px;border-radius:11px;background:#f1f5ed;color:#839c6e}
.profile-empty-small b{display:block;color:#55604f;font-size:10px}
.profile-empty-small p{color:#a0a69d;font-size:8px}
.profile-empty-small .secondary-btn{display:inline-block;padding:9px 13px;color:#495746;text-decoration:none}
.orders-list{display:grid;gap:9px}
.orders-list .order-card{margin:0;padding:17px}
.orders-list .order-id{font-size:12px}
.orders-list .order-items{gap:9px;padding:13px 0}
.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:370px;padding:35px;text-align:center}
.empty-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:18px;background:#f0f5eb;color:#7c965f;font-size:23px}
.profile-empty h3{margin:17px 0 7px;color:#344032;font:600 18px Manrope}
.profile-empty p{max-width:330px;margin:0 0 17px;color:#8c9589;font-size:10px;line-height:1.7}
.profile-empty .primary-btn{display:flex;align-items:center;gap:20px;text-decoration:none}
.favorite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.favorite-card{overflow:hidden;padding:10px;border:1px solid #edf0e9;border-radius:16px;transition:transform .2s,box-shadow .2s}
.favorite-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(33,45,31,.07)}
.favorite-image{position:relative;display:grid;place-items:center;height:150px;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at center,#edf3e7,#f7f9f5 72%)}
.favorite-image img{width:85%;height:85%;object-fit:contain;mix-blend-mode:multiply}
.favorite-image button{position:absolute;top:8px;right:8px;width:27px;height:27px;border:1px solid #e7ece3;border-radius:50%;background:#ffffffed;color:#9c6664;font-size:17px}
.favorite-brand{margin-top:12px;color:#899481;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.favorite-card h3{margin:5px 0;font-size:12px}
.favorite-card p{display:-webkit-box;min-height:30px;overflow:hidden;color:#899187;font-size:8px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.favorite-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #f0f2ee}
.favorite-card-bottom>b{font:700 13px Manrope;white-space:nowrap}
.favorite-add{padding:8px 10px;border:0;border-radius:20px;background:#263128;color:white;font-size:8px;white-space:nowrap}
.favorite-add span{padding-left:6px;color:#bfdfa4;font-size:12px}
.favorite-unavailable{color:#9a8b72;font-size:8px}
.delivery-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.delivery-option{position:relative;min-height:250px;padding:22px;border:1px solid #edf0e9;border-radius:17px;background:linear-gradient(145deg,#fff,#fafbf9)}
.delivery-option-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:17px;border-radius:12px;background:#edf4e7;color:#738d58;font-size:17px}
.delivery-option>.overline{font-size:8px}
.delivery-option h3{margin:7px 0;font:600 17px Manrope}
.delivery-option>p{color:#818a7e;font-size:9px;line-height:1.75}
.option-tag{display:inline-block;margin-top:7px;padding:7px 9px;border-radius:18px;background:#f2f6ee;color:#687e54;font-size:8px}
.pickup-address{display:grid;gap:3px;margin-top:11px;padding-top:10px;border-top:1px solid #edf0e9}
.pickup-address b{color:#86917d;font-size:8px}
.pickup-address span{color:#455141;font-size:10px;font-weight:600}
.profile-info-banner{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:13px 14px;border-radius:13px;background:#f4f7f1;color:#838c7e}
.profile-info-banner>span{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#e5eedc;color:#698450;font-weight:700;font-size:10px}
.profile-info-banner p{margin:1px 0;font-size:9px;line-height:1.65}
.profile-info-banner a{color:#627b4e;font-weight:600}
.account-data-card{overflow:hidden;border:1px solid #edf0e9;border-radius:16px}
.account-data-row{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #f0f2ee}
.account-data-row:last-child{border:0}
.account-data-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f2f6ee;color:#7c9368;font-size:13px}
.account-data-row>div{display:grid;gap:4px}
.account-data-row small{color:#9aa196;font-size:8px}
.account-data-row b{color:#475243;font-size:10px}
.profile-logout-inline{margin-top:14px;padding:10px 12px;border:1px solid #eee5e3;border-radius:10px;background:#fff;color:#9d6861;font-size:9px}
.profile-footer{margin-top:0}
.profile-footer>a:last-child{color:#71835f}

@media(max-width:950px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-user-card{display:grid;grid-template-columns:50px 1fr auto;align-items:center;column-gap:11px;padding:5px 6px 13px;text-align:left}.profile-avatar{grid-row:span 3;width:45px;height:45px;margin:0}.profile-user-name{align-self:end}.profile-user-email{align-self:start}.profile-role{grid-column:3;grid-row:1/3;margin:0}.profile-nav{grid-template-columns:repeat(5,minmax(max-content,1fr));overflow-x:auto}.profile-nav button{justify-content:center;gap:6px;padding:0 9px}.profile-nav button b{display:none}.profile-nav button>span{width:20px;height:20px}.profile-sidebar-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding-top:10px}.profile-logout{width:auto;margin:0;padding:0;border:0;white-space:nowrap}.profile-panel{min-height:480px}}
@media(max-width:720px){.profile-main{padding-top:26px}.profile-guest{grid-template-columns:1fr}.profile-guest-story{min-height:280px;padding:32px}.profile-guest-story h2{font-size:39px;margin:15px 0 9px}.profile-guest-story>p{font-size:11px}.guest-points{margin-top:22px}.profile-auth-card{padding:28px 26px}.profile-intro-mark{width:54px;height:54px;font-size:27px}.profile-overview-grid{grid-template-columns:1fr}.profile-panel{padding:20px}.profile-stats{gap:7px}.profile-stat-card{grid-template-columns:25px 1fr;min-height:82px;padding:9px}.stat-icon{width:25px;height:25px}.profile-section-heading h2{font-size:22px}.delivery-options-grid{gap:8px}.delivery-option{padding:15px;min-height:260px}}
@media(max-width:540px){.profile-header{height:63px;gap:8px}.profile-header nav{display:none}.profile-header .head-actions{gap:6px}.profile-cart-link{font-size:0;padding:8px}.profile-cart-link span{font-size:9px}.profile-header .account-btn{font-size:9px;padding:9px 11px}.profile-main{padding-top:21px;padding-bottom:44px}.profile-intro{padding-bottom:20px}.profile-intro h1{font-size:32px;letter-spacing:-1.3px}.profile-intro p{max-width:290px;font-size:11px}.profile-intro-mark{display:none}.profile-layout{gap:10px}.profile-sidebar{padding:11px 9px}.profile-user-card{grid-template-columns:42px 1fr;column-gap:9px;padding-bottom:10px}.profile-avatar{width:39px;height:39px}.profile-role{display:none}.profile-nav-label{padding:8px 5px 6px}.profile-nav{grid-template-columns:repeat(5,80px);margin-right:-4px;padding-bottom:4px}.profile-nav button{min-height:43px;display:grid;justify-items:center;gap:2px;font-size:8px}.profile-nav button>span{width:19px;height:19px;font-size:11px}.profile-sidebar-bottom{align-items:flex-start;flex-direction:column;gap:9px;padding-left:5px;padding-right:5px}.profile-panel{padding:15px;min-height:400px}.profile-section-heading{align-items:flex-start;flex-direction:column;margin-bottom:15px}.profile-section-heading h2{font-size:21px}.profile-section-heading p{font-size:9px}.profile-store-link{align-self:flex-end}.profile-welcome-card{min-height:138px;padding:17px}.profile-welcome-card h3{font-size:18px}.profile-welcome-card p{max-width:255px;font-size:9px}.welcome-symbol{font-size:38px}.profile-stats{grid-template-columns:1fr;gap:7px}.profile-stat-card{grid-template-columns:30px 1fr auto;min-height:60px;padding:9px 11px}.stat-icon{grid-row:span 2}.profile-stat-card>b{grid-column:3;grid-row:1/3;font-size:20px}.profile-stat-card>small{font-size:8px}.profile-overview-grid{gap:8px}.profile-info-card{padding:12px}.favorite-grid{grid-template-columns:1fr}.favorite-image{height:190px}.favorite-card h3{font-size:13px}.favorite-card p{font-size:9px}.delivery-options-grid{grid-template-columns:1fr}.delivery-option{min-height:0}.order-card-head{align-items:flex-start}.order-status{font-size:7px;padding:0 7px}.order-items li{font-size:8px}.profile-guest-story{min-height:260px;padding:26px}.profile-guest-story h2{font-size:35px}.guest-points{font-size:8px;gap:6px}.profile-auth-card{padding:25px 20px}.auth-card-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.profile-page *, .header, .filterbox{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Forest storefront home page */
.home-page{background:#fff;color:#242d25}
.home-page .home-main{padding-bottom:8px}
.home-page .hero{position:relative;isolation:isolate;min-height:500px;margin:23px 0 25px;grid-template-columns:1.04fr .96fr;overflow:hidden;border:1px solid #26342a;border-radius:30px;background:#202b23;color:#fff;box-shadow:0 22px 58px rgba(32,43,35,.11)}
.home-page .hero:before{position:absolute;z-index:-1;top:-235px;left:-205px;width:590px;height:590px;border:1px solid rgba(217,237,202,.07);border-radius:50%;box-shadow:0 0 0 35px rgba(217,237,202,.025),0 0 0 78px rgba(217,237,202,.02);content:""}
.home-page .hero-text{position:relative;z-index:2;padding:54px 20px 42px 62px}
.home-page .hero .overline{color:#bdcdb5}
.home-page .hero .overline i{background:#a7d47c}
.home-page .hero h1{max-width:610px;margin:23px 0 17px;font-size:clamp(45px,5vw,66px);line-height:1.04;letter-spacing:-3.4px}
.home-page .hero h1 em{color:#b7d594}
.home-page .hero-text>p{max-width:410px;color:#c2cbc0;font-size:13px;line-height:1.8}
.home-page .hero .solid{min-height:47px;margin-top:24px;padding:0 18px;background:#eff4e9;color:#243027;font-weight:700}
.home-page .hero .solid:hover{background:#cfe4b9;color:#1f2922}
.home-page .hero-facts{gap:0;margin-top:34px;color:#aeb8ab}
.home-page .hero-facts span{min-width:112px;padding:0 16px;border-left:1px solid rgba(235,243,228,.14);font-size:9px;line-height:1.5}
.home-page .hero-facts span:first-child{padding-left:0;border:0}
.home-page .hero-facts b{margin-bottom:3px;color:#f1f4ed;font-size:11px}
.home-page .hero-picture{isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 49% 47%,#eef4e7 0,#e2ebd9 44%,#d5e1ca 100%)}
.home-page .hero-picture:before{position:absolute;z-index:-1;width:390px;height:390px;border:1px solid rgba(91,116,73,.13);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.18),0 0 0 65px rgba(255,255,255,.13);content:""}
.home-page .hero-picture .sun{width:285px;height:285px;background:rgba(255,255,255,.45);box-shadow:0 20px 65px rgba(65,91,52,.08)}
.home-page .hero-image-frame{position:relative;width:min(68%,390px);height:370px;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:190px 190px 24px 24px;background:linear-gradient(155deg,#fbfcf8,#f2f6ed);box-shadow:0 23px 55px rgba(48,66,42,.12);animation:home-float 6s ease-in-out infinite}
.home-page .hero-image-frame>img{width:100%;height:100%;object-fit:contain;padding:20px 17px 32px;mix-blend-mode:multiply;filter:drop-shadow(0 16px 14px rgba(28,40,28,.15))}
.home-page .hero-image-caption{position:absolute;right:13px;bottom:13px;left:13px;display:grid;gap:3px;padding:11px 14px;border:1px solid rgba(235,239,230,.9);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 5px 17px rgba(35,49,32,.06);backdrop-filter:blur(12px);color:#879181}
.home-page .hero-image-caption small{font-size:7px;font-weight:700;letter-spacing:.15em}
.home-page .hero-image-caption strong{color:#303b30;font:700 14px Manrope,sans-serif;letter-spacing:-.25px}
.home-page .hero-image-caption>span{color:#838d7d;font-size:9px}
.home-page .hero-aster{top:44px;right:48px;color:#79965d;font-size:32px}
.home-page .hero-orbit-label{position:absolute;right:27px;bottom:28px;color:#667c58;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
@keyframes home-float{50%{transform:translateY(-7px)}}
.home-page .benefits{position:relative;z-index:2;margin:0 auto 74px;padding:18px 9px;border-color:#edf0e9;border-radius:17px;background:rgba(255,255,255,.95);box-shadow:0 11px 34px rgba(38,51,36,.045)}
.home-page .benefits>div{padding:2px 23px}
.home-page .benefits span{color:#9bad8d}
.home-page .benefits b{color:#3b4539;font-size:11px}
.home-page .benefits small{font-size:9px}
.home-collections{margin:0 0 82px}
.collections-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}
.collections-heading h2{margin:7px 0 0;color:#293329;font:600 27px Manrope,sans-serif;letter-spacing:-1px}
.collections-heading>a{padding-bottom:4px;color:#78876c;font-size:10px;font-weight:600}
.collections-heading>a span{margin-left:5px;color:#9bb581}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-collection{position:relative;isolation:isolate;display:flex;min-height:170px;align-items:center;overflow:hidden;padding:22px;border:1px solid #e9eee5;border-radius:20px;background:#f2f6ee;transition:transform .25s,border-color .25s,box-shadow .25s}
.home-collection:before{position:absolute;z-index:-1;right:8px;bottom:-52px;width:195px;height:195px;border-radius:50%;background:rgba(255,255,255,.68);content:"";transition:transform .35s}
.home-collection:hover{transform:translateY(-4px);border-color:#dce6d4;box-shadow:0 15px 34px rgba(38,51,36,.08)}
.home-collection:hover:before{transform:scale(1.12)}
.collection-liquids{background:#f6f4ed}
.collection-accessories{background:#eef4f2}
.collection-copy{position:relative;z-index:2;display:grid;gap:7px;max-width:65%}
.collection-copy small{color:#829177;font-size:8px;font-weight:700;letter-spacing:.14em}
.collection-copy strong{color:#2d382e;font:600 19px Manrope,sans-serif;letter-spacing:-.5px}
.collection-copy>span{color:#818b7f;font-size:9px;line-height:1.5}
.home-collection img{position:absolute;z-index:1;right:0;bottom:1px;width:48%;height:91%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 10px 12px rgba(42,55,38,.1));transition:transform .35s}
.collection-liquids img{right:4px;width:44%;height:78%}
.collection-accessories img{right:-3px;width:47%;height:74%}
.home-collection:hover img{transform:translateY(-4px) scale(1.04)}
.collection-arrow{position:absolute;z-index:2;right:14px;top:13px;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(112,133,95,.16);border-radius:50%;background:rgba(255,255,255,.68);color:#6c805d;font-size:12px;transition:transform .2s,background .2s}
.home-collection:hover .collection-arrow{transform:translate(2px,-2px);background:#fff}
.home-page .catalog{scroll-margin-top:102px}
.home-page .section-title{margin-bottom:20px}
.home-page .section-title h2{font-size:35px}
.home-page .delivery{margin-top:84px}
.home-page .delivery-card{min-height:140px;background:linear-gradient(145deg,#fff,#fbfcfa);box-shadow:0 8px 24px rgba(35,47,33,.025);transition:transform .22s,border-color .22s,box-shadow .22s}
.home-page .delivery-card:hover{transform:translateY(-3px);border-color:#dfe8d8;box-shadow:0 13px 30px rgba(35,47,33,.06)}
.home-page .delivery-card p{line-height:1.75}
.home-page .help{position:relative;overflow:hidden;border:1px solid #edf0e9;background:radial-gradient(circle at 92% 4%,rgba(183,213,148,.18),transparent 30%),#f5f7f2}
.home-page .help:after{position:absolute;right:22%;bottom:-105px;width:185px;height:185px;border:1px solid rgba(123,150,99,.12);border-radius:50%;box-shadow:0 0 0 22px rgba(123,150,99,.035);content:"";pointer-events:none}
.home-page .help>div,.home-page .help>a{position:relative;z-index:1}
.home-page .outline{background:rgba(255,255,255,.72);transition:background .2s,border-color .2s,transform .2s}
.home-page .outline:hover{transform:translateY(-2px);border-color:#cbd9bf;background:#fff}
.home-page .footer{margin-top:0}
.home-page a:focus-visible,.home-page button:focus-visible,.home-page input:focus-visible,.home-page select:focus-visible{outline:3px solid rgba(130,166,99,.34);outline-offset:3px}
@media(max-width:950px){.home-page .hero{min-height:450px;grid-template-columns:1fr 1fr}.home-page .hero-text{padding-left:39px}.home-page .hero h1{font-size:clamp(42px,5.4vw,57px)}.home-page .hero-image-frame{width:71%;height:330px}.home-page .hero-facts span{min-width:94px;padding:0 11px}.collection-grid{gap:9px}.home-collection{padding:17px;min-height:155px}.collection-copy{max-width:70%}.collection-copy strong{font-size:17px}.home-collection img{width:43%}}
@media(max-width:720px){.home-page .hero{grid-template-columns:1fr;margin-top:14px;min-height:0}.home-page .hero-text{padding:36px 28px 25px}.home-page .hero h1{max-width:530px;font-size:clamp(40px,9vw,54px);letter-spacing:-2.5px}.home-page .hero-text>p{font-size:12px}.home-page .hero-facts{margin-top:24px}.home-page .hero-picture{height:300px}.home-page .hero-picture .sun{width:220px;height:220px}.home-page .hero-picture:before{width:300px;height:300px}.home-page .hero-image-frame{width:204px;height:264px;border-radius:110px 110px 20px 20px}.home-page .hero-aster{top:21px;right:30px}.home-page .hero-orbit-label{right:17px;bottom:22px}.home-page .benefits{margin-bottom:57px}.home-collections{margin-bottom:62px}.collection-grid{grid-template-columns:1fr}.home-collection{min-height:125px;padding:17px 20px}.collection-copy{max-width:66%}.home-collection img{right:16px;width:32%;height:105%}.collection-liquids img{right:20px;width:27%;height:92%}.collection-accessories img{right:15px;width:31%;height:86%}.home-page .delivery{margin-top:62px}}
@media(max-width:430px){.home-page .hero{border-radius:23px}.home-page .hero-text{padding:30px 21px 23px}.home-page .hero h1{font-size:39px}.home-page .hero-facts{gap:0}.home-page .hero-facts span{min-width:0;flex:1;padding:0 8px;font-size:8px}.home-page .hero-facts b{font-size:10px}.home-page .hero-picture{height:268px}.home-page .hero-image-frame{width:184px;height:237px}.home-page .hero-orbit-label{font-size:7px}.home-page .benefits{grid-template-columns:1fr;margin-bottom:45px;padding:7px 12px}.home-page .benefits>div{min-height:47px;align-items:center;padding:8px 6px;grid-template-columns:26px 1fr;column-gap:8px}.home-page .benefits>div+div{border-top:1px solid var(--line);border-left:0}.home-page .benefits span{grid-row:span 2}.home-page .benefits small{margin-top:2px}.collections-heading h2{font-size:24px}.home-page .section-title h2{font-size:30px}.home-page .help{padding:21px}.home-page .help:after{right:-34px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-image-frame,.home-page .hero-aster,.home-page .home-collection,.home-page .home-collection img,.home-page .benefits,.home-page .delivery-card,.home-page .solid{animation:none!important;transition:none!important}}

/* Forest pill navigation, clear stock states, and scannable product specs */
.home-page .header{width:min(calc(100% - 32px),1200px);height:68px;margin:12px auto 0;padding:0 20px;position:sticky;top:10px;gap:30px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(35,47,40,.86);color:#f7f9f5;backdrop-filter:blur(18px) saturate(145%);box-shadow:0 12px 34px rgba(25,36,28,.14)}
.home-page .header .logo{color:#f7f9f5;font-size:26px}
.home-page .header .logo span{color:#bfe293}
.home-page .header nav{gap:24px;color:rgba(246,249,243,.72);font-size:11px}
.home-page .header nav a{padding:9px 0;transition:color .18s,opacity .18s}
.home-page .header nav a:hover{color:#fff}
.home-page .header .head-actions{gap:10px}
.home-page .header .search{height:38px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}
.home-page .header .search:focus-within{border-color:rgba(205,231,177,.72);box-shadow:0 0 0 3px rgba(205,231,177,.12)}
.home-page .header .search input{color:#fff}
.home-page .header .search input::placeholder{color:rgba(255,255,255,.62)}
.home-page .header .icon-btn{color:#f5f7f2}
.home-page .header .icon-btn sup{background:#c4e59e;color:#33432f}
.home-page .header .account-btn{background:#a9bdff;color:#fff;padding:10px 16px}
.home-page .header .account-btn:hover{background:#91a8f5}
.home-page .header .account-btn span{color:#fff}
.stockbadge.no{background:#fff1ef;color:#ad514c;border:1px solid rgba(173,81,76,.09)}
.stockbadge:not(.no){background:#eaf3e2;color:#60794d}
.product.sold-out .product-image img{opacity:.62;filter:grayscale(.12) drop-shadow(0 16px 13px rgba(31,44,23,.08))}
.product .plus-btn:disabled{background:#f3f3f1;color:#b0b4ad;cursor:not-allowed}
.qty button:disabled{background:#f5f6f3;color:#b1b6ae;cursor:not-allowed}
.drawer .primary-btn:disabled{opacity:.45;cursor:not-allowed}
.detail-stock{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 10px;border-radius:20px;background:#eef5e8;color:#667f51;font-size:10px}
.detail-stock.muted{background:#fff1ef;color:#ad514c}
.spec-box{padding:15px 17px;border:1px solid #e9eee5;border-radius:15px;background:#f8faf6;color:#56624f;font-size:11px;line-height:1.6}
.spec-box-title{margin-bottom:9px;font-size:9px}
.detail-points{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.detail-points li{display:grid;grid-template-columns:minmax(82px,.3fr) 1fr;gap:10px;padding-top:8px;border-top:1px solid #e8ede3}
.detail-points li:first-child{padding-top:0;border-top:0}
.detail-points b{color:#384435;font-size:10px;font-weight:700}
.detail-points li span{color:#64705e}
.home-page .hamb{display:none}
@media(max-width:950px){.home-page .header{gap:17px;padding:0 16px}.home-page .header nav{gap:14px}.home-page .header .head-actions{gap:7px}.home-page .header .search input{width:112px}}
@media(max-width:720px){.home-page .header{width:calc(100% - 24px);height:60px;margin-top:9px;padding:0 13px;gap:9px;border-radius:21px}.home-page .header .logo{font-size:23px}.home-page .header nav{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;flex-direction:column;gap:2px;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(35,47,40,.97);box-shadow:0 14px 30px rgba(25,36,28,.18)}.home-page .header nav a{padding:11px 12px;border-radius:10px}.home-page .header nav a:hover{background:rgba(255,255,255,.08)}.home-page .header .head-actions{margin-left:auto}.home-page .header .search{height:34px;padding:0 8px}.home-page .header .search input{width:95px;font-size:10px}.home-page .header .icon-btn{font-size:15px}.home-page .header .account-btn{padding:9px 11px;font-size:9px}.home-page .hamb{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:15px}.detail-points li{grid-template-columns:1fr;gap:2px}}
@media(max-width:430px){.home-page .header{gap:6px;padding:0 9px}.home-page .header .logo{font-size:21px}.home-page .header .search input{width:70px}.home-page .header .head-actions{gap:4px}.home-page .header .account-btn{padding:8px 9px}.home-page .header .icon-btn{font-size:14px}.home-page .hamb{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.home-page .header,.home-page .header nav a,.home-page .header .account-btn,.home-page .header .search{transition:none!important}}

/* Age check shown before loading the catalog or personal-account scripts */
body.age-pending{min-height:100vh;overflow:hidden;background:#f3f6ef}
body.age-pending> :not(#ageGate){display:none!important}
.age-gate{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(ellipse at 18% 15%,rgba(194,225,164,.6),transparent 38%),radial-gradient(ellipse at 88% 85%,rgba(205,218,190,.6),transparent 40%),#f3f6ef}
.age-gate-card{width:min(100%,490px);padding:clamp(25px,6vw,43px);border:1px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 28px 90px rgba(32,45,32,.15);animation:age-card-in .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes age-card-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.age-gate-brand{display:flex;align-items:center;gap:9px;margin-bottom:30px;color:#59694e;font:800 20px Manrope,sans-serif;letter-spacing:-1px}
.age-gate-brand span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#edf4e6;color:#86a968;font-size:16px}
.age-gate-kicker{margin:0 0 9px;color:#84917a;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.age-gate-card h1{margin:0;color:#232b24;font:700 clamp(27px,6vw,36px)/1.15 Manrope,sans-serif;letter-spacing:-1.4px}
.age-gate-copy{margin:13px 0 24px;color:#788177;font-size:13px;line-height:1.7}
.age-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.age-gate-button{min-height:48px;padding:12px 15px;border:1px solid #e5eadf;border-radius:15px;background:#fff;color:#465041;font-size:12px;font-weight:700;transition:transform .18s,background .18s,border-color .18s}
.age-gate-button:hover{transform:translateY(-2px);border-color:#cbd9bf;background:#f8faf5}
.age-gate-button.primary{border-color:#273129;background:#273129;color:#fff}
.age-gate-button.primary:hover{border-color:#52664a;background:#52664a}
.age-gate-form{display:grid;gap:12px;margin-top:21px}
.age-gate-form label{display:grid;gap:8px;color:#65705f;font-size:11px;font-weight:600}
.age-gate-form input{width:100%;min-height:47px;padding:0 13px;border:1px solid #e2e8dc;border-radius:13px;background:#fcfdfb;color:#293129;font-size:13px}
.age-gate-form input:focus{outline:3px solid rgba(130,166,99,.2);border-color:#9cba7b}
.age-gate-error{min-height:18px;color:#ad514c;font-size:11px;line-height:1.5}
.age-gate-foot{margin:22px 0 0;padding-top:16px;border-top:1px solid #edf0ea;color:#929990;font-size:10px;line-height:1.6}
.age-gate-denied-mark{display:grid;place-items:center;width:52px;height:52px;margin:0 0 19px;border-radius:18px;background:#f7eee8;color:#a77955;font-size:24px}
.age-gate[hidden],.age-gate-card [hidden]{display:none!important}
@media(max-width:430px){.age-gate{padding:15px}.age-gate-card{border-radius:23px}.age-gate-actions{grid-template-columns:1fr}.age-gate-brand{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.age-gate-card,.age-gate-button{animation:none!important;transition:none!important}}