:root{--ink:#173b2b;--green:#2a6848;--lime:#a8ca55;--cream:#fbf8ef;--sand:#eadfc9;--white:#fff;--muted:#617568;--line:#e5e1d7;--danger:#9c2f2f;--shadow:0 18px 55px rgba(23,59,43,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}.announcement{background:var(--ink);color:#fff;padding:9px 20px;text-align:center;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.site-header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(251,248,239,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{text-decoration:none;font:700 25px Georgia,serif}.brand span{color:var(--green);font-style:italic}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a,.link-button{border:0;background:none;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.site-header nav a:hover,.link-button:hover{color:var(--green)}.inline{display:inline}.container{width:min(1160px,90%);margin:auto}.narrow{width:min(980px,90%)}.section{padding:78px 0}.eyebrow{display:block;color:#71943d;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(42px,6vw,68px);line-height:1;margin:12px 0 25px;letter-spacing:-2px}h2{font-size:clamp(34px,4vw,48px);line-height:1.06;margin:8px 0}h3{font-size:21px}.shop-hero{min-height:480px;display:grid;align-items:center;padding:70px max(5vw,24px);background:linear-gradient(90deg,rgba(251,248,239,.96),rgba(251,248,239,.42)),url('https://naturalcocoec.com/wp-content/uploads/2026/08/natural-coco-hero.png') center/cover}.shop-hero>div{width:min(1140px,100%);margin:auto}.shop-hero h1{max-width:650px}.shop-hero p{max-width:570px;color:var(--muted);font-size:18px}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.search{display:flex;border:1px solid var(--line);border-radius:6px;background:#fff;padding:4px}.search input{border:0;background:transparent;padding:10px 12px;outline:none}.search button,.qty button{border:0;background:var(--ink);color:#fff;border-radius:4px;padding:10px 15px;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{height:290px;display:grid;place-items:center;background:linear-gradient(145deg,#edf2dd,#e5d1ab);overflow:hidden;text-decoration:none}.product-image img{width:100%;height:100%;object-fit:cover}.product-image span,.detail-image>span{font-size:85px}.product-copy{padding:22px}.product-copy small{color:#779046;font-weight:800;text-transform:uppercase;letter-spacing:1px}.product-copy h3{margin:9px 0}.product-copy h3 a{text-decoration:none}.product-copy p{height:42px;color:var(--muted);font-size:14px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.product-bottom strong,.price{font:700 24px Georgia,serif}.circle-link{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;text-decoration:none}.product-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:start}.detail-image{min-height:560px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e8f0d2,#e8d3ad);border-radius:18px}.detail-image img{width:100%;height:560px;object-fit:cover}.detail-copy{padding:30px 0}.detail-copy h1{font-size:clamp(42px,5vw,62px)}.detail-copy>p{color:var(--muted);line-height:1.8}.back{display:inline-block;margin-bottom:34px;color:var(--muted);font-size:13px}.buy-box{margin-top:30px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr 110px;gap:15px}.buy-box .button{grid-column:1/-1}.buy-box label,.form-stack label,.form-card label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:750}.buy-box input,.buy-box select,.form-stack input,.form-card input,.form-card textarea{width:100%;border:1px solid #d8d4c9;border-radius:5px;background:#fff;padding:12px 13px;outline:none}.buy-box input:focus,.buy-box select:focus,.form-stack input:focus,.form-card input:focus,.form-card textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(42,104,72,.12)}.button{display:inline-block;border:0;border-radius:5px;padding:14px 20px;text-decoration:none;text-align:center;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;cursor:pointer}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--ink)}.button.full{display:block;width:100%}.micro-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:23px;color:var(--muted);font-size:12px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.cart-list,.summary,.form-card,.qr-card,.notice{background:#fff;border:1px solid var(--line);border-radius:12px}.cart-item{padding:18px;display:grid;grid-template-columns:82px 1fr auto auto;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.cart-item:last-child{border-bottom:0}.cart-thumb{width:82px;height:82px;display:grid;place-items:center;background:#edf2dd;border-radius:8px;font-size:36px;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-info h3{margin:0 0 3px}.cart-info p,.cart-info small{margin:3px 0;color:var(--muted);font-size:12px}.qty{display:flex;gap:5px}.qty input{width:64px;border:1px solid var(--line);padding:9px}.qty button{font-size:11px}.remove{border:0;background:none;color:var(--danger);font-size:26px;cursor:pointer}.summary{padding:24px;position:sticky;top:102px}.summary h3{margin-top:0}.summary>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.summary .total{font-size:18px;border:0;padding:20px 0}.fine{font-size:12px;color:var(--muted);text-align:center}.empty{padding:70px 25px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center}.auth-shell{min-height:calc(100vh - 120px);padding:70px 20px;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#e4edc7,transparent 35%),radial-gradient(circle at 90% 90%,#ead5b3,transparent 35%)}.auth-card{width:min(500px,100%);padding:38px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.auth-card h1{font-size:42px}.auth-card>p{color:var(--muted)}.form-stack,.form-card{display:grid;gap:17px}.form-card{padding:28px}.checkbox{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.checkbox input{width:auto}.center{text-align:center;font-size:13px}.center a{color:var(--green);font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-head{text-align:center;max-width:700px;margin:0 auto 35px}.payment-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:28px;align-items:start}.qr-card{padding:28px;text-align:center}.qr-box{width:250px;height:250px;margin:20px auto;display:grid;place-items:center;background:#fff;border:10px solid #fff;box-shadow:0 0 0 1px var(--line)}.qr-box img{width:100%;height:100%;object-fit:contain}.qr-placeholder{font:700 60px Georgia;color:#c6c4bb}.qr-placeholder small{display:block;font:12px sans-serif;color:var(--muted)}.amount{padding:18px;margin:20px 0;background:#eef4dc;border-radius:7px;display:flex;justify-content:space-between}.amount strong{font-size:25px}.proof-form{margin-top:22px}.notice{padding:28px;margin-top:22px;background:#edf5df}.status{display:inline-block;padding:7px 12px;border-radius:20px;background:#fff0bd;color:#735900;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status.proof_submitted{background:#dfeeda;color:#24572f}.orders{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.order-row{display:grid;grid-template-columns:1fr auto 100px 20px;align-items:center;gap:20px;padding:20px;text-decoration:none;border-bottom:1px solid var(--line)}.order-row:last-child{border-bottom:0}.order-row:hover{background:#faf9f3}.order-row small{display:block;color:var(--muted);margin-top:3px}.flash{width:min(900px,90%);margin:16px auto;padding:14px 18px;border-radius:7px;font-size:14px}.flash.success{background:#dff0d9;color:#24572f}.flash.error{background:#fae2df;color:#7f2923}.flash ul{margin:6px 0}.pagination{margin-top:32px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;justify-content:space-between;align-items:center}.pagination svg{width:18px}.pagination a,.pagination span{display:inline-flex;padding:8px 11px;text-decoration:none}.footer{padding:45px max(5vw,25px);background:#102d20;color:#dcebd5;display:flex;justify-content:space-between;gap:30px;font-size:13px}.footer p{margin:5px 0;color:#aac1b1}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail,.payment-grid{grid-template-columns:1fr}.detail-image,.detail-image img{min-height:420px;height:420px}.checkout-grid{grid-template-columns:1fr}.summary{position:static}.payment-grid .qr-card{max-width:500px;margin:auto;width:100%}}
@media(max-width:650px){.site-header{height:auto;min-height:72px;padding:15px 5%;align-items:flex-start}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.site-header nav a,.link-button{font-size:11px}.shop-hero{min-height:430px}.toolbar{align-items:stretch;flex-direction:column}.search input{width:100%}.product-grid{grid-template-columns:1fr}.product-image{height:330px}.product-detail{gap:25px}.detail-image,.detail-image img{min-height:350px;height:350px}.buy-box{grid-template-columns:1fr}.buy-box .button{grid-column:auto}.cart-item{grid-template-columns:68px 1fr auto}.cart-thumb{width:68px;height:68px}.qty{grid-column:2/3}.cart-item form:last-child{grid-column:3;grid-row:1}.two{grid-template-columns:1fr}.order-row{grid-template-columns:1fr auto}.order-row>strong,.order-row>span:last-child{display:none}.auth-card{padding:27px 22px}.footer{flex-direction:column}}
.admin-title{font-size:clamp(38px,5vw,58px)}.admin-table{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.admin-row{display:grid;grid-template-columns:1.1fr 1.5fr 1fr .6fr 25px;gap:20px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);text-decoration:none}.admin-row:last-child{border-bottom:0}.admin-row:not(.admin-head):hover{background:#faf9f3}.admin-row small{display:block;color:var(--muted);margin-top:4px}.admin-head{background:#f0ecdf;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.admin-order-head{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:35px}.admin-order-head p{color:var(--muted)}.admin-summary{position:static}.admin-detail,.review-form{margin-top:20px}.button.danger{background:var(--danger);color:#fff}.status.paid{background:#d8ebde;color:#174b2c}.status.payment_rejected{background:#fae2df;color:#7f2923}@media(max-width:800px){.admin-row{grid-template-columns:1fr auto}.admin-row span:nth-child(2),.admin-row span:nth-child(3),.admin-head{display:none}.admin-order-head{align-items:flex-start;flex-direction:column}}
.settings-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(500px,1.2fr);gap:28px;align-items:start}.settings-grid h2{font-size:32px}.settings-qr{display:block;width:220px;height:220px;object-fit:contain;margin:auto;border:1px solid var(--line);padding:10px;background:#fff}.rate-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;max-height:560px;overflow:auto;padding-right:8px}.rate-row{display:grid;grid-template-columns:1fr 105px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.rate-row label:last-child{display:flex;align-items:center;gap:5px}.rate-row input[type=number]{padding:8px}.form-card select{width:100%;border:1px solid #d8d4c9;border-radius:5px;background:#fff;padding:12px 13px}.button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:950px){.settings-grid{grid-template-columns:1fr}}@media(max-width:650px){.rate-list{grid-template-columns:1fr}}