:root{
  --bg:#fbf5ee;--card:#fffdf9;--ink:#2b2420;--muted:#857a72;--line:#efe4d9;
  --accent:#e2603f;--accent-dark:#c84d2e;--accent-soft:#fde9e0;--ok:#3f8a5f;
  --shadow:0 1px 2px rgba(80,50,30,.04),0 8px 24px rgba(80,50,30,.06);
  --radius:20px;
  font-family:'Noto Sans Georgian',system-ui,sans-serif;color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
a{color:inherit}
:focus-visible{outline:3px solid #f3a68f;outline-offset:3px;border-radius:8px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* header */
.masthead{max-width:1040px;margin:auto;padding:22px 20px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.4px}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#fff;font-size:20px;line-height:1}
.brand-ge{color:var(--accent)}
.quiet-link{font-size:13px;text-decoration:none;color:var(--muted);padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);transition:color .2s,border-color .2s}
.quiet-link:hover{color:var(--ink);border-color:#dccbbc}
.quiet-link span{color:var(--accent);margin-left:4px}

/* hero */
.store{max-width:1040px;margin:auto;padding:28px 20px 0}
.intro{text-align:center;max-width:620px;margin:0 auto 28px}
.intro h1{font-size:clamp(32px,5vw,50px);line-height:1.15;letter-spacing:-1.2px;font-weight:700;margin:0}
.intro h1>span:not(.title-dot),.title-dot{color:var(--accent)}
.subtitle{color:var(--muted);font-size:16px;line-height:1.7;margin:12px 0 0}

/* platform switch */
.platforms{display:flex;gap:6px;justify-content:center;width:max-content;max-width:100%;margin:0 auto 32px;padding:5px;background:var(--card);border:1px solid var(--line);border-radius:999px;overflow-x:auto}
.platform-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s}
.platform-tab svg{width:18px;height:18px;--icon-cutout:var(--card)}
.platform-tab:hover{color:var(--ink)}
.platform-tab[aria-pressed=true]{background:var(--ink);color:#fff}
.platform-tab[aria-pressed=true] svg{--icon-cutout:var(--ink)}

/* layout */
fieldset{border:0;margin:0;padding:0;min-width:0}
.section-label{font-size:14px;font-weight:600;margin-bottom:14px;padding:0}

/* packages */
.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.package{position:relative;cursor:pointer;min-width:0}
.package input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.package-content{position:relative;display:flex;flex-direction:column;height:100%;padding:22px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .2s,transform .2s,background .2s}
.package:hover .package-content{transform:translateY(-2px);border-color:#e9c9b9}
.package input:checked+.package-content{border-color:var(--accent);background:var(--accent-soft)}
.package input:focus-visible+.package-content{outline:3px solid #f3a68f;outline-offset:3px}
.quantity{font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}
.unit{font-size:13px;color:var(--muted);margin:6px 0 0}
.package-context{display:none}
.price{margin-top:auto;padding-top:20px;font-size:22px;font-weight:600}
.package-saving{position:absolute;top:20px;right:20px;font-size:12px;font-weight:600;color:var(--ok);background:#e7f3ec;padding:4px 9px;border-radius:999px}
.selector{display:none}
.featured-badge{position:absolute;top:-11px;left:20px;font-size:11px;font-weight:600;background:var(--accent);color:#fff;padding:4px 10px;border-radius:999px}
.featured-package .package-content{border-color:#f0b9a4}
.savings-basis{font-size:12px;color:var(--muted);margin:12px 0 0}
.unavailable{grid-column:1/-1;text-align:center;padding:40px 24px;background:var(--card);border:1.5px dashed var(--line);border-radius:var(--radius)}
.unavailable h2{font-size:17px;margin:12px 0 6px}
.unavailable p{color:var(--muted);font-size:14px;margin:0}
.empty-icon svg{width:28px;height:28px;color:var(--accent);--icon-cutout:var(--card)}

/* order card */
.distribution{margin-top:24px;padding:26px;background:var(--card);border:1.5px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.distribution-head h2{font-size:18px;font-weight:600;margin:0 0 14px}
.distribution-head p{display:none}
.allocation-row{display:grid;gap:10px;margin-bottom:12px;align-items:start}
.allocation-row.multiple{grid-template-columns:28px minmax(0,1fr) 120px 40px}
.allocation-row.single{grid-template-columns:1fr}
.row-number{font-size:13px;color:var(--muted);padding-top:22px}
.single .row-number{display:none}
.url-field,.quantity-field{padding:11px 16px;background:var(--bg);border:1.5px solid transparent;border-radius:14px;transition:border-color .2s,background .2s;min-width:0}
.url-field:focus-within,.quantity-field:focus-within{border-color:var(--accent);background:#fff}
.url-field:has([aria-invalid=true]),.quantity-field:has([aria-invalid=true]){border-color:#d9442c}
.url-field label,.quantity-field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.url-field input,.quantity-field input{width:100%;border:0;outline:0;background:transparent;padding:0;font-size:16px;line-height:24px}
.remove-post{width:40px;height:40px;margin-top:10px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--muted);font-size:20px}
.remove-post:hover{color:var(--accent);border-color:var(--accent)}
.inline-error{font-size:12px;color:#c0392b;margin:0}
.inline-error:not(:empty){margin-top:6px}
.quantity-error{grid-column:2/5}
.order-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:4px 0 0;font-size:13px}
.url-help summary,.distribution-toggle{color:var(--muted);font-size:13px;background:none;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d9c8ba}
.url-help p{font-size:13px;color:var(--muted);line-height:1.7;margin:8px 0 0}
details summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.allocation-actions{margin:16px 0}
.add-post{border:1.5px dashed #e8b8a5;background:var(--accent-soft);color:var(--accent-dark);border-radius:12px;padding:10px 16px;font-size:13px;font-weight:500}
.allocation-summary{background:var(--bg);border-radius:14px;padding:14px 16px;font-size:13px}
.allocation-summary>div{display:flex;justify-content:space-between;gap:12px}
progress{display:block;width:100%;height:6px;margin:10px 0;border:0;border-radius:6px;overflow:hidden;background:var(--line);appearance:none}
progress::-webkit-progress-bar{background:var(--line)}
progress::-webkit-progress-value{background:var(--accent);transition:width .2s}
progress::-moz-progress-bar{background:var(--accent)}
progress.complete::-webkit-progress-value{background:var(--ok)}
#distribution-error{font-size:12px;color:var(--muted);margin:0}
#distribution-error.error{color:#c0392b}
.upgrade-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent-soft);border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:13px}
.upgrade-hint p{margin:0}
.upgrade-hint button{border:0;background:var(--accent);color:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:500}

/* checkout */
.purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.checkout-summary{display:flex;flex-direction:column;gap:2px}
.checkout-note{font-size:13px;color:var(--muted);margin:0}
#checkout-total{font-size:26px;font-weight:700;letter-spacing:-.5px}
.checkout-validation{font-size:12px;color:var(--muted);margin:0}
.primary{display:flex;align-items:center;justify-content:center;gap:12px;min-width:240px;min-height:56px;padding:14px 28px;border:0;border-radius:16px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;box-shadow:0 6px 18px rgba(226,96,63,.28);transition:background .2s,transform .2s,box-shadow .2s}
.primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}
.primary:active:not(:disabled){transform:scale(.98)}
.primary:disabled{background:#d6c9bf;box-shadow:none}
.error{font-size:13px;color:#c0392b;margin:0}
.error:not(:empty){margin-top:12px}
.password-note,.consent{font-size:12px;color:var(--muted);margin:10px 0 0}
.password-note::before{content:"🔒 "}

/* terms, seo, footer */
.store-bottom{margin-top:28px;font-size:13px;color:var(--muted)}
.store-bottom summary{display:flex;justify-content:space-between}
.store-bottom p{line-height:1.8}
details[open] summary span{display:inline-block;transform:rotate(45deg)}
.seo-copy{max-width:720px;margin:64px auto 0;font-size:15px;line-height:1.85;color:var(--muted)}
.seo-copy h2{font-size:22px;color:var(--ink);font-weight:700;letter-spacing:-.4px;margin:36px 0 10px}
.seo-copy h3{font-size:16px;color:var(--ink);margin:22px 0 6px}
.seo-copy ul{padding-left:20px;margin:0}
.seo-copy details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:10px}
.seo-copy summary{display:flex;justify-content:space-between;gap:16px;color:var(--ink);font-weight:500}
.seo-copy summary span{color:var(--accent);font-size:20px;line-height:1}
.seo-copy details p{font-size:14px;margin:10px 0 0}
.footer{max-width:1040px;margin:56px auto 0;padding:24px 20px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}

@media (max-width:720px){
  .store{padding-top:12px}
  .packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .package-content{padding:18px}
  .quantity{font-size:26px}
  .price{font-size:19px}
  .package-saving{top:16px;right:14px}
  .platforms{justify-content:flex-start}
  .platform-tab{padding:9px 14px}
  .distribution{padding:20px;border-radius:20px}
  .allocation-row.multiple{grid-template-columns:minmax(0,1fr) 92px 40px}
  .allocation-row.multiple .row-number{display:none}
  .quantity-error{grid-column:1/-1}
  .purchase{flex-direction:column;align-items:stretch}
  .primary{width:100%;min-width:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.brand{gap:0}.brand-mark{margin-right:10px}.quiet-link{white-space:nowrap}
@media (max-width:720px){
  .masthead{padding:16px 20px}
  .quiet-link{font-size:12px;padding:8px 12px}
  .platforms{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:2px;padding:4px}
  .platform-tab{flex-direction:column;gap:4px;padding:8px 2px;font-size:11px;border-radius:16px}
}
@media (max-width:720px){
  .platforms{grid-template-columns:repeat(2,1fr);gap:4px;border-radius:18px}
  .platform-tab{flex-direction:row;justify-content:center;gap:8px;padding:11px 8px;font-size:13px;border-radius:14px}
}
/* platform brand colors */
.platform-tab[data-platform=instagram]{--brand:#e1306c;--brand-soft:#fde7ef}
.platform-tab[data-platform=facebook]{--brand:#1877f2;--brand-soft:#e6f0fe}
.platform-tab[data-platform=youtube]{--brand:#ff0000;--brand-soft:#ffe8e8}
.platform-tab[data-platform=tiktok]{--brand:#111;--brand-soft:#ececec}
.platform-tab svg{color:var(--brand);width:20px;height:20px}
.platform-tab[aria-pressed=true]{background:var(--brand-soft);color:var(--brand)}
.platform-tab[aria-pressed=true] svg{--icon-cutout:var(--brand-soft)}
/* package cards: heart icon, warm tint, check on selection */
.package-content{background:linear-gradient(160deg,#fffdf9 55%,#fdf1e8);overflow:visible}
.package-content::before{content:"";display:block;width:36px;height:36px;margin-bottom:14px;border-radius:12px;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e2603f' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 4.4 2.5h1.6c.8-1.4 2.3-2.5 4.4-2.5 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/20px no-repeat}
.package input:checked+.package-content{background:linear-gradient(160deg,#fff4ee,#fde3d6);box-shadow:0 10px 28px rgba(226,96,63,.18)}
.package input:checked+.package-content::before{background-color:#fff}
.package-content::after{content:"";position:absolute;right:18px;bottom:20px;width:22px;height:22px;border-radius:50%;border:1.5px solid #e5d6ca;transition:all .2s}
.package input:checked+.package-content::after{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.price{font-weight:700}
/* big centered "+ one more post" */
.order-options .distribution-toggle[data-mode=multiple]{order:-1;flex-basis:100%;display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0 10px;padding:0;text-decoration:none;color:var(--muted)}
.plus-circle{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1.5px dashed #e8b8a5;background:var(--accent-soft);color:var(--accent);font-size:30px;font-weight:300;line-height:1;transition:transform .2s,background .2s,border-color .2s}
.distribution-toggle:hover .plus-circle{transform:scale(1.06);background:#fde0d3;border-color:var(--accent)}
.distribution-toggle:active .plus-circle{transform:scale(.95)}
.plus-label{font-size:12px}
.masthead .quiet-link{margin-left:8px}.masthead .brand{margin-right:auto}