@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--green:#174c39;--red:#a72b32;--gold:#e7bc58;--paper:#faf8f3;--ink:#262b28;--line:#e4e6df;--muted:#66716a;--accent:var(--green)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}h1,h2,h3,.brand{font-family:Outfit,Arial,sans-serif}h1{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-1.5px;margin:15px 0}h2{font-size:32px;margin:12px 0}h3{margin:10px 0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.btn{cursor:pointer;border:0;border-radius:12px;padding:13px 20px;background:var(--accent);color:white;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.btn:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.outline{background:white;color:var(--ink);border:1px solid var(--line)}.danger{background:#a72b32}.small{font-size:13px;padding:9px 12px}.topbar{background:var(--green);color:white;text-align:center;padding:10px;font-size:12px;letter-spacing:1px}.wrap{max-width:1200px;margin:auto;padding:0 28px}header{background:#fff;border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:14px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.logo{height:70px;width:auto;object-fit:contain;max-width:180px}.nav{display:flex;gap:28px;font-size:14px}.actions{display:flex;gap:8px;align-items:center}.hero{padding:30px 0 50px}.banner{width:100%;display:block;object-fit:contain;border-radius:20px;background:white}.hero-copy{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:20px 8px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--red);text-transform:uppercase}.muted{color:var(--muted);line-height:1.7}.hero-copy p{margin:0;max-width:580px}.hero-copy h1{font-size:38px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.pill{border:1px solid var(--line);background:white;color:var(--ink);border-radius:30px;padding:10px 18px;font-size:14px}.pill.active{background:var(--accent);color:white}.section{padding-block:38px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.search{max-width:320px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.product-image{width:100%;aspect-ratio:1.15;object-fit:contain;background:#fff;display:block}.card-body{padding:20px}.card-body p{font-size:14px}.price{font-size:19px;font-weight:700}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.badge{font-size:11px;letter-spacing:1px;border-radius:25px;padding:6px 10px;background:#f0f3ed;color:var(--green)}.note{padding:14px 18px;border-radius:12px;background:#fff1ce;font-size:14px;line-height:1.6}.about{background:#edf1e9;border-radius:24px;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.steps{display:flex;gap:20px}.step{flex:1;padding:18px;border:1px solid #d7dfd4;border-radius:15px}.step b{display:block;font-size:25px;color:var(--green);margin-bottom:10px}footer{margin-top:45px;background:#1c3026;color:white;padding:40px 0}.footer-grid{display:flex;justify-content:space-between;gap:25px}.float{position:fixed;bottom:22px;inset-inline-end:22px;border-radius:40px;z-index:5;box-shadow:0 8px 25px #0002}.sticky-cart{display:none}.empty{padding:45px;text-align:center;border:1px dashed #bac5b9;border-radius:20px}input,textarea,select{width:100%;border:1px solid #cbd2c9;background:white;border-radius:10px;padding:12px;color:var(--ink)}textarea{min-height:100px}label{display:block;font-size:14px;font-weight:600;margin-bottom:14px}label input,label select,label textarea{margin-top:7px}input[type=checkbox]{width:auto;margin-inline-end:8px}input[type=color]{height:44px}fieldset{border:1px solid var(--line);border-radius:14px;margin:18px 0;padding:20px}legend{font-weight:bold}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}dialog{border:0;border-radius:22px;width:min(720px,94vw);max-height:90vh;padding:25px;color:var(--ink)}dialog::backdrop{background:#10251bb3}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-img{width:100%;height:280px;object-fit:contain}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs img{width:75px;height:75px;object-fit:contain;border:1px solid var(--line);border-radius:8px}.cart-line{display:grid;grid-template-columns:65px 1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.cart-line img{width:65px;height:65px;object-fit:contain}.quantity{display:flex;gap:9px;align-items:center}.quantity button{padding:5px 11px}.checkout{margin-top:25px}.admin-shell{display:grid;grid-template-columns:235px 1fr;min-height:90vh}.sidebar{background:#173e2d;color:#fff;padding:25px}.sidebar button{display:block;width:100%;text-align:start;margin:7px 0;background:transparent;font-size:14px}.sidebar button.active{background:#ffffff22}.admin-main{padding:32px;max-width:1100px;width:100%}.admin-list{display:grid;gap:12px}.admin-item{background:white;padding:16px;border:1px solid var(--line);border-radius:14px;display:flex;gap:15px;align-items:center}.admin-item img{width:65px;height:65px;object-fit:contain}.admin-item .grow{flex:1}.admin-form{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;margin-top:20px}.login{max-width:450px;margin:55px auto;padding:30px}.preview-flag{background:#fff2ca;padding:10px;text-align:center;font-size:13px}.banner-preview{width:100%;max-height:240px;object-fit:contain}.savebar{position:sticky;bottom:0;background:#ffffffed;padding:15px 0;display:flex;gap:10px;border-top:1px solid var(--line);z-index:3}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#223b2c;color:white;padding:14px 22px;border-radius:12px;z-index:100;display:none;max-width:90vw}body.regular{--accent:#262b28;--green:#413a15;--red:#736119;--paper:#fffcf0}.regular .topbar{background:#f4d449;color:#262b28}:focus-visible{outline:3px solid #cc9a24;outline-offset:3px}@media(max-width:750px){.wrap{padding:0 18px}.nav{display:none}.brand{font-size:20px;gap:7px}.logo{height:54px;max-width:100px}.header{gap:8px}.actions button{padding:10px}.hero{padding-top:18px}.banner{border-radius:12px}.hero-copy{display:block}.hero-copy h1{font-size:32px}.hero-copy .btn{margin-top:18px;width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:13px}.card h3{font-size:17px}.card .row{flex-wrap:wrap}.card button{width:100%;padding:11px}.section-head{display:block}.search{max-width:100%;margin-top:15px}.about{display:block;padding:24px}.steps{flex-direction:column}.footer-grid{display:block}.sticky-cart{display:block;position:fixed;bottom:15px;left:18px;right:85px;z-index:5}.float{bottom:15px;inset-inline-end:15px;padding:14px}.admin-shell{display:block}.sidebar{padding:18px;display:flex;flex-wrap:wrap;gap:5px}.sidebar h2{width:100%}.sidebar button{width:auto;margin:0;padding:8px}.admin-main{padding:18px}.admin-item{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.section{padding-block:25px}.cart-line{grid-template-columns:45px 1fr}.cart-line>div:last-child{grid-column:2}.topbar{font-size:10px}.hero-copy p{font-size:14px}footer{padding-bottom:90px}}

.offers-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:#fff1cf;border:1px solid #ead599;padding:28px;border-radius:22px;margin-bottom:25px}.offers-section img{width:100%;border-radius:12px}.offer-packs{display:flex;gap:10px;flex-wrap:wrap}.offer-packs span{padding:12px;background:white;border-radius:12px;font-size:14px}.offer-packs b{font-size:23px;color:var(--green)}.offer-packs strong{display:block;margin-top:5px}@media(max-width:750px){.offers-section{grid-template-columns:1fr;padding:20px;gap:18px}.offers-section h2{font-size:27px}}

.offer-packs .offer-button{background:white;color:var(--ink);border:2px solid transparent;display:flex;flex-direction:column;align-items:start;flex:1;min-width:140px;text-align:start;padding:16px}.offer-packs .offer-button:hover{border-color:var(--green);transform:translateY(-2px)}.offer-packs .offer-button span{padding:0;font-size:16px}.offer-packs .offer-button strong{font-size:22px}.offer-packs .offer-button small{color:var(--green);margin-top:8px;font-size:12px}@media(max-width:500px){.offer-packs .offer-button{min-width:100%;align-items:center;text-align:center}}
