/* PattiOnLine — pol-farmacie.css (pagina Farmacie di turno). Layout dal design, tutto scopato .fdt. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
.fdt{--navy:#0C2E7A;--blue:#1D5AD9;--sea:#0E9E8E;--sea-d:#0b7d70;--sea-l:#8ad8cc;--sand:#f4ead6;--sand2:#eaddc4;--paper:#fff;--gold:#dda65a;--gold-d:#7a5a1e;--ink:#243139;--muted:#8c8676;--tealink:#12414a;
  font-family:'Poppins',system-ui,sans-serif;color:var(--ink);line-height:1.45;background:var(--sand);padding:24px;border:1px solid var(--sand2)}
.fdt *{box-sizing:border-box}
/* section headers */
.fdt-sec{display:flex;align-items:center;gap:.7rem;margin:2.3rem 0 1.1rem}
.fdt-sec-l{font-weight:800;font-size:1.12rem;letter-spacing:-.01em;color:var(--navy)}
.fdt-sec-m{font-weight:500;font-size:.78rem;color:var(--muted);margin-left:auto}
.fdt-tiles{width:24px;height:24px;flex:0 0 auto;background:
   linear-gradient(var(--sea),var(--sea)) 0 0/10px 10px no-repeat,
   linear-gradient(var(--blue),var(--blue)) 14px 0/10px 10px no-repeat,
   linear-gradient(var(--gold),var(--gold)) 0 14px/10px 10px no-repeat,
   linear-gradient(var(--sea-l),var(--sea-l)) 14px 14px/10px 10px no-repeat;
  animation:fdtspin 20s linear infinite}
@keyframes fdtspin{to{transform:rotate(360deg)}}
/* HERO (soft, warm) */
.fdt-hero{position:relative;overflow:hidden;border:1px solid var(--sand2);
  background:linear-gradient(120deg,#e0efe9 0%,#e9f1f4 58%,#f5ecda 100%)}
.fdt-hero::after{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-120px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(14,158,142,.16),transparent 66%)}
.fdt-hero-in{position:relative;z-index:2;display:flex;align-items:center;gap:0;min-height:200px}
.fdt-emblem{flex:0 0 168px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(180,150,90,.28)}
.fdt-emblem svg{width:88px;height:88px;color:var(--sea);filter:drop-shadow(0 6px 14px rgba(14,158,142,.35));animation:fdtpulse 3.6s ease-in-out infinite}
@keyframes fdtpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.fdt-hero-tx{flex:1;padding:26px 30px}
.fdt-kicker{font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--sea-d)}
.fdt-hero h2{font-weight:800;font-size:2.2rem;line-height:1.08;margin:.4rem 0 .3rem;color:var(--navy);letter-spacing:-.02em;display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.fdt-open{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:#3a2a10;padding:.28rem .6rem;vertical-align:middle}
.fdt-when{font-weight:500;font-size:.86rem;color:var(--muted);margin:0 0 .1rem;text-transform:uppercase;letter-spacing:.05em}
.fdt-addr2{font-size:1rem;color:#4d5860;margin:.3rem 0 1.1rem}
.fdt-cta{display:flex;flex-wrap:wrap;gap:.7rem}
.fdt-cta a{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;padding:.72rem 1.35rem;text-decoration:none;transition:.18s}
.fdt-cta .call{background:var(--sea);color:#fff;box-shadow:0 10px 22px -12px rgba(14,158,142,.85)}
.fdt-cta .call:hover{background:var(--sea-d);transform:translateY(-2px)}
.fdt-cta .dir{background:#fff;color:var(--gold-d);border:1.5px solid var(--gold)}
.fdt-cta .dir:hover{background:#fbf3e3;transform:translateY(-2px)}
/* TURNI */
.fdt-turni{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}
.fdt-turno{background:var(--paper);border:1px solid var(--sand2);border-top:3px solid var(--sea);padding:.9rem 1rem;transition:.18s}
.fdt-turno:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(36,49,57,.5)}
.fdt-tg{display:block;font-weight:800;font-size:1.5rem;line-height:1;color:var(--navy);letter-spacing:-.02em}
.fdt-tg em{font-style:normal;color:var(--sea);padding:0 .12em}
.fdt-tm{display:block;font-weight:600;font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:.3rem 0 .5rem}
.fdt-tn{display:block;font-weight:600;font-size:.94rem}
.fdt-turno.is-now{background:linear-gradient(135deg,var(--sea),var(--sea-d));border-color:var(--sea-d);color:#fff}
.fdt-turno.is-now .fdt-tg,.fdt-turno.is-now .fdt-tg em{color:#fff}
.fdt-turno.is-now .fdt-tm{color:#d7f3ee}
.fdt-turno.is-now .fdt-tn::after{content:"OGGI";display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:.08em;background:var(--gold);color:#3a2a10;padding:.1rem .35rem;margin-left:.4rem;vertical-align:middle}
/* AVVISI */
.fdt-avvisi{margin-top:1rem;display:grid;gap:.55rem}
.fdt-avviso{background:#fbf3e3;border-left:4px solid var(--gold);padding:.72rem 1rem;font-size:.94rem}
.fdt-avviso b{color:var(--gold-d)}
/* CARDS */
.fdt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1.3rem}
.fdt-card{background:var(--paper);border:1px solid var(--sand2);display:flex;flex-direction:column;transition:.2s;position:relative}
.fdt-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sea),var(--gold));z-index:3}
.fdt-card:hover{transform:translateY(-6px);box-shadow:0 24px 42px -24px rgba(36,49,57,.55);border-color:var(--sea-l)}
.fdt-card.is-active{border-color:var(--sea);box-shadow:0 0 0 2px var(--sea),0 24px 42px -24px rgba(14,158,142,.5)}
.fdt-photo{height:168px;position:relative;overflow:hidden;border-bottom:1px solid var(--sand2);
  background:linear-gradient(135deg,var(--sea),var(--sea-d));display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.fdt-photo::before{content:attr(data-initial);font-weight:800;color:#fff;font-size:3.4rem;text-shadow:0 4px 16px rgba(0,0,0,.25)}
.fdt-photo.has-img::before,.fdt-photo.has-sv::before{content:""}
.fdt-photo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.fdt-svtag{position:absolute;left:0;bottom:0;z-index:2;background:var(--sea-d);color:#fff;font-size:.6rem;font-weight:700;padding:.24rem .6rem;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.fdt-body{padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;flex:1;position:relative}
.fdt-num{position:absolute;top:-1.7rem;right:.75rem;font-weight:800;font-size:.82rem;background:var(--gold);color:#3a2a10;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -6px rgba(160,110,30,.8);z-index:4}
.fdt-body h3{font-weight:700;font-size:1.16rem;margin:0 0 .45rem;line-height:1.15;color:var(--navy)}
.fdt-addr{font-size:.87rem;color:var(--muted);margin:.1rem 0}
.fdt-phone{font-weight:700;font-size:1rem;margin:.4rem 0 0;color:var(--sea-d);letter-spacing:.01em}
.fdt-actions{margin-top:auto;padding-top:1rem;display:flex;flex-wrap:wrap;gap:.45rem}
.fdt-btn{cursor:pointer;font:inherit;font-weight:700;font-size:.8rem;padding:.55rem .9rem;text-decoration:none;border:1.5px solid var(--sea);transition:.15s}
.fdt-btn-call{background:var(--sea);color:#fff}
.fdt-btn-call:hover{background:var(--sea-d);border-color:var(--sea-d)}
.fdt-btn-map,.fdt-btn-dir{background:#fff;color:var(--sea-d)}
.fdt-btn-map:hover,.fdt-btn-dir:hover{background:#eff7f5}
/* MAP */
.fdt-map{border:1px solid var(--sand2);position:relative;box-shadow:0 18px 40px -26px rgba(36,49,57,.55)}
.fdt-map::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sea),var(--gold));z-index:3}
.fdt-map iframe{width:100%;height:440px;border:0;display:block}
.fdt-foot{margin-top:1.8rem;padding-top:.9rem;border-top:1px solid var(--sand2);font-size:.82rem;color:var(--muted)}
.fdt-foot a{color:var(--sea-d);font-weight:700}.fdt-foot b{color:var(--navy)}
@media(max-width:620px){.fdt{padding:16px}.fdt-hero-in{flex-direction:column}.fdt-emblem{flex-basis:auto;border-right:0;border-bottom:1px solid rgba(180,150,90,.28);padding:18px 0}.fdt-hero h2{font-size:1.8rem}.fdt-map iframe{height:320px}}
/* ===== piena larghezza: esce dal container YOOtheme, padding laterale responsivo ===== */
.fdt{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);border:0;overflow-x:clip;
  padding:26px clamp(18px,4.5vw,90px) 56px}