/* /public_html/assets/css/giddo-pages.css
   Pagini interioare RomanianGuide (atracție, 404...). Se încarcă DUPĂ giddo.css. */

.crumbs{display:flex; gap:8px; align-items:center; font-size:13px; color:var(--ink-faint); margin:26px 0 18px; flex-wrap:wrap}
.crumbs a{color:var(--ink-soft)} .crumbs a:hover{color:var(--orange)} .crumbs b{color:var(--ink)}

.art-head{max-width:860px; padding-top:6px}
.art-head h1{font-size:clamp(34px,5vw,60px); line-height:1.02; font-weight:600; letter-spacing:-.02em; margin:0 0 12px}
.about-brand{font-family:"Caveat",cursive; color:var(--brown); font-size:26px; line-height:1; margin:-6px 0 18px}
.art-sub{font-family:"Fraunces",serif; font-style:italic; font-size:clamp(18px,2.2vw,24px); color:var(--ink-soft); margin:0 0 18px; line-height:1.35}
.art-meta{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px}
.tag-free{background:#e7f0e0; color:var(--olive-deep)}

.art-cover{margin:22px 0 6px; border-radius:20px; overflow:hidden; box-shadow:var(--shadow); aspect-ratio:16/9; background:#f6ead2 url("../img/ex-treasure-map.png") center/190px auto no-repeat}
.art-cover img{width:100%; height:100%; object-fit:cover; display:block}

.art-grid{display:grid; grid-template-columns:1fr 340px; gap:48px; align-items:start; padding-top:30px}
.art-main{min-width:0}

.art-feel{background:linear-gradient(120deg,#fff4e2,#fde6cf); border-left:4px solid var(--orange); border-radius:14px; padding:20px 24px; margin:0 0 28px}
.feel-tag{font-family:"Caveat",cursive; font-size:20px; color:var(--orange); display:block; margin-bottom:4px}
.art-feel p{margin:0; font-family:"Fraunces",serif; font-size:20px; line-height:1.45; color:var(--ink)}

.prose{font-size:17px; line-height:1.72; color:#3a2f24}
.art-block{margin-top:26px}
.art-block h3{font-size:21px; font-weight:600; letter-spacing:-.01em; margin:0 0 8px; display:flex; align-items:center; gap:9px}
.art-block h3::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--orange); flex:none}
.art-block p{font-size:16px; line-height:1.68; margin:0; color:#3a2f24}

.art-gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:32px}
.art-gallery img{width:100%; aspect-ratio:1; object-fit:cover; border-radius:12px; display:block}

.art-faq{margin-top:42px}
.art-faq h2{font-size:28px; font-weight:600; margin:0 0 14px}
.art-faq details{border:1px solid var(--line); border-radius:12px; padding:0 18px; margin-bottom:10px; background:#fff}
.art-faq summary{cursor:pointer; font-weight:600; padding:16px 0; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:14px}
.art-faq summary::-webkit-details-marker{display:none}
.art-faq summary::after{content:"+"; color:var(--orange); font-size:22px; line-height:1}
.art-faq details[open] summary::after{content:"\2013"}
.art-faq details>div{padding:0 0 16px; color:var(--ink-soft); line-height:1.6}

.art-side{position:sticky; top:104px; display:flex; flex-direction:column; gap:18px}
.side-card{border:1px solid var(--line); border-radius:18px; padding:22px; background:#fff; box-shadow:var(--shadow-sm)}
.side-card h3{margin:0 0 14px; font-size:19px; font-weight:600}
.stay-row{display:flex; gap:12px; align-items:center; padding:10px 0; border-bottom:1px solid var(--line-2); text-decoration:none; color:inherit}
.stay-row:last-of-type{border-bottom:0}
.sr-img{width:56px; height:56px; border-radius:10px; background:#f6ead2 url("../img/ex-mug.png") center/32px auto no-repeat; background-size:cover; background-position:center; flex:none}
.sr-t{display:flex; flex-direction:column; gap:2px; font-size:14px}
.sr-t b{font-size:15px}
.sr-price{color:var(--orange); font-weight:600; font-size:13px}
.sr-powered{margin:14px 0 0; font-size:12.5px; color:var(--ink-faint)}
.side-giddo{background:linear-gradient(150deg,#15314f,#0e2237); color:var(--paper); text-align:center; border:0}
.side-giddo img{width:64px; opacity:.92; margin-bottom:6px}
.side-giddo p{font-family:"Fraunces",serif; font-size:17px; line-height:1.4; margin:0 0 16px}

.art-nearby{padding-top:54px}
.art-nearby .sec-head{margin-bottom:26px}

.err404 .wrap{display:flex; gap:40px; align-items:center; flex-wrap:wrap; min-height:60vh}
.err404 img{width:230px; max-width:40%; filter:drop-shadow(0 20px 34px rgba(40,28,15,.2))}
.err404 h1{font-size:clamp(32px,5vw,52px); font-weight:600; margin:6px 0 12px}
.err404 p{font-size:18px; color:var(--ink-soft); max-width:46ch; margin:0 0 22px}

@media(max-width:900px){
  .art-grid{grid-template-columns:1fr; gap:30px}
  .art-side{position:static}
  .art-gallery{grid-template-columns:repeat(2,1fr)}
}

/* ===== liste / itinerariu / hartă ===== */
.list-top{padding-top:48px}
.empty-note{padding:24px 0 10px; color:var(--ink-soft); font-size:18px}

.itin{margin-top:38px}
.itin h2{font-size:26px; font-weight:600; margin:0 0 16px}
.itin-day{font-family:"Caveat",cursive; font-size:24px; color:var(--orange); margin:22px 0 8px}
.itin-stop{display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line-2)}
.itin-stop:last-child{border-bottom:0}
.itin-num{width:30px; height:30px; border-radius:50%; background:#15314f; color:#fff; display:grid; place-items:center; font-weight:700; font-size:14px; flex:none}
.itin-img{width:66px; height:50px; border-radius:8px; background-size:cover; background-position:center; flex:none}
.itin-t{display:flex; flex-direction:column; gap:2px}
.itin-t a{color:var(--ink); font-size:16px} .itin-t a:hover{color:var(--orange)}
.itin-t small{color:var(--ink-faint); font-size:13px}

/* ===== route detail v2 ===== */
.route-detail{background:#fff}
.route-hero{
  position:relative; overflow:hidden;
  padding:38px 0 42px;
  background:
    radial-gradient(900px 420px at 84% 0%, rgba(234,88,12,.12), transparent 58%),
    linear-gradient(180deg,#fff 0%,#fffaf1 100%);
  border-bottom:1px solid var(--line);
}
.route-hero::after{
  content:""; position:absolute; right:max(12px,calc(50vw - 610px)); bottom:-72px;
  width:250px; height:250px; background:url("../img/ex-compass-open.png") center/contain no-repeat;
  opacity:.08; pointer-events:none;
}
.route-hero-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,440px); gap:42px; align-items:center}
.route-hero .crumbs{margin:0 0 18px}
.route-kicker{display:inline-flex; color:var(--orange); font-weight:700; font-size:14px; margin-bottom:10px}
.route-hero h1{font-size:clamp(38px,5vw,66px); line-height:1.02; font-weight:600; margin:0 0 12px}
.route-lead{max-width:62ch; margin:0 0 18px; color:#4d4032; font-size:18px; line-height:1.6}
.route-hero-meta{margin:0 0 22px}
.route-hero-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.route-detail .btn.ghost{background:#fff; color:#15314f; border:1.5px solid #d9d2c7; box-shadow:none}
.route-detail .btn.ghost:hover{border-color:var(--orange); color:var(--orange); filter:none}
.route-hero-card{
  position:relative; min-height:390px; border-radius:22px; overflow:hidden;
  background:#f6ead2; border:1px solid rgba(42,32,23,.12); box-shadow:var(--shadow);
}
.route-hero-card>img{width:100%; height:100%; min-height:390px; object-fit:cover; display:block}
.route-hero-placeholder{height:390px; display:grid; place-items:center; background:linear-gradient(135deg,#fff3dd,#e8f0df)}
.route-hero-placeholder img{width:min(230px,70%); opacity:.78; filter:drop-shadow(0 18px 30px rgba(21,49,79,.18))}
.route-card-overlay{
  position:absolute; left:18px; right:18px; bottom:18px;
  display:grid; grid-template-columns:64px 1fr; gap:3px 12px;
  padding:14px 16px; border-radius:14px;
  background:rgba(255,255,255,.93); border:1px solid rgba(255,255,255,.7);
  box-shadow:0 14px 36px rgba(21,49,79,.18);
}
.route-card-overlay span{align-self:center; font-size:11px; font-weight:800; text-transform:uppercase; color:#8a7c66}
.route-card-overlay b{min-width:0; color:#15314f; font-size:15px; line-height:1.25}
.route-content{padding-top:0}
.route-overview{
  max-width:900px; margin:38px auto 0; padding:24px 28px;
  border:1px solid #efe0c4; border-left:5px solid var(--orange);
  border-radius:16px; background:linear-gradient(120deg,#fffaf1,#fff);
}
.route-overview .feel-tag{font-size:22px}
.route-overview .prose p:first-child{margin-top:0}
.route-overview .prose p:last-child{margin-bottom:0}
.route-itin{max-width:980px; margin:46px auto 0}
.route-section-head{margin-bottom:20px}
.route-section-head span{display:block; color:var(--orange); font-weight:800; font-size:13px; text-transform:uppercase; margin-bottom:5px}
.route-section-head h2{font-size:clamp(28px,3vw,38px); margin:0; font-weight:600}
.route-itin .itin-day{font-size:28px; margin:26px 0 10px}
.route-stop-card{
  align-items:flex-start; gap:16px; padding:16px; margin:0 0 12px;
  border:1px solid #efe7d8; border-radius:16px; background:#fff;
  box-shadow:0 10px 28px rgba(21,49,79,.07);
}
.route-stop-card:last-child{border-bottom:1px solid #efe7d8}
.route-stop-card .itin-num{margin-top:28px; background:#15314f}
.route-stop-card .itin-img{width:126px; height:92px; border-radius:12px; background-color:#f6ead2; display:grid; place-items:center; color:var(--orange); font-weight:800}
.route-stop-card .itin-t{gap:5px; padding-top:3px}
.route-stop-card .itin-t>a,.route-stop-card .itin-t>b{font-size:19px; line-height:1.2}
.route-stop-card .itin-t p{margin:4px 0 0; color:#4d4032; line-height:1.58; font-size:15.5px}
.route-stop-card .itin-t em{display:block; margin-top:6px; color:#8a4b1f; font-style:normal; font-size:14px; line-height:1.45}
.route-stop-meta{display:block}
.route-bottom-cta{
  max-width:980px; margin:38px auto 82px; padding:22px;
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  border-radius:18px; background:#15314f; color:#fff; box-shadow:0 20px 50px rgba(21,49,79,.18);
}
.route-bottom-cta span{display:block; color:#f8d8ae; font-size:13px; font-weight:700; margin-bottom:4px}
.route-bottom-cta b{display:block; font-family:"Fraunces",serif; font-size:22px; line-height:1.2}
.route-bottom-actions{display:flex; flex-wrap:wrap; gap:10px}
.route-bottom-cta .btn.ghost{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.25)}
.route-bottom-cta .btn.ghost:hover{border-color:#fff; color:#fff}
@media(max-width:900px){
  .route-hero{padding:24px 0 32px}
  .route-hero-grid{grid-template-columns:1fr; gap:24px}
  .route-hero-card,.route-hero-card>img,.route-hero-placeholder{min-height:300px}
  .route-hero-actions .btn{width:100%; justify-content:center}
  .route-overview{margin-top:26px; padding:20px}
  .route-stop-card{gap:12px}
  .route-stop-card .itin-img{width:96px; height:74px}
  .route-bottom-cta{align-items:stretch}
  .route-bottom-actions{width:100%}
  .route-bottom-actions .btn{flex:1 1 220px; justify-content:center}
}
@media(max-width:560px){
  .route-hero h1{font-size:clamp(32px,9vw,42px)}
  .route-lead{font-size:16px; line-height:1.5}
  .route-hero-card,.route-hero-card>img,.route-hero-placeholder{min-height:240px}
  .route-card-overlay{left:12px; right:12px; bottom:12px; grid-template-columns:52px 1fr; padding:11px 12px}
  .route-stop-card{display:grid; grid-template-columns:28px 1fr; padding:13px; gap:10px}
  .route-stop-card .itin-num{margin-top:0; grid-row:1}
  .route-stop-card .itin-img{grid-column:2; width:100%; height:auto; aspect-ratio:16/9}
  .route-stop-card .itin-t{grid-column:1 / -1; padding-top:2px}
  .route-stop-card .itin-t>a,.route-stop-card .itin-t>b{font-size:17px}
  .route-bottom-cta{margin-bottom:56px; padding:18px}
  .route-bottom-cta b{font-size:19px}
}

.rg-map{height:62vh; min-height:440px; border-radius:20px; overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--line)}
.rg-map.leaflet-container,.rg-map .leaflet-container{height:100%; width:100%}

/* ===== check-in (pagina atracției) ===== */
.checkin-card .ck-form{display:flex; flex-direction:column; gap:9px}
.checkin-card input,.checkin-card textarea{padding:10px 12px; border:1px solid var(--line); border-radius:9px; font-size:14px; font-family:inherit; width:100%}
.checkin-card textarea{resize:vertical}
.checkin-card .btn{width:100%; justify-content:center; border:0; cursor:pointer}
.ck-count{font-size:13px; color:var(--ink-soft); margin:0 0 12px}
.ck-done{background:#e7f4e9; color:#256b34; font-weight:700; padding:10px 12px; border-radius:9px; text-align:center}
.ck-link{display:inline-block; margin-top:10px; color:var(--orange); font-weight:600; font-size:14px}
.ck-flash{padding:9px 12px; border-radius:9px; font-size:13.5px; margin-bottom:10px; background:#fff3da; color:#9a6b12}
.ck-flash.ok{background:#e7f4e9; color:#256b34}

/* ===== pașaport ===== */
.pp-hero{display:flex; align-items:center; gap:20px; margin-bottom:30px; flex-wrap:wrap}
.pp-hero img{width:96px; height:auto; flex:none}
.pp-hero h1{font-size:clamp(28px,4vw,46px); font-weight:600; margin:6px 0 8px}
.pp-count{font-size:16px; color:var(--ink-soft); margin:0}
.pp-count b{color:var(--orange); font-size:20px}
.pp-empty{background:#fff; border:1px dashed var(--line); border-radius:16px; padding:30px; text-align:center}
.pp-empty p{font-size:17px; color:var(--ink-soft); margin:0 0 18px}
.stamp-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:16px}
.stamp-card{background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px; color:var(--ink)}
.stamp-card b{font-size:14px; line-height:1.25} .stamp-card small{color:var(--ink-faint); font-size:12px}
.stamp-thumb{position:relative; width:96px; height:96px; border-radius:50%; background:#f0ece3 center/cover no-repeat; display:grid; place-items:center; border:2px solid var(--line)}
.stamp-mark{font-size:30px; filter:saturate(.2) brightness(.7); transform:rotate(-12deg); opacity:.92;
  text-shadow:0 0 1px rgba(234,88,12,.6); color:#c2410c}
.stamp-card:not(.locked) .stamp-thumb{box-shadow:0 0 0 3px rgba(234,88,12,.18)}
.stamp-card.locked{opacity:.55} .stamp-card.locked .stamp-thumb{background:#f4f1ea; border-style:dashed}
.stamp-q{font-size:30px; color:var(--ink-faint); font-family:"Fraunces",serif}

/* ===== pini hartă ===== */
.rg-pin{display:grid; place-items:center; width:22px; height:22px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); background:var(--orange); border:2px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.35); font-size:11px}
.rg-pin.visited{background:linear-gradient(135deg,#f3c54a,#c9a24a)}
.rg-pin > *{transform:rotate(45deg)}
/* ============================================================
   WHITE SECTIONS — cardul „Build my trip" pe fundal alb (override)
   ============================================================ */
.side-giddo{background:#fff !important; color:#15314f; border:1px solid #ece7df}
.side-giddo p{color:#15314f}

/* ===== fix routes: linia punctată cădea peste titlu + decorul ieșea din pagină ===== */
.routes .route .dots{display:none}
.routes-sec .routes-deco{width:118px; max-width:16vw; top:34px; right:30px; filter:drop-shadow(0 10px 22px rgba(0,0,0,.16))}
@media(max-width:1100px){ .routes-sec .routes-deco{display:none} }

/* ===== passport v2: arata ca un document, nu ca o lista de buline ===== */
.passport-book{display:grid; grid-template-columns:320px 1fr; gap:0; background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:var(--shadow); margin-top:18px}
.passport-cover{position:relative; min-height:420px; padding:34px 28px; background:linear-gradient(155deg,#15314f,#0e2237); color:#fff; overflow:hidden}
.passport-cover::after{content:""; position:absolute; inset:auto -40px -50px auto; width:240px; height:210px; background:url("../img/ex-compass-open.png") center/contain no-repeat; opacity:.13}
.passport-cover img{width:86px; height:86px; object-fit:contain; margin-bottom:28px; filter:drop-shadow(0 12px 24px rgba(0,0,0,.24))}
.passport-cover .pc-label{display:block; color:#f3c54a; text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:800}
.passport-cover h2{font-family:"Fraunces",serif; font-size:34px; line-height:1; color:#fff; margin:10px 0 16px}
.passport-cover p{color:rgba(255,255,255,.78); line-height:1.55; margin:0}
.passport-cover .pc-no{position:absolute; left:28px; bottom:30px; color:rgba(255,255,255,.58); font-size:12px; letter-spacing:.14em}
.passport-pages{padding:28px; background:linear-gradient(90deg,rgba(21,49,79,.04),transparent 18px), #fff}
.passport-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:22px}
.passport-stat{border:1px solid var(--line); border-radius:14px; padding:14px; background:#fffaf3}
.passport-stat b{display:block; color:var(--orange); font-size:28px; line-height:1}
.passport-stat span{display:block; margin-top:5px; color:var(--ink-soft); font-size:12.5px; font-weight:700}
.passport-book .stamp-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
.passport-book .stamp-card{min-height:170px; justify-content:center; position:relative; overflow:hidden; background:#fffdf8}
.passport-book .stamp-card::before{content:""; position:absolute; inset:10px; border:1px dashed rgba(234,88,12,.2); border-radius:11px; pointer-events:none}
.passport-book .stamp-thumb{width:92px; height:92px}
.passport-book .stamp-mark{display:grid; place-items:center; width:72px; height:72px; border:2px solid rgba(194,65,12,.72); border-radius:50%; font-family:"Fraunces",serif; font-size:10px; line-height:1; letter-spacing:.08em; text-transform:uppercase; transform:rotate(-12deg); opacity:.94; color:#c2410c; background:rgba(255,255,255,.72); filter:none; text-shadow:none}
@media(max-width:900px){ .passport-book{grid-template-columns:1fr} .passport-cover{min-height:260px} }
@media(max-width:560px){ .passport-pages{padding:18px} .passport-stats{grid-template-columns:1fr} .passport-cover{padding:26px 22px} }

/* ============================================================
   PAGE GIDDO DECO — accent decorativ Giddo pe paginile interioare
   Desktop: absolute top-right peste hero. Mobil: stack centrat above content.
   Imaginile sunt PNG fără background, lazy. Nu se pune wrapper colorat.
   ============================================================ */
.page-giddo-deco{
  position:absolute; top:14px; z-index:3;
  /* Aliniat la marginea dreaptă a containerului .wrap (max 1200px) pe ecrane wide */
  right:max(16px, calc(50vw - 600px));
  width:auto; height:auto;
  max-width:300px; max-height:260px;
  pointer-events:none;
  /* fără filter:drop-shadow — făcea halo alb pe PNG-urile cu margini semi-transparente */
}
@media (prefers-reduced-motion: no-preference){
  .page-giddo-deco{transition:transform .35s ease}
  .page-giddo-deco:hover{transform:translateY(-3px) rotate(-2deg)}
}
@media (max-width:760px){
  .page-giddo-deco{
    position:relative; display:block;
    top:auto; right:auto; left:auto;
    margin:8px auto 14px;
    max-width:200px; max-height:160px;
  }
}

/* ============================================================
   MOBILE POLISH — Attraction detail (page-attraction.php)
   art-head + art-feel + art-blocks + art-gallery + art-faq + art-side cards
   ============================================================ */

/* ── art-head: h1 tighter, meta tags compact, art-sub mai mic ── */
@media (max-width:700px){
  .art-head{padding-top:0}
  .art-head h1{font-size:clamp(28px,7.5vw,38px); line-height:1.05; margin:0 0 8px}
  .art-sub{font-size:clamp(16px,4vw,19px); margin:0 0 14px; line-height:1.3}
  .art-meta{gap:6px; margin-bottom:6px}
  .art-meta .tag{font-size:11.5px; padding:4px 10px}
}

/* ── art-cover: aspect mai puțin agresiv pe mobile, border mai mic ── */
@media (max-width:560px){
  .art-cover{margin:16px 0 4px; border-radius:14px; aspect-ratio:4/3}
}

/* ── art-feel: padding mic, font 17 (era 20), border-left mai subțire ── */
@media (max-width:700px){
  .art-feel{padding:14px 16px; border-left-width:3px; border-radius:12px; margin:18px 0 22px}
  .feel-tag{font-size:18px}
  .art-feel p{font-size:17px; line-height:1.4}
}

/* ── prose + art-blocks: rythm pentru lectură pe mobil ─────── */
@media (max-width:700px){
  .prose{font-size:16px; line-height:1.65}
  .art-block{margin-top:22px}
  .art-block h3{font-size:18.5px}
  .art-block p{font-size:15px; line-height:1.6}
}

/* ── art-gallery: 2 col → 1 col pe phones mici (>1 imagine = scroll vertical), gap redus ── */
@media (max-width:700px){
  .art-gallery{gap:8px; margin-top:24px}
  .art-gallery img{border-radius:10px}
}
@media (max-width:420px){
  .art-gallery{grid-template-columns:1fr; gap:10px}
  .art-gallery img{aspect-ratio:4/3}
}

/* ── art-faq: h2 tighter, padding mai mic în details ───────── */
@media (max-width:700px){
  .art-faq{margin-top:32px}
  .art-faq h2{font-size:24px; margin-bottom:12px}
  .art-faq details{padding:0 14px; border-radius:10px}
  .art-faq summary{padding:14px 0; font-size:15px; gap:10px}
  .art-faq summary::after{font-size:20px}
  .art-faq details>div{padding:0 0 14px; font-size:14.5px; line-height:1.55}
}

/* ── art-side cards: padding mai compact, touch-friendly inputs ── */
@media (max-width:700px){
  .art-grid{gap:24px}
  .art-side{gap:14px}
  .side-card{padding:18px 18px 20px; border-radius:14px}
  .side-card h3{font-size:17px; margin:0 0 10px}
  .checkin-card input,.checkin-card textarea{padding:12px 14px; font-size:15px}
  .checkin-card .btn{padding:14px 20px; font-size:15px}
  .stay-row{padding:12px 0; gap:11px}
  .sr-img{width:52px; height:52px; border-radius:9px}
  .sr-t{font-size:13.5px}
  .sr-t b{font-size:14.5px}
  .sr-price{font-size:12.5px}
  .side-giddo{padding:20px 18px 22px}
  .side-giddo img{width:56px}
  .side-giddo p{font-size:15.5px; margin:0 0 14px; line-height:1.35}
  .side-giddo .btn{padding:12px 20px; font-size:15px; width:100%; justify-content:center}
  .ck-count{font-size:12.5px; margin-bottom:10px}
  .ck-flash{font-size:13px; padding:8px 11px}
  .ck-done{font-size:14px; padding:10px}
}

/* ── art-nearby: section spacing redus ─────────────────────── */
@media (max-width:700px){
  .art-nearby{padding-top:36px}
  .art-nearby .sec-head{margin-bottom:18px}
}

/* ── Mapband CTA în articol: padding mic + btn full-width ── */
@media (max-width:560px){
  .art .mapband{padding:30px 20px}
  .art .mapband .btn,.art .mapband .btn-quiet{display:flex; width:100%; justify-content:center}
}

/* ============================================================
   MOBILE POLISH — Route detail itinerary (page-route.php)
   .itin-day + .itin-stop + .itin-num + .itin-img + .itin-t
   ============================================================ */
@media (max-width:560px){
  .itin-day{font-size:20px; margin:18px 0 6px}
  .itin-stop{gap:10px; padding:10px 0}
  .itin-num{width:26px; height:26px; font-size:13px}
  .itin-img{width:56px; height:42px; border-radius:7px}
  .itin-t a{font-size:15px; line-height:1.3}
  .itin-t small{font-size:12px}
}
@media (max-width:420px){
  .itin-stop{gap:9px}
  .itin-num{width:24px; height:24px; font-size:12px}
  .itin-img{width:48px; height:36px; border-radius:6px}
  .itin-t a{font-size:14.5px}
}