:root{--forest:#173d2d;--leaf:#356c44;--paper:#fbfaf5}
:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#233629;background:var(--paper)}*{box-sizing:border-box}body{margin:0}header{background:var(--forest);color:white;padding:16px max(20px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}header a{color:white;text-decoration:none}.brand{font-family:Georgia,serif;font-size:25px;font-weight:bold}nav{display:flex;gap:14px;align-items:center}button,.btn{background:var(--leaf);border:0;border-radius:8px;color:white;padding:11px 16px;cursor:pointer;font-weight:650;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#245133}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e9eee5;color:#21422e}.hero{background:linear-gradient(115deg,#173d2de8,#3e6a44dd),url('https://images.unsplash.com/photo-1416879595882-3373a0480b5b?w=1200') center/cover;color:white;text-align:center;padding:85px 20px}.hero h1{font:clamp(38px,6vw,72px) Georgia,serif;margin:0 0 12px}.hero p{font-size:19px}.wrap{max-width:1100px;margin:auto;padding:28px 20px}.eyebrow{color:#64846a;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}h2{font:34px Georgia,serif;margin:10px 0 20px}h3{margin:8px 0}.categories{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.categories button{background:#e5ecdf;color:#21412e}.categories button.active{background:var(--leaf);color:white}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.card,.panel{background:white;border:1px solid #e3e7dd;border-radius:14px;overflow:hidden;box-shadow:0 3px 15px #213c2310}.card .details{padding:17px}.product-image{height:180px;background:#e2e9d9;display:flex;align-items:center;justify-content:center;font-size:64px}.product-image img{width:100%;height:100%;object-fit:cover}.price{font-size:22px;color:#2d613b;font-weight:800}.muted{color:#6a786b}.card button{width:100%;margin-top:12px}.panel{padding:20px;margin:18px 0}input,textarea,select{display:block;width:100%;border:1px solid #cbd4c9;border-radius:8px;padding:11px;font:inherit;margin:7px 0 15px;background:white}label{font-size:14px;font-weight:700}textarea{min-height:95px}footer{background:var(--forest);color:#e6f0e6;padding:35px 20px;text-align:center;margin-top:50px}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cart{position:fixed;right:0;top:0;height:100vh;width:min(420px,100%);background:white;z-index:5;box-shadow:-8px 0 50px #0003;padding:20px;overflow:auto}.hidden{display:none!important}.line{border-bottom:1px solid #e0e8dc;padding:12px 0}.notice{background:#fff3d4;padding:13px;border-radius:8px;color:#674f17}.success{background:#e2f4e6;padding:13px;border-radius:8px;color:#20542c}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.row button{flex:0 0 auto}.small{font-size:13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:720px){.admin-grid{grid-template-columns:1fr}.hero{padding:55px 20px}.brand{font-size:22px}} 
.featurebar{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;padding:18px;background:#edf3e7;border-radius:12px;margin-bottom:36px;font-size:14px;font-weight:650}.searchlabel{display:block;max-width:480px}.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.imagebutton{padding:0;border:0;width:100%;background:none;display:block;border-radius:0}.imagebutton:hover{background:none}.product-image.large{height:260px}.product-dialog{width:min(560px,95vw);max-height:90vh;border:1px solid #cbd4c9;border-radius:16px;padding:20px;box-shadow:0 20px 70px #0004}.product-dialog::backdrop{background:#10251a99}.preline{white-space:pre-line}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{background:#f0f5ed;border-radius:12px;padding:16px}.stat strong{font-size:27px;display:block}.pill{font-size:12px;padding:5px 9px;border-radius:30px;background:#dcebdc;color:#234f31;display:inline-block}.pill.warn{background:#fff0c9;color:#75510d}.pill.danger{background:#ffe1df;color:#922c25}.adminnav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.adminnav button{background:#e8eee6;color:#21422e}.adminnav button.active{background:var(--leaf);color:white}.admin-section{display:none}.admin-section.active{display:block}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e1e7dd;padding:12px 8px}td button{padding:7px 10px}.smallinput{max-width:110px}.actions{display:flex;gap:5px;flex-wrap:wrap}.admin-grid{align-items:start}@media(max-width:640px){nav{gap:8px;font-size:13px}nav a{padding:4px}.featurebar{gap:9px}.statgrid{grid-template-columns:repeat(2,1fr)}}

/* v3: accessible responsive storefront, tablet and phone */
html{scroll-behavior:smooth}body{overflow-x:hidden}header{position:relative;z-index:3}header nav{flex-wrap:wrap}button,.btn,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c18d28;outline-offset:3px}.marquee{overflow:hidden;background:#e6e9d7;color:#21412e;border-bottom:1px solid #cad6bf}.marquee-track{display:flex;width:max-content;gap:45px;white-space:nowrap;align-items:center;min-height:43px;animation:rooted-scroll 34s linear infinite;font-weight:700;font-size:14px}.marquee-track span{padding-left:25px}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}@keyframes rooted-scroll{to{transform:translateX(-50%)}}.article{border-bottom:1px solid #e3e7dd;padding:14px 0}.article:last-child{border:0}.article p{line-height:1.65}.card{display:flex;flex-direction:column}.card .details{display:flex;flex-direction:column;flex:1}.card .details .bar{margin-top:auto}.cart{max-width:100vw}.adminnav{position:sticky;top:0;background:var(--paper);padding:9px 0;z-index:2;overflow-x:auto;flex-wrap:nowrap}.adminnav button{white-space:nowrap;flex-shrink:0}input[type=color]{height:48px;max-width:190px;padding:4px}.panel,.card{min-width:0}img{max-width:100%}
@media(max-width:800px){header{padding:12px 16px}header nav{width:100%;justify-content:space-between;gap:8px}.brand{font-size:22px}.wrap{padding:18px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card .details{padding:12px}.product-image{height:160px}.featurebar{justify-content:center;text-align:center}.hero{padding:65px 15px}}
@media(max-width:470px){header nav a{font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card h3{font-size:16px}.card .details{padding:10px}.card button{padding:11px 7px;font-size:12px}.card .price{font-size:18px}.product-image{height:130px}.card .bar{display:block}.hero h1{font-size:40px}.statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart{padding:15px}.adminnav{margin:8px -14px;padding:10px 14px}.adminnav button{font-size:13px}}
@media(max-width:350px){.grid{grid-template-columns:1fr}.product-image{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none;flex-wrap:wrap;width:auto;white-space:normal}}

/* v3.2 additive layout */
header .admin-link{color:var(--forest,#173d2d);font-weight:bold;text-decoration:none;border:1px solid currentColor;padding:7px 10px;border-radius:7px}.marquee-item{display:inline-block;background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;white-space:nowrap;margin:0 1.2rem;padding:8px}.marquee-item:hover{text-decoration:underline}.reviews{margin-top:24px;border-top:1px solid #ccc;padding-top:12px}.traffic-row{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:12px}.traffic-row span{min-width:90px}.traffic-bar{height:13px;min-width:2px;background:#356c44;border-radius:3px}.traffic-row strong{margin-left:auto}

/* v3.2.2: new arrivals marquee inside the hero, below the browse button */
.hero .marquee{max-width:540px;width:100%;margin:18px auto 0;border:1px solid #e5d9a6;border-radius:4px;background:rgba(10,48,29,.55);color:#fff;min-height:43px;text-align:left;}
.hero .marquee.hidden{display:none!important}
.hero .marquee-track{min-height:43px}
.hero .marquee-item{color:#fff}
.hero .marquee-item:focus-visible{outline-color:#fff}
@media(max-width:600px){.hero .marquee{width:calc(100% - 12px)}.hero .marquee-item{font-size:12px}}

/* v3.2.3: readable message in always-display test mode */
.hero .marquee-empty{display:block;padding:12px 18px;font-weight:normal;white-space:nowrap;text-align:center;width:100%}
.hero .marquee:has(.marquee-empty) .marquee-track{width:100%;animation:none;display:block}

/* v3.2.4: centered, single-item rotating new/restocked product label */
.hero .marquee{max-width:540px;min-height:48px;text-align:center;overflow:hidden;}
.hero .marquee-track{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;max-width:100%;gap:0;white-space:normal;animation:none!important;transform:none!important;}
.hero .feature-product{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;width:100%;min-height:48px;padding:10px 14px;background:transparent;border:0;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:center;}
.hero .feature-product:hover .feature-name{text-decoration:underline;}
.hero .feature-empty{display:block;padding:12px 10px;font-size:13px;font-weight:500;}
.hero .feature-enter .feature-product{animation:rooted-feature-fade .45s ease-out both;}
@keyframes rooted-feature-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero .feature-enter .feature-product{animation:none}}
@media(max-width:600px){.hero .feature-product{font-size:13px;padding:9px 8px;gap:5px}}

/* v3.2.5: borderless, transparent rotating product text directly on hero */
.hero .marquee{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:100%;width:100%;min-height:0;margin:15px auto 0;padding:0;overflow:hidden;color:#fff;}
.hero .marquee-track{background:transparent!important;min-height:0;padding:0;}
.hero .feature-product{background:transparent!important;border:0!important;box-shadow:none!important;min-height:0;padding:3px 8px;font-size:17px;line-height:1.45;}
.hero .feature-empty{background:transparent!important;border:0!important;padding:3px 8px;}
@media(max-width:600px){.hero .marquee{width:100%;}.hero .feature-product{font-size:15px;padding:4px 8px;}}

/* v3.2.6: categorized, mobile-friendly admin navigation */
.adminnav.adminnav-organized{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));align-items:start;gap:10px;position:static;overflow:visible;flex-wrap:initial;padding:12px;background:#f1f5ee;border:1px solid #dce6d9;border-radius:14px;margin:16px 0 24px}
.adminnav-organized .adminnav-dashboard{min-width:0}
.adminnav-organized .adminnav-dashboard>button{width:100%;min-height:43px;text-align:left}
.adminnav-organized .adminnav-group{min-width:0;background:#fff;border:1px solid #d7e2d3;border-radius:10px;overflow:hidden}
.adminnav-organized .adminnav-group summary{cursor:pointer;list-style:none;padding:12px 13px;font-weight:700;color:#244b31;display:flex;align-items:center;justify-content:space-between;min-height:43px}
.adminnav-organized .adminnav-group summary::-webkit-details-marker{display:none}
.adminnav-organized .adminnav-group summary::after{content:'▾';margin-left:10px}
.adminnav-organized .adminnav-group:not([open]) summary::after{content:'▸'}
.adminnav-organized .adminnav-group[open] summary{background:#e9f1e7;border-bottom:1px solid #d7e2d3}
.adminnav-organized .adminnav-links{display:grid;gap:5px;padding:8px}
.adminnav-organized .adminnav-links button{width:100%;white-space:normal;text-align:left;min-height:40px;border-radius:7px}
.adminnav-organized .adminnav-group:has(button.active)>summary{background:#dcebdc;color:#173d2d}
@media(max-width:700px){.adminnav.adminnav-organized{grid-template-columns:1fr;margin:10px 0 20px;padding:9px}.adminnav-organized .adminnav-group summary{padding:11px 13px}.adminnav-organized .adminnav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.adminnav-organized .adminnav-links button{font-size:13px;text-align:center}}
@media(max-width:380px){.adminnav-organized .adminnav-links{grid-template-columns:1fr}}

/* v3.2.7: Fresh from The Rooted Acre at the TOP of the hero */
.hero .marquee{max-width:520px;width:100%;margin:0 auto 30px;padding:0;color:#fff;text-align:center;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible;}
.hero .feature-heading{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:800;letter-spacing:.025em;line-height:1.5;}
.hero .feature-heading-icon{font-size:17px;}
.hero .feature-heading-note{font-size:11px;font-weight:600;opacity:.85;white-space:nowrap;}
.hero .marquee-track{display:flex;justify-content:center;align-items:center;min-height:40px;margin-top:5px;}
.hero .feature-product{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;width:auto;max-width:100%;min-height:38px;padding:5px 10px;color:#fff;background:transparent!important;border:0!important;box-shadow:none!important;font-size:16px;line-height:1.4;}
.hero .feature-status{display:inline-block;flex:0 0 auto;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:850;letter-spacing:.065em;line-height:1.5;}
.hero .feature-status-new{background:#e1f1ce;color:#204b2c;}
.hero .feature-status-restocked{background:#e5edf9;color:#23486d;}
.hero .feature-emoji{font-size:19px;}
.hero .feature-name{overflow-wrap:anywhere;}
.hero .feature-arrow{font-size:23px;line-height:1;opacity:.8;}
.hero .feature-empty{font-size:12px;opacity:.9;white-space:normal;}
@media(max-width:600px){.hero .marquee{margin-bottom:22px;}.hero .feature-heading{font-size:12px;gap:6px;}.hero .feature-heading-note{font-size:10px;}.hero .feature-product{font-size:14px;gap:7px;padding:5px;}.hero .feature-status{font-size:10px;padding:3px 6px;}}

/* v3.2.8: Featured arrivals positioned in the upper-right hero area.
   No overlay on the main brand heading; smaller screens use normal flow. */
.hero{position:relative;}
.hero #newMarquee.marquee{position:absolute;top:12px;right:14px;left:auto;
  width:clamp(210px,19.5vw,255px);max-width:255px;margin:0;padding:12px 10px;
  background:transparent!important;border:0!important;box-shadow:none!important;
  text-align:center;z-index:1;}
.hero #newMarquee .feature-heading{font-size:13px;line-height:1.4;gap:5px;}
.hero #newMarquee .feature-heading-note{display:block;width:100%;font-size:11px;}
.hero #newMarquee .marquee-track{margin-top:12px;min-height:50px;}
.hero #newMarquee .feature-product{max-width:100%;flex-wrap:wrap;gap:6px;font-size:15px;}
.hero #newMarquee .feature-name{flex:1 1 110px;min-width:0;}
@media(max-width:900px){
  .hero #newMarquee.marquee{position:static;width:min(100%,350px);max-width:350px;
    margin:24px auto 0;padding:8px 0;}
}

/* v3.2.9: single prominent heading, using former Fresh from The Rooted Acre styling */
.hero #newMarquee .feature-heading-note{display:inline;width:auto;font-size:13px;font-weight:800;letter-spacing:.025em;line-height:1.4;opacity:1;white-space:normal;}
@media(max-width:600px){.hero #newMarquee .feature-heading-note{font-size:12px;}}

/* v3.2.10: responsive hero feature and distinct desktop admin workspace */
/* The feature is the first hero element on small screens, not hidden beneath the CTA. */
@media(max-width:900px){
  .hero #newMarquee.marquee:not(.hidden){display:block;position:static;width:min(100%,370px);max-width:370px;margin:0 auto 22px;padding:4px 0;z-index:auto;}
  .hero #newMarquee .marquee-track{min-height:42px;margin-top:5px;}
  .hero #newMarquee .feature-heading-note{font-size:14px;font-weight:800;}
  .hero #newMarquee .feature-product{font-size:14px;}
}
@media(min-width:901px){
  /* Keep the established upper-right storefront placement on desktop. */
  .hero #newMarquee.marquee{top:12px;right:14px;}
  /* Two-column administration: navigation on left, selected editor on right. */
  body:has(#dashboard:not(.hidden)) main.wrap{max-width:1600px;padding-left:24px;padding-right:24px;}
  #dashboard:not(.hidden){display:grid;grid-template-columns:clamp(235px,21vw,290px) minmax(0,1fr);align-items:start;gap:24px;}
  #dashboard .adminnav.adminnav-organized{grid-column:1;display:flex;flex-direction:column;gap:9px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;margin:0;padding:12px;}
  #dashboard .adminnav-organized .adminnav-dashboard{width:100%;}
  #dashboard .adminnav-organized .adminnav-group{width:100%;}
  #dashboard .adminnav-organized .adminnav-links{grid-template-columns:1fr;}
  #dashboard .adminnav-organized .adminnav-links button{text-align:left;}
  #dashboard .admin-content{grid-column:2;min-width:0;}
  #dashboard .admin-content .admin-section{min-width:0;}
  #dashboard .admin-content .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #dashboard .admin-content .panel{margin-top:0;}
}
@media(min-width:901px) and (max-width:1170px){
  #dashboard .admin-content .admin-grid{grid-template-columns:1fr;}
}
@media(max-width:900px){
  #dashboard .admin-content{display:block;min-width:0;}
}

/* v3.2.11: Learn & Grow articles — single-open accessible accordion */
.article-accordion{padding:0;border-bottom:1px solid #dfe8dc}
.article-accordion h3{margin:0}
.article-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 14px;background:transparent;color:var(--forest,#173d2d);border:0;border-radius:6px;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.article-toggle:hover,.article-toggle:focus-visible{background:#edf4e9}
.article-chevron{font-size:1.35em;line-height:1;transition:transform .2s ease;flex-shrink:0}
.article-toggle[aria-expanded="true"] .article-chevron{transform:rotate(180deg)}
.article-content{padding:0 14px 20px;line-height:1.7;white-space:pre-line}
.article-content[hidden]{display:none!important}
@media(max-width:600px){.article-toggle{padding:16px 10px}.article-content{padding:0 10px 18px}}

/* v3.2.13: verified reviews open on demand below product details */
.review-toggle{display:block;margin:16px 0 8px;width:100%;text-align:center}.reviews #reviewPanel{padding:12px 0}.reviews #reviewPanel.hidden{display:none}

/* v3.2.17: Separate review action directly below each product's details button. */
.card .details .product-review-button{margin-top:8px;background:#edf3e9;color:#21422e;border:1px solid #b8cdb7}.card .details .product-review-button:hover{background:#dcebdd}

/* v3.2.19: brick-red dismiss controls, sticky modal close and clear review cancellation */
.brick-red{background:#a34235!important;color:#fff!important;border:1px solid #842e25!important;}
.brick-red:hover,.brick-red:focus-visible{background:#842e25!important;color:#fff!important;}
.product-dialog{padding-top:0;overscroll-behavior:contain;}
.product-dialog .dialog-sticky-header{position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;align-items:center;padding:12px 0 9px;background:#fff;border-bottom:1px solid #e3e7dd;margin-bottom:14px;}
.product-dialog .dialog-sticky-header button{min-height:42px;}
.product-dialog .product-bottom-close{display:block;width:100%;margin:22px 0 5px;min-height:44px;}
.review-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.review-form-actions button{flex:1 1 150px;min-height:44px;}
@media(max-width:600px){.product-dialog{max-height:94dvh;width:calc(100vw - 16px);padding-left:14px;padding-right:14px;}.product-dialog .dialog-sticky-header{padding-top:10px;}.review-form-actions{flex-direction:column;}}

/* v3.2.20: Review is a separate, scrollable dialog with a visible close button. */
.review-dialog #reviewPanel{padding:4px 0 12px;}
.review-dialog .dialog-sticky-header{position:sticky;top:0;z-index:10;}
.review-dialog .product-bottom-close{display:block;width:100%;margin-top:20px;}

/* v3.2.22: lightweight visible state while product catalog is loading */
.shop-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:110px;width:100%;grid-column:1/-1;color:var(--forest,#173d2d);font-weight:600}
.shop-spinner{display:inline-block;width:22px;height:22px;border:3px solid #d6e5d8;border-top-color:var(--forest,#173d2d);border-radius:50%;animation:rooted-spin .8s linear infinite}
@keyframes rooted-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.shop-spinner{animation:none}}
.shop-load-error{grid-column:1/-1;padding:18px;border:1px solid #c78b7e;border-radius:8px}

/* v3.2.24: dedicated label-making navigation entry */
.adminnav-labels{margin:8px 0;}
.adminnav-labels button{font-weight:700;}

/* v3.2.25 Seed Packet Label Designer */
.label-preview-host{overflow:auto;background:#f1f3ee;padding:12px!important}.label-preview-host .seed-label{box-sizing:border-box;width:var(--label-w);height:var(--label-h);max-width:none;flex-shrink:0;background:#fffdf6;border:1px solid #a4b69d;border-radius:5px;padding:.13in;overflow:hidden;display:flex;flex-direction:column;color:#263e2e;font-family:Georgia,serif;box-shadow:0 2px 7px #0002}.seed-label-brand{display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;font:700 10px Arial,sans-serif;letter-spacing:.3px;color:#2d5937}.seed-label-logo{max-width:.37in;max-height:.37in;object-fit:contain}.seed-label-sprout{font-size:18px}.seed-label-product{text-align:center;font:bold 17px Georgia;margin:8px 0 4px;overflow-wrap:anywhere}.seed-label-meta{text-align:center;font:10px Arial}.seed-label-heading{font:bold 9px Arial;margin-top:10px;border-top:1px solid #cad7c4;padding-top:5px}.seed-label-instructions{white-space:pre-line;overflow-wrap:anywhere;font:10px/1.28 Arial;margin-top:5px}.seed-label-notes{white-space:pre-line;overflow-wrap:anywhere;font:9px/1.2 Arial;margin-top:6px}.seed-label-footer{margin-top:auto;border-top:1px solid #cad7c4;text-align:center;padding-top:5px;font:italic 9px Georgia}

.coupon-bar{max-width:1150px;margin:12px auto;padding:12px 16px;border:1px solid #b9cfb2;border-radius:12px;background:#f1f8ee;color:#23482c}.coupon-bar[hidden]{display:none}.coupon-offer{padding:6px 0}.coupon-offer button{margin-left:12px;padding:5px 10px;font-size:12px}

/* v3.2.28 — natural growing practices */
.natural-growing{border-left:4px solid #6c9460}.natural-growing-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:15px 0}.natural-growing-points>div{background:#f2f7ed;border-radius:12px;padding:14px}.natural-growing-points h3{margin:0 0 7px;color:#365c32}.natural-growing-points p{margin:0}

/* v3.2.29: fixed, non-scrolling save feedback */
.save-toast{position:fixed;right:16px;bottom:18px;z-index:99999;padding:12px 18px;border-radius:10px;max-width:min(90vw,420px);box-shadow:0 5px 20px #0003;font-size:14px;font-weight:600}.save-ok{background:#e7f4e6;color:#24592d;border:1px solid #a7d0a8}.save-error{background:#fff1e9;color:#9b3222;border:1px solid #e8a28d}.save-toast.hidden{display:none}

/* v3.2.30.1 catalog, extra categories and coupons */
.extra-category-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;max-height:220px;overflow:auto;padding:8px}.extra-category-item{display:flex;align-items:center;gap:5px;font-size:13px}.extra-categories{border:1px solid #d4dfd1;border-radius:8px;margin:12px 0}.catalog-tools{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.catalog-tools label{display:flex;align-items:center;gap:8px}.catalog-tools select{width:auto;min-width:145px}.hero .coupon-bar{max-width:800px;margin:12px auto;padding:10px 15px;background:#f5f1dd;color:#21402d;border-radius:12px;text-align:center}.hero .coupon-bar p{margin:4px}.hero .coupon-offer{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:center;margin:5px;padding:7px 12px;background:white;border-radius:8px}.hero .coupon-offer button{padding:5px 9px}

/* v3.2.30.3: clean two-column admin navigation and isolated workspace */
#dashboard .admin-content>.admin-section:not(.active),#dashboard .admin-content>.admin-section[hidden]{display:none!important}
#dashboard .admin-content>.admin-section.active{display:block!important}
#dashboard .admin-section-title{font-size:1.35rem;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #d7e2d3}
#dashboard .adminnav-organized button.active{background:#285c3c;color:#fff;font-weight:700}
#dashboard .adminnav-organized button{transition:background .15s ease}
#dashboard .adminnav-organized .adminnav-group{flex-shrink:0}
#dashboard .admin-content{overflow:hidden}
#dashboard .admin-content .admin-grid>*{min-width:0}
#dashboard .admin-content .tablewrap{max-width:100%}
#publicCoupons.coupon-bar{max-width:100%;margin:12px auto 20px;box-sizing:border-box}
#publicCoupons .coupon-offer{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 10px 6px 0}
@media(max-width:900px){#dashboard .adminnav.adminnav-organized{position:static;max-height:none}#dashboard .admin-content{width:100%}}

/* v3.2.30.4: coupon form layout and save action */
#discountForm > label:has(input[type="checkbox"]){display:flex;align-items:center;gap:10px;min-height:32px;line-height:1.45;flex-wrap:wrap;}
#discountForm > label:has(input[type="checkbox"]) input{flex:0 0 auto;margin:0;}
#discountForm .coupon-save-row{display:flex;justify-content:flex-start;clear:both;margin-top:20px;margin-bottom:16px;}
#discountForm .coupon-save-row button{position:static;float:none;margin:0;width:auto;max-width:100%;}

/* v3.2.30.5 compact coupons below New & Restocked */
.hero{position:relative;min-height:485px}
.hero #publicCoupons.coupon-bar{position:absolute;top:96px;right:20px;left:auto;width:min(310px,calc(100% - 40px));max-width:310px;margin:0;padding:10px 12px;background:rgba(18,57,36,.45);border:1px solid rgba(255,255,255,.24);color:white;text-align:left;border-radius:10px;backdrop-filter:blur(4px);z-index:1}
.hero #publicCoupons .coupon-title{display:block;font-size:14px;margin-bottom:8px}
.hero #publicCoupons .coupon-offer{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:7px 0;padding:9px 10px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:8px;color:white}
.hero #publicCoupons .coupon-offer-head{display:flex;justify-content:space-between;gap:8px;font-size:13px}.hero #publicCoupons .coupon-offer-head span{font-weight:700;color:#e1f3d8}.hero #publicCoupons .coupon-detail{font-size:12px;line-height:1.4;color:#edf5e9}.hero #publicCoupons .coupon-offer button{margin:3px 0 0;padding:6px 9px;align-self:stretch;font-size:12px;background:#e5eee0;color:#244a32}.hero #publicCoupons .coupon-note{display:block;text-align:center;font-size:10px;line-height:1.4;margin-top:7px;color:#e1eddd}
@media(max-width:800px){.hero #publicCoupons.coupon-bar{position:relative;top:auto;right:auto;width:min(310px,100%);margin:12px 0 14px auto}.hero{min-height:0}}
.coupon-settings{border:1px solid #d6e2d2;border-radius:10px;margin:14px 0;padding:14px}.coupon-settings legend{font-weight:700;padding:0 7px}.coupon-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5px;max-height:220px;overflow:auto;margin:8px 0 15px}.coupon-choices label{display:flex;gap:7px;align-items:center;font-weight:400}.coupon-choices input{width:auto;margin:0}.coupon-summary{padding:12px;border-radius:8px;background:#e9f3e7;color:#224c30;font-size:13px}

/* v3.2.30.6: balanced storefront hero and compact right-hand coupon stack */
body:not(:has(#dashboard)) .hero{min-height:410px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:60px clamp(22px,6vw,100px)!important;padding-right:min(35%,420px)!important;gap:0}
.hero .hero-brand-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;width:min(100%,550px);max-width:100%;padding:25px 30px;background:rgba(15,53,33,.48);border-radius:10px;position:relative;z-index:1}
.hero .hero-brand-panel h1{margin:0;line-height:1.15;text-align:left;max-width:100%}
.hero .hero-brand-panel .brand-wrap{justify-content:flex-start!important;text-align:left;flex-wrap:wrap}
.hero .hero-brand-panel .brand-wrap>img{max-height:100px!important;max-width:130px!important}
.hero .hero-brand-panel .brand-wrap>span:first-child:not(:last-child){font-size:1.4em}
.hero .hero-brand-panel .eyebrow,.hero .hero-brand-panel p{margin:0;text-align:left}
.hero .hero-brand-panel .btn{margin-top:5px}
.hero #newMarquee.marquee{position:absolute!important;top:16px!important;right:20px!important;left:auto!important;width:270px!important;max-width:calc(100% - 40px)!important;margin:0!important;text-align:center!important}
.hero #publicCoupons.coupon-bar:not([hidden]){position:absolute!important;top:122px!important;right:20px!important;left:auto!important;width:260px!important;max-width:calc(100% - 40px)!important;max-height:265px;overflow-y:auto;margin:0!important;padding:10px!important;background:rgba(22,64,42,.78)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:9px;color:white;box-shadow:none;z-index:2}
.hero #publicCoupons .coupon-title{font-size:12px;display:block;margin-bottom:6px}
.hero #publicCoupons .coupon-offer{padding:7px!important;margin:5px 0!important;border-radius:6px;background:rgba(255,255,255,.09)!important}
.hero #publicCoupons .coupon-offer-head{font-size:11px;gap:6px}
.hero #publicCoupons .coupon-detail{font-size:10px;line-height:1.35}
.hero #publicCoupons button{font-size:11px;padding:6px!important;width:100%}
.hero #publicCoupons .coupon-note{font-size:10px}
header nav{font-family:var(--nav-font,Arial,sans-serif);font-size:var(--nav-size,16px);gap:var(--nav-gap,16px)!important;letter-spacing:var(--nav-letter,0px);font-weight:var(--nav-weight,normal);font-style:var(--nav-style,normal);justify-content:var(--nav-layout,flex-start);flex:1}
header{min-height:var(--nav-height,72px);background:var(--nav-bg,var(--forest))!important}
header nav a:not(.admin-link){color:var(--nav-color,#fff)!important;font-size:inherit!important}
header nav a:not(.admin-link):hover,header nav a:not(.admin-link):focus-visible{color:var(--nav-hover,#d6f3c5)!important}
.nav-live-preview{border-radius:8px;padding:18px;background:#173d2d;color:white;margin-top:12px;min-height:56px;display:flex;align-items:center;flex-wrap:wrap;gap:15px}
@media(max-width:900px){body:not(:has(#dashboard)) .hero{padding:26px 16px!important;align-items:stretch;min-height:0} .hero .hero-brand-panel{order:1;width:100%;padding:20px;align-items:flex-start} .hero #newMarquee.marquee:not(.hidden){position:relative!important;top:auto!important;right:auto!important;width:100%!important;max-width:100%!important;order:2;margin:16px 0 0!important}.hero #publicCoupons.coupon-bar:not([hidden]){position:relative!important;top:auto!important;right:auto!important;order:3;width:100%!important;max-width:100%!important;max-height:none;margin:8px 0 0!important}header nav{flex-wrap:wrap;justify-content:center!important} .hero .hero-brand-panel h1{font-size:clamp(25px,6vw,45px)!important}}

/* v3.2.30.7 */
body:not(:has(#dashboard)) > header{position:sticky!important;top:0;z-index:1000;width:100%;display:flex;flex-wrap:nowrap;align-items:center;gap:20px;box-shadow:0 3px 10px #0002}
body:not(:has(#dashboard)) > header nav{display:flex;flex:1;min-width:0;align-items:center}
body:not(:has(#dashboard)) > header #cartBtn{margin-left:auto;flex:0 0 auto;white-space:nowrap}
body:not(:has(#dashboard)) .hero .hero-brand-panel{width:min(100%,650px);padding:32px 35px}
body:not(:has(#dashboard)) .hero .hero-brand-panel h1{font-size:clamp(38px,4vw,65px)}
body:not(:has(#dashboard)) .hero .hero-brand-panel .brand-wrap>img{max-height:180px!important;max-width:180px!important;width:auto;height:auto;object-fit:contain}
body:not(:has(#dashboard)) .hero .hero-brand-panel .brand-wrap>span:first-child:not(:last-child){font-size:clamp(55px,6vw,105px)}
body:not(:has(#dashboard)) .hero #publicCoupons.coupon-bar:not([hidden]){max-height:none!important;overflow:visible!important;overflow-y:visible!important;scrollbar-width:none}
body:not(:has(#dashboard)) .hero{min-height:480px}
#productForm label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:9px;margin-right:26px;line-height:1.5}
#productForm input[type=checkbox]{width:16px!important;height:16px!important;flex:0 0 16px;margin:0 5px 0 0!important;vertical-align:middle}
@media(max-width:900px){body:not(:has(#dashboard)) > header{flex-wrap:wrap;padding:10px 15px;gap:8px}body:not(:has(#dashboard)) > header .brand{flex:1}body:not(:has(#dashboard)) > header #cartBtn{order:2}body:not(:has(#dashboard)) > header nav{order:3;flex:0 0 100%;justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap;gap:12px}body:not(:has(#dashboard)) > header nav a{white-space:nowrap}body:not(:has(#dashboard)) .hero .hero-brand-panel{padding:22px}body:not(:has(#dashboard)) .hero .hero-brand-panel .brand-wrap>img{max-width:40vw!important;max-height:40vw!important}}
html{scroll-padding-top:110px}

/* v3.2.30.8: reserve clear space below New & Restocked for coupons. */
@media (min-width:901px){
  body:not(:has(#dashboard)) .hero #publicCoupons.coupon-bar:not([hidden]){
    top:var(--coupon-safe-top,190px)!important;
  }
}
@media (max-width:900px){
  body:not(:has(#dashboard)) .hero #publicCoupons.coupon-bar:not([hidden]){
    top:auto!important; margin-top:18px!important;
  }
}

/* v3.2.30.9: clear availability spacing, red sold-out status, mobile coupon access */
#products .details .bar{gap:14px;row-gap:8px;align-items:center}
#products .details .price{margin-right:12px}
#products .stock-label{font-size:13px;line-height:1.5;display:inline-block;font-weight:650}
#products .stock-soldout{color:#bf2626!important}
#products .stock-available{color:#287345}
#products .stock-coming{color:#626c62}
.checkout-close-bar{position:sticky;top:-20px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;padding:10px 0 14px;margin-bottom:12px;border-bottom:1px solid #d9e4d5}
.checkout-close-bar button{flex:0 0 auto}
.admin-mobile-coupon-access{display:none}
@media(max-width:720px){
.admin-mobile-coupon-access{display:block;margin:10px 0}
.admin-mobile-coupon-access button{width:100%;min-height:48px;text-align:center}
#products .details .bar{display:flex;flex-wrap:wrap;gap:7px 12px}
#products .details .price{margin-right:8px}
#products .stock-label{white-space:normal}
.checkout-close-bar{top:-15px}
}

/* v3.2.30.10 admin priority center & clean orders */
.priority-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.priority-tile{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#f1f6ed!important;color:#21452d!important;border:1px solid #d5e2cf;border-radius:12px;padding:16px;min-height:105px;text-align:left;cursor:pointer}
.priority-tile strong{font-size:29px;line-height:1}.priority-tile span{font-weight:700}.priority-tile small{opacity:.8}.priority-tile.priority-needs{border-left:5px solid #bf6730;background:#fff7ed!important}
.priority-item{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:12px;padding:13px 15px;margin:7px 0;background:#fff!important;color:#233d2a!important;border:1px solid #dce5d6;border-radius:9px;cursor:pointer}
.priority-item span:first-child{display:flex;flex-direction:column;gap:4px}.priority-item small{font-weight:400;color:#657165;overflow-wrap:anywhere}
.orders-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin:18px 0}.orders-toolbar label{min-width:0}
.order-cards{display:grid;gap:13px;margin-top:12px}.order-card{border:1px solid #d8e2d4;border-radius:12px;padding:16px;background:#fff;min-width:0;overflow-wrap:anywhere}
.order-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-status{border-radius:30px;background:#eaf1e7;color:#254e34;padding:5px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.order-card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.order-card-facts span{display:flex;flex-direction:column;gap:4px}.order-card-facts small{color:#677268}
.order-card details{border-top:1px solid #e0e7dd;padding-top:12px}.order-card summary{cursor:pointer;font-weight:700;color:#275f3a;padding:6px 0}.order-detail{padding-top:12px}.order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-fields label{min-width:0}
@media(max-width:720px){.priority-tiles{grid-template-columns:1fr;gap:8px}.priority-tile{min-height:0;padding:13px}.orders-toolbar,.order-fields{grid-template-columns:1fr}.order-card-facts{grid-template-columns:1fr 1fr}.order-card{padding:13px}.order-card-top{flex-wrap:wrap}}

/* v3.2.30.11 */
.filter-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.filter-toolbar #filters{flex:1 1 420px}
#comingSoonFilter{margin-left:auto;white-space:nowrap;flex:0 0 auto}
#comingSoonFilter.active,#comingSoonFilter[aria-pressed="true"]{background:#285f3d;color:white}
.site-version{font-size:12px;opacity:.8;margin-top:10px}
.cart-bottom-actions{position:sticky;bottom:0;z-index:25;background:var(--paper,#fff);padding:12px 8px 16px;border-top:1px solid #d4dcd2;text-align:center}
.cart-bottom-actions button{min-height:48px;min-width:160px;max-width:100%}
#publicCoupons.coupon-bar:not([hidden]){max-height:none!important;overflow:visible!important}
#publicCoupons .coupon-offers-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}
#publicCoupons .coupon-offers-scroll.has-more{max-height:var(--two-coupon-height,260px)}
#publicCoupons .coupon-scroll-hint{font-size:12px;text-align:center;padding-top:6px}
@media(max-width:720px){.filter-toolbar{gap:10px}.filter-toolbar #filters{flex-basis:100%}#comingSoonFilter{margin-left:auto}.cart-bottom-actions button{width:100%}body>header #shareStore{min-height:40px;font-size:13px}}

/* v3.2.30.12 */
.header-actions{display:flex;flex-direction:column;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto}.share-link{color:#74bdff!important;text-decoration:underline;font-size:13px;white-space:nowrap;background:none!important;border:0!important;padding:0 3px!important;cursor:pointer}.feature-heading{display:inline-flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;width:max-content;max-width:100%}.feature-heading-note{white-space:nowrap!important;font-size:clamp(12px,1.4vw,17px)}.customer-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.inline-check{display:inline-flex!important;align-items:center;gap:8px;margin:7px 16px 7px 0}.inline-check input[type=checkbox]{width:17px!important;height:17px!important;flex:0 0 17px}.service-card{padding:14px;margin:10px 0;border:1px solid #d7dfd3;border-radius:8px}.service-card p{overflow-wrap:anywhere}@media(max-width:720px){.customer-help-grid{grid-template-columns:1fr}.header-actions{margin-left:auto}.feature-heading-note{font-size:13px}}

/* v3.2.30.13: modal cart scroll, fixed close action, share icon */
body.cart-open{position:fixed!important;overflow:hidden!important;width:100%;left:0;right:0;touch-action:none}
#cart.cart{z-index:1200!important;display:flex;flex-direction:column;overflow:hidden!important;height:100dvh;max-height:100dvh;padding:0!important;overscroll-behavior:contain}
#cart .cart-scroll-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 20px 12px;touch-action:pan-y}
#cart .cart-bottom-actions{flex:0 0 auto;position:relative!important;bottom:auto!important;background:#fff!important;padding:12px 20px max(16px,env(safe-area-inset-bottom));box-shadow:0 -2px 12px #0001;z-index:2}
#cart .cart-bottom-actions button{min-height:48px;width:100%;max-width:100%;cursor:pointer}
#shareStore.share-link{display:inline-flex!important;align-items:center;justify-content:center;line-height:1;padding:4px 12px!important;min-width:44px;min-height:32px;text-decoration:none!important}
#shareStore.share-link svg{display:block;stroke:#74bdff}
@media(max-width:470px){#cart .cart-scroll-content{padding:15px 15px 8px}#cart .cart-bottom-actions{padding:10px 15px max(12px,env(safe-area-inset-bottom))}}

/* v3.2.30.14 — share is part of the hero, never the sticky header. */
.hero .hero-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 20px;margin-top:5px}
.hero .hero-actions .btn{margin-top:0}
.hero .hero-actions #shareStore.share-link{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;color:#81c6ff!important;background:transparent!important;border:0!important;text-decoration:none!important;font-size:14px;font-weight:600;padding:10px 4px!important;min-height:42px;white-space:nowrap}
.hero .hero-actions #shareStore.share-link svg{stroke:currentColor}
.hero .hero-actions #shareStore.share-link:hover{text-decoration:underline!important}
body:not(:has(#dashboard)) > header .header-actions{display:flex;flex-direction:row;align-items:center;margin-left:auto;flex:0 0 auto}
@media(max-width:720px){.hero .hero-actions{gap:7px 14px}.hero .hero-actions #shareStore.share-link{justify-content:flex-start;padding-left:0!important}}

/* v3.2.30.15: share beside hometown label, at top right of branding box */
.hero .hero-brand-panel .hero-topline{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;width:100%;min-width:0}
.hero .hero-brand-panel .hero-topline .eyebrow{flex:1 1 auto;min-width:0;margin:0}
.hero .hero-brand-panel .hero-topline #shareStore.share-link{display:inline-flex!important;align-items:center;gap:6px;justify-content:flex-end;color:#81c6ff!important;background:transparent!important;border:0!important;padding:6px 0!important;min-height:40px;text-decoration:none!important;font-size:13px;white-space:nowrap;flex:0 0 auto}
.hero .hero-brand-panel .hero-topline #shareStore.share-link svg{stroke:currentColor}
.hero .hero-brand-panel .hero-topline #shareStore.share-link:hover{text-decoration:underline!important}
.hero .hero-brand-panel .hero-actions{display:flex;align-items:center;gap:12px}
@media(max-width:600px){.hero .hero-brand-panel .hero-topline{gap:2px 10px}.hero .hero-brand-panel .hero-topline .eyebrow{font-size:11px}.hero .hero-brand-panel .hero-topline #shareStore.share-link{font-size:12px;min-height:40px}}

/* v3.2.30.16 — stacked hero links and one-row New & Restocked list */
.hero .hero-brand-panel .hero-topline{align-items:flex-start;flex-wrap:nowrap}
.hero .hero-brand-panel .hero-topline .eyebrow{flex:1 1 auto;overflow-wrap:break-word}
.hero .hero-brand-panel .hero-top-links{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto;min-width:0}
.hero .hero-brand-panel .hero-story-link{color:#fff!important;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:30px;display:inline-flex;align-items:center}
.hero .hero-brand-panel .hero-topline #shareStore.share-link{min-height:32px!important;padding:2px 0!important}
@media(max-width:600px){.hero .hero-brand-panel .hero-topline{gap:8px}.hero .hero-brand-panel .hero-story-link{font-size:12px}.hero .hero-brand-panel .hero-topline #shareStore.share-link{font-size:11px!important}}


/* v3.2.30.19: three direct navigation links, no dropdown. */
body>header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:clamp(5px,1.4vw,18px)!important;padding:10px clamp(7px,2vw,26px)!important;min-height:54px}
body>header .brand{white-space:nowrap;flex:0 0 auto;min-width:0;font-size:clamp(13px,2vw,23px)!important}
body>header .brand-short{display:none}
body>header nav.store-nav{display:flex!important;flex:1 1 auto!important;min-width:0;width:auto!important;align-items:center;flex-wrap:nowrap!important;gap:clamp(7px,1.7vw,22px)!important}
body>header nav.store-nav>a{display:inline-block!important;white-space:nowrap!important;text-decoration:none;color:inherit;font-size:clamp(11px,1.3vw,15px);font-weight:600;padding:8px 0!important}
body>header nav.store-nav>a:hover,body>header nav.store-nav>a:focus-visible{text-decoration:underline}
body>header .header-actions{display:flex!important;flex-direction:row!important;align-items:center;margin-left:auto!important;flex:0 0 auto!important}
body>header #cartBtn{white-space:nowrap;font-size:clamp(10px,1.3vw,15px);padding:8px clamp(5px,1.2vw,12px)}
@media(max-width:650px){
 body>header{gap:clamp(3px,1vw,8px)!important;padding:8px 5px!important}
 body>header .brand-long{display:none}
 body>header .brand-short{display:inline}
 body>header .brand{font-size:clamp(10px,2.7vw,15px)!important}
 body>header nav.store-nav{gap:clamp(5px,1.4vw,12px)!important}
 body>header nav.store-nav>a{font-size:clamp(9px,2.4vw,12px)!important;padding:7px 0!important}
 body>header #cartBtn{font-size:clamp(9px,2.4vw,12px);padding:7px 4px}
}
@media(max-width:360px){
 body>header .brand{font-size:10px!important}
 body>header nav.store-nav{gap:5px!important}
 body>header nav.store-nav>a{font-size:9px!important}
 body>header #cartBtn{font-size:9px;padding:6px 3px}
}

/* v3.2.30.20: lock the storefront header into source order on all screens.
   Explicit grid placement overrides older mobile order/width rules. */
body > header {display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content!important;grid-template-rows:auto!important;align-items:center!important;justify-content:stretch!important;column-gap:clamp(4px,1.2vw,16px)!important;flex-wrap:nowrap!important;overflow:visible!important}
body > header > a.brand {grid-column:1!important;grid-row:1!important;order:0!important;margin:0!important;min-width:0!important;max-width:none!important}
body > header > nav.store-nav {grid-column:2!important;grid-row:1!important;order:0!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;gap:clamp(4px,1.4vw,18px)!important}
body > header > nav.store-nav > a {flex:0 0 auto!important;white-space:nowrap!important}
body > header > .header-actions {grid-column:3!important;grid-row:1!important;order:0!important;justify-self:end!important;align-self:center!important;position:static!important;float:none!important;display:flex!important;flex-wrap:nowrap!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}
body > header > .header-actions > #cartBtn {flex:0 0 auto!important;white-space:nowrap!important;min-width:0!important;width:auto!important;margin:0!important}
@media(max-width:650px){
 body > header{padding:8px 5px!important;column-gap:clamp(3px,1vw,6px)!important}
 body > header > nav.store-nav{gap:clamp(4px,1.2vw,9px)!important}
 body > header > nav.store-nav > a{font-size:clamp(9px,2.25vw,12px)!important;letter-spacing:-.12px!important}
 body > header > .header-actions > #cartBtn{font-size:clamp(9px,2.3vw,12px)!important;padding:7px 3px!important}
}
@media(max-width:360px){body > header > a.brand{font-size:9px!important}body > header > nav.store-nav > a{font-size:9px!important}}

/* Email Center */
.mail-center-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:16px;margin-top:14px}
.mail-list{max-height:550px;overflow-y:auto;display:flex;flex-direction:column;gap:5px}
.mail-item{text-align:left;background:#f3f7f0;color:#183527;border:1px solid #d5e2d3;border-radius:8px;padding:12px;white-space:normal}
.mail-item.unread{border-left:4px solid #397d4e}
.mail-item small{display:block;color:#607061;margin-top:5px;overflow-wrap:anywhere}
.mail-view{background:#fff;border:1px solid #d5e2d3;border-radius:8px;padding:14px;min-height:200px;overflow-wrap:anywhere}
.mail-body{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:680px){.mail-center-grid{grid-template-columns:minmax(0,1fr)}}

/* v3.2.30.22: Restore four product columns on landscape phones.
   Scoped to the storefront product grid so admin layouts are unaffected. */
@media screen and (orientation:landscape) and (min-width:600px) and (max-width:950px){
  #shop #products.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  #shop #products .card .details{padding:9px}
  #shop #products .product-image{height:clamp(85px,13vw,145px)}
  #shop #products .card h3{font-size:clamp(12px,1.6vw,16px);overflow-wrap:anywhere}
  #shop #products .card button{font-size:12px;padding:9px 5px}
}

/* v3.2.30.23: Persistent mobile Admin login link. */
body>header nav.store-nav>a.store-admin-link{color:#e7f7d9!important;text-decoration:underline!important;text-underline-offset:3px;white-space:nowrap!important}
body>header nav.store-nav>a.store-admin-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:650px){body>header nav.store-nav>a.store-admin-link{font-weight:800!important;font-size:clamp(10px,2.35vw,13px)!important}}

/* v3.2.30.24: Coupon area must not trap page touch scrolling.
   Show all coupons in normal page flow on touch devices. */
@media (hover:none), (pointer:coarse) {
 #publicCoupons .coupon-offers-scroll,
 #publicCoupons .coupon-offers-scroll.has-more {
  max-height:none!important; overflow:visible!important; overscroll-behavior:auto!important;
  touch-action:pan-y!important; -webkit-overflow-scrolling:auto!important;
 }
 #publicCoupons .coupon-scroll-hint {display:none!important}
}
/* Also permit scroll chaining when using a mouse or trackpad. */
#publicCoupons .coupon-offers-scroll {overscroll-behavior-y:auto!important;touch-action:pan-y}

/* v3.3.0 */
.rooted-verse{text-align:center;background:rgba(247,251,243,.94);padding:26px}.rooted-verse blockquote{font:clamp(20px,3vw,30px)/1.5 Georgia,serif;margin:14px auto;max-width:800px}.rooted-verse strong{color:#356c44}
.custom-home-background::before{content:'';position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,var(--home-bg-overlay,0)),rgba(255,255,255,var(--home-bg-overlay,0))),var(--home-bg);background-position:var(--home-bg-position,center);background-size:var(--home-bg-size,cover);background-repeat:no-repeat;pointer-events:none}.custom-home-background{background:transparent}.custom-home-background .wrap{background:rgba(251,250,245,.84);border-radius:12px}
@media(orientation:landscape) and (min-width:650px) and (max-width:1000px){#popularProducts{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v3.3.0.3 Seasonal overlays: fixed, decorative, non-interactive */
.seasonal-frame{position:fixed;inset:0;z-index:15;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:.86;transition:opacity .3s ease}
body[data-season-intensity="subtle"] .seasonal-frame{opacity:.35}body[data-season-intensity="festive"] .seasonal-frame{opacity:1}
.seasonal-greeting{font-family:Georgia,serif;font-size:clamp(15px,2.2vw,24px);color:#f5e1b2;text-align:center;text-shadow:0 2px 6px #101a10;margin:12px 0}
.seasonal-halloween-hero{background-image:linear-gradient(rgba(9,23,11,.45),rgba(9,23,11,.35)),var(--season-photo)!important;background-size:cover!important;background-position:center!important}
/* Keep content above decorative backgrounds, without trapping touch input */
.seasonal-active .hero-brand-panel{position:relative;z-index:1}
@media(max-width:700px){.seasonal-frame{background-size:auto 100%;background-position:center}.seasonal-greeting{font-size:17px}}
@media(prefers-reduced-motion:reduce){.seasonal-frame{transition:none}}
@media print{.seasonal-frame,.seasonal-greeting{display:none!important}}

/* v3.3.0.5 — Seasonal trim separation ONLY.
   Preserve the original product cards, panel colors, page layout and typography.
   The decorative border is behind all actual page content, never over it. */
body.seasonal-active{isolation:isolate}
body.seasonal-active::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:var(--season-background);
 background-position:center;background-size:cover;background-repeat:no-repeat;
}
body.seasonal-active.custom-home-background::before{
 background-image:var(--season-background)!important;
}
body.seasonal-active .seasonal-frame{
 position:fixed;inset:0;z-index:0;pointer-events:none!important;
 opacity:.76;background-position:center;background-size:100% 100%;
}
body.seasonal-active[data-season-intensity="subtle"] .seasonal-frame{opacity:.28}
body.seasonal-active[data-season-intensity="festive"] .seasonal-frame{opacity:.94}
/* Original page elements retain their own styles; layering alone stops trim bleed. */
body.seasonal-active > header,
body.seasonal-active > .hero,
body.seasonal-active > main,
body.seasonal-active > footer,
body.seasonal-active > aside,
body.seasonal-active > dialog{
 position:relative;z-index:1;
}
body.seasonal-active .hero.seasonal-themed-hero{
 background-image:linear-gradient(rgba(8,25,14,.48),rgba(8,25,14,.58)),var(--season-photo)!important;
 background-position:center!important;background-size:cover!important;
}
@media(max-width:700px){
 body.seasonal-active .seasonal-frame{background-size:auto 100%;background-position:center}
}
@media print{body.seasonal-active::before{display:none}}

/* v3.3.0.7 category card appearance editor */
.card-color-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.card-color-fields label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.card-color-fields input[type=color]{width:65px;height:40px;margin:4px}.card-color-fields input:not([type=color]){width:110px;margin:4px}.card-color-preview{border:2px solid #e3e7dd;background:white;border-radius:12px;padding:18px;max-width:360px;margin:12px 0}

/* v3.3.0.12: always-visible quick admin tools and navigation search */
.rooted-admin-tools{padding:14px;border-radius:12px;background:#eff5ea;border:1px solid #cbdcc4;margin:0 0 14px}
.rooted-maintenance-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rooted-maintenance-bar strong{color:#214a2b}.rooted-maintenance-bar #rootedMaintenanceStatus{font-size:13px;color:#4a604a;margin-top:4px}
.rooted-maintenance-bar button{width:auto;min-width:160px}.rooted-maintenance-bar button[data-enabled="true"]{background:#327246;color:white}
.rooted-admin-search-label{display:block;font-weight:700;font-size:13px;margin-bottom:5px}
#rootedAdminSearch{width:100%;box-sizing:border-box;margin-bottom:10px}
.rooted-admin-shortcuts{display:flex;gap:6px;flex-wrap:wrap}.rooted-admin-shortcuts button{width:auto;font-size:13px;padding:8px 10px}
#adminnav button[hidden],#adminnav details[hidden]{display:none!important}
@media(min-width:901px){.adminnav{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto}}

/* v3.3.0.17: horizontal quick-access toolbar, left navigation and right editors */
#dashboard:not(.hidden){display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr);column-gap:18px;row-gap:16px;align-items:start}
#dashboard .rooted-admin-tools{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:15;margin:0;padding:10px 14px;box-shadow:0 3px 10px #00000010}
#dashboard .rooted-maintenance-bar{margin:0;display:flex;align-items:center;gap:10px;flex:0 0 auto}
#dashboard .rooted-maintenance-bar button{min-width:125px}
#dashboard .rooted-admin-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#dashboard #rootedAdminSearch{width:clamp(180px,22vw,340px);min-width:150px;flex:1 1 180px;margin:0}
#dashboard .rooted-admin-shortcuts{display:flex;flex:1 1 auto;align-items:center;gap:6px;flex-wrap:wrap}
#dashboard .adminnav.adminnav-organized{grid-column:1;display:flex;flex-direction:column;gap:9px;position:sticky;top:105px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;margin:0;padding:12px;min-width:0;width:100%}
#dashboard .adminnav-organized .adminnav-dashboard{width:100%;display:flex;flex-direction:column;gap:5px}
#dashboard .adminnav-organized .adminnav-dashboard>button{width:100%;text-align:left}
#dashboard .adminnav-organized .adminnav-group{width:100%;min-width:0;max-width:none;flex-shrink:0}
#dashboard .adminnav-organized .adminnav-links{grid-template-columns:1fr}
#dashboard .adminnav-organized .adminnav-links button{text-align:left}
#dashboard .admin-content{grid-column:2;grid-row:2;min-width:0;width:100%;overflow:visible}
#dashboard .admin-mobile-coupon-access{display:none}
@media(max-width:900px){#dashboard:not(.hidden){display:flex;flex-direction:column}#dashboard .rooted-admin-tools{position:static;width:100%;box-sizing:border-box}#dashboard .adminnav.adminnav-organized{position:static;max-height:none;width:100%;box-sizing:border-box}#dashboard .admin-content{width:100%}#dashboard .admin-mobile-coupon-access{display:block}}
/* v3.3.0.16 — Hero-only imagery. Keep the decorative seasonal trim,
   but do not repeat either the home or seasonal photograph down the page. */
body.custom-home-background,
body.seasonal-active,
body.seasonal-active.custom-home-background{background:var(--paper,#fbfaf5)!important}
body.custom-home-background::before,
body.seasonal-active::before,
body.seasonal-active.custom-home-background::before{content:none!important;background-image:none!important}
body.custom-home-background:not(.seasonal-active) .hero{
 background-image:linear-gradient(rgba(8,25,14,.43),rgba(8,25,14,.53)),var(--home-bg)!important;
 background-position:var(--home-bg-position,center)!important;
 background-size:var(--home-bg-size,cover)!important;
 background-repeat:no-repeat!important;
}
/* Seasonal photo stays behind the logo; seasonal-frame remains the trim. */
body.seasonal-active .seasonal-frame{pointer-events:none!important}

/* v3.3.0.18: fixed green header with horizontal tools, tall left navigation */
body:has(#dashboard:not(.hidden)) > header{position:sticky;top:0;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:10px 24px;background:#173d2d}
body > header .rooted-header-tools{flex:1 0 100%;display:flex;align-items:center;flex-wrap:wrap;gap:9px;background:transparent;border:0;padding:2px 0;margin:0;color:#fff}
body:has(#dashboard.hidden) > header .rooted-header-tools{display:none}
.rooted-header-tools .rooted-maintenance-bar{display:flex;align-items:center;gap:10px;padding:0;margin:0;background:transparent;border:0;color:#fff}
.rooted-header-tools .rooted-maintenance-bar strong{color:#fff}
.rooted-header-tools #rootedMaintenanceStatus{font-size:12px;color:#e3eddf}
.rooted-header-tools .rooted-admin-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rooted-header-tools #rootedAdminSearch{flex:1 1 230px;max-width:400px;margin:0;min-width:160px}
.rooted-header-tools .rooted-admin-shortcuts{display:flex;gap:7px;flex-wrap:wrap}
.rooted-header-tools button{white-space:nowrap}
@media(min-width:901px){#dashboard .adminnav.adminnav-organized{position:sticky;top:145px;max-height:none;overflow:visible;align-self:start}#dashboard{grid-template-columns:clamp(245px,23vw,320px) minmax(0,1fr)}#dashboard .adminnav-organized .adminnav-group{overflow:visible}#dashboard .adminnav-organized .adminnav-links{grid-template-columns:1fr}}
.admin-maintenance-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.maintenance-live-preview{margin:28px 15px;padding:30px 18px;border-radius:14px;text-align:center;min-height:160px}
@media(max-width:900px){body > header .rooted-header-tools{width:100%}.rooted-header-tools .rooted-maintenance-bar{flex-wrap:wrap}}

/* v3.3.0.19 — dark admin dashboard, precise two-row header layout */
body:has(#dashboard:not(.hidden)){background:#0c0e0d!important;color:#edf4ed!important;--paper:#0c0e0d;--ink:#edf4ed}
body:has(#dashboard:not(.hidden)) > header{display:grid!important;grid-template-columns:minmax(230px,1fr) auto;grid-template-rows:auto auto;gap:12px 22px;padding:16px clamp(18px,3vw,46px)!important;background:#173e2b!important;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 5px 18px #0005}
body:has(#dashboard:not(.hidden)) > header .brand{grid-column:1;grid-row:1;font-size:clamp(20px,2vw,27px);white-space:nowrap;color:#fff}
body:has(#dashboard:not(.hidden)) > header > nav{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:18px;align-items:center;white-space:nowrap}
body:has(#dashboard:not(.hidden)) > header > nav a{color:#f1f7ed}
body:has(#dashboard:not(.hidden)) > header .rooted-header-tools{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(210px,1fr) auto auto;grid-template-areas:"search maintenance toggle" "shortcuts shortcuts shortcuts";align-items:center;gap:10px 14px;min-width:0;padding:0!important;margin:0!important}
.rooted-header-tools #rootedAdminSearch{grid-area:search;max-width:none!important;width:100%!important;min-width:0!important;background:#244d39!important;border:1px solid #4e735c!important;color:white!important;border-radius:9px;padding:12px!important;box-sizing:border-box}
.rooted-header-tools #rootedAdminSearch::placeholder{color:#cbdccc}
.rooted-header-tools .rooted-maintenance-bar{grid-area:maintenance;display:contents!important}
.rooted-header-tools .rooted-maintenance-bar > div{grid-area:maintenance;min-width:0}
.rooted-header-tools .rooted-maintenance-bar strong{display:none}
.rooted-header-tools #rootedMaintenanceStatus{display:block!important;color:#ffe1a0!important;font-size:13px!important;white-space:normal;max-width:200px}
.rooted-header-tools #rootedMaintenanceToggle{grid-area:toggle;border-radius:9px;background:#078b42!important;color:white!important;font-weight:700}
.rooted-header-tools .rooted-admin-shortcuts{grid-area:shortcuts;display:flex!important;gap:9px;flex-wrap:wrap}
.rooted-header-tools .rooted-admin-shortcuts button{background:#285b3f!important;border:1px solid #416e50!important;border-radius:8px;color:#fff!important;padding:10px 14px!important}
.rooted-header-tools .rooted-admin-shortcuts button:hover{background:#34734e!important}
body:has(#dashboard:not(.hidden)) main.wrap{max-width:none!important;width:100%;padding:22px clamp(18px,3vw,46px);box-sizing:border-box}
body:has(#dashboard:not(.hidden)) main.wrap > h2{font-size:25px;color:#f1f5ee;margin:0 0 5px}
body:has(#dashboard:not(.hidden)) main.wrap > .muted{color:#9aaca0}
body:has(#dashboard:not(.hidden)) #dashboard:not(.hidden){display:grid!important;grid-template-columns:minmax(250px,285px) minmax(0,1fr)!important;gap:18px!important;align-items:start}
body:has(#dashboard:not(.hidden)) #dashboard > .rooted-admin-tools{display:none!important}
body:has(#dashboard:not(.hidden)) #dashboard .adminnav.adminnav-organized{grid-column:1!important;grid-row:1!important;position:static!important;max-height:none!important;overflow:visible!important;background:#141816!important;border:1px solid #334139!important;border-radius:14px!important;padding:14px!important;box-sizing:border-box;gap:8px!important;box-shadow:none}
body:has(#dashboard:not(.hidden)) #dashboard .admin-content{grid-column:2!important;grid-row:1!important;min-width:0;background:#141816;border:1px solid #334139;border-radius:14px;padding:20px;box-sizing:border-box}
body:has(#dashboard:not(.hidden)) #dashboard .adminnav button,body:has(#dashboard:not(.hidden)) #dashboard .adminnav summary{background:#222923!important;color:#eaf2e8!important;border:1px solid #36443a!important;border-radius:8px!important;padding:12px!important;text-align:left!important;cursor:pointer}
body:has(#dashboard:not(.hidden)) #dashboard .adminnav button:hover,body:has(#dashboard:not(.hidden)) #dashboard .adminnav summary:hover{background:#304a36!important}
body:has(#dashboard:not(.hidden)) #dashboard .adminnav button.active{background:#245f3e!important;border-color:#5c9c6c!important}
body:has(#dashboard:not(.hidden)) #dashboard .adminnav details{background:transparent!important;border:0!important}
body:has(#dashboard:not(.hidden)) #dashboard .adminnav .adminnav-links{padding:6px 0 4px 12px;gap:5px}
body:has(#dashboard:not(.hidden)) #dashboard .panel{background:#1c231e!important;color:#edf4ed!important;border:1px solid #354238!important;box-shadow:none!important;border-radius:12px}
body:has(#dashboard:not(.hidden)) #dashboard h2,body:has(#dashboard:not(.hidden)) #dashboard h3,body:has(#dashboard:not(.hidden)) #dashboard h4,body:has(#dashboard:not(.hidden)) #dashboard label{color:#edf4ed!important}
body:has(#dashboard:not(.hidden)) #dashboard input:not([type=color]):not([type=checkbox]):not([type=radio]),body:has(#dashboard:not(.hidden)) #dashboard select,body:has(#dashboard:not(.hidden)) #dashboard textarea{background:#101713!important;color:#f4f8f2!important;border:1px solid #526356!important;border-radius:8px}
body:has(#dashboard:not(.hidden)) #dashboard input::placeholder,body:has(#dashboard:not(.hidden)) #dashboard textarea::placeholder{color:#9aa99b}
body:has(#dashboard:not(.hidden)) #dashboard .muted,body:has(#dashboard:not(.hidden)) #dashboard .small.muted{color:#b6c4b7!important}
body:has(#dashboard:not(.hidden)) #dashboard button:not(.adminnav button){border-radius:8px}
body:has(#dashboard:not(.hidden)) #dashboard .admin-section-title{color:#eaf3e8;border-bottom:1px solid #37483a;padding-bottom:10px}
body:has(#dashboard:not(.hidden)) #dashboard .adminnav::before{content:"Admin Navigation";display:block;font-weight:700;font-size:17px;color:#f4f8f2;padding:5px 4px 10px}
@media(max-width:850px){
 body:has(#dashboard:not(.hidden)) > header{grid-template-columns:1fr auto;gap:10px;padding:12px 16px!important}
 body:has(#dashboard:not(.hidden)) > header .rooted-header-tools{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search search" "maintenance toggle" "shortcuts shortcuts";gap:8px}
 body:has(#dashboard:not(.hidden)) #dashboard:not(.hidden){display:flex!important;flex-direction:column}
 body:has(#dashboard:not(.hidden)) #dashboard .adminnav.adminnav-organized,body:has(#dashboard:not(.hidden)) #dashboard .admin-content{width:100%!important}
}
@media(max-width:520px){body:has(#dashboard:not(.hidden)) > header .brand{font-size:18px}body:has(#dashboard:not(.hidden)) > header > nav{gap:8px;font-size:12px}.rooted-header-tools .rooted-admin-shortcuts button{padding:8px!important;font-size:12px}}

/* v3.3.0.20: individual settings navigation */
#adminnav.adminnav-organized{display:flex!important;flex-direction:column!important;gap:5px!important;align-items:stretch!important}
#adminnav .individual-nav-count{color:#b6cbbd;font-size:12px;padding:8px 9px 12px}
#adminnav button.individual-nav-button{display:block!important;width:100%!important;min-height:38px!important;text-align:left!important;background:#253129!important;color:#f1f6f2!important;border:1px solid #3b5141!important;border-radius:5px!important;padding:9px 12px!important;margin:0!important;white-space:normal!important}
#adminnav button.individual-nav-button:hover,#adminnav button.individual-nav-button.active{background:#276d42!important;border-color:#67a87b!important;color:white!important}
#adminnav button.individual-nav-button[hidden]{display:none!important}
#adminContent .individual-panel-hidden{display:none!important}

/* v3.3.0.21: compact single-line admin toolbar, maximum workspace height */
@media(min-width:1050px){
 body:has(#dashboard:not(.hidden)) > header{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  gap:10px!important;min-height:0!important;height:auto!important;
  padding:7px 16px!important;align-items:center!important;
 }
 body:has(#dashboard:not(.hidden)) > header .brand{display:none!important}
 body:has(#dashboard:not(.hidden)) > header .rooted-header-tools{
  order:1!important;flex:1 1 auto!important;width:auto!important;
  display:flex!important;flex-wrap:nowrap!important;gap:8px!important;
  align-items:center!important;min-width:0!important;
 }
 body:has(#dashboard:not(.hidden)) > header > nav{
  order:2!important;display:flex!important;flex:0 0 auto!important;
  gap:8px!important;margin:0!important;align-items:center!important;
 }
 .rooted-header-tools #rootedAdminSearch{
  flex:0 1 230px!important;width:230px!important;max-width:230px!important;
  min-width:140px!important;padding:7px 10px!important;
  height:34px!important;font-size:12px!important;border-radius:6px!important;
 }
 .rooted-header-tools .rooted-maintenance-bar{
  display:flex!important;flex:0 0 auto!important;gap:6px!important;align-items:center!important;
 }
 .rooted-header-tools .rooted-maintenance-bar > div{display:flex!important;align-items:center!important}
 .rooted-header-tools #rootedMaintenanceStatus{
  max-width:110px!important;font-size:11px!important;line-height:1.1!important;
 }
 .rooted-header-tools #rootedMaintenanceToggle{
  padding:7px 9px!important;height:34px!important;font-size:11px!important;
  border-radius:6px!important;white-space:nowrap!important;
 }
 .rooted-header-tools .rooted-admin-shortcuts{
  display:flex!important;flex:1 1 auto!important;flex-wrap:nowrap!important;
  gap:5px!important;min-width:0!important;
 }
 .rooted-header-tools .rooted-admin-shortcuts button{
  padding:7px 9px!important;min-height:34px!important;
  font-size:11px!important;border-radius:6px!important;white-space:nowrap!important;
 }
 body:has(#dashboard:not(.hidden)) > header > nav a,
 body:has(#dashboard:not(.hidden)) > header > nav button{
  font-size:12px!important;padding:7px 10px!important;margin:0!important;
 }
 body:has(#dashboard:not(.hidden)) main.wrap{
  padding:10px 16px!important;
 }
 body:has(#dashboard:not(.hidden)) #dashboard:not(.hidden){
  gap:12px!important;
 }
 body:has(#dashboard:not(.hidden)) #dashboard .adminnav.adminnav-organized{
  padding:9px!important;
 }
 body:has(#dashboard:not(.hidden)) #dashboard .admin-content{
  padding:13px!important;
 }
}
@media(min-width:700px) and (max-width:1049px){
 body:has(#dashboard:not(.hidden)) > header .brand{display:none!important}
 body:has(#dashboard:not(.hidden)) > header{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding:6px 12px!important;
 }
 body:has(#dashboard:not(.hidden)) > header .rooted-header-tools{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;order:1!important;
  flex:1 1 100%!important;
 }
 body:has(#dashboard:not(.hidden)) > header > nav{order:2!important}
 .rooted-header-tools #rootedAdminSearch{width:190px!important;max-width:190px!important;padding:7px!important}
 .rooted-header-tools .rooted-maintenance-bar{display:flex!important}
 .rooted-header-tools .rooted-admin-shortcuts{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
 .rooted-header-tools .rooted-admin-shortcuts button{padding:6px 8px!important;font-size:11px!important}
 body:has(#dashboard:not(.hidden)) main.wrap{padding:10px 12px!important}
}

/* v3.3.0.22: prominent, color-coded live maintenance badge */
#rootedMaintenanceStatus{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:122px!important;max-width:none!important;
 padding:9px 11px!important;border-radius:6px!important;
 font-size:11px!important;line-height:1!important;font-weight:900!important;
 letter-spacing:.45px!important;white-space:nowrap!important;
 text-align:center!important;box-shadow:0 0 0 1px rgba(0,0,0,.2)!important;
}
.rooted-header-tools #rootedMaintenanceStatus[data-mode]{
 display:inline-flex!important;gap:7px;white-space:nowrap!important;
 background:#0b120e!important;border:1px solid currentColor!important;
 border-radius:7px!important;letter-spacing:.7px!important;
}
.rooted-header-tools #rootedMaintenanceStatus[data-mode]::before{
 content:"";display:block;flex:0 0 7px;width:7px;height:7px;
 border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor,0 0 10px currentColor;
}
.rooted-header-tools #rootedMaintenanceStatus[data-mode="maintenance"]{
 color:#ffad32!important;
 text-shadow:0 0 4px #ff9300,0 0 10px #ff790099;
 box-shadow:inset 0 0 8px #ff880025,0 0 6px #ff930080,0 0 16px #ff790045!important;
}
.rooted-header-tools #rootedMaintenanceStatus[data-mode="live"]{
 color:#65ff79!important;
 text-shadow:0 0 4px #39ff14,0 0 10px #39ff1499;
 box-shadow:inset 0 0 8px #39ff1425,0 0 6px #39ff1480,0 0 16px #39ff1445!important;
}

/* v3.3.0.23: cache-busted compact toolbar and status */
@media(min-width:1050px){
 body:has(#dashboard:not(.hidden)) > header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;min-height:0!important}
 body:has(#dashboard:not(.hidden)) > header .brand{display:none!important}
 body:has(#dashboard:not(.hidden)) > header .rooted-header-tools{order:1!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}
 body:has(#dashboard:not(.hidden)) > header > nav{order:2!important;display:flex!important;gap:6px!important;flex:0 0 auto!important}
 body:has(#dashboard:not(.hidden)) #rootedAdminSearch{flex:0 1 200px!important;width:200px!important;min-width:120px!important;height:34px!important;padding:6px 8px!important}
 body:has(#dashboard:not(.hidden)) .rooted-admin-shortcuts{display:flex!important;gap:4px!important;flex-wrap:nowrap!important}
 body:has(#dashboard:not(.hidden)) .rooted-admin-shortcuts button{font-size:11px!important;padding:7px 8px!important;white-space:nowrap!important}
}

/* v3.3.0.24 — dashboard metrics: high-contrast charcoal, no washed-out tiles */
body:has(#dashboard:not(.hidden)) #stats .stat,
body:has(#dashboard:not(.hidden)) .statgrid .stat,
#dashboard #stats .stat {background:#1e3026!important;color:#f3fff5!important;border:1px solid #477b54!important;border-left:4px solid #48d476!important;border-radius:10px!important;box-shadow:0 3px 12px rgba(0,0,0,.18)!important;padding:15px!important;min-height:94px!important}
body:has(#dashboard:not(.hidden)) #stats .stat span,
#dashboard #stats .stat span{display:block!important;color:#c5e8cf!important;font-size:13px!important;font-weight:700!important;opacity:1!important}
body:has(#dashboard:not(.hidden)) #stats .stat strong,
#dashboard #stats .stat strong{display:block!important;color:#fff!important;font-size:27px!important;font-weight:800!important;line-height:1.35!important;opacity:1!important}

/* v3.3.0.26: don't reserve space for empty status messages */
#msg:empty,#msg.hidden{display:none!important;margin:0!important;padding:0!important}

/* v3.3.0.27: version only at page bottom, no top admin title */
.rooted-admin-version-footer{font-size:11px!important;color:#9fb5a5!important;text-align:center!important;padding:10px 8px 14px!important;margin:0!important;background:#0d1210!important}
.rooted-admin-version-footer #runningVersion{margin:0!important;padding:0!important;font-size:11px!important}

/* v3.3.0.29: compact portrait admin and grouped tools. Storefront styles are unchanged. */
#dashboard .admin-mobile-toolbar{display:none}
#dashboard #adminnav .admin-tool-group{border:0;background:transparent;margin:4px 0}
#dashboard #adminnav .admin-tool-group>summary{font-weight:700;min-height:44px;padding:12px;cursor:pointer}
#dashboard #adminnav .admin-tool-group>button{margin-top:5px!important}
#dashboard #adminnav #rootedAdminSearch{flex:0 0 38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;width:100%!important;max-width:240px!important;min-width:0!important;align-self:flex-start;padding:7px 10px!important;margin:0 0 4px!important;font-size:16px;line-height:22px;white-space:nowrap}
#dashboard #adminnav [hidden]{display:none!important}
body:has(#dashboard:not(.hidden)) #adminSectionTitle{display:block!important;font-size:22px;margin:0 0 12px}
body:has(#dashboard:not(.hidden)) #adminContent :is(input,select,textarea){scroll-margin-top:160px}
#dashboard .label-preview-host{overflow:auto}
@media(max-width:850px){
 body:has(#dashboard:not(.hidden))>header{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:6px!important;padding:8px 12px!important}
 body:has(#dashboard:not(.hidden))>header>.brand{display:block!important;font-size:17px!important;white-space:normal!important}
 body:has(#dashboard:not(.hidden))>header>nav{display:flex!important;width:auto!important;gap:8px!important;font-size:12px!important;margin-left:auto}
 body:has(#dashboard:not(.hidden))>header>nav button{min-height:40px;padding:8px!important}
 body:has(#dashboard:not(.hidden))>header .rooted-header-tools{display:flex!important;flex:1 1 100%!important;width:100%!important;gap:8px!important;order:3!important}
 body:has(#dashboard:not(.hidden))>header .rooted-header-tools .rooted-maintenance-bar{display:flex!important;justify-content:space-between!important;width:100%;gap:8px!important}
 body:has(#dashboard:not(.hidden))>header .rooted-header-tools .rooted-admin-shortcuts{display:none!important}
 body:has(#dashboard:not(.hidden))>header #rootedMaintenanceToggle{min-height:40px;font-size:12px!important;min-width:0!important;padding:8px!important;white-space:normal!important}
 body:has(#dashboard:not(.hidden))>header #rootedMaintenanceStatus{min-width:0!important;padding:8px!important;font-size:10px!important}
 body:has(#dashboard:not(.hidden)) main.wrap{padding:10px!important}
 body:has(#dashboard:not(.hidden)) #dashboard:not(.hidden){display:flex!important;gap:10px!important;align-items:stretch!important}
 #dashboard .admin-mobile-toolbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
 #dashboard .admin-mobile-toolbar button{min-height:44px;padding:8px 4px;font-size:13px}
 body:has(#dashboard:not(.hidden)) #dashboard #adminnav{display:none!important;margin:0!important}
 body:has(#dashboard:not(.hidden)) #dashboard.admin-tools-open #adminnav{display:flex!important}
 body:has(#dashboard:not(.hidden)) #dashboard .admin-content{padding:10px!important;width:100%!important}
 body:has(#dashboard:not(.hidden)) #dashboard .panel{padding:12px!important;margin:10px 0!important}
 body:has(#dashboard:not(.hidden)) #dashboard .admin-mobile-coupon-access{display:none!important}
 #dashboard :is(input,select,textarea){font-size:16px!important;max-width:100%}
 #dashboard button{min-height:44px}
 #dashboard .admin-grid{grid-template-columns:minmax(0,1fr)}
 #dashboard .row>label{min-width:120px}
 #dashboard .tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 #dashboard #inventoryList tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #526356;border-radius:8px;padding:8px;margin-bottom:10px}
 #dashboard #tab-inventory thead{display:none}
 #dashboard #tab-inventory table,#dashboard #inventoryList{display:block;width:100%}
 #dashboard #inventoryList td{display:block;border:0;overflow-wrap:anywhere;padding:6px}
 #dashboard #inventoryList td:first-child,#dashboard #inventoryList td:last-child{grid-column:1/-1}
 #dashboard #inventoryList td::before{display:block;font-size:12px;font-weight:700;color:#b6c4b7;margin-bottom:3px}
 #dashboard #inventoryList td:nth-child(2)::before{content:'Category'}
 #dashboard #inventoryList td:nth-child(3)::before{content:'Date added'}
 #dashboard #inventoryList td:nth-child(4)::before{content:'Available'}
 #dashboard #inventoryList td:nth-child(5)::before{content:'Low stock alert'}
 #dashboard #inventoryList td:nth-child(6)::before{content:'Status'}
 #dashboard #inventoryList td:last-child::before{content:'Adjust stock'}
}

/* Customizable admin shortcuts */
#dashboard .admin-quick-choice{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #354238;flex-wrap:wrap}
#dashboard .admin-quick-choice label{display:flex;align-items:center;gap:10px;flex:1 1 180px;min-height:44px;margin:0}
#dashboard .admin-quick-choice input[type=checkbox]{display:inline-block!important;width:20px!important;height:20px;margin:0!important;flex:0 0 20px}
#dashboard .admin-quick-choice button{min-height:44px;min-width:54px}
body:has(#dashboard:not(.hidden)) .rooted-admin-shortcuts{overflow-x:auto;min-width:0;scrollbar-width:thin}
body:has(#dashboard:not(.hidden)) .rooted-admin-shortcuts>button{flex:0 0 auto}
@media(max-width:850px){
 #dashboard .admin-mobile-toolbar{display:flex!important;overflow-x:auto;position:sticky;top:var(--admin-header-height,100px);z-index:40;background:#0c0e0d;padding:6px 0;gap:6px;scrollbar-width:thin}
 #dashboard .admin-mobile-toolbar>button{flex:0 0 auto;padding:10px 12px;min-height:44px}
 #dashboard .admin-mobile-toolbar #adminMenuToggle{position:sticky;left:0;z-index:1;box-shadow:4px 0 8px #0c0e0d}
}

/* Short explanations for admin fields and workspaces. */
#adminContent .admin-field-help,#setup .admin-field-help,#login .admin-field-help{display:block;flex:0 0 100%;font-size:12px;font-weight:400;line-height:1.45;margin:4px 0 12px;color:#b6c4b7;overflow-wrap:anywhere;white-space:normal}
#setup .admin-field-help,#login .admin-field-help{color:#596b5c}
#adminContent label>.admin-field-help{margin-top:4px;margin-bottom:12px}
#adminContent label>:is(input,select,textarea)[aria-describedby]{margin-bottom:6px}
#adminContent .admin-section-help{margin:0 0 12px;color:#b6c4b7;font-size:13px;line-height:1.5}
#adminContent .inline-check{flex-wrap:wrap}
#adminContent .inline-check>.admin-field-help{margin-top:2px;max-width:260px}
#adminContent .admin-quick-choice-text{display:flex;flex-direction:column;gap:3px;min-width:0}
#adminContent .admin-quick-choice-text .admin-field-help{margin:0}
#adminContent #cardColorFields .admin-field-help{margin:0 0 8px}

/* Focused editors and explicit order workflows. */
#adminContent .admin-focus-hidden,#adminContent [data-legacy-control]{display:none!important}
#adminContent [data-admin-editor-shell]{margin-top:0!important}
#adminContent .admin-draft-notice{padding:8px 10px;border-left:3px solid #ffad32;background:#ffad3215;color:#ffcf87;font-size:12px;line-height:1.5}
#adminContent .admin-order-save-status{color:#ffcf87;font-size:13px}
#adminContent .admin-shipping-checklist{border:1px solid #526356;border-radius:8px;margin:12px 0;padding:12px}
#adminContent .admin-shipping-checklist legend{font-weight:700}
#adminContent .admin-return-stock input{display:inline-block;width:18px;height:18px;margin:0 7px 0 0;vertical-align:middle}
#adminContent .admin-backup-status{padding:12px;border:1px solid #526356;border-radius:8px;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
#adminContent .admin-color-priority{padding:10px;background:#285b3f55;border-radius:8px;font-size:13px;line-height:1.5}
@media(max-width:850px){#adminContent .admin-shipping-checklist .inline-check{display:flex!important;min-height:44px}}

/* Readable order cards on the dark admin dashboard. */
body:has(#dashboard:not(.hidden)) #dashboard .order-card{background:#f9fcf7!important;color:#233629!important;border-color:#afc1ad!important}
body:has(#dashboard:not(.hidden)) #dashboard .order-card :is(h2,h3,h4,label,strong){color:#173d2d!important}
body:has(#dashboard:not(.hidden)) #dashboard .order-card :is(.muted,.small.muted,.admin-field-help,.order-card-facts small){color:#4d6252!important}
body:has(#dashboard:not(.hidden)) #dashboard .order-card summary{color:#215c36!important}
body:has(#dashboard:not(.hidden)) #dashboard .order-card .order-status{background:#dcebdc!important;color:#173d2d!important}
body:has(#dashboard:not(.hidden)) #dashboard .order-card .admin-order-save-status{color:#75500e!important}
body:has(#dashboard:not(.hidden)) #dashboard .order-card .admin-draft-notice{background:#fff0cf!important;color:#644608!important}

/* Labeled customer, delivery, item, and fulfillment sections. */
#adminContent .admin-order-eyebrow{display:block;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:#526c59}
#adminContent .order-card-top h3{margin:4px 0 6px;font-size:20px}
#adminContent .admin-order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
#adminContent .admin-order-info{padding:15px;background:#edf4eb;border:1px solid #cfddcb;border-radius:9px;margin:12px 0}
#adminContent .admin-order-info-grid .admin-order-info{margin:0}
#adminContent .admin-order-info h4,#adminContent .admin-order-items h4{margin:0 0 12px;font-size:15px}
#adminContent .admin-order-info dl{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;margin:0;font-size:14px}
#adminContent .admin-order-info dt{color:#526553}#adminContent .admin-order-info dd{margin:0;overflow-wrap:anywhere}
#adminContent .admin-order-info a{color:#215c36;text-decoration:underline;text-underline-offset:2px}
#adminContent .admin-order-info p{margin:6px 0;line-height:1.6}
#adminContent .admin-order-items{margin:20px 0}
#adminContent .admin-order-items th{background:#e8f0e4;font-size:12px}
#adminContent .admin-order-items td,#adminContent .admin-order-items th{padding:10px;text-align:right;color:#233629}
#adminContent .admin-order-items td:first-child,#adminContent .admin-order-items th:first-child{text-align:left}
#adminContent .admin-order-totals{max-width:360px;margin:14px 0 0 auto;font-size:14px}
#adminContent .admin-order-totals>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}
#adminContent .admin-order-totals dd{margin:0;font-weight:700}
#adminContent .admin-order-grand-total{border-top:2px solid #c6d5c2;font-size:16px}
#adminContent .admin-order-fieldset{border:1px solid #b7cbb1;border-radius:9px;padding:16px;margin:18px 0;min-width:0}
#adminContent .admin-order-fieldset legend{font-weight:750;color:#173d2d;padding:0 5px;font-size:15px}
#adminContent .admin-shipping-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 18px}
#adminContent .admin-shipping-step{display:flex;align-items:flex-start;gap:8px;border:1px solid #ccdbc7;border-radius:8px;padding:12px;background:#edf4eb;min-width:0}
#adminContent .admin-shipping-step input[type=checkbox]{display:inline-block;width:18px;height:18px;flex:0 0 18px;margin:2px 0 0}
#adminContent .admin-shipping-step small{display:block;font-weight:400;line-height:1.5;color:#526553;margin-top:5px}
#adminContent .admin-cancellation-options{padding:12px;border:1px solid #d5cba8;border-radius:9px;background:#fffaf0}
#adminContent .admin-cancellation-options summary{font-size:13px}
#adminContent .admin-order-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
#adminContent .admin-order-actions button{min-height:44px}
#adminContent .admin-order-shipped{color:#215c36;font-weight:700}
@media(max-width:720px){#adminContent .admin-order-info-grid,#adminContent .admin-shipping-steps{grid-template-columns:1fr}#adminContent .admin-order-fieldset{padding:12px}#adminContent .admin-order-actions button{flex:1}#adminContent .admin-order-items th,#adminContent .admin-order-items td{padding:8px 5px;font-size:12px}}

#adminContent .admin-location-panel{margin:22px 0;padding:16px;border:1px solid #526356;border-radius:10px}#adminContent .admin-location-panel h4{margin:20px 0 10px}#adminContent .admin-location-panel table{font-size:13px}#adminContent .admin-location-panel a{color:#9eddb0}