:root{
  --bg:#FFF8F0; --card:#FFFFFF; --ink:#2B2A33; --muted:#6B6875;
  --primary:#F2784B; --primary-dark:#D95F33; --accent:#2E9C8F; --soft:#FFE7D6; --soft2:#E3F4F1;
  --radius:20px; --shadow:0 6px 24px rgba(60,40,20,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Rubik',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px}
a{color:inherit}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
section{padding:64px 0}
h1,h2,h3{line-height:1.25}
h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;margin-bottom:12px;text-align:center}
.lead{color:var(--muted);text-align:center;max-width:620px;margin:0 auto 36px}
.btn{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;font-weight:700;border:none;border-radius:999px;padding:14px 28px;font-size:1.05rem;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s;box-shadow:0 6px 16px rgba(242,120,75,.35)}
.btn:hover{background:var(--primary-dark);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:2px solid #e8d9cc}
.btn.ghost:hover{background:#fff}

/* Header */
header{position:sticky;top:0;z-index:10;background:rgba(255,248,240,.92);backdrop-filter:blur(8px);border-bottom:1px solid #f1e3d6}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.4rem;text-decoration:none}
.logo .paw{font-size:1.6rem}
.nav-links{display:none;gap:24px;list-style:none}
.nav-links a{text-decoration:none;color:var(--muted);font-weight:500}
.nav-links a:hover{color:var(--ink)}
.nav .btn{padding:9px 18px;font-size:.95rem}

/* Hero */
.hero{padding:48px 0 56px;overflow:hidden}
.hero-grid{display:grid;gap:36px;align-items:center}
.badge{display:inline-block;background:var(--soft2);color:var(--accent);font-weight:700;font-size:.9rem;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.hero h1{font-size:clamp(2rem,7vw,3.4rem);font-weight:800;margin-bottom:16px}
.hero h1 span{color:var(--primary)}
.hero p{color:var(--muted);font-size:1.12rem;margin-bottom:28px;max-width:540px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-art{position:relative;background:linear-gradient(145deg,var(--soft),#FFD3B8);border-radius:32px;padding:28px;min-height:300px;display:flex;flex-direction:column;gap:12px;justify-content:center;box-shadow:var(--shadow)}
.mock-search{background:#fff;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;color:var(--muted);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.mock-card{background:#fff;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.mock-card .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;background:var(--soft2);flex-shrink:0}
.mock-card b{display:block;font-size:.98rem}
.mock-card small{color:var(--muted);font-size:.82rem}
.mock-note{font-size:.78rem;color:#9a7f6c;text-align:center;margin-top:4px}
.float{position:absolute;font-size:2.2rem;opacity:.9}
.f1{top:-6px;left:18px;transform:rotate(-15deg)}
.f2{bottom:-8px;right:24px;transform:rotate(12deg)}

/* Value */
.value{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:grid;gap:20px;margin-top:-8px}
.value-item{display:flex;gap:14px;align-items:flex-start}
.value-item .ic{font-size:1.7rem;flex-shrink:0}
.value-item h3{font-size:1.05rem;margin-bottom:2px}
.value-item p{color:var(--muted);font-size:.95rem}

/* Categories */
.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.cat{background:var(--card);border-radius:18px;padding:20px 14px;text-align:center;box-shadow:var(--shadow);transition:transform .2s}
.cat:hover{transform:translateY(-4px)}
.cat .ic{font-size:2.2rem;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--soft)}
.cat:nth-child(even) .ic{background:var(--soft2)}
.cat h3{font-size:1.02rem;margin-bottom:4px}
.cat p{font-size:.85rem;color:var(--muted)}

/* Steps */
.steps-bg{background:var(--soft2)}
.steps{display:grid;gap:18px;counter-reset:s}
.step{background:#fff;border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);position:relative}
.step .num{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:grid;place-items:center;font-size:1.2rem;margin-bottom:12px}
.step h3{margin-bottom:6px}
.step p{color:var(--muted)}

/* Trust */
.trust{display:grid;gap:16px}
.trust-item{background:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:flex-start}
.trust-item .ic{font-size:1.8rem;width:52px;height:52px;border-radius:14px;background:var(--soft);display:grid;place-items:center;flex-shrink:0}
.trust-item h3{font-size:1.05rem;margin-bottom:4px}
.trust-item p{color:var(--muted);font-size:.95rem}

/* Waitlist */
.waitlist{background:linear-gradient(150deg,var(--primary),#F5A35C);color:#fff;border-radius:32px;padding:40px 22px;box-shadow:var(--shadow)}
.waitlist h2{color:#fff}
.waitlist .lead{color:#fff5ec}
form{background:#fff;color:var(--ink);border-radius:22px;padding:24px;max-width:560px;margin:0 auto;display:grid;gap:16px}
label{font-weight:500;font-size:.95rem;display:block;margin-bottom:6px}
input[type=text],input[type=email],input[type=tel]{width:100%;padding:13px 14px;border:2px solid #eee2d7;border-radius:12px;font-size:1rem;font-family:inherit;background:#fffdfb}
input:focus{outline:none;border-color:var(--primary)}
.pets{display:flex;gap:10px;flex-wrap:wrap}
.pets label{margin:0;flex:1;min-width:0}
.pets input{position:absolute;opacity:0}
.pets span{display:block;text-align:center;padding:11px 8px;border:2px solid #eee2d7;border-radius:12px;cursor:pointer;font-weight:500;transition:.15s}
.pets input:checked + span{border-color:var(--primary);background:var(--soft)}
.pets input:focus-visible + span{outline:2px solid var(--primary)}
.small{font-size:.82rem;color:var(--muted)}
.form-error{color:#c0392b;font-size:.9rem;display:none}
.thanks{display:none;background:#fff;color:var(--ink);border-radius:22px;padding:36px 24px;max-width:560px;margin:0 auto;text-align:center}
.thanks .ic{font-size:3rem}
.thanks h3{font-size:1.4rem;margin:8px 0}
.thanks p{color:var(--muted)}

/* FAQ */
.faq{max-width:760px;margin:0 auto;display:grid;gap:12px}
details{background:#fff;border-radius:16px;padding:18px 22px;box-shadow:var(--shadow)}
summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.4rem;color:var(--primary);font-weight:700}
details[open] summary::after{content:"−"}
details p{color:var(--muted);margin-top:10px}

footer{padding:36px 0;text-align:center;color:var(--muted);font-size:.92rem;border-top:1px solid #f1e3d6}
footer .logo{justify-content:center;margin-bottom:8px;color:var(--ink)}

@media (min-width:640px){
  .cats{grid-template-columns:repeat(3,1fr)}
  .value{grid-template-columns:repeat(3,1fr)}
  .trust{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:900px){
  section{padding:88px 0}
  .nav-links{display:flex}
  .hero{padding:72px 0 80px}
  .hero-grid{grid-template-columns:1.1fr .9fr}
  .cats{grid-template-columns:repeat(5,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .trust{grid-template-columns:repeat(3,1fr)}
  .waitlist{padding:56px 40px}
}

/* ===== shared additions (v2) ===== */
.skip{position:absolute;right:-9999px}
.skip:focus{right:12px;top:12px;background:#fff;padding:8px 12px;border-radius:8px;z-index:50}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:2px solid #eee2d7;background:#fff;font-size:1.2rem;cursor:pointer}
.nav-links a.active{color:var(--primary);font-weight:700}
.nav-right{display:flex;align-items:center;gap:10px}
.mobile-nav{display:none;border-top:1px solid #f1e3d6;background:var(--bg)}
.mobile-nav.open{display:block}
.mobile-nav ul{list-style:none;padding:8px 20px 16px}
.mobile-nav a{display:block;padding:12px 4px;text-decoration:none;font-weight:500;border-bottom:1px solid #f1e3d6}
.mobile-nav a.active{color:var(--primary);font-weight:700}
@media (min-width:900px){.menu-btn,.mobile-nav,.mobile-nav.open{display:none}}
.page-hero{padding:40px 0 8px;text-align:center}
.page-hero h1{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;margin-bottom:10px}
.page-hero p{color:var(--muted);max-width:680px;margin:0 auto}
.page-sec{padding:28px 0 64px}
.note{background:#fff;border-right:5px solid var(--accent);border-radius:14px;padding:14px 18px;color:var(--muted);font-size:.92rem;box-shadow:var(--shadow);margin:16px 0}
.note.warn{border-right-color:var(--primary)}
.note b{color:var(--ink)}
.filters{display:grid;gap:12px;margin:18px 0}
.filters input,.filters select{width:100%;padding:12px 14px;border:2px solid #eee2d7;border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:2px solid #eee2d7;background:#fff;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.92rem;cursor:pointer;font-weight:500;color:var(--ink)}
.chip[aria-pressed=true]{border-color:var(--primary);background:var(--soft)}
.chip .cnt{color:var(--muted);font-size:.8rem}
@media (min-width:700px){.filters{grid-template-columns:2fr 1fr}}
#map{height:380px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:1;background:#eee}
@media (min-width:900px){#map{height:480px}}
.count{color:var(--muted);font-size:.92rem;margin:14px 0 10px}
.list{display:grid;gap:12px}
@media (min-width:700px){.list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.list{grid-template-columns:repeat(3,1fr)}}
.place{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}
.place h3{font-size:1.02rem}
.place .meta{color:var(--muted);font-size:.88rem}
.place .tag{display:inline-block;font-size:.75rem;background:var(--soft2);color:var(--accent);border-radius:999px;padding:2px 10px;font-weight:700;align-self:flex-start}
.place .links{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:.9rem}
.place .links a{color:var(--primary-dark);font-weight:700;text-decoration:none}
.place .links a:hover{text-decoration:underline}
.place .src{font-size:.75rem;color:#9a8f86;margin-top:4px}
.empty{background:#fff;border-radius:16px;padding:24px;text-align:center;color:var(--muted)}
.leaflet-popup-content{font-family:'Rubik',sans-serif;direction:rtl;text-align:right}
/* survey */
.survey{max-width:720px;margin:0 auto;display:grid;gap:16px;background:none;padding:0}
.q{background:#fff;border-radius:18px;padding:20px 22px;box-shadow:var(--shadow);border:0}
.q legend{font-weight:700;font-size:1.05rem;margin-bottom:4px;padding:0;float:right;width:100%}
.q .hint{color:var(--muted);font-size:.85rem;margin-bottom:10px;clear:both}
.q legend + .opts{clear:both;padding-top:8px}
.opts{display:grid;gap:8px}
@media (min-width:640px){.opts.two{grid-template-columns:1fr 1fr}}
.opt{display:flex;align-items:center;gap:10px;border:2px solid #f0e4d9;border-radius:12px;padding:10px 12px;cursor:pointer;margin:0;font-weight:400}
.opt:has(input:checked){border-color:var(--primary);background:#fff6f0}
.opt input{accent-color:var(--primary);width:18px;height:18px;flex-shrink:0}
.q textarea{width:100%;min-height:100px;padding:12px 14px;border:2px solid #eee2d7;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;clear:both;display:block;margin-top:8px}
.q textarea:focus,.q input[type=text]:focus{outline:none;border-color:var(--primary)}
.q input[type=text]{margin-top:8px}
.progress{position:sticky;top:64px;z-index:5;background:var(--bg);padding:8px 0}
.bar{height:8px;background:#f1e3d6;border-radius:999px;overflow:hidden}
.bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}
.intro-card{max-width:720px;margin:0 auto 16px;background:linear-gradient(150deg,var(--soft),#FFD9C2);border-radius:20px;padding:22px;font-size:1.08rem}
/* articles */
.toc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0 8px}
.toc a{text-decoration:none;background:#fff;border-radius:999px;padding:8px 16px;box-shadow:var(--shadow);font-weight:500;font-size:.92rem}
article{background:#fff;border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow);max-width:780px;margin:0 auto 18px;scroll-margin-top:80px}
article h2{text-align:right;font-size:1.45rem;display:flex;gap:10px;align-items:center}
article h3{font-size:1.08rem;margin:18px 0 6px}
article p,article li{color:#4a4752}
article ul,article ol{padding-right:22px;margin:6px 0;display:grid;gap:6px}
article .tip{background:var(--soft2);border-radius:12px;padding:12px 14px;margin-top:14px;font-size:.95rem}
footer nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:10px 0}
footer nav a{text-decoration:none;color:var(--muted)}
footer nav a:hover{color:var(--ink)}
.cta-band{background:var(--soft2);border-radius:var(--radius);padding:28px 22px;text-align:center;max-width:780px;margin:24px auto 0}
.cta-band p{color:var(--muted);margin:6px 0 16px}
.explore{display:grid;gap:14px}
@media (min-width:700px){.explore{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.explore{grid-template-columns:repeat(4,1fr)}}
.explore a{background:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow);text-decoration:none;display:block;transition:transform .2s}
.explore a:hover{transform:translateY(-4px)}
.explore .ic{font-size:2rem}
.explore h3{margin:6px 0 4px}
.explore p{color:var(--muted);font-size:.92rem}
/* ===== stores (v3) ===== */
.example-banner{background:#FFF1C9;border:2px dashed #E7B53C;border-radius:16px;padding:14px 18px;text-align:center;font-weight:700;margin:12px 0}
.example-banner span{display:block;font-weight:400;font-size:.9rem;color:#7a5d12;margin-top:2px}
.disclosure{font-size:.85rem;color:var(--muted);background:#fff;border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);margin:10px 0}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.filter-row .lbl{font-weight:700;font-size:.9rem;margin-left:4px}
.profile-box{background:var(--soft2);border-radius:var(--radius);padding:18px 20px;margin:18px 0}
.profile-box h2{text-align:right;font-size:1.2rem;margin-bottom:4px}
.profile-box p.small{margin-bottom:10px}
.profile-grid{display:grid;gap:10px}
@media (min-width:700px){.profile-grid{grid-template-columns:1fr 1fr auto;align-items:end}}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{flex:1;min-width:70px;border:2px solid #cfe7e2;background:#fff;border-radius:12px;padding:9px 8px;font-family:inherit;font-size:.95rem;cursor:pointer;color:var(--ink)}
.seg button[aria-pressed=true]{border-color:var(--accent);background:#d4efe9;font-weight:700}
.profile-status{font-size:.9rem;color:var(--accent);font-weight:700;margin-top:8px}
.linkbtn{background:none;border:none;color:var(--primary-dark);font-family:inherit;font-weight:700;cursor:pointer;text-decoration:underline;font-size:.9rem;padding:4px}
.stores{display:grid;gap:16px;margin-top:8px}
@media (min-width:800px){.stores{grid-template-columns:repeat(2,1fr)}}
.store{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:10px;position:relative}
.store-head{display:flex;gap:14px;align-items:center}
.store-logo{width:60px;height:60px;border-radius:16px;background:var(--soft);display:grid;place-items:center;font-size:2rem;flex-shrink:0;overflow:hidden}
.store-logo img{width:100%;height:100%;object-fit:cover}
.store h3{font-size:1.15rem}
.badge-ex{position:absolute;top:14px;left:14px;background:#2B2A33;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:6px}
.store .desc{color:var(--muted);font-size:.93rem}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font-size:.75rem;background:var(--soft2);color:var(--accent);border-radius:999px;padding:2px 10px;font-weight:700}
.deal{background:linear-gradient(135deg,#fff3ea,#ffe4d1);border-radius:14px;padding:12px 14px}
.deal .txt{font-weight:800;color:var(--primary-dark)}
.deal .terms{font-size:.78rem;color:var(--muted)}
.code-row{display:flex;gap:8px;margin-top:8px;align-items:stretch}
.code{flex:1;border:2px dashed var(--primary);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;letter-spacing:.05em;padding:8px;user-select:all}
.btn.sm{padding:9px 16px;font-size:.92rem;box-shadow:none}
.btn.teal{background:var(--accent)}
.btn.teal:hover{background:#25867b}
.store-actions{display:flex;gap:8px;flex-wrap:wrap}
.products{border-top:1px solid #f1e3d6;padding-top:10px}
.products h4{font-size:.92rem;margin-bottom:6px}
.prod{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;margin-bottom:4px}
.prod.fit{background:#e6f6f2;outline:2px solid #bfe6dd}
.prod .pn{font-size:.92rem;font-weight:500}
.prod .pt{font-size:.75rem;color:var(--muted)}
.prod .fitmark{font-size:.75rem;color:var(--accent);font-weight:800}
.prod .pp{font-size:.85rem;white-space:nowrap;color:var(--ink)}
.prod a{color:var(--primary-dark);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#2B2A33;color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:100}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.partner{background:linear-gradient(150deg,var(--accent),#4FB5A8);color:#fff;border-radius:28px;padding:32px 22px;margin-top:40px}
.partner h2{color:#fff}
.partner .lead{color:#e9fbf8}
.partner form{max-width:560px}
.teaser{display:grid;gap:18px;align-items:center;background:#fff;border-radius:28px;padding:28px 24px;box-shadow:var(--shadow)}
@media (min-width:800px){.teaser{grid-template-columns:1.2fr .8fr}}
.teaser h2{text-align:right}
.teaser p{color:var(--muted);margin-bottom:16px}
.teaser .art{font-size:3.4rem;text-align:center;background:var(--soft);border-radius:20px;padding:20px}
@media (min-width:900px) and (max-width:1100px){.nav-links{gap:14px;font-size:.92rem}}
/* ===== community (v4) ===== */
.ctabs{display:flex;gap:6px;overflow-x:auto;background:#fff;border-radius:16px;padding:6px;box-shadow:var(--shadow);margin:16px 0;position:sticky;top:70px;z-index:6;scrollbar-width:none}
.ctab{flex:1;white-space:nowrap;border:none;background:none;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;color:var(--muted);position:relative}
.ctab[aria-selected=true]{background:var(--soft);color:var(--ink);font-weight:700}
.ctab .nb{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem;margin-right:4px}
.cgrid{display:grid;gap:18px}
@media (min-width:900px){.cgrid{grid-template-columns:1.2fr .8fr;align-items:start}}
.cform{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:grid;gap:14px;max-width:none}
.cform .row2{display:grid;gap:12px}
@media (min-width:600px){.cform .row2{grid-template-columns:1fr 1fr}}
.cform select,.cform textarea,.cform input[type=number]{width:100%;padding:12px 14px;border:2px solid #eee2d7;border-radius:12px;font-size:1rem;font-family:inherit;background:#fffdfb;color:var(--ink)}
.cform textarea{min-height:80px;resize:vertical}
.cform .checks{display:flex;flex-wrap:wrap;gap:8px}
.cform .checks label,.inl{display:inline-flex;gap:6px;align-items:center;border:2px solid #f0e4d9;border-radius:10px;padding:7px 10px;margin:0;font-weight:400;cursor:pointer}
.cform .checks label:has(input:checked){border-color:var(--primary);background:#fff6f0}
.av-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.av-opt{margin:0;cursor:pointer}
.av-opt input{position:absolute;opacity:0}
.av-opt span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid #eee2d7;font-size:1.4rem;background:#fff}
.av-opt input:checked + span{border-color:var(--primary);background:var(--soft)}
.av-opt input:focus-visible + span{outline:2px solid var(--primary)}
#photo-preview img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}
.avatar{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--soft);font-size:1.6rem;flex-shrink:0;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.lg{width:84px;height:84px;font-size:2.8rem}
.avatar.xl{width:96px;height:96px;font-size:3.2rem}
.dog-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;gap:16px;align-items:flex-start}
.dog-card h3{font-size:1.3rem}
.handle{color:var(--muted);font-size:.85rem;font-weight:400}
.facts{color:var(--muted);font-size:.9rem;margin-top:2px}
.dchips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.dchips span{font-size:.78rem;background:var(--soft2);color:var(--accent);border-radius:999px;padding:3px 10px;font-weight:700}
.bio{margin-top:6px;font-size:.95rem}
.swipe-card{background:#fff;border-radius:24px;box-shadow:0 10px 30px rgba(60,40,20,.12);padding:22px;position:relative;max-width:460px;margin:0 auto;touch-action:pan-y;transition:transform .15s;user-select:none}
.sc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.score{background:var(--accent);color:#fff;border-radius:16px;padding:8px 14px;text-align:center;line-height:1.1}
.score b{display:block;font-size:1.6rem}
.score span{font-size:.75rem}
.why,.warn{list-style:none;margin-top:10px;display:grid;gap:4px;font-size:.92rem}
.why li{color:var(--accent);font-weight:500}
.warn li{color:#9a5b16}
.deck-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.deck-actions .btn{flex:1;max-width:220px}
.modal{position:fixed;inset:0;background:rgba(43,42,51,.55);display:grid;place-items:center;z-index:200;padding:20px}
.modal[hidden]{display:none}
.modal-box{background:#fff;border-radius:24px;padding:28px 22px;text-align:center;max-width:380px;width:100%}
.modal-box h2{font-size:2rem;color:var(--primary)}
.match-avatars{display:flex;justify-content:center;align-items:center;gap:6px;margin:14px 0}
.heart{font-size:2rem}
.chats{display:grid;gap:14px}
@media (min-width:900px){.chats{grid-template-columns:280px 1fr}}
.chat-list{display:grid;gap:8px;align-content:start}
.chat-item{display:flex;gap:10px;align-items:center;background:#fff;border:2px solid transparent;border-radius:14px;padding:10px;box-shadow:var(--shadow);cursor:pointer;font-family:inherit;text-align:right;color:var(--ink)}
.chat-item.on{border-color:var(--primary)}
.chat-item small{display:block;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.chat-view{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:420px;overflow:hidden}
.chat-head{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid #f1e3d6}
.chat-note{background:#FFF1C9;font-size:.8rem;padding:6px 16px;color:#7a5d12}
.chat-msgs{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:360px;background:#fffaf5}
.msg{max-width:78%;padding:9px 13px;border-radius:16px;font-size:.95rem}
.msg.me{align-self:flex-start;background:var(--primary);color:#fff;border-bottom-right-radius:4px}
.msg.them{align-self:flex-end;background:#fff;border:1px solid #f1e3d6;border-bottom-left-radius:4px}
.msg small{display:block;font-size:.68rem;color:#a3958a;margin-top:2px}
.chat-actions{padding:10px 14px;border-top:1px solid #f1e3d6;display:grid;gap:10px}
.chat-form{display:flex;gap:8px}
.chat-form input{flex:1;padding:11px 14px;border:2px solid #eee2d7;border-radius:999px;font-family:inherit;font-size:1rem}
.meet-card{background:var(--soft2);border-radius:14px;padding:12px 14px;font-size:.95rem}
.meet-card.done{background:#e8f7ec}
.feedback{background:#fff6f0;border-radius:14px;padding:12px 14px;display:grid;gap:8px;max-width:none}
.stars{display:flex;gap:6px;flex-wrap:wrap}
.stars label{margin:0;cursor:pointer}
.stars input{position:absolute;opacity:0}
.stars span{display:block;border:2px solid #eee2d7;border-radius:10px;padding:5px 10px;background:#fff;font-size:.9rem}
.stars input:checked + span{border-color:var(--primary);background:var(--soft)}
.badge-ex.inline{position:static;display:inline-block;vertical-align:middle}
.switch{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);cursor:pointer;margin:0;font-weight:700}
.switch input{width:46px;height:26px;appearance:none;-webkit-appearance:none;background:#ddd;border-radius:999px;position:relative;cursor:pointer;flex-shrink:0;transition:.2s}
.switch input::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.switch input:checked{background:var(--primary)}
.switch input:checked::after{right:23px}
.owner{background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start;position:relative}
.owner > div{flex:1}
.heart-btn{border:none;background:var(--soft);border-radius:50%;width:44px;height:44px;font-size:1.3rem;cursor:pointer;flex-shrink:0;align-self:center}
.safety{display:grid;gap:8px;margin-top:12px}
.safety li{color:#4a4752}
@media (max-width:480px){.ctabs{gap:2px;padding:4px}.ctab{padding:9px 6px;font-size:.84rem;flex:1 1 auto}}
[hidden]{display:none!important}
.swipe-card .sc-top{margin-top:14px}
@media (max-width:480px){.deck-actions .btn{padding:12px 12px;font-size:.95rem}}
/* ===== community v5: dual avatars + dating ===== */
.duo{position:relative;display:inline-block;flex-shrink:0;cursor:pointer;width:56px;height:56px;--sub:42%}
.duo.duo-sm{width:46px;height:46px}
.duo.duo-md{width:56px;height:56px}
.duo.duo-lg{width:88px;height:88px}
.duo.duo-xl{width:104px;height:104px}
.duo .a{position:absolute;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--soft);transition:all .25s}
.duo .a img{width:100%;height:100%;object-fit:cover}
.duo .a .initial{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-weight:800}
/* ברירת מחדל: כלב גדול, בעלים קטן בפינה התחתונה */
.duo .dog{inset:0;font-size:calc(var(--d,56px) * .55)}
.duo .own{width:var(--sub);height:var(--sub);bottom:-4%;left:-4%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2;background:#eef2f7}
.duo.owner-first .own{inset:0;width:100%;height:100%;border:0;box-shadow:none;z-index:1}
.duo.owner-first .dog{inset:auto;width:var(--sub);height:var(--sub);bottom:-4%;left:-4%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2}
.duo.duo-sm{--d:46px}.duo.duo-md{--d:56px}.duo.duo-lg{--d:88px}.duo.duo-xl{--d:104px}
.duo .dog{font-size:calc(var(--d) * .55)}
.duo.owner-first .dog{font-size:calc(var(--d) * .24)}
.duo .own .initial{font-size:calc(var(--d) * .2)}
.duo.owner-first .own .initial{font-size:calc(var(--d) * .45)}
.duo .own{font-size:calc(var(--d) * .22)}
.duo.owner-first .own{font-size:calc(var(--d) * .5)}
.duo:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:50%}
.owner-line{font-size:.9rem;color:#4a4752;margin-top:4px}
.owner-line.dating{color:#b0466b;font-weight:700}
.owner-fs{border:2px dashed #f0e4d9;border-radius:16px;padding:14px;display:grid;gap:12px}
.owner-fs legend{font-weight:800;padding:0 6px}
.dating-fields{display:grid;gap:12px;background:#fff5f8;border-radius:14px;padding:12px}
.dating-fields input[type=number]{width:100%;padding:12px 14px;border:2px solid #eee2d7;border-radius:12px;font-size:1rem;font-family:inherit;background:#fffdfb}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 4px}
.mode-btn{display:flex;gap:10px;align-items:center;text-align:right;border:2px solid #eee2d7;background:#fff;border-radius:18px;padding:14px;font-family:inherit;cursor:pointer;color:var(--ink);box-shadow:var(--shadow)}
.mode-btn .mi{font-size:1.8rem}
.mode-btn b{display:block;font-size:1.05rem}
.mode-btn small{display:block;color:var(--muted);font-size:.8rem}
.mode-btn[aria-pressed=true]{border-color:var(--primary);background:var(--soft)}
.mode-btn.dating[aria-pressed=true]{border-color:#d4547f;background:#ffe9f0}
@media (max-width:480px){.mode-btn{flex-direction:column;text-align:center;padding:12px 8px;gap:4px}.mode-btn small{font-size:.72rem}}
.dating-title{color:#b0466b;margin-top:6px}
.owners-grid{display:grid;gap:14px}
@media (min-width:800px){.owners-grid{grid-template-columns:repeat(2,1fr)}}
.owner-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:20px;border-top:5px solid #e88aa8}
.owner-card h3{font-size:1.2rem}
.unlocked{background:#fff0f5;border-radius:12px;padding:10px 12px;margin-top:8px}
.unlocked p{margin:4px 0 8px}
.heart-btn.big{width:auto;height:auto;border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:700;font-size:.95rem;background:#ffe9f0;color:#b0466b}
.heart-btn.big[aria-pressed=true]{background:#d4547f;color:#fff}

/* ===== v5: חירום, אימוץ, מקומות, חיפוש בעמוד הבית ===== */
.sos{display:inline-flex;align-items:center;gap:2px;background:#fdecea;color:#b3261e;border-radius:999px;padding:8px 12px;font-weight:700;text-decoration:none;font-size:.92rem;white-space:nowrap}
.sos:hover,.sos.active{background:#f9d4d0}
@media (max-width:520px){.sos span{display:none}}
a.cat{display:block;text-decoration:none;color:inherit;position:relative}
a.cat:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.cat .soon{position:absolute;top:10px;left:10px;font-size:.7rem;background:var(--soft2);color:var(--accent);border-radius:999px;padding:2px 8px;font-weight:700}
.cat .go{display:block;margin-top:8px;font-size:.8rem;color:var(--primary-dark);font-weight:700}
.hero-search{position:relative}
.hero-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero-search .box{background:#fff;border-radius:14px;padding:4px 6px 4px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.hero-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:1rem;padding:10px 0;color:var(--ink)}
.hero-search .box:focus-within{box-shadow:0 0 0 3px rgba(42,157,143,.35)}
.hero-search button{border:none;background:var(--primary);color:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer}
.sug{position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.15);list-style:none;margin:0;padding:6px;max-height:320px;overflow:auto}
.sug li{padding:9px 10px;border-radius:10px;cursor:pointer;display:flex;gap:8px;align-items:baseline}
.sug li small{color:var(--muted);font-size:.8rem}
.sug li[aria-selected="true"],.sug li:hover{background:var(--soft)}
a.mock-card{text-decoration:none;color:inherit;transition:transform .2s}
a.mock-card:hover{transform:translateX(-4px)}
a.mock-card .arr{margin-inline-start:auto;color:var(--primary-dark);font-weight:700}
.info-grid{display:grid;gap:14px}
@media (min-width:800px){.info-grid{grid-template-columns:repeat(2,1fr)}}
.info{background:#fff;border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:5px}
.info h3{font-size:1.08rem}
.info .meta{color:var(--muted);font-size:.9rem}
.info .tag{align-self:flex-start;font-size:.75rem;border-radius:999px;padding:2px 10px;font-weight:700;background:var(--soft2);color:var(--accent)}
.info .tag.red{background:#fdecea;color:#b3261e}
.info .src{font-size:.75rem;color:#9a8f86;margin-top:4px}
.info .call{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.info .call a{text-decoration:none}
.call-btn{display:inline-flex;align-items:center;gap:6px;background:#b3261e;color:#fff;border-radius:999px;padding:9px 16px;font-weight:700;text-decoration:none}
.call-btn.alt{background:#fff;color:#b3261e;border:2px solid #f3c2bd}
.sos-hero{background:linear-gradient(150deg,#fdecea,#fff4ef)}
.sos-box{background:#fff;border:2px solid #f3c2bd;border-radius:20px;padding:18px 20px;margin:16px 0;box-shadow:var(--shadow)}
.sos-box h2{font-size:1.2rem;color:#b3261e;margin-bottom:6px}
.aid{display:grid;gap:12px}
@media (min-width:800px){.aid{grid-template-columns:repeat(2,1fr)}}
.aid details{background:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--shadow)}
.aid summary{font-weight:700;cursor:pointer}
.aid ul{margin:8px 18px 0 0;color:var(--muted);font-size:.93rem;display:grid;gap:4px}
.sec-h{margin:28px 0 10px}
.cat-note:empty{display:none}
.hero-grid>*{min-width:0}
.hero-search input{width:100%}
.sug li{flex-direction:column;align-items:flex-start;gap:1px}
/* v6 */
.place .shop-btn{align-self:flex-start;margin-top:8px}
.place .src a{color:inherit}
.real-stores .store .badge.none{background:#eef2f7;color:#475569}
.place .warnline{color:#9a5b00}
/* v9: ניווט בין עמודי המקומות הידידותיים */
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.subnav a.chip{text-decoration:none;display:inline-block}
.subnav a.chip[aria-current=page]{border-color:var(--primary);background:var(--soft);font-weight:700}
.more-pro{margin-top:12px;font-weight:500}
/* ===== v10: היכרויות (dating-first) ===== */
.dating-hero{background:linear-gradient(160deg,#ffe9f0 0%,#fff4ec 70%)}
.dating-hero .kicker{display:inline-block;background:#fff;color:#b0466b;font-weight:800;border-radius:999px;padding:4px 14px;font-size:.9rem;margin-bottom:10px;box-shadow:var(--shadow)}
.dating-hero h1{color:#8f2f55}
.hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.hero-cta .btn{background:#d4547f}
.hero-cta .btn.ghost{background:#fff;color:#b0466b;border-color:#e88aa8}
.hero-18{margin-top:10px;color:#8f2f55}
.how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;padding:0;counter-reset:none}
.how-steps li{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;border-top:4px solid #e88aa8}
.how-steps .hs-n{width:30px;height:30px;border-radius:50%;background:#d4547f;color:#fff;display:grid;place-items:center;font-weight:800}
.how-steps b{font-size:.95rem;line-height:1.25}
.how-steps small{color:var(--muted);font-size:.8rem}
.how-steps.mini{margin:12px 0}
.how-steps.mini li{padding:8px 6px;box-shadow:none;border:1px solid #f4d5df}
.how-steps.mini b{font-size:.82rem}
@media (max-width:480px){.how-steps{gap:6px}.how-steps li{padding:10px 6px}.how-steps b{font-size:.82rem}.how-steps small{display:none}}
.fs-h{font-size:1.05rem;margin:6px 0 -4px;color:var(--ink)}
.date-card{background:#fff;border-radius:26px;box-shadow:0 12px 34px rgba(120,40,70,.16);overflow:hidden;max-width:420px;margin:0 auto;position:relative;touch-action:pan-y;user-select:none;transition:transform .15s}
.dc-photo{position:relative;height:300px;background:linear-gradient(180deg,#f7d3df,#fbe8d9);display:grid;place-items:center}
.dc-owner{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:5.5rem;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden;margin-top:-30px}
.dc-owner img{width:100%;height:100%;object-fit:cover}
.dc-dog{position:absolute;bottom:64px;left:calc(50% - 100px);width:72px;height:72px;border-radius:50%;background:#fff;border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.18);display:grid;place-items:center;font-size:2.4rem}
.dc-score{position:absolute;top:14px;right:14px;background:#d4547f;color:#fff;border-radius:999px;padding:5px 12px;font-size:.8rem}
.dc-score b{font-size:1.1rem}
.dc-name{position:absolute;bottom:0;inset-inline:0;padding:12px 18px;background:linear-gradient(0deg,rgba(43,20,30,.6),rgba(43,20,30,0));color:#fff;display:flex;align-items:end;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dc-name h3{color:#fff;font-size:1.6rem;margin:0}
.look-chip{background:#fff;color:#b0466b;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700}
.dc-info{padding:14px 18px 16px;display:grid;gap:6px}
.dc-info .about{font-size:1.02rem;margin:0}
.dc-info .why{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.dc-info .why li{background:#fff0f5;color:#8f2f55;border-radius:999px;padding:4px 10px;font-size:.82rem}
.dc-info .warn{margin:0;padding:0;list-style:none;font-size:.82rem}
.report-btn{color:var(--muted);font-size:.82rem;justify-self:start}
.stamp{position:absolute;top:60px;font-weight:900;font-size:1.6rem;border:4px solid;border-radius:10px;padding:2px 10px;opacity:0;transition:opacity .1s;transform:rotate(-12deg)}
.stamp.like{left:20px;color:#2E9C8F}
.stamp.pass{right:20px;color:#d4547f;transform:rotate(12deg)}
.date-card.sw-like .stamp.like,.date-card.sw-pass .stamp.pass{opacity:1}
.date-actions{display:flex;justify-content:center;gap:28px;margin:16px 0 8px}
.round{width:68px;height:68px;border-radius:50%;border:none;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.14);font-size:1.8rem;cursor:pointer;display:grid;place-items:center}
.round.pass{color:#8a8a99}
.round.like{background:#d4547f;width:76px;height:76px}
.round:active{transform:scale(.94)}
.round:focus-visible{outline:3px solid #d4547f;outline-offset:3px}
@media (max-width:480px){.dc-photo{height:260px}.dc-owner{width:150px;height:150px;font-size:4.6rem}.dc-dog{left:calc(50% - 88px);width:62px;height:62px;font-size:2rem;bottom:60px}}
.safety-box{margin-top:18px}
.mpair{display:flex;flex-direction:column;align-items:center;gap:6px}
.mpair small{font-size:.78rem;color:var(--muted)}
.match-avatars .heart{font-size:1.8rem}
.chat-head{flex-wrap:wrap}
.chat-head .report-btn{margin-inline-start:auto}
.meet-card.date{background:#fff0f5;border:2px solid #f4c3d3}
.dating-teaser{background:linear-gradient(160deg,#ffe9f0,#fff4ec)}
.dating-teaser .btn:not(.ghost){background:#d4547f}
/* v12 – בחירת אזור / עיר / קרוב אליי */
.region-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0}
.region-bar select,.region-bar input{width:100%;padding:12px 14px;border:2px solid #eee2d7;border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;color:var(--ink)}
.region-bar .near-btn{grid-column:1/-1;justify-self:start}
.region-bar .near-btn[aria-pressed=true]{background:#2563eb}
@media (min-width:700px){.region-bar{grid-template-columns:1fr 1fr auto}.region-bar .near-btn{grid-column:auto}}
.region-bar + .filters{margin-top:10px}
.filters select[hidden]{display:none}
.more-btn{display:block;margin:16px auto 0}
.more-btn[hidden]{display:none}
.place .dist{color:#2563eb;font-weight:700}
.region-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
@media (min-width:700px){.filters:has(select[hidden]){grid-template-columns:1fr}}