@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--red:#c91e32;--ink:#202020;--cream:#faf8f3;--muted:#777;--border:#eae6df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.shell{max-width:1240px;padding:0 28px;margin:auto}.header{background:white;border-bottom:1px solid #eee}.nav{height:98px;display:flex;justify-content:space-between;align-items:center}.logo{width:105px;height:76px;object-fit:contain}.nav nav{display:flex;gap:38px;align-items:center;font-size:14px;font-weight:700}.nav-shop{background:var(--red);color:white;padding:15px 22px;border-radius:100px}.hero{overflow:hidden;background:#f4f0e8}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:570px;align-items:center;gap:70px}.eyebrow,.overline{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--red)}.pulse,.live-dot{display:inline-block;background:#29aa69;width:9px;height:9px;border-radius:50%;margin-right:8px}.hero h1{font:800 clamp(55px,6vw,90px)/.99 Outfit,Arial,sans-serif;letter-spacing:-4px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:18px;line-height:1.7;color:#67635f;max-width:480px}.date-card{margin:30px 0;display:flex;flex-direction:column;gap:7px;border-left:3px solid var(--red);padding-left:18px}.date-card span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#777}.date-card strong{font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{padding:16px 24px;border-radius:10px;font-size:14px;font-weight:800;display:inline-flex;gap:25px;align-items:center}.primary{background:var(--red);color:#fff}.secondary{background:white;border:1px solid #e5e0d9}.hero-visual{height:445px;position:relative;background:#e7ded2;border-radius:22px;display:flex;align-items:center;justify-content:center;transform:rotate(1deg)}.visual-label{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:1.5px}.visual-paper{width:68%;height:345px;transform:rotate(-8deg);background:var(--red);color:white;padding:28px;box-shadow:18px 24px 0 #b6a99c,0 25px 55px #0002;display:flex;flex-direction:column;justify-content:space-between}.visual-paper strong{font:800 clamp(35px,4vw,62px)/1 Outfit,Arial;letter-spacing:-2px}.visual-paper strong i{font-style:normal;color:#ffdcb3}.paper-top,.paper-bottom{font-size:11px;font-weight:800;letter-spacing:2px}.float-chip{position:absolute;right:0;bottom:38px;background:white;border-radius:50px;padding:14px 20px;box-shadow:0 8px 30px #0002;font-size:13px;font-weight:800}.viewer-section{padding:90px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}.section-heading h2,.territory h2,.shopping h2{font:800 clamp(31px,3.3vw,47px)/1.15 Outfit,Arial;letter-spacing:-1.4px;margin:13px 0}.section-heading p,.territory p,.shopping p{color:#777;line-height:1.7}.download-link{color:var(--red);font-weight:800;white-space:nowrap}.reader{border:1px solid #e8e4df;background:white;border-radius:17px;overflow:hidden;box-shadow:0 25px 60px #2820150a}.reader-toolbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:10px}.reader-left{font-size:13px;font-weight:800}.reader-controls{display:flex;align-items:center;gap:10px}.reader-controls button{border:1px solid #eee;background:#fafafa;width:38px;height:38px;border-radius:8px;font-size:20px}.reader-controls button:disabled{opacity:.35}.reader-controls span{font-size:13px;font-weight:700;white-space:nowrap}.sep{height:25px;border-left:1px solid #ddd;margin:0 5px}.reader-stage{background:#e9e7e3;min-height:520px;padding:35px 20px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.pdf-pages{display:flex;gap:8px;justify-content:center;align-items:flex-start;min-width:0}.pdf-pages canvas{display:block;max-width:none;height:auto;box-shadow:0 8px 30px #0002;background:white}.loading{color:#777}.reader-bottom{padding:17px 22px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#777}.reader-bottom a{font-weight:800;color:var(--red)}.territory{background:white;padding:80px 0}.territory-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.places{display:grid;grid-template-columns:1fr 1fr;gap:13px}.places span{padding:27px 20px;background:#f7f5f0;border-radius:12px;font:700 19px Outfit}.shopping{background:#b71e30;color:white;padding:70px 0}.shopping-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.shopping .overline{color:#ffd5c4}.shopping p{color:#ffdedf}.shopping img{width:250px;max-width:40%;object-fit:contain;background:white;padding:20px;border-radius:15px}.light{background:white;color:#b71e30;margin-top:15px}footer{background:#242424;color:#aaa;padding:35px 0;font-size:12px;line-height:1.9}.foot{display:flex;justify-content:space-between;gap:30px}.foot div{display:flex;gap:25px}.empty{padding:60px;background:white;border-radius:16px;text-align:center}.reader:fullscreen{display:flex;flex-direction:column;background:#eee}.reader:fullscreen .reader-stage{flex:1;align-items:center}@media(max-width:800px){.nav{height:75px}.logo{width:77px;height:60px}.nav nav{gap:13px;font-size:12px}.nav nav>a:first-child,.nav nav>a:nth-child(2){display:none}.nav-shop{padding:12px 16px}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:62px}.hero-visual{height:280px}.visual-paper{height:220px;padding:20px}.visual-paper strong{font-size:35px}.hero-copy>p{font-size:16px}.viewer-section{padding:60px 0}.section-heading{align-items:start;flex-direction:column}.reader-toolbar{flex-direction:column;align-items:stretch}.reader-controls{justify-content:center}.reader-stage{padding:15px 8px;min-height:360px}.reader-bottom span{display:none}.territory-grid{grid-template-columns:1fr;gap:20px}.shopping-inner{align-items:start}.shopping img{display:none}.foot{flex-direction:column}.shell{padding-left:18px;padding-right:18px}}@media(max-width:420px){.hero h1{font-size:53px}.btn{padding:14px 16px;gap:8px}.reader-controls{gap:5px}.reader-controls button{width:34px;height:34px}.places span{font-size:16px;padding:20px 12px}}

/* V2: il lettore è il protagonista, senza elemento grafico decorativo */
.hero-grid{grid-template-columns:1fr;min-height:0;gap:0;padding-top:35px;padding-bottom:28px}.hero h1{font-size:clamp(42px,5vw,65px);margin:10px 0}.hero-copy>p{margin:8px 0;font-size:16px;max-width:850px}.date-card{margin:14px 0}.actions{margin-top:14px}.viewer-section{padding:25px 0 75px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:clamp(25px,3vw,36px);margin:6px 0}.section-heading p{margin:6px 0}.hero-visual{display:none}@media(max-width:800px){.hero-grid{padding-top:22px;padding-bottom:22px}.hero h1{font-size:43px}.viewer-section{padding:15px 0 45px}.section-heading{margin-bottom:12px}.reader-stage{min-height:340px}}

/* V3: il volantino subito sotto la navigazione */
.viewer-section{padding-top:20px}
.section-heading{margin-bottom:14px}
.section-heading h1{font-size:clamp(1.25rem,2.8vw,2rem);line-height:1.2;margin:6px 0}

/* V4: hero introduttivo mantenuto, senza riquadro decorativo */
.hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:0;padding-top:32px;padding-bottom:26px}.hero-copy{max-width:900px}.hero h1{font-size:clamp(45px,5.5vw,72px);margin:14px 0}.hero-copy>p{max-width:750px}.date-card{margin:18px 0}.viewer-section{padding-top:28px}@media(max-width:800px){.hero-grid{padding-top:24px;padding-bottom:24px}.hero h1{font-size:clamp(43px,10vw,60px)}.viewer-section{padding-top:18px}}

/* V5: composizione realmente dinamica dalle prime pagine PDF; niente testi o prezzi ricreati */
@media(min-width:901px){.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:center;padding-top:36px;padding-bottom:35px;min-height:450px}.hero-copy{min-width:0;position:relative;z-index:2}.hero h1{font-size:clamp(48px,5.2vw,72px)}.hero-copy>p{max-width:550px}.hero-preview{position:relative;display:block;height:390px;min-width:0;isolation:isolate}.hero-preview-accent{position:absolute;inset:12% 0 6% 10%;background:#c91e32;border-radius:48% 52% 45% 55%;transform:rotate(-9deg);opacity:.95}.hero-sheet{position:absolute;overflow:hidden;top:7%;height:84%;width:45%;border:5px solid white;background:#fff;box-shadow:0 18px 36px #31201538;border-radius:3px;transition:transform .3s ease}.hero-sheet canvas{display:block;width:100%;height:100%;object-fit:cover}.hero-sheet-front{left:9%;z-index:3;transform:rotate(-9deg)}.hero-sheet-middle{left:35%;z-index:2;transform:rotate(5deg)}.hero-sheet-back{left:53%;z-index:1;transform:rotate(13deg)}.hero-preview.is-single .hero-sheet:not(.hero-sheet-front){display:none}.hero-preview.is-single .hero-sheet-front{left:30%;transform:rotate(-5deg)}.hero-preview.is-double .hero-sheet-back{display:none}.hero-preview.is-double .hero-sheet-middle{left:49%}.hero-preview.is-loading .hero-sheet{background:linear-gradient(110deg,#f1ebe4,#fff,#f1ebe4)}.hero-preview.is-loading canvas{visibility:hidden}}
@media(max-width:900px){.hero-grid{display:block;padding-top:28px;padding-bottom:24px}.hero-preview{display:none!important}.hero-copy{max-width:none}.hero h1{font-size:clamp(43px,9vw,64px)}.hero-copy>p{max-width:680px}.viewer-section{padding-top:18px}}
@media(max-width:480px){.hero-grid{padding-top:22px;padding-bottom:20px}.hero h1{font-size:clamp(42px,11vw,53px);letter-spacing:-2.5px}.hero-copy>p{font-size:15px;line-height:1.5}.date-card{margin:14px 0}.actions{gap:8px}.btn{font-size:13px}.viewer-section{padding-top:12px}}

/* V6 — hero fluido: sfrutta la colonna destra senza tagliare le pagine */
@media(min-width:901px){
 .hero-grid{grid-template-columns:minmax(0, .98fr) minmax(0,1.02fr);gap:clamp(10px,2vw,32px);min-height:0;padding-top:28px;padding-bottom:22px}
 .hero h1{font-size:clamp(46px,5.2vw,72px)}
 .hero-preview{height:clamp(355px,35vw,465px);width:100%;overflow:visible}
 .hero-preview-accent{inset:15% 0 9% 6%;border-radius:48% 52% 45% 55%}
 .hero-sheet{top:5%;height:88%;width:48%;border-width:4px;box-shadow:0 16px 32px #3120152e}
 .hero-sheet-front{left:2%;transform:rotate(-8deg)}
 .hero-sheet-middle{left:30%;transform:rotate(4deg)}
 .hero-sheet-back{left:50%;transform:rotate(11deg)}
 .hero-preview.is-single .hero-sheet-front{left:27%}
 .hero-preview.is-double .hero-sheet-middle{left:48%}
 .viewer-section{padding-top:20px}
}
@media(min-width:901px) and (max-width:1100px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hero h1{font-size:clamp(44px,5vw,57px);letter-spacing:-2.8px}
 .hero-preview{height:360px}
 .hero-sheet{height:82%;top:9%}
 .hero-copy>p{font-size:15px;line-height:1.5}
}
@media(min-width:601px) and (max-width:900px){
 .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px;align-items:center}
 .hero-preview{display:block!important;position:relative;height:295px;min-width:0;isolation:isolate}
 .hero-preview-accent{position:absolute;inset:17% 0 10% 5%;background:var(--red);border-radius:50%;transform:rotate(-9deg)}
 .hero-sheet{position:absolute;top:10%;height:78%;width:49%;border:3px solid #fff;background:#fff;overflow:hidden;box-shadow:0 12px 24px #31201530}
 .hero-sheet canvas{display:block;width:100%;height:100%;object-fit:cover}
 .hero-sheet-front{left:1%;z-index:3;transform:rotate(-8deg)}
 .hero-sheet-middle{left:29%;z-index:2;transform:rotate(4deg)}
 .hero-sheet-back{left:49%;z-index:1;transform:rotate(11deg)}
 .hero-preview.is-single .hero-sheet:not(.hero-sheet-front),.hero-preview.is-double .hero-sheet-back{display:none}
 .hero-preview.is-single .hero-sheet-front{left:27%}
 .hero h1{font-size:clamp(37px,5vw,48px);letter-spacing:-2px}
 .hero-copy>p{font-size:14px;line-height:1.45}
 .date-card strong{font-size:14px}
 .btn{padding:12px 14px;gap:8px;font-size:12px}
}
@media(max-width:600px){
 .hero-grid{display:block;padding-top:20px;padding-bottom:18px}
 .hero-preview{display:none!important}
 .hero h1{font-size:clamp(40px,10.4vw,58px);letter-spacing:-2px}
 .hero-copy>p{font-size:15px;line-height:1.5}
 .date-card{margin:13px 0}
 .viewer-section{padding-top:12px}
}

/* V7: marchi affiancati e composizione entro i margini del contenitore */
.brand-logos{display:flex;align-items:center;gap:22px;min-width:0;flex-shrink:0}
.brand-logos a{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-logos .logo{display:block;width:96px;height:72px;object-fit:contain}
.logo-nonpesa{display:block;width:126px;height:52px;object-fit:contain}
@media(min-width:901px){
.hero-preview{width:calc(100% - 26px);margin-left:12px;margin-right:14px}
.hero-sheet{top:12%;height:75%;width:45%;overflow:hidden}
.hero-sheet-front{left:5%}.hero-sheet-middle{left:32%}.hero-sheet-back{left:51%}
.hero-preview-accent{inset:19% 3% 14% 8%}
}
@media(min-width:601px) and (max-width:900px){
.brand-logos{gap:12px}.brand-logos .logo{width:76px;height:58px}.logo-nonpesa{width:99px;height:42px}
.hero-preview{width:calc(100% - 20px);margin-left:8px;margin-right:12px}
.hero-sheet{top:15%;height:70%;width:44%}.hero-sheet-front{left:5%}.hero-sheet-middle{left:32%}.hero-sheet-back{left:52%}
}
@media(max-width:600px){
.nav{height:74px;gap:10px}.brand-logos{gap:9px}.brand-logos .logo{width:61px;height:54px}.logo-nonpesa{width:87px;height:38px}
.nav nav{gap:0}.nav-shop{padding:11px 12px;font-size:11px;white-space:nowrap}
}
@media(max-width:360px){.brand-logos .logo{width:54px}.logo-nonpesa{width:72px}.nav-shop{font-size:10px;padding:10px 9px}}

/* V8: pagine intere e centrate, anche su monitor desktop ampi.
   La proporzione e' ricavata dalle dimensioni effettive del PDF. */
@media (min-width:601px) {
 .hero-preview { box-sizing:border-box; overflow:visible; }
 .hero-sheet { width:auto; height:76%; aspect-ratio:var(--flyer-ratio, .58); top:12%; overflow:hidden; }
 .hero-sheet canvas { width:100%; height:100%; object-fit:contain; }
 .hero-sheet-front {left:5%;transform:rotate(-6deg)}
 .hero-sheet-middle {left:33%;transform:rotate(3deg)}
 .hero-sheet-back {left:57%;transform:rotate(7deg)}
 .hero-preview-accent {inset:19% 4% 16% 7%}
 .hero-preview.is-single .hero-sheet-front {left:32%}
 .hero-preview.is-double .hero-sheet-middle {left:53%}
}
@media (min-width:601px) and (max-width:900px) {
 .hero-sheet {height:70%;top:15%}
 .hero-sheet-front {left:3%}.hero-sheet-middle {left:31%}.hero-sheet-back {left:54%}
}

/* V9 — punti vendita e note promozionali; layout accessibile e responsive */
.stores-section{padding:56px 0 64px;background:#fff}.stores-heading{margin-bottom:25px}.stores-heading h2{font-size:clamp(28px,3.1vw,42px);line-height:1.14;margin:9px 0}.stores-heading p{color:#666;line-height:1.6;margin:0}.stores-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.store-card{min-width:0;border:1px solid #e9e3dc;border-radius:15px;background:#fbf9f5;padding:20px;display:flex;flex-direction:column;gap:10px}.store-card h3{font-size:19px;line-height:1.25;margin:0;color:#222}.store-address{font-size:15px;line-height:1.5;margin:0;color:#56514d}.store-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:8px}.store-tag{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:700;line-height:1.3}.store-tag svg,.notice-icon svg{height:19px;width:19px;flex:none}.fish-tag{background:#e9f5fa;color:#086480}.asl-tag{background:#f8e9eb;color:#a21d30}.store-no-tag{font-size:12px;color:#8a8179}.store-notices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.store-notice{border:1px solid #e9e3dc;border-radius:15px;padding:20px;display:flex;align-items:flex-start;gap:14px;background:#fff}.notice-icon{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:11px;background:#f8e9eb;color:#a21d30}.notice-icon svg{width:23px;height:23px}.card-icon{background:#f0eee9;color:#403a35}.store-notice h3{font-size:16px;margin:0 0 7px;line-height:1.35}.store-notice p{font-size:14px;color:#5b5752;line-height:1.6;margin:0}@media(max-width:900px){.stores-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-notices{grid-template-columns:1fr}.stores-section{padding:40px 0 46px}}@media(max-width:600px){.stores-grid{grid-template-columns:1fr;gap:10px}.store-card{padding:16px}.store-notice{padding:16px}.stores-section{padding:32px 0 38px}}

/* V10: detailed territory integrated into the existing Vicini a te section */
.territory{padding:68px 0 62px}.territory-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:48px}.places-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.place-group{min-width:0;background:#f7f5f0;border:1px solid #ebe6df;border-radius:13px;overflow:hidden}.place-group summary{list-style:none;cursor:pointer;padding:17px 18px;font:800 18px Outfit,Arial,sans-serif;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.place-group summary::-webkit-details-marker{display:none}.place-count{font:600 11px 'DM Sans',Arial,sans-serif;color:#7a726b;white-space:nowrap}.place-stores{padding:0 14px 12px}.place-store{padding:12px 4px;border-top:1px solid #e6dfd7;display:flex;flex-direction:column;gap:5px}.place-store strong{font-size:13px;line-height:1.35}.place-address{font-size:12px;color:#655e57;line-height:1.4}.place-services{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.place-services .store-tag{font-size:10px;padding:5px 7px}.place-services .store-tag svg{width:15px;height:15px}.territory-notices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.territory-note{border:1px solid #e9e3dc;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start}.territory-note p{margin:0;color:#625d58;font-size:13px;line-height:1.55}.territory-note strong{color:#252525}.territory-note-icon{display:flex;flex:none;width:30px;height:30px;align-items:center;justify-content:center;color:#bc2035}.territory-note-icon svg{width:26px;height:26px}.loyalty-note{grid-column:1/-1;background:#f7f5f0}.loyalty-note p{font-size:13px}@media(max-width:1050px){.territory-grid{grid-template-columns:1fr;gap:24px}.places-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.territory{padding:42px 0}.places-detail,.territory-notices{grid-template-columns:1fr}.place-group summary{padding:15px}.territory-notices{margin-top:18px}.loyalty-note{grid-column:auto}}

/* V11: logo NonPesa proporzionato al marchio Dok, senza deformazioni */
.brand-logos .logo-nonpesa{width:164px;height:auto;max-height:54px;object-fit:contain}
@media (min-width:601px) and (max-width:900px){.brand-logos .logo-nonpesa{width:135px;max-height:46px}}
@media (max-width:600px){.brand-logos .logo-nonpesa{width:108px;max-height:36px}}
@media (max-width:360px){.brand-logos .logo-nonpesa{width:88px;max-height:30px}}

/* V12: compact, accessible territorial directory */
.territory-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(24px,5vw,72px)}
.places-detail{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.place-group{width:100%;background:#f8f6f2;border:1px solid #e9e2d9;border-radius:12px}
.place-group summary{min-height:66px;padding:16px 20px;align-items:center;position:relative;padding-right:48px;font-size:18px}
.place-group summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font:500 25px Arial;color:#c91e32}
.place-group[open] summary::after{content:'−'}
.place-group[open]{background:#fff;border-color:#e0d7cc;box-shadow:0 8px 25px #00000008}
.place-stores{padding:0 18px 12px}
.place-store{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:13px 2px}
.place-store strong{font-size:13px;font-weight:800}
.place-address{font-size:14px;line-height:1.45;color:#49443f;font-weight:600}
.place-services{margin-top:3px}
.loyalty-note{justify-content:center;text-align:center;align-items:center}
.loyalty-note p{text-align:center;width:100%;margin:0 auto}
@media(max-width:1050px){.territory-grid{grid-template-columns:1fr;gap:24px}.places-detail{display:flex;flex-direction:column}}
@media(max-width:600px){.place-group summary{min-height:60px;padding:14px 44px 14px 16px}.place-group summary::after{right:14px}.place-stores{padding:0 13px 10px}}

/* V13: equilibrio ottico dei marchi, con priorità al logo Dok */
.brand-logos{gap:14px}
.brand-logos .logo-nonpesa{width:112px;height:auto;max-height:none;object-fit:contain}
@media (min-width:601px) and (max-width:900px){.brand-logos .logo-nonpesa{width:102px;max-height:none}}
@media (max-width:600px){.brand-logos{gap:9px}.brand-logos .logo-nonpesa{width:83px;max-height:none}}
@media (max-width:360px){.brand-logos .logo-nonpesa{width:72px;max-height:none}}

/* V14 — directory visibile e compatta */
.territory-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:25px}.territory-intro>div{flex:0 0 43%}.territory-intro>p{max-width:490px;color:#6d6864;line-height:1.65}.territory-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-bottom:24px}.directory-area{padding:17px 21px 12px;background:#f7f4ef;border:1px solid #e9e2d9;border-radius:14px;min-width:0}.directory-area h3{font-size:17px;margin:0 0 9px;color:#cf1730;display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid #e5dcd2;padding-bottom:10px}.directory-area h3 small{font-size:11px;font-weight:600;color:#79716b;white-space:nowrap}.directory-store{display:grid;grid-template-columns:minmax(110px,.85fr) minmax(0,1.25fr) 55px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e6ded4}.directory-store:last-child{border-bottom:0}.directory-store-name{font-size:12px;font-weight:750;line-height:1.3}.directory-store-address{font-size:12px;line-height:1.4;color:#514b47}.directory-icons{display:flex;gap:6px;justify-content:flex-end}.directory-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none}.directory-icon svg{width:19px;height:19px}.directory-icon.fish{color:#1688a4}.directory-icon.wheat{color:#c61a36}.loyalty-note{text-align:center;justify-content:center}.loyalty-note p{width:100%;text-align:center}@media(max-width:900px){.territory-directory{grid-template-columns:1fr}.territory-intro{align-items:start}}@media(max-width:620px){.territory-intro{display:block}.territory-intro>p{margin-top:14px}.directory-area{padding:14px}.directory-store{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.directory-store-name{grid-column:1;font-size:12px}.directory-store-address{grid-column:1;font-size:12px}.directory-icons{grid-column:2;grid-row:1 / span 2;align-self:center}.directory-area h3{font-size:16px}}

/* V15 — asymmetric store directory, balanced without empty cards */
.territory-directory-v15{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.territory-column{display:flex;flex-direction:column;min-width:0;gap:14px}
.territory-column-main>.directory-area{flex:1}
.territory-column-secondary>.directory-area{flex:1}
.territory-directory-v15 .directory-area{display:flex;flex-direction:column}
.territory-directory-v15 .directory-list{display:flex;flex-direction:column;flex:1;justify-content:space-around}
.territory-directory-v15 .directory-store{min-height:48px}
.asl-breakdown{display:block;margin-top:8px}
.asl-breakdown>span{display:block;margin:4px 0}
.asl-conditions{display:block;margin-top:7px}
@media(max-width:900px){.territory-directory-v15{grid-template-columns:1fr}.territory-column-main>.directory-area,.territory-column-secondary>.directory-area{flex:initial}.territory-directory-v15 .directory-list{justify-content:flex-start}}

/* V16 — stacked service notes, consistent blue pictograms, unboxed loyalty */
.territory-notices{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.territory-notices>.territory-note:not(.loyalty-note){width:100%;min-height:0;padding:16px 20px;align-items:flex-start}
.territory-note-icon{color:#1688a4}
.directory-icon.fish,.directory-icon.wheat{color:#1688a4}
.territory-notices>.loyalty-note-plain{border:0;background:transparent;border-radius:0;padding:8px 10px 0;display:block;text-align:center}
.loyalty-note-plain p{width:100%;text-align:center;font-size:13px}
@media(max-width:620px){.territory-notices>.territory-note:not(.loyalty-note){padding:14px;gap:10px}.territory-notices>.loyalty-note-plain{padding:8px 4px 0}}

/* V17: icone servizi con colori distinti */
.directory-icon.fish{color:#1688a4}
.directory-icon.wheat{color:#E87524}
.territory-note:first-child .territory-note-icon{color:#1688a4}
.territory-note:nth-child(2) .territory-note-icon{color:#E87524}

/* V18: stessa altezza CSS per i due marchi, larghezza proporzionale */
.brand-logos .logo-nonpesa{height:72px;width:auto;max-height:none;max-width:none;object-fit:contain}
@media (min-width:601px) and (max-width:900px){.brand-logos .logo-nonpesa{height:58px;width:auto;max-height:none}}
@media (max-width:600px){.brand-logos .logo-nonpesa{height:54px;width:auto;max-height:none}}
@media (max-width:360px){.brand-logos .logo-nonpesa{height:54px;width:auto;max-height:none}}

/* V18 — FAQ SEO: sezione aggiuntiva, senza modificare gli stili esistenti */
.seo-faq{background:#faf8f3;padding:54px 0 65px}.seo-faq h2{font:800 clamp(28px,3vw,40px)/1.2 Outfit,Arial,sans-serif;letter-spacing:-1px;margin:12px 0 22px}.seo-faq-list{display:grid;gap:10px}.seo-faq-item{background:#fff;border:1px solid #e9e3dc;border-radius:12px;padding:0 18px}.seo-faq-item summary{cursor:pointer;font-weight:800;padding:18px 4px;line-height:1.45}.seo-faq-item summary:focus-visible{outline:2px solid #c91e32;outline-offset:3px}.seo-faq-item p{margin:0 4px 18px;color:#625d58;line-height:1.65;font-size:14px}@media(max-width:600px){.seo-faq{padding:38px 0 45px}.seo-faq-item{padding:0 12px}}


/* Canali Dok: nuova sezione informativa, indipendente da lettore e navigazione */
.dok-channels{background:#faf8f3;padding:74px 0 72px}
.dok-channels-heading{max-width:780px;margin-bottom:30px}
.dok-channels-heading h2{font:800 clamp(32px,4.1vw,51px)/1.12 Outfit,Arial,sans-serif;letter-spacing:-1.6px;margin:12px 0 15px}
.dok-channels-heading h2 em{font-style:normal;color:var(--red)}
.dok-channels-heading>p{color:#68615c;font-size:16px;line-height:1.75;margin:0}
.dok-channels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dok-channel-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e8e1d9;border-radius:19px;padding:clamp(21px,3vw,32px);box-shadow:0 10px 28px #39251408}
.dok-channel-icon{width:49px;height:49px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#fbeaec;color:#bc1d32;font-size:27px;font-weight:700;margin-bottom:20px}
.dok-channel-icon-green{background:#e7f5ed;color:#188650}
.dok-channel-kicker{color:#a32134;font-size:11px;font-weight:800;letter-spacing:1.3px;line-height:1.5}
.dok-channel-card h3{font:800 clamp(23px,2.3vw,30px)/1.2 Outfit,Arial,sans-serif;letter-spacing:-.65px;margin:9px 0 12px}
.dok-channel-card>p{color:#645e59;font-size:15px;line-height:1.7;margin:0 0 21px}
.dok-channel-number{display:block;font:800 clamp(22px,2.5vw,30px)/1.3 Outfit,Arial,sans-serif;letter-spacing:.1px;color:#242424;margin:auto 0 20px}
.dok-channel-number:hover,.dok-update-instruction a:hover{text-decoration:underline}
.dok-channel-action{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 19px;border-radius:10px;background:var(--red);color:#fff;font-size:14px;font-weight:800;line-height:1.35;text-align:center;transition:background .15s}
.dok-channel-action:hover{background:#a9192b}
.dok-channel-action span{font-size:18px;line-height:1}
.dok-channel-action-outline{background:#fff;color:#a7192c;border:1px solid #e6c4c9}
.dok-channel-action-outline:hover{background:#fff4f5}
.dok-channel-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}
.dok-app-download{display:flex;align-items:center;gap:17px;background:#f8f5f0;border:1px solid #eee5dc;border-radius:13px;padding:12px;margin:auto 0 20px;width:100%}
.dok-app-download img{display:block;flex:none;width:116px;height:116px;object-fit:contain;background:#fff;border-radius:8px}
.dok-app-download strong{display:block;font-size:14px;margin-bottom:6px}
.dok-app-download span{display:block;color:#625e5a;font-size:13px;line-height:1.55}
.dok-update-instruction{background:#f8f5f0;border-radius:12px;padding:16px;color:#514c48;font-size:14px;line-height:1.7;margin:auto 0 20px;width:100%}
.dok-update-instruction a{font-weight:800;color:#a51e30;white-space:nowrap}
.dok-channels-note{font-size:13px;line-height:1.65;color:#77716c;margin:19px 0 0}
.dok-channel-card a:focus-visible{outline:3px solid #d65d70;outline-offset:3px}
@media(max-width:760px){.dok-channels{padding:48px 0}.dok-channels-grid{grid-template-columns:1fr;gap:13px}.dok-channels-heading{margin-bottom:22px}.dok-channel-card{padding:22px}.dok-channel-card>p{font-size:14px}.dok-channel-number{margin:0 0 20px}}
@media(max-width:400px){.dok-channels{padding:37px 0}.dok-channels-heading>p{font-size:14px}.dok-channel-card{padding:18px}.dok-channel-action{width:100%}.dok-channel-actions{width:100%}.dok-app-download{gap:10px;padding:9px}.dok-app-download img{width:92px;height:92px}.dok-app-download span{font-size:12px}}


/* V20 — Il mondo Dok: racconto fotografico, accessibile e mobile-first */
.dok-life{background:#f3eee6;padding:clamp(55px,7vw,105px) 0;overflow:hidden}
.dok-life-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(25px,5vw,78px);align-items:center;margin-bottom:18px}
.dok-life-intro{padding:12px 0 18px;max-width:570px}
.dok-life-intro h2{font:800 clamp(38px,4.7vw,68px)/1.04 Outfit,Arial,sans-serif;letter-spacing:-2.5px;margin:18px 0 24px;color:#26211f}
.dok-life-intro h2 em{font-style:normal;color:var(--red)}
.dok-life-intro p{font-size:clamp(15px,1.35vw,18px);line-height:1.75;color:#5c5550;margin:0 0 16px}
.dok-life-intro .dok-life-signoff{font-weight:800;color:#312923;margin-top:18px}
.dok-life-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.dok-life-social,.dok-life-follow{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;border-radius:11px;padding:12px 18px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}
.dok-life-social:hover,.dok-life-follow:hover{transform:translateY(-2px)}
.dok-life-social svg{width:19px;height:19px;flex:none}.dok-life-social-primary,.dok-life-follow{background:var(--red);color:#fff}.dok-life-social-primary:hover,.dok-life-follow:hover{background:#a7192b}.dok-life-social-outline{border:1px solid #d8c7bd;background:#fff9f3;color:#9e1c30}
.dok-life-photo{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:19px;background:#e1d8cd;isolation:isolate}
.dok-life-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.dok-life-photo:hover img{transform:scale(1.025)}
.dok-life-photo:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(18,13,10,.78));pointer-events:none}
.dok-life-photo figcaption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:clamp(16px,2.3vw,29px);color:#fff;text-shadow:0 1px 4px #0005}
.dok-life-photo figcaption span{display:block;font-size:10px;letter-spacing:1.6px;font-weight:800;margin-bottom:7px;color:#ffe6d3}
.dok-life-photo figcaption strong{font:750 clamp(18px,2vw,26px)/1.2 Outfit,Arial,sans-serif}
.dok-life-feature{height:clamp(390px,43vw,550px);box-shadow:0 18px 55px #43251b1b}
.dok-life-feature img{object-position:center 42%}
.dok-life-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:16px}
.dok-life-mosaic .dok-life-photo{grid-column:span 4}
.dok-life-mosaic .dok-life-wide{grid-column:span 7}
.dok-life-mosaic .dok-life-wide+.dok-life-photo{grid-column:span 5}
.dok-life-mosaic .dok-life-bike{grid-column:span 4}
.dok-life-mosaic .dok-life-photo:nth-child(3) img{object-position:center 36%}
.dok-life-mosaic .dok-life-photo:nth-child(4) img{object-position:center 35%}
.dok-life-bottom{margin-top:22px;padding:23px 27px;border-radius:16px;background:#fffaf4;border:1px solid #e7dcd1;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dok-life-bottom>div{position:relative;padding-left:37px}.dok-life-heart{position:absolute;left:0;top:0;color:var(--red);font-size:25px}.dok-life-bottom strong{font:800 20px Outfit,Arial,sans-serif}.dok-life-bottom p{margin:5px 0 0;color:#6a6059;font-size:14px;line-height:1.5}
.dok-life a:focus-visible{outline:3px solid #ae2a42;outline-offset:4px}
@media(max-width:900px){.dok-life-top{gap:22px;grid-template-columns:1fr 1fr}.dok-life-intro h2{font-size:clamp(32px,5vw,46px);letter-spacing:-1.6px}.dok-life-feature{height:430px}.dok-life-mosaic{grid-auto-rows:185px;gap:12px}.dok-life-photo figcaption{padding:16px}.dok-life-photo figcaption strong{font-size:19px}}
@media(max-width:700px){.dok-life{padding:52px 0}.dok-life-top{grid-template-columns:1fr;gap:18px}.dok-life-intro{max-width:none;padding:0}.dok-life-intro h2{font-size:clamp(37px,9vw,55px);margin:14px 0 18px}.dok-life-intro p{font-size:15px;line-height:1.7}.dok-life-socials{margin-top:23px}.dok-life-feature{height:390px}.dok-life-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:230px;gap:10px}.dok-life-mosaic .dok-life-photo,.dok-life-mosaic .dok-life-wide,.dok-life-mosaic .dok-life-wide+.dok-life-photo,.dok-life-mosaic .dok-life-bike{grid-column:span 1}.dok-life-mosaic .dok-life-wide{grid-column:span 2}.dok-life-mosaic .dok-life-bike{grid-column:span 2;height:240px}.dok-life-mosaic .dok-life-photo figcaption strong{font-size:18px}.dok-life-mosaic .dok-life-photo figcaption span{font-size:9px}.dok-life-bottom{flex-direction:column;align-items:stretch;padding:20px}.dok-life-follow{width:100%}}
@media(max-width:400px){.dok-life-feature{height:345px}.dok-life-mosaic{grid-auto-rows:205px}.dok-life-photo figcaption{padding:13px}.dok-life-photo figcaption strong{font-size:16px}.dok-life-photo figcaption span{font-size:8px;letter-spacing:.8px}.dok-life-social{flex:1;padding:12px 10px}.dok-life-intro h2{letter-spacing:-1.4px}}
@media(prefers-reduced-motion:reduce){.dok-life-photo img,.dok-life-social,.dok-life-follow{transition:none}.dok-life-photo:hover img,.dok-life-social:hover,.dok-life-follow:hover{transform:none}}

/* V21 — navigazione alle sezioni, anche su smartphone */
html{scroll-padding-top:20px}
.nav nav{gap:clamp(12px,1.9vw,29px)}
.nav nav>a:not(.nav-shop){white-space:nowrap;transition:color .2s}
.nav nav>a:not(.nav-shop):hover{color:var(--red)}
.nav nav>a:focus-visible{outline:3px solid var(--red);outline-offset:5px;border-radius:3px}
@media(max-width:900px){
 .nav{height:auto;min-height:78px;display:flex;flex-wrap:wrap;gap:0;align-items:center;padding-top:9px;padding-bottom:0}
 .brand-logos{min-height:61px}
 .nav nav{display:flex;width:100%;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;align-items:center;padding:6px 0 12px;border-top:1px solid #eee;white-space:nowrap}
 .nav nav>a:first-child,.nav nav>a:nth-child(2){display:inline-flex}
 .nav nav>a:not(.nav-shop){display:inline-flex;padding:11px 13px;font-size:12px;min-height:42px;align-items:center}
 .nav nav>a:first-child{padding-left:0}
 .nav nav .nav-shop{margin-left:auto;padding:11px 14px;font-size:11px;flex:none}
}
@media(max-width:600px){.nav{min-height:0}.brand-logos{min-height:60px}.nav nav>a:not(.nav-shop){font-size:12px;padding:11px 12px}.nav nav .nav-shop{margin-left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V22 — Mosaico mobile: tre fotografie centrali sulla stessa riga */
@media (max-width:700px){
  .dok-life-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(145px,43vw,205px);gap:7px}
  .dok-life-mosaic .dok-life-photo{grid-column:span 1;min-width:0}
  .dok-life-mosaic .dok-life-wide,.dok-life-mosaic .dok-life-bike{grid-column:1 / -1}
  .dok-life-mosaic .dok-life-wide+.dok-life-photo{grid-column:span 1}
  .dok-life-mosaic .dok-life-bike{height:230px}
  .dok-life-mosaic .dok-life-photo:not(.dok-life-wide):not(.dok-life-bike){border-radius:11px}
  .dok-life-mosaic .dok-life-photo:not(.dok-life-wide):not(.dok-life-bike) figcaption{padding:9px 7px}
  .dok-life-mosaic .dok-life-photo:not(.dok-life-wide):not(.dok-life-bike) figcaption span{display:none}
  .dok-life-mosaic .dok-life-photo:not(.dok-life-wide):not(.dok-life-bike) figcaption strong{font-size:clamp(10px,2.8vw,13px);line-height:1.18;letter-spacing:-.15px;display:block;overflow-wrap:normal;hyphens:auto}
}

/* V23 — mobile: la cargo bike non invade il riquadro social sottostante */
@media(max-width:700px){
 .dok-life-mosaic{grid-template-rows:clamp(200px,57vw,250px) clamp(145px,43vw,205px) 230px;grid-auto-rows:auto;align-items:stretch}
 .dok-life-mosaic .dok-life-photo{height:100%;min-height:0}
 .dok-life-mosaic .dok-life-bike{height:100%;min-height:0;grid-column:1/-1}
 .dok-life-bottom{position:relative;margin-top:22px;clear:both}
 .dok-life-bottom-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
 .dok-life-bottom-actions .dok-life-follow{min-width:0;width:100%;padding:12px 10px;font-size:13px;text-align:center}
 .dok-life-bottom-actions .dok-life-follow-secondary{background:#fff9f3;color:#a7192b;border:1px solid #dfb8bf}
}
@media(min-width:701px){.dok-life-bottom-actions{display:flex;gap:10px;flex-wrap:wrap}.dok-life-bottom-actions .dok-life-follow-secondary{background:#fff9f3;color:#a7192b;border:1px solid #dfb8bf}}
@media(max-width:370px){.dok-life-bottom-actions{grid-template-columns:1fr}}

/* V22 — WhatsApp riconoscibile e illustrazione volantino, responsive */
.dok-wa-mark{display:block;width:27px;height:27px;object-fit:contain}
.dok-wa-number{display:inline-flex;align-items:center;gap:10px;max-width:100%}
.dok-wa-number img{width:28px;height:28px;flex:none}
.dok-update-visual{width:100%;height:176px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 16px;border-radius:14px;background:linear-gradient(115deg,#f2fbf5,#f8f6ef);border:1px solid #e4f0e8}
.dok-update-visual img{display:block;width:100%;height:100%;object-fit:contain}
.dok-channel-card-updates .dok-update-instruction{margin-top:auto}
@media(max-width:760px){.dok-update-visual{height:clamp(135px,36vw,195px)}.dok-wa-number img{width:25px;height:25px}}
@media(max-width:400px){.dok-update-visual{height:142px}.dok-wa-number{gap:7px}}


/* V24 — illustrazioni indipendenti ispirate alla bozza approvata.
   Testi, link e QR restano elementi HTML accessibili e interattivi. */
.dok-channel-card{position:relative;isolation:isolate;overflow:hidden}
.dok-channel-card>:not(.dok-channel-art){position:relative;z-index:1}
.dok-channel-art{position:absolute;z-index:0;pointer-events:none;display:block;object-fit:contain;object-position:right center;right:0;top:16%;width:38%;height:68%;opacity:.97}
.dok-channel-card-phone .dok-channel-art{right:0;top:19%;width:34%;height:66%}
.dok-channel-card-list .dok-channel-art{right:0;top:13%;width:36%;height:73%}
.dok-channel-card-app .dok-channel-art{right:-2%;top:13%;width:33%;height:73%}
.dok-channel-card-updates .dok-channel-art{right:0;top:14%;width:35%;height:71%}
.dok-channel-card-phone>p,.dok-channel-card-list>p,.dok-channel-card-app>p,.dok-channel-card-updates>p{max-width:69%}
.dok-channel-card-app .dok-app-download{max-width:72%;margin-top:auto}
.dok-channel-card-updates .dok-update-instruction{max-width:75%}
.dok-channel-card-updates .dok-channel-action{margin-top:0}
@media(min-width:761px) and (max-width:1040px){
 .dok-channel-art{width:30%!important;opacity:.65}
 .dok-channel-card>p{max-width:79%!important}
 .dok-channel-card-app .dok-app-download,.dok-channel-card-updates .dok-update-instruction{max-width:100%}
}
@media(max-width:760px){
 .dok-channel-art{top:24px!important;right:4px!important;width:29%!important;height:180px!important;opacity:.48}
 .dok-channel-card>p{max-width:100%!important}
 .dok-channel-card-app .dok-app-download,.dok-channel-card-updates .dok-update-instruction{max-width:100%}
 .dok-channel-card>:not(.dok-channel-art){z-index:1}
}
@media(max-width:420px){.dok-channel-art{width:26%!important;height:125px!important;opacity:.33}}

/* Buoni pasto Dok: blocco responsive dopo i servizi */
.dok-meal{padding:24px 0 68px;background:#faf7f2;scroll-margin-top:100px}
.dok-meal-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;overflow:hidden;background:#fffdfb;border:1px solid #eee4dc;border-radius:24px;box-shadow:0 15px 45px #34210d0b}
.dok-meal-copy{position:relative;z-index:2;padding:48px 12px 34px 48px;display:flex;flex-direction:column;align-items:flex-start}
.dok-meal .overline{color:#c91e32;letter-spacing:.14em;font-size:11px;font-weight:800}
.dok-meal h2{font-size:clamp(35px,4.4vw,60px);line-height:1.04;letter-spacing:-.045em;margin:20px 0 20px;color:#17181d;font-weight:900}
.dok-meal h2 em{font-style:normal;color:#c91e32;display:block}
.dok-meal-copy>p{max-width:510px;font-size:16px;line-height:1.7;color:#625e5c;margin:0 0 22px}
.dok-meal-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.dok-meal-benefits>span{display:inline-flex;align-items:center;gap:9px;padding:12px 15px;border-radius:13px;background:#fff0f0;color:#bd1730;font-size:13px;font-weight:800}
.dok-meal-benefits>span>span{font-weight:900;font-size:18px}
.dok-meal-networks{width:100%;max-width:560px;background:#f8f5f1;border-radius:16px;padding:14px 18px;margin-top:auto}
.dok-meal-networks strong{display:block;font-size:11px;color:#6b625d;letter-spacing:.04em;margin-bottom:6px}
.dok-meal-networks img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain;object-position:left center}
.dok-meal-visual{min-width:0;min-height:420px;overflow:hidden;display:flex;align-items:stretch;justify-content:center}
.dok-meal-visual img{width:100%;height:100%;object-fit:cover;object-position:58% center}
@media(max-width:850px){.dok-meal{padding:16px 0 45px}.dok-meal-panel{grid-template-columns:1fr}.dok-meal-copy{padding:30px 26px 0}.dok-meal h2{font-size:clamp(35px,7vw,48px)}.dok-meal-visual{min-height:0;height:310px}.dok-meal-visual img{object-fit:contain;object-position:center center}.dok-meal-networks{margin-top:8px}.dok-meal-networks img{max-height:90px}}
@media(max-width:480px){.dok-meal-copy{padding:26px 18px 0}.dok-meal h2{font-size:37px}.dok-meal-copy>p{font-size:14px}.dok-meal-benefits>span{font-size:12px;padding:10px}.dok-meal-visual{height:245px}.dok-meal-networks{padding:12px}.dok-meal-networks img{max-height:85px}}

/* V25 — buoni pasto: composizione editoriale, loghi originali individuali */
.dok-meal{padding:34px 0 76px}
.dok-meal-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);grid-template-rows:auto auto;align-items:stretch;overflow:hidden;border-radius:25px;background:#fffdfb;box-shadow:0 18px 48px #34210d10}
.dok-meal-copy{grid-column:1;grid-row:1;z-index:2;padding:clamp(32px,4vw,58px) 20px 18px clamp(28px,4vw,55px);display:flex;flex-direction:column;align-items:flex-start}
.dok-meal h2{font-size:clamp(38px,4.5vw,64px);line-height:1.03;margin:22px 0 23px;letter-spacing:-.045em}
.dok-meal-copy>p{max-width:500px;font-size:clamp(15px,1.4vw,18px);line-height:1.65;margin-bottom:25px}
.dok-meal-benefits{margin-bottom:4px;gap:11px}
.dok-meal-benefits>span{background:#fcebec;padding:13px 17px}
.dok-meal-visual{grid-column:2;grid-row:1 / span 2;min-height:0;height:auto;overflow:hidden;position:relative;background:#fff8f5}
.dok-meal-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center center}
.dok-meal-networks{grid-column:1;grid-row:2;z-index:3;max-width:none;width:auto;margin:12px 0 38px clamp(28px,4vw,55px);padding:16px 18px 18px;border:1px solid #f0e9e1;border-radius:18px;background:#f8f5f0}
.dok-meal-networks>strong{font-size:11px;letter-spacing:.09em;color:#786f68;margin:0 0 13px}
.dok-meal-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:center}
.dok-meal-logo{height:58px;display:flex;align-items:center;justify-content:center;min-width:0}
.dok-meal-logo img{display:block;max-width:100%;width:auto;height:auto;max-height:48px;object-fit:contain}
.dok-meal-logo:first-child img{max-height:52px}
@media(max-width:1050px) and (min-width:801px){.dok-meal-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dok-meal-logo{height:48px}.dok-meal-logo img{max-height:40px}.dok-meal-copy{padding-right:12px}}
@media(max-width:800px){.dok-meal{padding:24px 0 48px}.dok-meal-panel{grid-template-columns:1fr;grid-template-rows:auto auto auto}.dok-meal-copy{grid-column:1;grid-row:1;padding:30px 26px 8px}.dok-meal h2{font-size:clamp(38px,7vw,53px)}.dok-meal-visual{grid-column:1;grid-row:2;height:clamp(240px,52vw,410px);background:#fffaf7}.dok-meal-visual img{position:static;width:100%;height:100%;object-fit:contain}.dok-meal-networks{grid-column:1;grid-row:3;margin:10px 24px 26px;padding:16px}.dok-meal-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dok-meal-logo{height:57px}}
@media(max-width:480px){.dok-meal-copy{padding:26px 20px 8px}.dok-meal h2{font-size:clamp(36px,10vw,46px)}.dok-meal-copy>p{font-size:14px}.dok-meal-benefits>span{padding:10px 11px;font-size:11px}.dok-meal-visual{height:260px}.dok-meal-networks{margin:8px 15px 20px;padding:14px 11px}.dok-meal-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.dok-meal-logo{height:51px}.dok-meal-logo img{max-height:39px}.dok-meal-logo:first-child img{max-height:44px}}


/* V27 — visual fotografico senza loghi sintetici, tipografia coerente con il sito */
.dok-meal h2{font-family:Outfit,Arial,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.04}
.dok-meal h2 em{font-family:inherit;font-weight:inherit}
.dok-meal-visual{display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;background:#fffaf7}
.dok-meal-visual img{position:static;inset:auto;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center center}
@media(max-width:800px){.dok-meal-visual{height:auto;min-height:0;aspect-ratio:1648 / 928;padding:0}.dok-meal-visual img{width:100%;height:auto;object-fit:contain}}
@media(max-width:480px){.dok-meal-visual{height:auto;min-height:0;aspect-ratio:1648 / 928}}

/* V31 — Buoni pasto: proporzioni corrette senza modificare o ritagliare l'immagine.
   Il pannello segue l'altezza del contenuto anziché imporre 490px. */
@media (min-width:801px){
  .dok-meal-panel{
    grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);
    grid-template-rows:auto auto;
    min-height:0;
    align-items:stretch;
  }
  .dok-meal-copy{
    padding:clamp(26px,3vw,38px) 12px 8px clamp(26px,3.5vw,44px);
  }
  .dok-meal h2{font-size:clamp(38px,4.15vw,56px);margin:13px 0 14px}
  .dok-meal-copy>p{font-size:clamp(14px,1.25vw,16px);line-height:1.55;margin:0 0 16px}
  .dok-meal-benefits{gap:8px}
  .dok-meal-benefits>span{padding:10px 12px;font-size:12px}
  .dok-meal-networks{
    margin:10px 8px 26px clamp(26px,3.5vw,44px);
    padding:12px 13px 14px;
  }
  .dok-meal-networks>strong{margin-bottom:8px}
  .dok-meal-logos{gap:7px}
  .dok-meal-logo{height:48px}
  .dok-meal-logo img{max-height:42px}
  .dok-meal-visual{
    grid-column:2;grid-row:1 / span 2;
    display:flex;align-items:center;justify-content:center;
    height:auto;min-height:0;padding:0;
    overflow:hidden;background:#fffaf7;
  }
  .dok-meal-visual img{
    position:static;inset:auto;display:block;
    width:100%;height:auto;max-width:100%;max-height:none;
    object-fit:contain;object-position:center;
    transform:none;
  }
}
@media (min-width:801px) and (max-width:1050px){
  .dok-meal-panel{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
  .dok-meal-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dok-meal-logo{height:37px}
  .dok-meal-logo img{max-height:34px}
}
@media (max-width:800px){
  .dok-meal-panel{grid-template-columns:1fr;grid-template-rows:auto auto}
  .dok-meal-visual{display:none!important}
  .dok-meal-networks{grid-column:1;grid-row:2;margin-top:15px}
}

/* V32 — fascia buoni pasto autonoma: alternanza cromatica con i servizi Dok.
   Nessuna modifica al pannello, alle immagini o al layout responsive. */
.dok-meal{background:#f8ece9;}
@media (min-width:801px){.dok-meal{padding-top:64px;padding-bottom:76px;}}
@media (max-width:800px){.dok-meal{padding-top:44px;padding-bottom:48px;}}
@media (max-width:480px){.dok-meal{padding-top:34px;padding-bottom:40px;}}


/* V33 — Condizioni dei servizi: accordion accessibile, tre schede responsive */
.dok-service-terms{margin:30px 0 12px}
.dok-terms-disclosure{border:1px solid #eadfd5;border-radius:21px;background:#fffdfa;box-shadow:0 12px 30px rgba(52,33,13,.045);overflow:hidden}
.dok-terms-trigger{list-style:none;cursor:pointer;display:flex;align-items:center;gap:17px;padding:21px 25px;min-height:100px}
.dok-terms-trigger::-webkit-details-marker{display:none}
.dok-terms-trigger:focus-visible,.dok-terms-action:focus-visible{outline:3px solid #c91e33;outline-offset:-3px}
.dok-terms-trigger-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fbe9eb;color:#c71f30;font-weight:800;font-size:24px;font-family:Georgia,serif}
.dok-terms-trigger-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.dok-terms-trigger-copy strong{font-family:Outfit,Arial,sans-serif;font-size:clamp(17px,2vw,21px);font-weight:800;color:#1b1b1e;line-height:1.18}
.dok-terms-trigger-copy small{font-size:13px;color:#685f5b;line-height:1.5}
.dok-terms-trigger-link{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#bd1830;font-size:13px;font-weight:800}
.dok-terms-chevron{display:grid;place-items:center;width:30px;height:30px;border:1px solid #f1cdd2;border-radius:50%;font-size:24px;line-height:1;transition:transform .2s}
.dok-terms-disclosure[open] .dok-terms-chevron{transform:rotate(180deg)}
.dok-terms-body{border-top:1px solid #efe5de;padding:28px 25px 24px;background:linear-gradient(180deg,#fffaf6,#fffdfb)}
.dok-terms-intro{margin-bottom:23px}
.dok-terms-intro h3{font-family:Outfit,Arial,sans-serif;font-size:clamp(20px,2.5vw,27px);font-weight:800;letter-spacing:-.03em;margin:0 0 7px;color:#1b1b1e}
.dok-terms-intro p{margin:0;color:#655b55;font-size:14px;line-height:1.6}
.dok-terms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.dok-terms-card{display:flex;flex-direction:column;align-items:stretch;border:1px solid #eadfd5;border-radius:16px;background:white;padding:22px 20px;min-width:0}
.dok-terms-card-store{background:#fffaf8}
.dok-terms-label{font-size:10px;letter-spacing:.11em;color:#bd1830;font-weight:800;margin-bottom:9px}
.dok-terms-card h4{font-family:Outfit,Arial,sans-serif;font-weight:800;font-size:22px;line-height:1.15;letter-spacing:-.035em;margin:0 0 9px;color:#171719}
.dok-terms-sub{font-size:13px;line-height:1.6;color:#655e58;margin:0 0 18px}
.dok-terms-prices{margin:0 0 16px;padding:0;border-top:1px solid #f0e7e1}
.dok-terms-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #f0e7e1;padding:11px 0}
.dok-terms-prices dt{font-size:12px;line-height:1.4;color:#5f5853}
.dok-terms-prices dd{margin:0;font-size:17px;font-family:Outfit,Arial,sans-serif;font-weight:800;color:#19191d;text-align:right;white-space:nowrap}
.dok-terms-prices dd.dok-terms-free{color:#137a46}
.dok-terms-detail{font-size:12px;line-height:1.65;color:#5e5651;margin:0 0 10px}
.dok-terms-detail strong{color:#332c2b}
.dok-terms-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;align-self:flex-start;margin-top:auto;padding:12px 16px;border-radius:10px;background:#c71f30;color:#fff!important;text-decoration:none;font-weight:800;font-size:12px;min-height:43px}
.dok-terms-footnote{font-size:11px;color:#756d68;line-height:1.65;margin:17px 0 0}
@media(max-width:1000px){.dok-terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dok-terms-card-store{grid-column:1 / -1}}
@media(max-width:650px){.dok-service-terms{margin-top:23px}.dok-terms-trigger{padding:18px 15px;gap:12px;align-items:flex-start}.dok-terms-trigger-icon{flex-basis:35px;height:35px;border-radius:10px;font-size:21px}.dok-terms-trigger-copy strong{font-size:17px}.dok-terms-trigger-copy small{font-size:12px}.dok-terms-trigger-link{font-size:0;gap:0;align-self:center}.dok-terms-chevron{font-size:22px}.dok-terms-body{padding:20px 13px}.dok-terms-grid{grid-template-columns:1fr;gap:12px}.dok-terms-card-store{grid-column:auto}.dok-terms-card{padding:20px 17px}.dok-terms-action{width:100%}}
@media(prefers-reduced-motion:reduce){.dok-terms-chevron{transition:none}}

/* V34 — Controllo apertura/chiusura condizioni: etichette dinamiche e icona nitida */
.dok-terms-trigger-link{gap:13px;white-space:nowrap;transition:color .18s ease}
.dok-terms-trigger:hover .dok-terms-trigger-link{color:#a61228}
.dok-terms-label-open{display:none}
.dok-terms-disclosure[open] .dok-terms-label-closed{display:none}
.dok-terms-disclosure[open] .dok-terms-label-open{display:inline}
.dok-terms-chevron{width:36px;height:36px;flex:0 0 36px;background:#fff2f3;border:1px solid #f0c9ce;color:#bd1830;border-radius:11px;transition:background .2s ease,transform .2s ease,border-color .2s ease;box-sizing:border-box}
.dok-terms-chevron svg{width:18px;height:18px;display:block}
.dok-terms-trigger:hover .dok-terms-chevron{background:#fbe1e5;border-color:#e9aeb7}
.dok-terms-disclosure[open] .dok-terms-chevron{transform:rotate(180deg);background:#c71f30;color:#fff;border-color:#c71f30}
@media(max-width:650px){.dok-terms-trigger-link{gap:0}.dok-terms-chevron{width:38px;height:38px;flex-basis:38px;border-radius:11px}.dok-terms-trigger-link .dok-terms-label-closed,.dok-terms-trigger-link .dok-terms-label-open{display:none}}
@media(prefers-reduced-motion:reduce){.dok-terms-chevron,.dok-terms-trigger-link{transition:none}}


/* V35 — Icone vettoriali e gradienti tenui, senza modificare la griglia o le CTA */
.dok-terms-card{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffff 42%,#fff2f3 100%)}
.dok-terms-card:nth-child(2){background:linear-gradient(145deg,#ffffff 42%,#eff8f2 100%)}
.dok-terms-card-store{background:linear-gradient(145deg,#ffffff 42%,#fff3e7 100%)}
.dok-terms-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.dok-terms-card-top .dok-terms-label{margin:8px 0 0}
.dok-terms-icon-wrap{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#fce9ec;color:#bc2035}
.dok-terms-card:nth-child(2) .dok-terms-icon-wrap{background:#e5f3e9;color:#258254}
.dok-terms-card-store .dok-terms-icon-wrap{background:#fff0de;color:#a86b24}
.dok-terms-card-icon{width:22px;height:22px;display:block}
@media(max-width:650px){.dok-terms-icon-wrap{width:36px;height:36px;flex-basis:36px;border-radius:10px}.dok-terms-card-icon{width:20px;height:20px}}

/* v37: FAQ responsive, nessuna modifica agli altri componenti */
@media (min-width: 801px) {
  .seo-faq-list {grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 16px;}
  .seo-faq-item summary {font-size:15px;line-height:1.4;padding:16px 3px;}
}
.seo-faq-more {display:none;}
@media (max-width: 800px) {
  .seo-faq-list {grid-template-columns:minmax(0,1fr);}
  .seo-faq:not(.faq-all-visible) .seo-faq-item:nth-child(n+6) {display:none;}
  .seo-faq-more {display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;padding:13px 20px;border:1px solid #d9b5b8;border-radius:999px;background:#fff;color:#a61b2b;font:700 14px Outfit,Arial,sans-serif;cursor:pointer;min-height:46px;}
  .seo-faq-more:focus-visible {outline:2px solid #c91e32;outline-offset:3px;}
  .seo-faq-more span:last-child {font-size:20px;line-height:1;transition:transform .2s ease;}
  .seo-faq.faq-all-visible .seo-faq-more span:last-child {transform:rotate(180deg);}
}

/* V39 — Fullscreen desktop: inizio del PDF sempre raggiungibile con lo scroll.
   Evita che align-items:center centri verticalmente pagine piu' alte del viewport. */
@media (min-width:801px) {
  .reader:fullscreen .reader-stage {
    flex:1 1 0;
    min-height:0;
    align-items:flex-start;
  }
  .reader:fullscreen .pdf-pages {
    margin-left:auto;
    margin-right:auto;
  }
}