:root{--forest:#14231f;--accent:#c8f58b;--canvas:#f7f8f4;--muted:#64736b}
.utility-body{margin:0;background:#f7f8f4;color:var(--forest);font:15px/1.6 'DM Sans',Arial,sans-serif;min-height:100vh}
.simple-header{max-width:1200px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #e2e8df}
.wordmark{font-size:22px;font-weight:900;letter-spacing:-.05em;color:var(--forest);text-decoration:none;line-height:1.1}.wordmark span,.lime-dot{color:#7cb73e}.wordmark small{display:block;margin-left:27px;letter-spacing:.23em;font-size:8px;color:#718175;font-weight:800}
.simple-nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.simple-nav a{font-weight:700;font-size:12px;color:#23382e;text-decoration:none}.simple-nav a:hover{color:#638e67}
.utility-wrap{max-width:1120px;margin:0 auto;padding:52px 24px 76px}.utility-title{max-width:720px;margin:0 0 32px}.utility-title h1{font-size:clamp(33px,5vw,60px);line-height:1.06;letter-spacing:-.055em;margin:13px 0 17px}.utility-title p{color:#68796b;font-size:15px;max-width:610px}.overline{font-size:11px;font-weight:900;letter-spacing:.18em;color:#60876c}.utility-footer{border-top:1px solid #e0e6dd;margin-top:70px;padding-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#617669}.utility-footer a{color:inherit}
.panel-form,.data-panel,.product-checkout,.info-card{background:white;border:1px solid #e4e9e2;border-radius:18px;padding:clamp(20px,4vw,36px);box-shadow:0 9px 27px #12251b08}
.panel-form{max-width:790px}.panel-form h2,.data-panel h2{font-size:22px;letter-spacing:-.03em;margin:16px 0 21px}.panel-form h2:not(:first-child){margin-top:35px;padding-top:25px;border-top:1px solid #e8eee8}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .full{grid-column:1/-1}.panel-form label,.stack-label{display:block;font-weight:800;color:#354c3c;font-size:12px}.panel-form input,.panel-form select,.panel-form textarea,.stack-input{margin-top:8px;display:block;width:100%;max-width:100%;background:#f8faf7;border:1px solid #dce6dd;padding:13px 14px;border-radius:9px;font:inherit;color:#15281f;box-sizing:border-box}.panel-form textarea{min-height:120px;resize:vertical}.panel-form input:focus,.panel-form textarea:focus{outline:2px solid #8aa969;outline-offset:1px}.action-primary,.action-secondary,.action-muted{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;text-decoration:none;border-radius:9px;background:var(--forest);color:white;font-weight:800;padding:14px 22px;cursor:pointer;font:700 14px Arial,sans-serif}.action-primary:hover{background:#2e4b3c}.action-secondary{background:var(--accent);color:var(--forest)}.action-muted{background:#eff4ec;color:var(--forest)}.panel-form .action-primary{margin-top:24px}.form-hint,.small-copy{color:#728076;font-size:12px;line-height:1.8;margin-top:14px}.flash{border-radius:9px;padding:14px 19px;margin:15px 0 22px;background:#e8f5e0;color:#315b23;border:1px solid #c8e8b7}.flash.error{background:#fff0ee;color:#9d2f26;border-color:#f8d5ce}.flash.success{background:#e8f5e0;color:#315b23}
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.muted-link{color:#507b54;text-decoration:underline;font-weight:700}.tiny-badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#eaf0e6;color:#3e7243;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.cart-item{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #e7e9e6}.cart-item img{width:85px;height:85px;object-fit:contain;background:#eff3ee;border-radius:12px}.cart-item h3{margin:0 0 3px;font-size:17px}.cart-item p{margin:0;color:#728076;font-size:12px}.cart-item input{width:65px;padding:8px;border:1px solid #dce7db;border-radius:8px}.cart-total{text-align:right;font-size:22px;font-weight:900;margin:22px 0}.account-table{border-collapse:collapse;width:100%;font-size:13px}.account-table th,.account-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #e5eae3;vertical-align:top}.account-table th{font-size:10px;letter-spacing:.12em;color:#63796b}.account-table td{overflow-wrap:anywhere}.badge-status{display:inline-block;padding:5px 8px;border-radius:9px;background:#eaf0e7;text-transform:capitalize;font-size:11px;font-weight:800}
.info-card{margin-top:24px;max-width:720px}.info-card p{color:#687869}.empty-panel{padding:38px;text-align:center;color:#67806c;border:1px dashed #c6d4c8;border-radius:18px}
.new-nav-link{color:#23382e;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.nav-actions{gap:12px}.new-nav-link:hover{color:#6aa12b}.product-price{display:block;font-size:19px;font-weight:900;color:#1b3325;margin-top:7px}.modal-caption{font-size:12px}.checkout-help{border-left:3px solid #a5ce82;padding:12px 16px;background:#f1f5eb;color:#4d6b52;font-size:12px;margin:14px 0}.reference-inline{font:800 13px ui-monospace,monospace;overflow-wrap:anywhere}
@media(max-width:680px){.simple-header{align-items:flex-start;flex-direction:column}.simple-nav{width:100%;gap:12px}.utility-wrap{padding:33px 17px}.form-grid,.two-columns{grid-template-columns:1fr}.cart-item{grid-template-columns:72px 1fr;gap:10px}.cart-item img{width:70px;height:70px}.cart-item>.cart-item-actions{grid-column:2}.account-table{font-size:11px}.account-table th,.account-table td{padding:9px 6px;word-break:break-word}.nav-contact{display:none}}
@media(max-width:620px){.nav-actions .new-nav-link{display:none}.filter-list{margin-right:0;max-width:100%}}

/* Site-owner controlled hero photograph: preserves typography and responsive proportions. */
.hero-visual.has-upload{isolation:isolate;overflow:hidden;border-radius:0 22px 22px 0}
.hero-uploaded-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;opacity:.9}
.hero-visual.has-upload:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#14231f 0%,rgba(20,35,31,.32) 32%,transparent 75%)}
.hero-visual.has-upload .visual-scene,.hero-visual.has-upload .orb{display:none}
.hero-visual.has-upload .floating-chip{z-index:2}
@media(max-width:900px){.hero-visual.has-upload{border-radius:0 0 22px 22px}.hero-visual.has-upload:after{background:linear-gradient(180deg,#14231f 0%,transparent 43%)}}
@media(max-width:620px){.hero-visual.has-upload{border-radius:0 0 14px 14px}}
/* Visible keyboard focus on both storefronts. */
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #78a940;outline-offset:3px}