/* CoMeatD retail page */
.ck-hero{background:linear-gradient(135deg,var(--green) 0%,#173a26 100%);color:#fff;padding:48px 0 56px}
.ck-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.ck-hero h1{font-family:Fraunces,serif;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1;margin:.3em 0}
.ck-hero .kicker{color:var(--gold)}
.ck-lede{font-size:1.1rem;opacity:.92;max-width:34em}
.ck-promises{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.ck-promises li{display:flex;align-items:center;gap:8px;font-weight:600}
.ck-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}
.ck-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.ck-cities{margin-top:14px;opacity:.85}
.ck-hero-img img{width:100%;height:340px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
.ck-trust{background:var(--paper);border-bottom:1px solid var(--line)}
.ck-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0}
.ck-trust-grid div{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center}
.ck-trust svg{grid-row:span 2;width:32px;height:32px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round}
.ck-trust span{font-size:.9rem;color:var(--ink-soft)}
.ck-shop-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.ck-section-head h2,.ck-how h2,.ck-faq h2{font-family:Fraunces,serif;margin:0 0 6px}
.ck-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:14px}
.ck-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}
.ck-card:hover{box-shadow:var(--shadow)}
.ck-art{background:linear-gradient(160deg,#f3e3cf,#ecd2b4);height:110px;display:grid;place-items:center}
.ck-art svg{width:120px;height:96px;fill:#e9b88f;stroke:var(--terracotta);stroke-width:2.2;stroke-linejoin:round}
.ck-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.ck-body h3{margin:0;font-size:1.08rem}
.ck-body p{margin:0;color:var(--ink-soft);font-size:.92rem}
.ck-price{font-weight:700;font-size:1.2rem;color:var(--green)}
.ck-price small{font-weight:400;font-size:.8rem}
.ck-ask{font-size:.9rem;color:var(--terracotta)}
.ck-weights{display:flex;flex-wrap:wrap;gap:6px}
.ck-w{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font:inherit;font-size:.85rem;cursor:pointer;min-height:36px}
.ck-w[aria-pressed="true"]{background:var(--green);color:#fff;border-color:var(--green)}
.ck-custom-row input{width:80px;margin-left:6px}
.ck-add{margin-top:auto;width:100%}
.ck-cart{position:sticky;top:90px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}
.ck-cart h3{margin:0 0 10px;font-family:Fraunces,serif}
.ck-empty{color:var(--ink-soft)}
.ck-lines{list-style:none;padding:0;margin:0}
.ck-lines li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed var(--line)}
.ck-lines span{display:block;font-size:.85rem;color:var(--ink-soft)}
.ck-qty{display:flex;align-items:center;gap:6px}
.ck-qty button{width:34px;height:34px;border-radius:50%;border:1px solid var(--green);background:#fff;color:var(--green);font-size:1.1rem;cursor:pointer}
.ck-qty output{min-width:52px;text-align:center;font-weight:600}
.ck-total{display:flex;justify-content:space-between;padding:12px 0;font-size:1.05rem}
.ck-error{background:#fbe7de;color:#8a2f0b;padding:8px 12px;border-radius:10px}
.ck-wa{width:100%;margin-top:10px;background:#1f7a45}
.ck-steps{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ck-steps li{counter-increment:s;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}
.ck-steps li::before{content:counter(s);width:34px;height:34px;border-radius:50%;background:var(--terracotta);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:6px}
.ck-steps span{color:var(--ink-soft)}
.ck-faq details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin:10px 0}
.ck-faq summary{cursor:pointer;font-weight:600;padding:10px 0;list-style-position:outside}
.ck-faq details p{margin:0 0 12px;color:var(--ink-soft)}
.ck-page button:focus-visible,.ck-page a:focus-visible,.ck-page summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.ck-sticky{display:none}
@media (max-width:900px){
  .ck-hero-inner,.ck-shop-grid{grid-template-columns:1fr}
  .ck-hero-img img{height:220px}
  .ck-trust-grid,.ck-steps{grid-template-columns:1fr 1fr}
  .ck-cart{position:static}
  .ck-sticky:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:var(--green);color:#fff;font-weight:600;box-shadow:0 -6px 20px rgba(0,0,0,.18)}
  .ck-page{padding-bottom:70px}
}
@media (max-width:520px){
  .ck-promises,.ck-trust-grid{grid-template-columns:1fr}
  .ck-cards{grid-template-columns:1fr 1fr;gap:10px}
  .ck-art{height:80px}.ck-art svg{width:90px;height:72px}
  .ck-body{padding:10px}
  .ck-w{padding:5px 8px;font-size:.8rem}
}
.ck-demo{background:#fff3c4;color:#5a4300;text-align:center;font-weight:700;padding:8px 12px;border-bottom:2px solid var(--gold)}
.ck-pincheck{margin-top:16px;background:rgba(255,255,255,.1);border-radius:14px;padding:12px;max-width:420px}
.ck-pincheck label{font-weight:600;display:block;margin-bottom:6px}
.ck-pincheck div{display:flex;gap:8px}.ck-pincheck input{flex:1;min-width:0;margin:0}
.ck-pc-out{margin:6px 0 0;font-weight:600;min-height:1.2em}.ck-pc-out.ok{color:#bfe8c4}.ck-pc-out.bad{color:#ffd2bd}
.ck-pay{border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:10px 0}
.ck-pay legend{font-weight:600;padding:0 4px}.ck-pay label{display:flex;gap:8px;align-items:center;margin:4px 0;font-weight:400}
.ck-pay input{width:auto;margin:0}
.ck-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;display:grid;place-items:center;padding:16px}
.ck-modal[hidden]{display:none}
.ck-modal-box{background:var(--paper);border-radius:18px;padding:20px;max-width:480px;width:100%;max-height:90vh;overflow:auto}
.ck-modal pre{white-space:pre-wrap;font:inherit;font-size:.92rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}
.ck-tag{background:var(--terracotta);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:999px;vertical-align:middle}
.ck-pincheck input{width:auto;flex:1 1 140px;color:var(--ink);background:#fff}.ck-pincheck .btn{flex:none}
.ck-hold{background:#fde3d6;border:2px solid var(--terracotta);color:#7a2a08;border-radius:12px;padding:12px 14px;margin:0 0 12px;font-weight:600}
.ck-hold-msg{font-size:1.15rem;font-weight:700;color:var(--terracotta)}
.ck-pincheck div input{flex:1 1 auto;width:100%;min-width:120px}.ck-pincheck div .btn{flex:0 0 auto;width:auto;margin:0}
.ck-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.hc-h{font-family:Fraunces,serif;margin:0 0 12px}
.hc-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hc-benefits article{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--terracotta);border-radius:16px;padding:16px}
.hc-benefits h3{margin:0 0 6px}.hc-benefits p{margin:0;color:var(--ink-soft)}
.hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.hc-steps{grid-template-columns:repeat(3,1fr);margin-top:18px}
.hc-form{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}
@media (max-width:900px){.hc-benefits{grid-template-columns:1fr 1fr}.hc-grid{grid-template-columns:1fr}}
@media (max-width:520px){.hc-benefits,.hc-steps{grid-template-columns:1fr}}
.hc-rates{background:#eef6ea;border:1px solid var(--mint);border-radius:12px;padding:10px 14px;margin:10px 0}
.hc-rates ul{list-style:none;padding:0;margin:6px 0}.hc-rates li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--mint)}
.hc-rates b{color:var(--green)}.hc-rates .note{margin:4px 0 0}