/* ===================================================================== Nova Food - foglio di stile del tema WordPress GENERATO da genera_css.py: non modificare a mano. Per cambiare qualcosa si modifica il sito e si rigenera. Ordine dei blocchi (determina chi vince, non invertirlo): 1. base: CSS della homepage, integrale e nell'ordine originale 2. componenti presenti solo nelle altre pagine 3. regole proprie di una pagina, limitate a quella pagina con la classe che WordPress mette sul 4. uniformita mobile 5. adattamenti WordPress (menu, barra admin, scheda prodotto) ===================================================================== */ @font-face{font-family:'Gentleman';src:url(../fonts/gentleman-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:'Gentleman';src:url(../fonts/gentleman-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap} @font-face{font-family:'Gentleman';src:url(../fonts/gentleman-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap} @font-face{font-family:'Gentleman';src:url(../fonts/gentleman-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:'Gentleman';src:url(../fonts/gentleman-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap} @font-face{font-family:'Gentleman';src:url(../fonts/gentleman-900.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap} .hero h1{font-weight:800!important}.hero h1 em{font-style:normal!important}.press .row span{font-style:normal!important}@media(max-width:640px){} :root{ --red:#9d2933;--red-d:#7a1f27;--red-2:#b8333f;--maroon:#4e1a18;--green:#5c7d2a;--green-d:#46611f;--olive:#6b7d3a;--orange:#e8821e;--orange-d:#cf6f12; --gold:#c9a227;--ink:#3a2418;--muted:#857668;--line:#ece0cb;--cream:#f8efdf;--paper:#fffaf2;--card:#fffdf9; --shadow-s:0 2px 10px rgba(60,40,20,.07);--shadow:0 14px 40px rgba(60,40,20,.13);--radius:18px; --serif:"Gentleman","Iowan Old Style",Georgia,serif; --sans:"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden} body{font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} img{max-width:100%;display:block}a{color:inherit;text-decoration:none} .wrap{max-width:1240px;margin:0 auto;padding:0 26px}.serif{font-family:var(--serif)} ::selection{background:var(--orange);color:#fff} .rev{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.2,.7,.2,1)}.rev.in{opacity:1;transform:none} header{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} header.scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} .hbar{display:flex;align-items:center;gap:22px;height:74px} .brand{display:flex;align-items:center;gap:12px} .logo-leaf{width:38px;height:38px;flex:0 0 auto} .brand .nm{font-family:var(--serif);font-size:23px;font-weight:700;line-height:1} .brand .nm b{color:var(--green)}.brand .nm i{color:var(--red);font-style:normal} .brand .sub{display:block;font-size:9.5px;font-weight:700;letter-spacing:2.5px;color:var(--muted);margin-top:3px} .hnav{display:flex;gap:26px;margin-left:6px;flex:1} .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} .hnav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--red);transition:.25s} .hnav a:hover{opacity:1}.hnav a:hover:after{right:0} .btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:30px;transition:.2s} .btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(157,41,51,.28)}.btn-red:hover{background:var(--red-d);transform:translateY(-1px)} .btn-ghost{background:transparent;border:1.4px solid currentColor;color:var(--ink)}.btn-ghost:hover{border-color:var(--red);color:var(--red)} .btn-gold{background:#6aa12c;color:#fff;box-shadow:0 8px 20px rgba(106,161,44,.36)}.btn-gold:hover{background:#588a24;transform:translateY(-1px)} /* .btn-green era usato in pagina ma definito solo nelle altre pagine: sulla home i pulsanti verdi restavano senza colore. */ .btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(92,125,42,.26)}.btn-green:hover{background:var(--green-d);transform:translateY(-1px)} .hburger{display:none;background:none;border:none;cursor:pointer;font-size:26px;color:var(--red);margin-left:auto} .hero{position:relative;min-height:460px;display:flex;align-items:center;color:#fff;overflow:hidden} .hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:zoom 18s ease-out forwards} @keyframes zoom{from{transform:scale(1.12)}to{transform:scale(1)}} .hero .scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(60,16,20,.94),rgba(90,24,28,.78) 42%,rgba(60,16,20,.22) 78%)} .hero .grain{position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(232,130,30,.26),transparent 46%)} .hero .inner{position:relative;padding:50px 0;max-width:740px} .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:3.5px;font-weight:700;margin-bottom:24px;text-transform:uppercase} .hero .eyebrow:before{content:"";width:34px;height:1.5px;background:#9ecb4e} .hero h1{font-family:var(--serif);font-size:clamp(42px,6vw,72px);line-height:1.03;font-weight:700;margin-bottom:22px;letter-spacing:-.5px} .hero h1 em{font-style:italic;color:#9ecb4e} .hero p{font-size:19.5px;opacity:.93;max-width:560px;margin-bottom:32px} .hero .cta{display:flex;gap:13px;flex-wrap:wrap} .sec{padding:72px 0} .sec-head{max-width:720px;margin-bottom:34px}.sec-head.ctr{margin:0 auto 36px;text-align:center} .kick{display:inline-flex;align-items:center;gap:9px;color:var(--red);font-weight:800;font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase} .kick:before{content:"";width:26px;height:1.5px;background:#6aa12c} .sec-head.ctr .kick:after{content:"";width:26px;height:1.5px;background:#6aa12c} .sec-head h2{font-family:var(--serif);font-size:clamp(30px,4vw,48px);font-weight:700;margin-top:12px;letter-spacing:-.5px;line-height:1.08} .sec-head p{color:var(--muted);margin-top:14px;font-size:17px} .alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .split{display:grid;grid-template-columns:1.25fr .75fr;grid-template-areas:"head img" "body img";column-gap:46px;row-gap:16px;align-items:center} .split .s-head{grid-area:head;align-self:end} .split .ph{grid-area:img;align-self:center} .split .s-body{grid-area:body;align-self:start} .split.rev2{grid-template-columns:.75fr 1.25fr;grid-template-areas:"img head" "img body"} .split .s-body p{font-size:16.5px;color:#4a4034;margin-bottom:16px} .split .s-head .kick{margin-bottom:2px} .split .ph{position:relative} .split .ph img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;aspect-ratio:4/3;object-fit:cover} .split .ph .float{position:absolute;bottom:16px;right:16px;background:var(--red);color:#fff;font-family:var(--serif);font-size:13.5px;font-weight:700;padding:9px 15px;border-radius:11px;box-shadow:0 8px 22px rgba(0,0,0,.22)} .split .ph .float.g{background:var(--green);left:16px;right:auto} .taglist{display:flex;flex-wrap:nowrap;gap:7px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.taglist::-webkit-scrollbar{display:none}@media(max-width:680px){.taglist{flex-wrap:wrap;overflow:visible}} .tag{font-size:12px;background:#fff;border:1px solid var(--line);padding:5px 11px;border-radius:20px;font-weight:600;white-space:nowrap;flex:0 0 auto}.tag.r{border-color:#eccdcf;color:var(--red)} .brandbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px} /* category preview */ .catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px} .catcard{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;cursor:pointer;box-shadow:var(--shadow-s);display:block} .catcard img{width:100%;height:100%;object-fit:cover;transition:.55s cubic-bezier(.2,.7,.2,1)} .catcard:hover img{transform:scale(1.08)} .catcard .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(30,18,12,.82))} .catcard .lab{position:absolute;left:16px;right:16px;bottom:14px;color:#fff} .catcard .lab .bar{width:34px;height:4px;border-radius:4px;margin-bottom:9px} .catcard .lab h4{font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.15} .catcta{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:40px} .cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px} .ic{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;transition:.25s} .ic:hover{transform:translateY(-4px);box-shadow:var(--shadow-s);border-color:transparent} .ic .icn{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px} .ic.g .icn{background:linear-gradient(135deg,var(--green),var(--olive))} .ic h4{font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:8px}.ic p{font-size:14px;color:var(--muted)} .contact{position:relative;background:linear-gradient(125deg,var(--maroon),var(--red) 62%,#8a2129);color:#fff;overflow:hidden;padding:56px 0} .contact h2{color:#fff} .contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgba(232,130,30,.26),transparent 42%)} .contact .wrap{position:relative} .contact .grid2{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center} .contact .kick{color:#f3d49a}.contact .kick:before{background:#f3d49a} .cinfo{margin-top:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}@media(max-width:640px){.cinfo{grid-template-columns:1fr;gap:8px 0}}.cinfo li,.cinfo li a{color:#fff} .cinfo li{list-style:none;display:flex;align-items:center;gap:11px;padding:7px 0;font-size:14.5px;line-height:1.35}.cinfo li a{white-space:nowrap}.cinfo .ci{width:34px;height:34px}.cinfo .ci svg{width:18px;height:18px}.cinfo .ci-wa{background:#25D366} .cinfo .ci{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto} .cinfo a:hover{color:#f6d99b} .legalbox{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:28px;backdrop-filter:blur(6px)} .legalbox h4{font-family:var(--serif);font-size:21px;margin-bottom:14px} .legalbox p{font-size:14.5px;opacity:.9;margin-bottom:8px} .legalbox .btn{margin-top:14px;width:100%;justify-content:center} footer{background:var(--paper);color:#7a6c5b;padding:34px 0;font-size:14px;border-top:1px solid var(--line)} footer .fg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;align-items:center} .foot-legal{max-width:68%}@media(max-width:640px){.foot-legal{max-width:100%}.foot-legal span{font-size:12px;line-height:1.6}} footer b{color:var(--ink);font-family:var(--serif)}footer a{color:var(--red)}footer a:hover{color:var(--red-d)} .toTop{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;border:none;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:55;box-shadow:var(--shadow)} .toTop.show{opacity:1;pointer-events:auto}.toTop:hover{background:var(--red)} @media(max-width:980px){.hnav{display:none}.hburger{display:block;margin-left:6px}.header-tools{display:flex!important;margin-left:auto}.header-tools .btn{padding:8px 14px;font-size:13px}.split,.contact .grid2{grid-template-columns:1fr;gap:16px}.split,.split.rev2{grid-template-columns:1fr;grid-template-areas:"head" "img" "body"}.split .ph{max-width:500px;width:100%;margin-left:auto;margin-right:auto}} .drawer{position:fixed;inset:0;z-index:90;background:rgba(36,28,20,.5);display:none}.drawer.open{display:block} .drawer .panel{position:absolute;top:0;right:0;width:78%;max-width:320px;height:100%;background:var(--paper);padding:30px 26px;display:flex;flex-direction:column;gap:6px} .drawer a:not(.btn){padding:14px 4px;font-family:var(--serif);font-size:20px;border-bottom:1px solid var(--line)}.drawer .btn{margin-top:12px;justify-content:center;border-bottom:none;padding:12px 18px;font-size:14.5px;width:100%} .brandlogo{height:34px;width:auto;display:block} @media(max-width:1100px){.sec{padding:60px 0}} @media(max-width:980px){.hbar{height:62px}.brandlogo{height:30px}.hero{min-height:460px}.hero .inner{padding:50px 0}} @media(max-width:640px){ .wrap{padding:0 20px}.sec{padding:44px 0}.sec-head{margin-bottom:22px} .contact{padding:42px 0}footer{padding:28px 0} .hero{min-height:430px} .hero .eyebrow{margin-bottom:12px;letter-spacing:2.5px;font-size:11px} .hero p{font-size:15.5px;line-height:1.55;margin-bottom:18px;max-width:none} .hero .cta{gap:10px;width:100%}.hero .cta .btn{flex:1 1 100%;justify-content:center} /* uno per riga: con 42% i due pulsanti stavano affiancati e l'etichetta piu' lunga andava a capo dentro il pulsante. In italiano passava, in inglese no, in tedesco sarebbe peggio. A tutta larghezza il testo sta su una riga in qualunque lingua e le due pagine si comportano allo stesso modo. */ .statcards{gap:14px} .catgrid{grid-template-columns:repeat(2,1fr);gap:13px} .catcard .lab h4{font-size:16px} .cards3{gap:14px}.ic{padding:24px 20px} .split .ph .float,.split .ph .float.g{position:static;display:inline-block;margin:12px 8px 0 0;left:auto;right:auto;bottom:auto} footer .fg{flex-direction:column;align-items:flex-start;gap:10px} .legalbox{padding:22px} } @media(max-width:380px){.catgrid{grid-template-columns:1fr}} @media(min-width:1550px){.wrap{max-width:1340px}} #intro{position:fixed;inset:0;z-index:9999;background:linear-gradient(120deg,#fffaf2,#f6ead6);display:flex;align-items:center;justify-content:center;transition:transform .8s cubic-bezier(.7,0,.3,1),opacity .6s ease .35s} #intro.hide{transform:translateY(-100%);opacity:0;pointer-events:none} #intro img{width:min(330px,64vw);display:block;animation:introPop 1s cubic-bezier(.2,.8,.2,1) both} #intro .il{height:2px;width:0;background:#6aa12c;margin:18px auto 0;animation:introLine .9s ease .45s forwards} @keyframes introPop{0%{opacity:0;transform:scale(.85) translateY(14px)}60%{opacity:1}100%{opacity:1;transform:none}} @keyframes introLine{to{width:min(330px,64vw)}} body.intro-on{overflow:hidden} @media(max-width:640px){.hero h1{font-size:clamp(26px,7.2vw,36px);line-height:1.15;margin-bottom:12px}.hero .inner{padding:34px 0 30px}} /* === BADGE BIO HEADER === */ .hdrbio{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:5px 11px 5px 6px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.72);transition:.2s} .hdrbio:hover{border-color:var(--green);background:#fff} .hdrbio img{height:26px;width:auto;border-radius:4px} .hdrbio span{font-size:9px;line-height:1.15;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:var(--muted)} .hdrbio span b{color:var(--green);font-size:10px} /* === CERTIFICAZIONI === */ .certs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .circlestats{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin:4px 0 42px} .cst{width:212px;height:212px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffdf8,var(--paper) 62%,#f4e9d6);border:1px solid var(--line);box-shadow:0 10px 30px rgba(60,40,20,.10);display:flex;align-items:center;justify-content:center;text-align:center;transition:.25s cubic-bezier(.2,.7,.2,1)} .cst:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(60,40,20,.16);border-color:transparent} .cstin{padding:16px} .cstin b{display:block;font-family:var(--serif);font-size:46px;font-weight:700;color:var(--red);line-height:1;letter-spacing:-.5px} .cstin span{display:block;margin-top:9px;font-size:13.5px;color:var(--muted);font-weight:600;line-height:1.45} @media(max-width:820px){.circlestats{gap:18px;margin-bottom:34px}.cst{width:168px;height:168px}.cstin b{font-size:36px}.cstin span{font-size:12px;margin-top:7px}} @media(max-width:600px){ .circlestats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center;align-items:start;margin:2px 0 30px} .cst{width:100%;max-width:118px;aspect-ratio:1/1;height:auto} .cstin{padding:6px} .cstin b{font-size:23px} .cstin span{font-size:9.5px;margin-top:5px;line-height:1.35} } .prodpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:6px} .pp{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-s);transition:.22s} .pp:hover{transform:translateY(-4px);box-shadow:var(--shadow)} .pp .ppic{font-size:32px;margin-bottom:12px} .pp h4{font-family:var(--serif);font-size:20px;margin-bottom:8px;color:var(--ink)} .pp p{font-size:14.5px;color:var(--muted);line-height:1.55;margin:0} @media(max-width:820px){.prodpoints{grid-template-columns:1fr}} .cert{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;box-shadow:var(--shadow-s);display:flex;flex-direction:column;gap:10px;transition:.22s;position:relative} .cert:hover{transform:translateY(-4px);box-shadow:var(--shadow)} .cert .cbadge{position:absolute;top:14px;right:14px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 9px;border-radius:20px} .cert.own .cbadge{background:rgba(92,125,42,.14);color:var(--green-d)} .cert.chain .cbadge{background:rgba(232,130,30,.15);color:var(--orange-d)} .cert .clogo{height:74px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:2px} .cert .clogo img{max-height:64px;max-width:130px;width:auto;object-fit:contain} .cert h4{font-family:var(--serif);font-size:19px;color:var(--ink);margin:0} .certs-lite .cert{text-align:center;align-items:center} .certs-lite .clogo{justify-content:center} .cert p{font-size:13.5px;color:var(--muted);line-height:1.55} .certnote{margin-top:22px;background:rgba(92,125,42,.07);border-left:3px solid var(--green);border-radius:0 12px 12px 0;padding:16px 20px;font-size:14.5px;color:var(--ink)} .certnote b{color:var(--green-d)} @media(max-width:900px){.certs{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.certs{grid-template-columns:1fr}} /* === FIERE === */ .fairwrap{display:grid;grid-template-columns:1.02fr .98fr;grid-template-areas:"head map" "stats map" "body map";grid-template-rows:auto auto 1fr;column-gap:40px;row-gap:0;align-items:start} .fairwrap .f-head,.fairwrap .f-stats,.fairwrap .f-body{align-self:start} .fairwrap .f-map{align-self:start} .fairwrap .f-map .mapwrap{max-width:560px;margin-left:auto} .fairwrap .f-head{grid-area:head} .fairwrap .f-stats{grid-area:stats} .fairwrap .f-map{grid-area:map} .fairwrap .f-body{grid-area:body} .fairstat{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:4px 0 16px} .fairstat div{flex:1;padding-right:16px} .fairstat div+div{border-left:1px solid var(--line);padding-left:20px} .fairstat b{display:block;font-family:var(--serif);font-size:30px;color:var(--red)} .fairstat span{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:700} .countries{display:flex;flex-wrap:wrap;gap:8px} .countries span{background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-s)} @media(max-width:820px){ .fairwrap{grid-template-columns:1fr;grid-template-areas:"head" "stats" "map" "body";grid-template-rows:auto;row-gap:14px} .fairwrap .f-map .mapwrap{max-width:100%;margin:0 auto} .fairstat{margin:0} .f-body{margin-top:2px} } /* === PACKAGING TEASER === */ .packbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-s)} .packsplit{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:stretch} .packimg{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:260px} .packimg img{width:100%;height:100%;object-fit:cover;display:block} @media(max-width:820px){.packsplit{grid-template-columns:1fr}.packimg{min-height:210px;max-width:560px;width:100%;margin-left:auto;margin-right:auto}} .packlist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0} .packlist div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);padding:16px 15px} .packlist h5{font-family:var(--serif);font-size:16.5px;margin:0 0 6px;color:var(--ink)} .packlist p{font-size:13px;color:var(--muted);line-height:1.5} @media(max-width:760px){.packlist{grid-template-columns:1fr}} /* === PRESS HOME === */ .presswrap{border-top:1px solid var(--line);padding-top:26px;margin-top:6px} .presslbl{font-size:11.5px;letter-spacing:2.5px;font-weight:800;color:var(--muted);margin-bottom:16px;text-transform:uppercase} .pressrow{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:26px;align-items:center;scrollbar-width:none;padding-bottom:2px} .pressrow::-webkit-scrollbar{display:none} .pressrow a{flex:0 0 auto;display:flex;align-items:center} .pressrow a img{height:30px;width:auto;display:block;opacity:.72;transition:.2s} .pressrow a:hover img{opacity:1} @media(max-width:640px){.pressrow a img{height:26px}} .pressrow-wrap{position:relative} .pressrow-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:36px;background:linear-gradient(90deg,transparent,var(--cream));pointer-events:none;transition:opacity .25s;z-index:1} .pressrow-wrap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:36px;background:linear-gradient(270deg,transparent,var(--cream));pointer-events:none;transition:opacity .25s;z-index:1} .press-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:var(--green);color:#fff;box-shadow:0 3px 10px rgba(60,40,20,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:opacity .2s} .press-arrow svg{width:16px;height:16px} .press-next{right:-4px;animation:pressnudge 1.4s ease-in-out infinite} .press-prev{left:-4px} .pressrow-wrap.atEnd:after,.pressrow-wrap.atEnd .press-next{opacity:0;pointer-events:none} .pressrow-wrap.atStart:before,.pressrow-wrap.atStart .press-prev{opacity:0;pointer-events:none} @keyframes pressnudge{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-50%) translateX(3px)}} /* === SOCIAL === */ .socialbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px} .sbtn{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border-radius:30px;border:1.4px solid var(--line);background:#fff;font-weight:700;font-size:14px;color:var(--ink);transition:.2s} .sbtn:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)} .sbtn svg{width:18px;height:18px} .draftnote{display:inline-block;margin-top:10px;font-size:11.5px;color:var(--orange-d);background:rgba(232,130,30,.12);border-radius:20px;padding:4px 11px;font-weight:700} /* === MAPPA EUROPA === */ .countrylist{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)} .countrylist span{background:#fff;border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap} @media(max-width:640px){.countrylist span{font-size:11px;padding:4px 9px}} .mapwrap{background:#fbf5e9;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px 14px;box-shadow:var(--shadow-s)} .mapwrap .maplbl{font-size:11.5px;letter-spacing:2px;font-weight:800;color:var(--muted);text-transform:uppercase;margin:2px 0 4px 4px} .eumap{width:100%;height:auto;display:block} .eumap .cland{fill:#d8e4bf;stroke:#9db866;stroke-width:.9;stroke-linejoin:round} .eumap .arc{fill:none;stroke:var(--orange);stroke-width:1.2;stroke-dasharray:2 4;stroke-linecap:round;opacity:.5} .eumap .cdot{fill:var(--red);stroke:#fff;stroke-width:1.2} .eumap .ostar{fill:var(--red);stroke:#fff;stroke-width:2.5} .eumap .opulse{fill:none;stroke:var(--red);stroke-width:1.6;opacity:.4;animation:mpulse 2.4s ease-out infinite} @keyframes mpulse{0%{r:9;opacity:.55}100%{r:26;opacity:0}} .eumap .olbl{font-family:var(--sans);font-size:15px;font-weight:800;fill:var(--red-d)} @media(max-width:820px){.eumap .olbl{font-size:19px}} /* fix padding orizzontale hero su mobile/tablet */ @media(max-width:980px){.hero .wrap.inner{padding-left:22px;padding-right:22px}} @media(max-width:640px){.hero .wrap.inner{padding-left:20px;padding-right:20px}} /* leggibilità testi: niente giustificato (evita spaziature irregolari), allineamento uniforme */ p,li,.split .s-body p,.sec-head p{text-align:left} .sec-head.ctr,.sec-head.ctr p{text-align:center} .circlestats,.cst,.cstin{text-align:center} @media(max-width:640px){ p,li{text-align:left;hyphens:none;-webkit-hyphens:none} .sec-head.ctr p{text-align:center} } /* === RIFINITURE MOBILE (spacing coerente) === */ @media(max-width:640px){ .sec-head h2{font-size:clamp(25px,6.4vw,32px);line-height:1.14;margin-top:10px} .sec-head p{font-size:15.5px;margin-top:10px} .kick{font-size:11px;letter-spacing:2px} .split{row-gap:14px} .split .s-head h2{margin-bottom:0} .split .s-body p{font-size:15.5px;margin-bottom:12px} .prodpoints{gap:12px} .pp{padding:20px 18px}.pp h4{font-size:18px}.pp p{font-size:14px} .certs{gap:12px}.cert{padding:18px 16px} .cert .clogo{height:60px}.cert .clogo img{max-height:52px} .cert h4{font-size:17px} .packbox{padding:20px 18px} .packlist{gap:10px;margin:16px 0} .fairstat{padding:14px 0;margin-bottom:14px} .fairstat b{font-size:26px} .mapwrap{padding:10px 10px 12px} .contact .grid2{gap:22px} .cform{padding:20px 18px} .presswrap{padding-top:20px} .pressrow{gap:20px} .footer .fg,footer .fg{gap:12px} .legalbox{padding:20px} } @media(max-width:400px){ .wrap{padding:0 16px} .cst{max-width:104px} .cstin b{font-size:20px}.cstin span{font-size:9px} } /* ===== HEADER CANONICO — identico su tutte le pagine (ultimo, vince su tutto) ===== */ header[id]{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} header[id].scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} header[id] .hbar{display:flex;align-items:center;gap:22px;height:72px;min-height:72px;max-height:72px;flex:0 0 auto;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 26px;font-size:16px} header[id] .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto} header[id] .brandlogo{height:32px;width:auto;display:block} header[id] .hnav{display:flex;gap:26px;margin-left:6px;flex:1} header[id] .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} header[id] .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto;margin-left:auto} header[id] .header-tools .btn{padding:10px 17px;font-size:13.5px;line-height:1.1} header[id] .hburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--red);margin-left:auto;padding:2px 4px} header[id] .hburger:after{content:"Menu";font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);line-height:1;margin-top:1px} @media(max-width:980px){ header[id] .hbar{height:60px;min-height:60px;max-height:60px;gap:12px;padding:0 20px} header[id] .brandlogo{height:28px} header[id] .hnav{display:none} header[id] .hburger{display:flex;margin-left:8px} header[id] .header-tools{display:flex;margin-left:auto} header[id] .header-tools .btn{padding:8px 13px;font-size:12.5px} } @media(max-width:400px){ header[id] .hbar{padding:0 16px;gap:8px} header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } /* intestazioni centrate -> allineate a sinistra su mobile (leggibilità) */ @media(max-width:640px){ .sec-head.ctr,.sec-head.ctr p,.sec-head.ctr h2{text-align:left!important;margin-left:0;margin-right:0} .sec-head.ctr .kick:after{display:none} } /* spazio tra sezioni piu compatto su mobile */ @media(max-width:640px){ .sec{padding:36px 0} .split .s-body p:last-child,.split .s-body>*:last-child{margin-bottom:0} .sec-head p:last-child{margin-bottom:0} .prodpoints{margin-top:0} } @media(max-width:400px){.sec{padding:32px 0}} /* === NEWSLETTER (Klaviyo) === */ .nlband{background:linear-gradient(120deg,#4e1a18,#7a1f27 60%,#8a2129);color:#fff;padding:44px 0;position:relative;overflow:hidden} .nlband:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(232,130,30,.24),transparent 45%);pointer-events:none} .nlband .wrap{position:relative} .nlgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center} .nltxt .kick{color:#f3d49a}.nltxt .kick:before{background:#f3d49a} .nltxt h2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);margin:10px 0 8px;color:#fff;line-height:1.15} .nltxt p{color:rgba(255,255,255,.9);font-size:15.5px;margin:0} .nlform{display:flex;flex-direction:column;gap:10px} .nlrow{display:flex;gap:10px} .nlrow input{flex:1;min-width:0;padding:13px 16px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;outline:none;transition:.2s} .nlrow input::placeholder{color:rgba(255,255,255,.82)} .nlrow input:focus{border-color:#9ecb4e;background:rgba(255,255,255,.18)} .nlrow .btn{flex:0 0 auto} .nlrow select{flex:0 0 auto;min-width:150px;padding:13px 34px 13px 14px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:14.5px;outline:none;transition:.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px;cursor:pointer} .nlrow select:focus{border-color:#9ecb4e;background-color:rgba(255,255,255,.18)} .nlrow select option{background:#4e1a18;color:#fff} @media(max-width:640px){.nlrow select{width:100%;min-width:0}} .nlpriv{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45} .nlpriv input{margin-top:2px;accent-color:#6aa12c;width:16px;height:16px;flex:0 0 auto} .nlpriv a{text-decoration:underline} .nlnote{font-size:13px;margin:2px 0 0;min-height:1px} @media(max-width:900px){.nlgrid{grid-template-columns:1fr;gap:20px}} @media(max-width:640px){ .nlband{padding:34px 0} .nlrow{flex-direction:column} .nlrow .btn{width:100%;justify-content:center} } /* ---------- 1b. variabili e radici aggiunte dalle altre pagine ---------- */ :root{--r-s:12px} /* ---------- 2. componenti delle altre pagine ---------- */ .hsearch{position:relative;flex:0 1 230px} .hsearch input{width:100%;padding:10px 16px 10px 38px;border:1px solid var(--line);border-radius:30px;font-size:14px;background:rgba(255,255,255,.7);outline:none;transition:.2s;font-family:inherit} .hsearch input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(92,125,42,.12)} .hsearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);opacity:.45} .hero .stats{display:flex;gap:0;margin-top:28px;border-top:1px solid rgba(255,255,255,.34);padding-top:18px;max-width:540px;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)} .hero .stats div{flex:1;padding-right:18px} .hero .stats div+div{border-left:1px solid rgba(255,255,255,.34);padding-left:22px} .hero .stats b{display:block;font-family:var(--serif);font-size:30px;font-weight:700;color:#fff} .hero .stats span{font-size:11px;letter-spacing:1.5px;opacity:.96;color:#fff;text-transform:uppercase} .scrolldown{margin-top:22px;display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none} .scrolldown .sd-lbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.45)} .scrolldown .sd-circle{width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.3);transition:.25s} .scrolldown .sd-circle svg{width:22px;height:22px;color:#6aa12c;animation:sdBounce 1.5s ease-in-out infinite} .scrolldown:hover .sd-circle{background:#6aa12c;transform:translateY(2px)} .scrolldown:hover .sd-circle svg{color:#fff} @keyframes sdBounce{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}} @keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}} .sec-head.ctr .kick:before{content:"";width:26px;height:1.5px;background:#6aa12c} .filterbar{position:sticky;top:74px;z-index:50;background:rgba(248,239,223,.92);backdrop-filter:blur(10px);padding:16px 0;border-bottom:1px solid var(--line)} .chips{display:grid;grid-template-columns:repeat(5,1fr);gap:10px} @media(max-width:900px){ .chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px} } @media(max-width:640px){ .filterbar{top:62px;padding:11px 0;box-shadow:0 4px 14px rgba(60,40,20,.07)} .filterbar .wrap{padding:0;position:relative} .filterbar .wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(90deg,transparent,rgba(248,239,223,.97));pointer-events:none;transition:opacity .25s;z-index:2} .filterbar .wrap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:32px;background:linear-gradient(270deg,transparent,rgba(248,239,223,.97));pointer-events:none;transition:opacity .25s;z-index:2} .chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;padding:2px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity} .chips::-webkit-scrollbar{display:none} .chip{flex:0 0 auto;padding:9px 14px;font-size:12.5px;scroll-snap-align:start} .chip .ct{font-size:11px} .filterbar.atStart .wrap:before{opacity:0} .filterbar.atEnd .wrap:after{opacity:0} } .chip{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 12px;border-radius:30px;font-size:12.5px;font-weight:700;cursor:pointer;transition:.18s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden} .chip .cdot{width:9px;height:9px;border-radius:50%;background:var(--muted)} .chip:hover{border-color:var(--green);transform:translateY(-1px)} .chip.active{background:var(--ink);color:#fff;border-color:var(--ink)} .chip .ct{opacity:.55;font-weight:600;font-size:12px} .chip.active .ct{opacity:.8} .catsection{margin-bottom:30px} #grid-host .catsection:first-child .cathead{padding-top:4px} .cathead{display:flex;align-items:baseline;gap:16px;padding:22px 0 18px;border-bottom:2px solid var(--cat,var(--ink));margin-bottom:26px;flex-wrap:wrap} .cathead .cbar{width:6px;flex:none;height:26px;align-self:center;border-radius:6px} .cathead h3{font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:-.3px} .cathead .cintro{flex:1;min-width:240px;color:var(--muted);font-size:15px} .cathead .ccount{font-weight:700;font-size:13px;color:#fff;padding:5px 12px;border-radius:20px;align-self:center;margin-left:auto} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:28px} .card{background:var(--card);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:.25s cubic-bezier(.2,.7,.2,1);box-shadow:var(--shadow-s);border:1px solid var(--line)} .card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent} .card .ph{position:relative;aspect-ratio:16/11;overflow:hidden} .card .ph img{width:100%;height:100%;object-fit:cover;transition:.6s cubic-bezier(.2,.7,.2,1)} .card:hover .ph img{transform:scale(1.08)} .card .ph .ov{position:absolute;inset:0} .card .ph .ln{position:absolute;left:0;right:0;top:0;height:4px} .card .bd{padding:20px 21px 22px;display:flex;flex-direction:column;gap:11px;flex:1} .card h4{font-family:var(--serif);font-size:20.5px;font-weight:700;line-height:1.22} .card .season{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11.5px;font-weight:700;color:var(--green-d);background:#eef3e2;padding:4px 11px;border-radius:20px} .card p{font-size:14.5px;line-height:1.55;color:var(--muted);flex:1} .card .more{font-size:12.5px;font-weight:800;color:var(--red);letter-spacing:.3px;display:inline-flex;align-items:center;gap:5px;transition:.2s} .card:hover .more{gap:9px} .noresult{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 0;font-size:17px} .modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(30,18,12,.66);backdrop-filter:blur(5px)} .modal.open{display:flex;animation:fade .25s} @keyframes fade{from{opacity:0}to{opacity:1}} .mbox{background:var(--paper);border-radius:22px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;box-shadow:0 40px 100px rgba(0,0,0,.45);animation:pop .3s cubic-bezier(.2,.8,.2,1)} @keyframes pop{from{transform:scale(.96) translateY(10px);opacity:0}to{transform:none;opacity:1}} .mbox .mimg{position:relative;background:#000;min-height:280px} .mbox .mimg img{width:100%;height:100%;object-fit:cover;max-height:90vh} .mbox .mimg .mln{position:absolute;left:0;right:0;bottom:0;height:6px} .mbox .mbd{padding:36px;overflow-y:auto;position:relative} .mclose{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;border:none;background:#efe7d8;cursor:pointer;font-size:18px;line-height:1;color:var(--ink);transition:.2s;z-index:2} .mclose:hover{background:var(--red);color:#fff;transform:rotate(90deg)} .mbd .mcat{font-size:11.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px} .mbd h3{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--ink);margin-bottom:14px;line-height:1.08} .mbd .mseason{display:inline-flex;gap:7px;font-size:13px;font-weight:700;color:var(--green-d);background:#eef3e2;padding:6px 14px;border-radius:20px;margin-bottom:18px} .mbd .mdesc{font-size:15.5px;color:#4a4034;margin-bottom:26px;line-height:1.65} .mbd .mfeat{list-style:none;margin-bottom:26px} .mbd .mfeat li{font-size:13.5px;color:var(--muted);padding:6px 0 6px 26px;position:relative} .mbd .mfeat li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800} .mbd .mq{font-size:11.5px;color:var(--muted);margin-bottom:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase} .mbd .mbtns{display:flex;gap:10px;flex-wrap:wrap} .about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:center} .about-grid .txt p{font-size:16.5px;color:#4a4034;margin-bottom:16px} .about-grid .ph{position:relative} .about-grid .ph img{border-radius:var(--radius);box-shadow:var(--shadow)} .about-grid .ph .tagfloat{position:absolute;bottom:-18px;right:-12px;background:var(--red);color:#fff;font-family:var(--serif);font-size:15px;font-weight:700;padding:14px 20px;border-radius:14px;box-shadow:var(--shadow)} .two{display:grid;grid-template-columns:1fr 1fr;gap:26px} .box{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px} .box h4{font-family:var(--serif);font-size:21px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px} .box ul{list-style:none} .box li{padding:7px 0 7px 24px;position:relative;font-size:14.5px} .box li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--green)} .box li b{color:var(--red)} .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:16px} .gal figure{border-radius:var(--r-s);overflow:hidden;cursor:pointer;background:#fff;position:relative;box-shadow:var(--shadow-s);border:1px solid var(--line)} .gal img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:.4s} .gal figure:hover img{transform:scale(1.06)} .gal figcaption{position:absolute;bottom:0;left:0;right:0;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));padding:18px 9px 7px} .lightbox{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;background:rgba(15,8,5,.94);padding:20px} .lightbox.open{display:flex} .lightbox img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6)} .lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);border:none;color:#fff;font-size:30px;width:56px;height:56px;border-radius:50%;cursor:pointer;transition:.2s} .lb-nav:hover{background:rgba(255,255,255,.28)} .lb-prev{left:20px} .lb-next{right:20px} .lb-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;opacity:.8} .lb-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px} .cform h4{font-family:var(--serif);font-size:23px;margin-bottom:8px} .cform p{opacity:.96;color:#fff;font-size:14.5px;margin-bottom:18px} .cform .btn{width:100%;justify-content:center;margin-top:10px} .press{margin-top:54px;border-top:1px solid rgba(255,255,255,.2);padding-top:26px} .press .lbl{font-size:11.5px;letter-spacing:2.5px;font-weight:700;opacity:.8;margin-bottom:16px} .press .row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:26px;align-items:center;scrollbar-width:none;padding-bottom:2px} .press .row::-webkit-scrollbar{display:none} .press .row a{font-family:var(--serif);font-style:italic;font-weight:700;font-size:19px;opacity:.92;transition:.2s} .press .row a:hover{opacity:1;color:#f6d99b} @media(max-width:980px){ .hsearch{display:none} .mbox{grid-template-columns:1fr;max-height:92vh} .mbox .mimg{max-height:220px;min-height:200px} .about-grid{grid-template-columns:1fr;gap:30px} .two{grid-template-columns:1fr;gap:30px} .filterbar{top:62px} .cathead{gap:10px 14px} .cathead h3{font-size:24px} .cathead .ccount{display:none} .cathead .cintro{flex:1 0 100%;min-width:0;margin-top:2px} } @media(max-width:640px){ .grid{grid-template-columns:repeat(2,1fr);gap:13px} .card h4{font-size:15px} .card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;-webkit-line-clamp:2} .card .bd{padding:12px 13px 14px;gap:6px} .gal{grid-template-columns:repeat(2,1fr);gap:10px} .mbox{grid-template-columns:1fr;max-height:94vh} .mbox .mimg{max-height:180px;min-height:160px} .mbox .mbd{padding:24px} .mbd h3{font-size:23px} } @media(max-width:380px){ .grid{grid-template-columns:1fr} .gal{grid-template-columns:1fr} } .toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(18px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 14px 34px rgba(0,0,0,.32);z-index:200;max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:.3s;line-height:1.4} .toast.show{opacity:1;transform:translateX(-50%) translateY(0)} .cards6{grid-template-columns:repeat(6,1fr);gap:16px} .cards6 .ic{padding:22px 18px} .cards6 .ic .icn{width:44px;height:44px;font-size:20px;margin-bottom:12px} .cards6 .ic h4{font-size:16px;margin-bottom:6px} .cards6 .ic p{font-size:13px} @media(max-width:1100px){ .cards6{grid-template-columns:repeat(3,1fr)} } @media(max-width:640px){ .cards6{grid-template-columns:repeat(2,1fr);gap:13px} } @media(max-width:400px){ .cards6{grid-template-columns:1fr} } .qform{display:flex;flex-direction:column;gap:10px;margin-top:6px} .qform input{width:100%;padding:11px 14px;border:1px solid rgba(255,255,255,.38);border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-family:inherit;font-size:14px;outline:none} .qform textarea{width:100%;padding:11px 14px;border:1px solid rgba(255,255,255,.38);border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-family:inherit;font-size:14px;outline:none} .qform input::placeholder{color:rgba(255,255,255,.82)} .qform textarea::placeholder{color:rgba(255,255,255,.82)} .qform input:focus{border-color:#9ecb4e;background:rgba(255,255,255,.16)} .qform textarea:focus{border-color:#9ecb4e;background:rgba(255,255,255,.16)} .qform .btn{width:100%;margin-top:2px} .qnote{font-size:13px;margin:2px 0 0;min-height:1px} .card .ph .biobadge{position:absolute;top:10px;right:10px;width:44px;height:auto;border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.32);z-index:2} .mbiobadge{width:52px;border-radius:6px;box-shadow:0 2px 7px rgba(0,0,0,.2);margin-bottom:14px;display:inline-block} .mmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px} .mmeta .mbiobadge{width:auto;height:30px;margin:0} .mmeta .mseason{margin:0} @media(max-width:640px){ .hero .stats{max-width:100%;gap:0;margin-top:20px;padding-top:14px} .hero .stats div{flex:1;padding:0 6px 0 0} .hero .stats div+div{border-left:1px solid rgba(255,255,255,.25);padding-left:12px} .hero .stats b{font-size:23px} .hero .stats span{font-size:9px;letter-spacing:.4px} .scrolldown{display:none} } @mediaprint{ .filterbar{display:none!important} .scrolldown{display:none!important} .modal{display:none!important} .lightbox{display:none!important} #gallery{display:none!important} .card .more{display:none!important} .card{break-inside:avoid;box-shadow:none;border:1px solid #ddd} } .chips-arrow{display:none} @media(max-width:640px){ .chips-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:none;background:var(--green);color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.24);z-index:4;cursor:pointer;transition:opacity .2s} .chips-arrow svg{width:16px;height:16px} .chips-next{right:6px;animation:chipnudge 1.4s ease-in-out infinite} .chips-prev{left:6px} .filterbar.atEnd .chips-next{opacity:0;pointer-events:none} .filterbar.atStart .chips-prev{opacity:0;pointer-events:none} } @keyframes chipnudge{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-50%) translateX(3px)}} @media(max-width:640px){ .catsection{margin-bottom:22px} .cathead{padding:16px 0 14px;margin-bottom:18px} .cathead h3{font-size:22px} .cathead .cintro{font-size:14px} .cform h4{font-size:21px} .qform input{font-size:16px;padding:12px 14px} .qform textarea{font-size:16px;padding:12px 14px} .fgal{grid-template-columns:1fr} .pgal{grid-template-columns:1fr} } /* ---------- 3. regole limitate a una pagina ---------- */ :where(body.page-template-template-catalogo) .hero h1{font-weight:800!important} :where(body.page-template-template-catalogo) .hero h1 em{font-style:normal!important} :where(body.page-template-template-catalogo) .press .row span{font-style:normal!important} body:where(.page-template-template-catalogo){font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} :where(body.page-template-template-catalogo) img{max-width:100%;display:block} :where(body.page-template-template-catalogo) a{color:inherit;text-decoration:none} :where(body.page-template-template-catalogo) .wrap{max-width:1240px;margin:0 auto;padding:0 26px} :where(body.page-template-template-catalogo) .serif{font-family:var(--serif)} :where(body.page-template-template-catalogo) ::selection{background:var(--orange);color:#fff} :where(body.page-template-template-catalogo) .rev{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} :where(body.page-template-template-catalogo) .rev.in{opacity:1;transform:none} :where(body.page-template-template-catalogo) header{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-catalogo) header.scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-catalogo) .hbar{display:flex;align-items:center;gap:22px;height:74px} :where(body.page-template-template-catalogo) .brand{display:flex;align-items:center;gap:12px} :where(body.page-template-template-catalogo) .logo-leaf{width:38px;height:38px;flex:0 0 auto} :where(body.page-template-template-catalogo) .brand .nm{font-family:var(--serif);font-size:23px;font-weight:700;line-height:1;letter-spacing:.3px} :where(body.page-template-template-catalogo) .brand .nm b{color:var(--green)} :where(body.page-template-template-catalogo) .brand .nm i{color:var(--red);font-style:normal} :where(body.page-template-template-catalogo) .brand .sub{display:block;font-family:var(--sans);font-size:9.5px;font-weight:700;letter-spacing:2.5px;color:var(--muted);margin-top:3px} :where(body.page-template-template-catalogo) .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-catalogo) .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-catalogo) .hnav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--red);transition:.25s} :where(body.page-template-template-catalogo) .hnav a:hover{opacity:1} :where(body.page-template-template-catalogo) .hnav a:hover:after{right:0} :where(body.page-template-template-catalogo) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:30px;transition:.2s;letter-spacing:.2px;white-space:nowrap;line-height:1.1} :where(body.page-template-template-catalogo) .btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(157,41,51,.28)} :where(body.page-template-template-catalogo) .btn-red:hover{background:var(--red-d);transform:translateY(-1px)} :where(body.page-template-template-catalogo) .btn-ghost{background:transparent;border:1.4px solid currentColor;color:var(--ink)} :where(body.page-template-template-catalogo) .btn-ghost:hover{border-color:var(--red);color:var(--red)} :where(body.page-template-template-catalogo) .btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(92,125,42,.28)} :where(body.page-template-template-catalogo) .btn-green:hover{background:var(--green-d);transform:translateY(-1px)} :where(body.page-template-template-catalogo) .btn-gold{background:#6aa12c;color:#fff;box-shadow:0 8px 20px rgba(106,161,44,.36)} :where(body.page-template-template-catalogo) .btn-gold:hover{background:#588a24;transform:translateY(-1px)} :where(body.page-template-template-catalogo) .hdrbio{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:5px 11px 5px 6px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.72);transition:.2s} :where(body.page-template-template-catalogo) .hdrbio:hover{border-color:var(--green);background:#fff} :where(body.page-template-template-catalogo) .hdrbio img{height:26px;width:auto;border-radius:4px} :where(body.page-template-template-catalogo) .hdrbio span{font-size:9px;line-height:1.15;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:var(--muted)} :where(body.page-template-template-catalogo) .hdrbio span b{color:var(--green);font-size:10px} :where(body.page-template-template-catalogo) .hburger{display:none;background:none;border:none;cursor:pointer;font-size:26px;color:var(--red);margin-left:auto} :where(body.page-template-template-catalogo) .hero{position:relative;min-height:520px;display:flex;align-items:center;color:#fff;overflow:hidden} :where(body.page-template-template-catalogo) .hero .bg{position:absolute;inset:0;background-size:cover;background-position:72% 28%;animation:zoom 18s ease-out forwards} :where(body.page-template-template-catalogo) .hero .scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(60,16,20,.94) 0%,rgba(78,20,24,.80) 34%,rgba(60,16,20,.30) 64%,rgba(60,16,20,.12) 100%)} :where(body.page-template-template-catalogo) .hero .grain{position:absolute;inset:0;opacity:.5;background:radial-gradient(circle at 80% 20%,rgba(232,130,30,.26),transparent 45%)} :where(body.page-template-template-catalogo) .hero .inner{position:relative;padding:52px 0;max-width:700px} :where(body.page-template-template-catalogo) .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:3.5px;font-weight:700;margin-bottom:16px;text-transform:uppercase} :where(body.page-template-template-catalogo) .hero .eyebrow:before{content:"";width:34px;height:1.5px;background:#9ecb4e} :where(body.page-template-template-catalogo) .hero h1{font-family:var(--serif);font-size:clamp(38px,5.2vw,60px);line-height:1.05;font-weight:700;margin-bottom:14px;letter-spacing:-.5px} :where(body.page-template-template-catalogo) .hero h1 em{font-style:italic;color:#9ecb4e} :where(body.page-template-template-catalogo) .hero p{font-size:18px;opacity:.93;max-width:520px;margin-bottom:22px;font-weight:400} :where(body.page-template-template-catalogo) .hero .cta{display:flex;gap:13px;flex-wrap:wrap} :where(body.page-template-template-catalogo) .sec{padding:72px 0} :where(body.page-template-template-catalogo) .sec-head{max-width:720px;margin-bottom:34px} :where(body.page-template-template-catalogo) .sec-head.ctr{margin-left:auto;margin-right:auto;text-align:center} :where(body.page-template-template-catalogo) .kick{display:inline-flex;align-items:center;gap:9px;color:var(--red);font-weight:800;font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase} :where(body.page-template-template-catalogo) .kick:before{content:"";width:26px;height:1.5px;background:#6aa12c} :where(body.page-template-template-catalogo) .sec-head.ctr .kick:after{content:"";width:26px;height:1.5px;background:#6aa12c} :where(body.page-template-template-catalogo) .sec-head h2{font-family:var(--serif);font-size:clamp(30px,4vw,46px);font-weight:700;color:var(--ink);margin-top:12px;letter-spacing:-.5px;line-height:1.08} :where(body.page-template-template-catalogo) .sec-head p{color:var(--muted);margin-top:14px;font-size:17px} :where(body.page-template-template-catalogo) .alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(body.page-template-template-catalogo) .cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px} :where(body.page-template-template-catalogo) .ic{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;transition:.25s} :where(body.page-template-template-catalogo) .ic:hover{transform:translateY(-4px);box-shadow:var(--shadow-s);border-color:transparent} :where(body.page-template-template-catalogo) .ic .icn{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px} :where(body.page-template-template-catalogo) .ic.g .icn{background:linear-gradient(135deg,var(--green),var(--olive))} :where(body.page-template-template-catalogo) .ic h4{font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:8px} :where(body.page-template-template-catalogo) .ic p{font-size:14px;color:var(--muted)} :where(body.page-template-template-catalogo) .taglist{display:flex;flex-wrap:nowrap;gap:7px;margin-top:10px;overflow-x:auto;scrollbar-width:none} :where(body.page-template-template-catalogo) .taglist::-webkit-scrollbar{display:none} @media(max-width:680px){ :where(body.page-template-template-catalogo) .taglist{flex-wrap:wrap;overflow:visible} } :where(body.page-template-template-catalogo) .tag{font-size:12px;background:#fff;border:1px solid var(--line);padding:5px 11px;border-radius:20px;font-weight:600;white-space:nowrap;flex:0 0 auto} :where(body.page-template-template-catalogo) .tag.r{border-color:#eccdcf;color:var(--red)} :where(body.page-template-template-catalogo) .contact{position:relative;background:linear-gradient(125deg,var(--maroon),var(--red) 62%,#8a2129);color:#fff;overflow:hidden;padding:56px 0} :where(body.page-template-template-catalogo) .contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgba(232,130,30,.26),transparent 42%)} :where(body.page-template-template-catalogo) .contact .wrap{position:relative} :where(body.page-template-template-catalogo) .contact .grid2{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center} :where(body.page-template-template-catalogo) .contact .kick{color:#f3d49a} :where(body.page-template-template-catalogo) .contact .kick:before{background:#f3d49a} :where(body.page-template-template-catalogo) .contact h2{color:#fff} :where(body.page-template-template-catalogo) .cinfo{margin-top:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px} @media(max-width:640px){ :where(body.page-template-template-catalogo) .cinfo{grid-template-columns:1fr;gap:8px 0} } :where(body.page-template-template-catalogo) .cinfo li{color:#fff} :where(body.page-template-template-catalogo) .cinfo li a{color:#fff} :where(body.page-template-template-catalogo) .cinfo li{list-style:none;display:flex;align-items:center;gap:11px;padding:7px 0;font-size:14.5px;line-height:1.35} :where(body.page-template-template-catalogo) .cinfo li a{white-space:nowrap} :where(body.page-template-template-catalogo) .cinfo .ci svg{width:18px;height:18px} :where(body.page-template-template-catalogo) .cinfo .ci-wa{background:#25D366} :where(body.page-template-template-catalogo) .cinfo .ci{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto} :where(body.page-template-template-catalogo) .cinfo a:hover{color:#f6d99b} :where(body.page-template-template-catalogo) .cform{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);padding:24px;backdrop-filter:blur(6px)} :where(body.page-template-template-catalogo) .press .row span{flex:0 0 auto} :where(body.page-template-template-catalogo) .press .row span{font-family:var(--serif);font-style:italic;font-weight:700;font-size:19px;opacity:.92;transition:.2s} :where(body.page-template-template-catalogo) footer{background:var(--paper);color:#7a6c5b;padding:34px 0;font-size:14px;border-top:1px solid var(--line)} :where(body.page-template-template-catalogo) footer .fg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;align-items:center} :where(body.page-template-template-catalogo) footer b{color:var(--ink);font-family:var(--serif)} :where(body.page-template-template-catalogo) footer a{color:var(--red)} :where(body.page-template-template-catalogo) footer a:hover{color:var(--red-d)} :where(body.page-template-template-catalogo) .toTop{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;border:none;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:55;box-shadow:var(--shadow)} :where(body.page-template-template-catalogo) .toTop.show{opacity:1;pointer-events:auto} :where(body.page-template-template-catalogo) .toTop:hover{background:var(--red)} @media(max-width:980px){ :where(body.page-template-template-catalogo) .hnav{display:none} :where(body.page-template-template-catalogo) .header-tools{display:flex!important;margin-left:auto} :where(body.page-template-template-catalogo) .header-tools .btn{padding:8px 14px;font-size:13px} :where(body.page-template-template-catalogo) .hburger{display:block} :where(body.page-template-template-catalogo) .contact .grid2{grid-template-columns:1fr;gap:30px} :where(body.page-template-template-catalogo) .hero{min-height:560px} } :where(body.page-template-template-catalogo) .drawer{position:fixed;inset:0;z-index:90;background:rgba(36,28,20,.5);display:none} :where(body.page-template-template-catalogo) .drawer.open{display:block} :where(body.page-template-template-catalogo) .drawer .panel{position:absolute;top:0;right:0;width:78%;max-width:320px;height:100%;background:var(--paper);padding:30px 26px;display:flex;flex-direction:column;gap:6px;box-shadow:-10px 0 40px rgba(0,0,0,.2)} :where(body.page-template-template-catalogo) .drawer a:not(.btn){padding:14px 4px;font-family:var(--serif);font-size:20px;border-bottom:1px solid var(--line)} :where(body.page-template-template-catalogo) .drawer .btn{margin-top:12px;justify-content:center;border-bottom:none;padding:12px 18px;font-size:14.5px;width:100%} :where(body.page-template-template-catalogo) .brandlogo{height:34px;width:auto;display:block} @media(max-width:1100px){ :where(body.page-template-template-catalogo) .sec{padding:60px 0} } @media(max-width:980px){ :where(body.page-template-template-catalogo) .hbar{height:62px;gap:12px} :where(body.page-template-template-catalogo) .brandlogo{height:30px} :where(body.page-template-template-catalogo) .hdrbio{margin-left:auto;padding:4px;border-radius:50%} :where(body.page-template-template-catalogo) .hdrbio span{display:none} :where(body.page-template-template-catalogo) .hdrbio img{height:24px} :where(body.page-template-template-catalogo) .hero{min-height:460px} :where(body.page-template-template-catalogo) .hero .inner{padding:50px 0} } @media(max-width:640px){ :where(body.page-template-template-catalogo) .wrap{padding:0 20px} :where(body.page-template-template-catalogo) .sec{padding:44px 0} :where(body.page-template-template-catalogo) .sec-head{margin-bottom:22px} :where(body.page-template-template-catalogo) .contact{padding:42px 0} :where(body.page-template-template-catalogo) footer{padding:28px 0} :where(body.page-template-template-catalogo) .hero{min-height:420px} :where(body.page-template-template-catalogo) .hero .inner{padding:44px 0} :where(body.page-template-template-catalogo) .hero p{font-size:16px} :where(body.page-template-template-catalogo) .cards3{gap:14px} :where(body.page-template-template-catalogo) .ic{padding:24px 20px} :where(body.page-template-template-catalogo) footer .fg{flex-direction:column;align-items:flex-start;gap:10px} } @media(min-width:1550px){ :where(body.page-template-template-catalogo) .wrap{max-width:1340px} } :where(body.page-template-template-catalogo) #intro{position:fixed;inset:0;z-index:9999;background:linear-gradient(120deg,#fffaf2,#f6ead6);display:flex;align-items:center;justify-content:center;transition:transform .8s cubic-bezier(.7,0,.3,1),opacity .6s ease .35s} :where(body.page-template-template-catalogo) #intro.hide{transform:translateY(-100%);opacity:0;pointer-events:none} :where(body.page-template-template-catalogo) #intro img{width:min(330px,64vw);display:block;animation:introPop 1s cubic-bezier(.2,.8,.2,1) both} :where(body.page-template-template-catalogo) #intro .il{height:2px;width:0;background:#6aa12c;margin:18px auto 0;animation:introLine .9s ease .45s forwards} body:where(.page-template-template-catalogo).intro-on{overflow:hidden} @media(max-width:640px){ :where(body.page-template-template-catalogo) .hero .bg{background-position:74% 22%} :where(body.page-template-template-catalogo) .hero .scrim{background:linear-gradient(158deg,rgba(60,16,20,.86) 0%,rgba(60,16,20,.55) 48%,rgba(60,16,20,.34) 100%)} :where(body.page-template-template-catalogo) .hero .inner{padding:34px 0 28px} :where(body.page-template-template-catalogo) .hero .eyebrow{margin-bottom:12px;white-space:nowrap;font-size:9.5px;letter-spacing:1.6px;gap:8px} :where(body.page-template-template-catalogo) .hero .eyebrow:before{width:20px} :where(body.page-template-template-catalogo) .hero h1{font-size:clamp(27px,7.6vw,38px);line-height:1.14;margin-bottom:12px} :where(body.page-template-template-catalogo) .hero p{font-size:15px;line-height:1.55;margin-bottom:18px} :where(body.page-template-template-catalogo) .hero .cta{gap:10px;width:100%} } @mediaprint{ :where(body.page-template-template-catalogo) #intro{display:none!important} :where(body.page-template-template-catalogo) header{display:none!important} :where(body.page-template-template-catalogo) .hero .cta{display:none!important} :where(body.page-template-template-catalogo) .cform{display:none!important} :where(body.page-template-template-catalogo) .hburger{display:none!important} :where(body.page-template-template-catalogo) .toTop{display:none!important} :where(body.page-template-template-catalogo) .drawer{display:none!important} body:where(.page-template-template-catalogo){background:#fff} :where(body.page-template-template-catalogo) .sec{padding:24px 0} :where(body.page-template-template-catalogo) .hero{min-height:auto} } @media(max-width:980px){ :where(body.page-template-template-catalogo) .hero .wrap.inner{padding-left:22px;padding-right:22px} } @media(max-width:640px){ :where(body.page-template-template-catalogo) .hero .wrap.inner{padding-left:20px;padding-right:20px} } :where(body.page-template-template-catalogo) p{text-align:left} :where(body.page-template-template-catalogo) li{text-align:left} :where(body.page-template-template-catalogo) .card p{text-align:left} :where(body.page-template-template-catalogo) .sec-head p{text-align:left} :where(body.page-template-template-catalogo) .sec-head.ctr{text-align:center} :where(body.page-template-template-catalogo) .sec-head.ctr p{text-align:center} @media(max-width:640px){ :where(body.page-template-template-catalogo) p{text-align:left;hyphens:none;-webkit-hyphens:none} :where(body.page-template-template-catalogo) li{text-align:left;hyphens:none;-webkit-hyphens:none} :where(body.page-template-template-catalogo) .sec-head.ctr p{text-align:center} :where(body.page-template-template-catalogo) .sec-head h2{font-size:clamp(25px,6.4vw,32px);line-height:1.14;margin-top:10px} :where(body.page-template-template-catalogo) .sec-head p{font-size:15.5px;margin-top:10px} :where(body.page-template-template-catalogo) .kick{font-size:11px;letter-spacing:2px} :where(body.page-template-template-catalogo) .contact .grid2{gap:22px} :where(body.page-template-template-catalogo) .cform{padding:20px 18px} :where(body.page-template-template-catalogo) footer .fg{gap:12px} } @media(max-width:400px){ :where(body.page-template-template-catalogo) .wrap{padding:0 16px} } :where(body.page-template-template-catalogo) header[id]{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-catalogo) header[id].scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-catalogo) header[id] .hbar{display:flex;align-items:center;gap:22px;height:72px;min-height:72px;max-height:72px;flex:0 0 auto;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 26px;font-size:16px} :where(body.page-template-template-catalogo) header[id] .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto} :where(body.page-template-template-catalogo) header[id] .brandlogo{height:32px;width:auto;display:block} :where(body.page-template-template-catalogo) header[id] .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-catalogo) header[id] .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-catalogo) header[id] .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto;margin-left:auto} :where(body.page-template-template-catalogo) header[id] .header-tools .btn{padding:10px 17px;font-size:13.5px;line-height:1.1} :where(body.page-template-template-catalogo) header[id] .hburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--red);margin-left:auto;padding:2px 4px} :where(body.page-template-template-catalogo) header[id] .hburger:after{content:"Menu";font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);line-height:1;margin-top:1px} @media(max-width:980px){ :where(body.page-template-template-catalogo) header[id] .hbar{height:60px;min-height:60px;max-height:60px;gap:12px;padding:0 20px} :where(body.page-template-template-catalogo) header[id] .brandlogo{height:28px} :where(body.page-template-template-catalogo) header[id] .hnav{display:none} :where(body.page-template-template-catalogo) header[id] .hburger{display:flex;margin-left:8px} :where(body.page-template-template-catalogo) header[id] .header-tools{display:flex;margin-left:auto} :where(body.page-template-template-catalogo) header[id] .header-tools .btn{padding:8px 13px;font-size:12.5px} } @media(max-width:400px){ :where(body.page-template-template-catalogo) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-catalogo) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } @media(max-width:640px){ :where(body.page-template-template-catalogo) .sec-head.ctr{text-align:left!important;margin-left:0;margin-right:0} :where(body.page-template-template-catalogo) .sec-head.ctr p{text-align:left!important;margin-left:0;margin-right:0} :where(body.page-template-template-catalogo) .sec-head.ctr h2{text-align:left!important;margin-left:0;margin-right:0} :where(body.page-template-template-catalogo) .sec-head.ctr .kick:after{display:none} :where(body.page-template-template-catalogo) .sec{padding:36px 0} :where(body.page-template-template-catalogo) .sec-head p:last-child{margin-bottom:0} } @media(max-width:400px){ :where(body.page-template-template-catalogo) .sec{padding:32px 0} } :where(body.page-template-template-catalogo) .nlband{background:linear-gradient(120deg,#4e1a18,#7a1f27 60%,#8a2129);color:#fff;padding:44px 0;position:relative;overflow:hidden} :where(body.page-template-template-catalogo) .nlband:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(232,130,30,.24),transparent 45%);pointer-events:none} :where(body.page-template-template-catalogo) .nlband .wrap{position:relative} :where(body.page-template-template-catalogo) .nlgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center} :where(body.page-template-template-catalogo) .nltxt .kick{color:#f3d49a} :where(body.page-template-template-catalogo) .nltxt .kick:before{background:#f3d49a} :where(body.page-template-template-catalogo) .nltxt h2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);margin:10px 0 8px;color:#fff;line-height:1.15} :where(body.page-template-template-catalogo) .nltxt p{color:rgba(255,255,255,.9);font-size:15.5px;margin:0} :where(body.page-template-template-catalogo) .nlform{display:flex;flex-direction:column;gap:10px} :where(body.page-template-template-catalogo) .nlrow{display:flex;gap:10px} :where(body.page-template-template-catalogo) .nlrow input{flex:1;min-width:0;padding:13px 16px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;outline:none;transition:.2s} :where(body.page-template-template-catalogo) .nlrow input::placeholder{color:rgba(255,255,255,.82)} :where(body.page-template-template-catalogo) .nlrow input:focus{border-color:#9ecb4e;background:rgba(255,255,255,.18)} :where(body.page-template-template-catalogo) .nlrow .btn{flex:0 0 auto} :where(body.page-template-template-catalogo) .nlrow select{flex:0 0 auto;min-width:150px;padding:13px 34px 13px 14px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:14.5px;outline:none;transition:.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px;cursor:pointer} :where(body.page-template-template-catalogo) .nlrow select:focus{border-color:#9ecb4e;background-color:rgba(255,255,255,.18)} :where(body.page-template-template-catalogo) .nlrow select option{background:#4e1a18;color:#fff} @media(max-width:640px){ :where(body.page-template-template-catalogo) .nlrow select{width:100%;min-width:0} } :where(body.page-template-template-catalogo) .nlpriv{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45} :where(body.page-template-template-catalogo) .nlpriv input{margin-top:2px;accent-color:#6aa12c;width:16px;height:16px;flex:0 0 auto} :where(body.page-template-template-catalogo) .nlpriv a{text-decoration:underline} :where(body.page-template-template-catalogo) .nlnote{font-size:13px;margin:2px 0 0;min-height:1px} @media(max-width:900px){ :where(body.page-template-template-catalogo) .nlgrid{grid-template-columns:1fr;gap:20px} } @media(max-width:640px){ :where(body.page-template-template-catalogo) .nlband{padding:34px 0} :where(body.page-template-template-catalogo) .nlrow{flex-direction:column} :where(body.page-template-template-catalogo) .nlrow .btn{width:100%;justify-content:center} :where(body.page-template-template-catalogo) .wrap{padding:0 16px} :where(body.page-template-template-catalogo) .sec{padding:32px 0} :where(body.page-template-template-catalogo) .grid{grid-template-columns:1fr;gap:14px} :where(body.page-template-template-catalogo) .gal{grid-template-columns:1fr} :where(body.page-template-template-catalogo) .catgrid{grid-template-columns:1fr} :where(body.page-template-template-catalogo) .cards6{grid-template-columns:1fr} :where(body.page-template-template-catalogo) .certs{grid-template-columns:1fr} :where(body.page-template-template-catalogo) .card h4{font-size:17px} :where(body.page-template-template-catalogo) .card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;-webkit-line-clamp:3} :where(body.page-template-template-catalogo) .card .bd{padding:14px 16px 16px;gap:7px} :where(body.page-template-template-catalogo) .cst{max-width:104px} :where(body.page-template-template-catalogo) .cstin b{font-size:20px} :where(body.page-template-template-catalogo) .cstin span{font-size:9px} :where(body.page-template-template-catalogo) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-catalogo) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } :where(body.page-template-template-mammarancia) .hero h1{font-weight:800!important} :where(body.page-template-template-mammarancia) .hero h1 em{font-style:normal!important} :where(body.page-template-template-mammarancia) .press .row span{font-style:normal!important} body:where(.page-template-template-mammarancia){font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} :where(body.page-template-template-mammarancia) img{max-width:100%;display:block} :where(body.page-template-template-mammarancia) a{color:inherit;text-decoration:none} :where(body.page-template-template-mammarancia) .wrap{max-width:1240px;margin:0 auto;padding:0 26px} :where(body.page-template-template-mammarancia) header{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-mammarancia) header.scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-mammarancia) .hbar{display:flex;align-items:center;gap:22px;height:74px} :where(body.page-template-template-mammarancia) .brand{display:flex;align-items:center;gap:12px} :where(body.page-template-template-mammarancia) .brandlogo{height:34px;width:auto;display:block} :where(body.page-template-template-mammarancia) .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-mammarancia) .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-mammarancia) .hnav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--red);transition:.25s} :where(body.page-template-template-mammarancia) .hnav a:hover{opacity:1} :where(body.page-template-template-mammarancia) .hnav a:hover:after{right:0} :where(body.page-template-template-mammarancia) .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto} @media(max-width:980px){ :where(body.page-template-template-mammarancia) .header-tools .btn{padding:8px 14px;font-size:13px} } :where(body.page-template-template-mammarancia) .hburger{display:none;background:none;border:none;cursor:pointer;font-size:26px;color:var(--red);margin-left:auto} :where(body.page-template-template-mammarancia) .phero{position:relative;min-height:340px;display:flex;align-items:center;color:#fff;overflow:hidden} :where(body.page-template-template-mammarancia) .phero .bg{position:absolute;inset:0;background-size:cover;background-position:center} :where(body.page-template-template-mammarancia) .phero .scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(60,16,20,.94),rgba(90,24,28,.72) 55%,rgba(60,16,20,.42))} :where(body.page-template-template-mammarancia) .phero .inner{position:relative;padding:52px 0;max-width:720px} :where(body.page-template-template-mammarancia) .kick{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:12px;letter-spacing:2.5px;text-transform:uppercase} :where(body.page-template-template-mammarancia) .phero .kick{color:#9ecb4e} :where(body.page-template-template-mammarancia) .phero .kick:before{content:"";width:28px;height:1.5px;background:#9ecb4e} :where(body.page-template-template-mammarancia) .phero h1{font-family:var(--serif);font-size:clamp(32px,5vw,52px);line-height:1.06;margin:14px 0 12px} :where(body.page-template-template-mammarancia) .phero p{font-size:17.5px;opacity:.94;max-width:600px} :where(body.page-template-template-mammarancia) .sec{padding:72px 0} :where(body.page-template-template-mammarancia) .sec.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(body.page-template-template-mammarancia) .sec h2{font-family:var(--serif);font-size:clamp(26px,3.6vw,38px);margin:10px 0 14px} :where(body.page-template-template-mammarancia) .sec .kick{color:var(--red)} :where(body.page-template-template-mammarancia) .sec .kick:before{content:"";width:26px;height:1.5px;background:#6aa12c} :where(body.page-template-template-mammarancia) .sec p{color:var(--muted);font-size:16px;margin-bottom:12px} :where(body.page-template-template-mammarancia) .sec p b{color:var(--ink)} :where(body.page-template-template-mammarancia) .sec li b{color:var(--ink)} :where(body.page-template-template-mammarancia) .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px} :where(body.page-template-template-mammarancia) .cards.two{grid-template-columns:repeat(2,1fr)} :where(body.page-template-template-mammarancia) .cbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;box-shadow:var(--shadow-s);transition:.22s;display:flex;flex-direction:column} :where(body.page-template-template-mammarancia) .cbox .season{margin-top:auto;padding-top:12px;font-weight:700;color:var(--red)} :where(body.page-template-template-mammarancia) .cbox:hover{transform:translateY(-4px);box-shadow:var(--shadow)} :where(body.page-template-template-mammarancia) .cbox .ico{font-size:32px;margin-bottom:10px} :where(body.page-template-template-mammarancia) .cbox .vimg{margin:-24px -22px 18px;height:180px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0} :where(body.page-template-template-mammarancia) .cbox .vimg img{width:100%;height:100%;object-fit:cover;display:block} :where(body.page-template-template-mammarancia) .cbox h3{font-family:var(--serif);font-size:21px;margin-bottom:8px} :where(body.page-template-template-mammarancia) .cbox h4{font-family:var(--serif);font-size:17.5px;margin-bottom:7px} :where(body.page-template-template-mammarancia) .cbox p{font-size:14px;color:var(--muted);margin:0} :where(body.page-template-template-mammarancia) .cbox ul{margin:8px 0 0 18px;font-size:14px;color:var(--muted)} :where(body.page-template-template-mammarancia) .cbox li{margin-bottom:5px} :where(body.page-template-template-mammarancia) .stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:26px 0} :where(body.page-template-template-mammarancia) .stats div{flex:1;padding-right:16px} :where(body.page-template-template-mammarancia) .stats div+div{border-left:1px solid var(--line);padding-left:20px} :where(body.page-template-template-mammarancia) .stats b{display:block;font-family:var(--serif);font-size:32px;color:var(--red)} :where(body.page-template-template-mammarancia) .stats span{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:700} :where(body.page-template-template-mammarancia) .statcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0} :where(body.page-template-template-mammarancia) .statcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 20px;box-shadow:var(--shadow-s);text-align:center;transition:.22s} :where(body.page-template-template-mammarancia) .statcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)} :where(body.page-template-template-mammarancia) .statcard .sicon{width:54px;height:54px;margin:0 auto 14px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(157,41,51,.09);color:var(--red)} :where(body.page-template-template-mammarancia) .statcard .sicon svg{width:27px;height:27px} :where(body.page-template-template-mammarancia) .statcard .snum{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--red);line-height:1} :where(body.page-template-template-mammarancia) .statcard .slbl{font-size:11.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:9px;line-height:1.4} :where(body.page-template-template-mammarancia) .stars{display:flex;gap:3px;justify-content:center;margin:9px 0 2px} :where(body.page-template-template-mammarancia) .stars svg{width:21px;height:21px;display:block} :where(body.page-template-template-mammarancia) .tpill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:800;color:#00593f} :where(body.page-template-template-mammarancia) .tpill svg{width:15px;height:15px} @media(max-width:760px){ :where(body.page-template-template-mammarancia) .statcards{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto} } :where(body.page-template-template-mammarancia) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:30px;transition:.2s;letter-spacing:.2px;white-space:nowrap;line-height:1.1} :where(body.page-template-template-mammarancia) .btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(157,41,51,.26)} :where(body.page-template-template-mammarancia) .btn-red:hover{background:var(--red-d);transform:translateY(-1px)} :where(body.page-template-template-mammarancia) .btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(92,125,42,.26)} :where(body.page-template-template-mammarancia) .btn-green:hover{background:var(--green-d);transform:translateY(-1px)} :where(body.page-template-template-mammarancia) .btn-gold{background:#6aa12c;color:#fff;box-shadow:0 8px 20px rgba(106,161,44,.36)} :where(body.page-template-template-mammarancia) .btn-gold:hover{background:#588a24;transform:translateY(-1px)} :where(body.page-template-template-mammarancia) .btn-ghost{background:transparent;border:1.4px solid var(--line);color:var(--ink)} :where(body.page-template-template-mammarancia) .btn-ghost:hover{border-color:var(--red);color:var(--red)} :where(body.page-template-template-mammarancia) .btns{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px} :where(body.page-template-template-mammarancia) .sbtn{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border-radius:30px;border:1.4px solid var(--line);background:#fff;font-weight:700;font-size:14px;color:var(--ink);transition:.2s} :where(body.page-template-template-mammarancia) .sbtn:hover{border-color:var(--red);color:var(--red)} :where(body.page-template-template-mammarancia) .sbtn svg{width:18px;height:18px} :where(body.page-template-template-mammarancia) .ctabox{background:linear-gradient(135deg,#4e1a18,#7a1f27);color:#fff;border-radius:var(--radius);padding:34px 30px;text-align:center;margin-top:34px} :where(body.page-template-template-mammarancia) .ctabox h3{font-family:var(--serif);font-size:26px;margin-bottom:10px} :where(body.page-template-template-mammarancia) .ctabox p{color:rgba(255,255,255,.9);max-width:620px;margin:0 auto 18px;font-size:15.5px} :where(body.page-template-template-mammarancia) .mfsrc{display:flex;align-items:center;gap:12px;margin:6px 0 16px} :where(body.page-template-template-mammarancia) .mfsrc span{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--muted)} :where(body.page-template-template-mammarancia) .mfsrc img{height:30px;width:auto;display:block} :where(body.page-template-template-mammarancia) .countries{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px} :where(body.page-template-template-mammarancia) .countries span{background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-s)} :where(body.page-template-template-mammarancia) .stats2{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0;max-width:560px;flex-wrap:wrap;gap:14px 0} :where(body.page-template-template-mammarancia) .stats2 div{flex:1 0 33%;padding-right:16px} :where(body.page-template-template-mammarancia) .stats2 b{display:block;font-family:var(--serif);font-size:30px;color:var(--red)} :where(body.page-template-template-mammarancia) .stats2 span{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:700} :where(body.page-template-template-mammarancia) .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px} :where(body.page-template-template-mammarancia) .fgrid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-s);box-shadow:var(--shadow-s);display:block} @media(max-width:760px){ :where(body.page-template-template-mammarancia) .fgrid{grid-template-columns:1fr 1fr} } :where(body.page-template-template-mammarancia) .ffairs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px} :where(body.page-template-template-mammarancia) .ffair{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow-s);cursor:pointer;font-family:inherit;transition:.25s cubic-bezier(.2,.7,.2,1)} :where(body.page-template-template-mammarancia) .ffair:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent} :where(body.page-template-template-mammarancia) .ffimg{display:block;position:relative;overflow:hidden} :where(body.page-template-template-mammarancia) .ffimg img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:.5s} :where(body.page-template-template-mammarancia) .ffair:hover .ffimg img{transform:scale(1.05)} :where(body.page-template-template-mammarancia) .ffbd{display:block;padding:18px 20px 20px} :where(body.page-template-template-mammarancia) .ffname{display:block;font-family:var(--serif);font-size:23px;font-weight:700;color:var(--ink);line-height:1.15} :where(body.page-template-template-mammarancia) .ffplace{display:block;font-size:14px;color:var(--red);font-weight:700;margin-top:6px} :where(body.page-template-template-mammarancia) .ffcount{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-top:3px} :where(body.page-template-template-mammarancia) .ffopen{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;color:var(--green-d)} :where(body.page-template-template-mammarancia) .ffair:hover .ffopen{color:var(--red)} @media(max-width:760px){ :where(body.page-template-template-mammarancia) .ffairs{grid-template-columns:1fr;gap:16px} :where(body.page-template-template-mammarancia) .ffname{font-size:20px} } :where(body.page-template-template-mammarancia) .fgal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px} :where(body.page-template-template-mammarancia) .fcard{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-s);transition:.25s} :where(body.page-template-template-mammarancia) .fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)} :where(body.page-template-template-mammarancia) .fcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;transition:opacity .2s} :where(body.page-template-template-mammarancia) .fcard .fvid{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#1c110c} :where(body.page-template-template-mammarancia) .fcard{position:relative} :where(body.page-template-template-mammarancia) .fcard-video:after{content:"B6 VIDEO";position:absolute;top:10px;left:10px;font-size:9.5px;font-weight:800;letter-spacing:1px;color:#fff;background:rgba(157,41,51,.92);padding:4px 9px;border-radius:20px;pointer-events:none} :where(body.page-template-template-mammarancia) .fcard:hover img{opacity:.93} :where(body.page-template-template-mammarancia) .lbx{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(18,10,7,.95);padding:24px} :where(body.page-template-template-mammarancia) .lbx.open{display:flex} :where(body.page-template-template-mammarancia) .lbx-stage{display:flex;align-items:center;justify-content:center;max-width:94vw;max-height:82vh} :where(body.page-template-template-mammarancia) .lbx img{max-width:94vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#000} :where(body.page-template-template-mammarancia) .lbx video{max-width:94vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#000} :where(body.page-template-template-mammarancia) .lbx-num{display:block;margin-top:6px;font-size:12px;opacity:.65;font-weight:600} :where(body.page-template-template-mammarancia) .lbx-cap{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#fff;font-size:14.5px;font-weight:600;padding:0 60px;line-height:1.5} :where(body.page-template-template-mammarancia) .lbx-cap b{display:block;font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:4px} :where(body.page-template-template-mammarancia) .lbx-cap span{opacity:.8;font-size:13.5px;font-weight:500} :where(body.page-template-template-mammarancia) .lbx-close{position:absolute;top:18px;right:22px;background:rgba(255,255,255,.14);border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:50%;cursor:pointer;line-height:1;transition:.2s} :where(body.page-template-template-mammarancia) .lbx-close:hover{background:var(--red)} :where(body.page-template-template-mammarancia) .lbx-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.13);border:none;color:#fff;font-size:30px;width:52px;height:52px;border-radius:50%;cursor:pointer;transition:.2s;line-height:1} :where(body.page-template-template-mammarancia) .lbx-nav:hover{background:rgba(255,255,255,.28)} :where(body.page-template-template-mammarancia) .lbx-prev{left:18px} :where(body.page-template-template-mammarancia) .lbx-next{right:18px} @media(max-width:640px){ :where(body.page-template-template-mammarancia) .lbx{padding:12px} :where(body.page-template-template-mammarancia) .lbx img{max-height:74vh} :where(body.page-template-template-mammarancia) .lbx-nav{width:44px;height:44px;font-size:26px} :where(body.page-template-template-mammarancia) .lbx-prev{left:8px} :where(body.page-template-template-mammarancia) .lbx-next{right:8px} :where(body.page-template-template-mammarancia) .lbx-cap{bottom:12px;padding:0 12px;font-size:13px} :where(body.page-template-template-mammarancia) .lbx-cap b{font-size:16px} } :where(body.page-template-template-mammarancia) .fcard figcaption{padding:14px 16px 16px} :where(body.page-template-template-mammarancia) .fcard h4{font-family:var(--serif);font-size:17.5px;color:var(--ink);margin:0 0 6px} :where(body.page-template-template-mammarancia) .fmeta{display:flex;flex-wrap:wrap;gap:6px 14px} :where(body.page-template-template-mammarancia) .fmeta span{font-size:13px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:5px} :where(body.page-template-template-mammarancia) .fmeta .fm-place{color:var(--red)} @media(max-width:900px){ :where(body.page-template-template-mammarancia) .fgal{grid-template-columns:1fr 1fr;gap:14px} } @media(max-width:560px){ :where(body.page-template-template-mammarancia) .fgal{grid-template-columns:1fr} } :where(body.page-template-template-mammarancia) .galnote{margin-top:20px;border:1.6px dashed var(--line);border-radius:var(--radius);padding:30px;text-align:center;color:var(--muted);font-size:14.5px;background:var(--paper)} :where(body.page-template-template-mammarancia) .galnote b{color:var(--ink)} :where(body.page-template-template-mammarancia) .carousel{position:relative;margin-top:22px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)} :where(body.page-template-template-mammarancia) .carousel .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} :where(body.page-template-template-mammarancia) .carousel .track::-webkit-scrollbar{display:none} :where(body.page-template-template-mammarancia) .carousel figure{flex:0 0 100%;scroll-snap-align:center;margin:0;position:relative} :where(body.page-template-template-mammarancia) .carousel img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block} :where(body.page-template-template-mammarancia) .carousel figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 14px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(transparent,rgba(30,14,10,.75))} :where(body.page-template-template-mammarancia) p{text-align:left} :where(body.page-template-template-mammarancia) li{text-align:left} :where(body.page-template-template-mammarancia) .ctabox{text-align:center} :where(body.page-template-template-mammarancia) .ctabox p{text-align:center} @media(max-width:640px){ :where(body.page-template-template-mammarancia) p{text-align:left;hyphens:none;-webkit-hyphens:none} :where(body.page-template-template-mammarancia) li{text-align:left;hyphens:none;-webkit-hyphens:none} } :where(body.page-template-template-mammarancia) .note{display:inline-block;margin-top:14px;font-size:11.5px;color:var(--orange-d);background:rgba(232,130,30,.12);border-radius:20px;padding:4px 11px;font-weight:700} :where(body.page-template-template-mammarancia) .split{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center} :where(body.page-template-template-mammarancia) .split img{border-radius:var(--radius);box-shadow:var(--shadow)} :where(body.page-template-template-mammarancia) .spdrawer{position:fixed;inset:0;background:rgba(40,20,15,.5);opacity:0;pointer-events:none;transition:.3s;z-index:80} :where(body.page-template-template-mammarancia) .spdrawer.open{opacity:1;pointer-events:auto} :where(body.page-template-template-mammarancia) .sppanel{position:absolute;top:0;right:0;width:min(300px,80vw);height:100%;background:var(--paper);box-shadow:-10px 0 40px rgba(0,0,0,.2);padding:74px 26px 26px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:.3s} :where(body.page-template-template-mammarancia) .spdrawer.open .sppanel{transform:none} :where(body.page-template-template-mammarancia) .sppanel a:not(.btn){padding:13px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:16px} :where(body.page-template-template-mammarancia) .sppanel .btn{margin-top:12px;justify-content:center;border-bottom:none;padding:12px 18px;font-size:14.5px;width:100%} :where(body.page-template-template-mammarancia) footer{background:var(--paper);color:#7a6c5b;padding:34px 0;font-size:14px;border-top:1px solid var(--line)} :where(body.page-template-template-mammarancia) footer .fg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center} :where(body.page-template-template-mammarancia) footer b{color:var(--ink);font-family:var(--serif)} :where(body.page-template-template-mammarancia) footer a{color:var(--red)} @media(max-width:980px){ :where(body.page-template-template-mammarancia) .hnav{display:none} :where(body.page-template-template-mammarancia) .header-tools{display:none} :where(body.page-template-template-mammarancia) .hburger{display:block} :where(body.page-template-template-mammarancia) .hbar{height:62px} :where(body.page-template-template-mammarancia) .brandlogo{height:30px} } @media(max-width:820px){ :where(body.page-template-template-mammarancia) .split{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .cards{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .cards.two{grid-template-columns:1fr} } @media(max-width:1100px){ :where(body.page-template-template-mammarancia) .sec{padding:60px 0} } @media(max-width:640px){ :where(body.page-template-template-mammarancia) .wrap{padding:0 20px} :where(body.page-template-template-mammarancia) .sec{padding:44px 0} :where(body.page-template-template-mammarancia) footer{padding:28px 0} :where(body.page-template-template-mammarancia) .phero{min-height:auto} :where(body.page-template-template-mammarancia) .phero .inner{padding:34px 0 30px} :where(body.page-template-template-mammarancia) .phero .kick{font-size:11px;letter-spacing:2px;margin-bottom:4px} :where(body.page-template-template-mammarancia) .phero h1{font-size:clamp(29px,7.6vw,40px);line-height:1.12;margin:10px 0 12px} :where(body.page-template-template-mammarancia) .phero p{font-size:15.5px;line-height:1.5;max-width:none} :where(body.page-template-template-mammarancia) .stats{flex-wrap:wrap;gap:14px 0} :where(body.page-template-template-mammarancia) .stats div{flex:1 0 33%} :where(body.page-template-template-mammarancia) .sec h2{font-size:clamp(25px,6.4vw,32px);line-height:1.15;margin:8px 0 12px} :where(body.page-template-template-mammarancia) .kick{font-size:11px;letter-spacing:2px} :where(body.page-template-template-mammarancia) .cards{gap:14px} :where(body.page-template-template-mammarancia) .cards.two{gap:14px} :where(body.page-template-template-mammarancia) .cbox{padding:20px 18px} :where(body.page-template-template-mammarancia) .cbox h3{font-size:19px} :where(body.page-template-template-mammarancia) .cbox h4{font-size:16.5px} :where(body.page-template-template-mammarancia) .cbox p{font-size:14px} :where(body.page-template-template-mammarancia) .cbox .vimg{margin:-20px -18px 14px;height:150px} :where(body.page-template-template-mammarancia) .statcards{gap:12px} :where(body.page-template-template-mammarancia) .statcard{padding:20px 16px} :where(body.page-template-template-mammarancia) .statcard .snum{font-size:32px} :where(body.page-template-template-mammarancia) .stats2{padding:16px 0;margin:18px 0} :where(body.page-template-template-mammarancia) .stats2 b{font-size:26px} :where(body.page-template-template-mammarancia) .ctabox{padding:26px 20px;margin-top:26px} :where(body.page-template-template-mammarancia) .ctabox h3{font-size:22px} :where(body.page-template-template-mammarancia) .ctabox p{font-size:14.5px} :where(body.page-template-template-mammarancia) .fgal{gap:12px} :where(body.page-template-template-mammarancia) .fcard figcaption{padding:12px 14px 14px} :where(body.page-template-template-mammarancia) .countries span{font-size:13px;padding:7px 12px} :where(body.page-template-template-mammarancia) .galnote{padding:24px 18px;font-size:14px} :where(body.page-template-template-mammarancia) footer .fg{flex-direction:column;align-items:flex-start;gap:12px} :where(body.page-template-template-mammarancia) .sec{padding:36px 0} :where(body.page-template-template-mammarancia) .sec p:last-child{margin-bottom:0} } @media(max-width:400px){ :where(body.page-template-template-mammarancia) .sec{padding:32px 0} } :where(body.page-template-template-mammarancia) .nlband{background:linear-gradient(120deg,#4e1a18,#7a1f27 60%,#8a2129);color:#fff;padding:44px 0;position:relative;overflow:hidden} :where(body.page-template-template-mammarancia) .nlband:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(232,130,30,.24),transparent 45%);pointer-events:none} :where(body.page-template-template-mammarancia) .nlband .wrap{position:relative} :where(body.page-template-template-mammarancia) .nlgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center} :where(body.page-template-template-mammarancia) .nltxt .kick{color:#f3d49a} :where(body.page-template-template-mammarancia) .nltxt .kick:before{background:#f3d49a} :where(body.page-template-template-mammarancia) .nltxt h2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);margin:10px 0 8px;color:#fff;line-height:1.15} :where(body.page-template-template-mammarancia) .nltxt p{color:rgba(255,255,255,.9);font-size:15.5px;margin:0} :where(body.page-template-template-mammarancia) .nlform{display:flex;flex-direction:column;gap:10px} :where(body.page-template-template-mammarancia) .nlrow{display:flex;gap:10px} :where(body.page-template-template-mammarancia) .nlrow input{flex:1;min-width:0;padding:13px 16px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;outline:none;transition:.2s} :where(body.page-template-template-mammarancia) .nlrow input::placeholder{color:rgba(255,255,255,.62)} :where(body.page-template-template-mammarancia) .nlrow input:focus{border-color:#9ecb4e;background:rgba(255,255,255,.18)} :where(body.page-template-template-mammarancia) .nlrow .btn{flex:0 0 auto} :where(body.page-template-template-mammarancia) .nlrow select{flex:0 0 auto;min-width:150px;padding:13px 34px 13px 14px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:14.5px;outline:none;transition:.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px;cursor:pointer} :where(body.page-template-template-mammarancia) .nlrow select:focus{border-color:#9ecb4e;background-color:rgba(255,255,255,.18)} :where(body.page-template-template-mammarancia) .nlrow select option{background:#4e1a18;color:#fff} @media(max-width:640px){ :where(body.page-template-template-mammarancia) .nlrow select{width:100%;min-width:0} } :where(body.page-template-template-mammarancia) .nlpriv{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45} :where(body.page-template-template-mammarancia) .nlpriv input{margin-top:2px;accent-color:#6aa12c;width:16px;height:16px;flex:0 0 auto} :where(body.page-template-template-mammarancia) .nlpriv a{text-decoration:underline} :where(body.page-template-template-mammarancia) .nlnote{font-size:13px;margin:2px 0 0;min-height:1px} @media(max-width:900px){ :where(body.page-template-template-mammarancia) .nlgrid{grid-template-columns:1fr;gap:20px} } @media(max-width:640px){ :where(body.page-template-template-mammarancia) .nlband{padding:34px 0} :where(body.page-template-template-mammarancia) .nlrow{flex-direction:column} :where(body.page-template-template-mammarancia) .nlrow .btn{width:100%;justify-content:center} } @media(max-width:400px){ :where(body.page-template-template-mammarancia) .wrap{padding:0 16px} } @media(max-width:980px){ :where(body.page-template-template-mammarancia) .phero .wrap.inner{padding-left:22px;padding-right:22px} } @media(max-width:640px){ :where(body.page-template-template-mammarancia) .phero .wrap.inner{padding-left:20px;padding-right:20px} } :where(body.page-template-template-mammarancia) header[id]{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-mammarancia) header[id].scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-mammarancia) header[id] .hbar{display:flex;align-items:center;gap:22px;height:72px;min-height:72px;max-height:72px;flex:0 0 auto;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 26px;font-size:16px} :where(body.page-template-template-mammarancia) header[id] .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto} :where(body.page-template-template-mammarancia) header[id] .brandlogo{height:32px;width:auto;display:block} :where(body.page-template-template-mammarancia) header[id] .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-mammarancia) header[id] .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-mammarancia) header[id] .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto;margin-left:auto} :where(body.page-template-template-mammarancia) header[id] .header-tools .btn{padding:10px 17px;font-size:13.5px;line-height:1.1} :where(body.page-template-template-mammarancia) header[id] .hburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--red);margin-left:auto;padding:2px 4px} :where(body.page-template-template-mammarancia) header[id] .hburger:after{content:"Menu";font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);line-height:1;margin-top:1px} @media(max-width:980px){ :where(body.page-template-template-mammarancia) header[id] .hbar{height:60px;min-height:60px;max-height:60px;gap:12px;padding:0 20px} :where(body.page-template-template-mammarancia) header[id] .brandlogo{height:28px} :where(body.page-template-template-mammarancia) header[id] .hnav{display:none} :where(body.page-template-template-mammarancia) header[id] .hburger{display:flex;margin-left:8px} :where(body.page-template-template-mammarancia) header[id] .header-tools{display:flex;margin-left:auto} :where(body.page-template-template-mammarancia) header[id] .header-tools .btn{padding:8px 13px;font-size:12.5px} } @media(max-width:400px){ :where(body.page-template-template-mammarancia) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-mammarancia) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } @media(max-width:640px){ :where(body.page-template-template-mammarancia) .wrap{padding:0 16px} :where(body.page-template-template-mammarancia) .sec{padding:32px 0} :where(body.page-template-template-mammarancia) .grid{grid-template-columns:1fr;gap:14px} :where(body.page-template-template-mammarancia) .gal{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .catgrid{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .cards6{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .certs{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .fgal{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .pgal{grid-template-columns:1fr} :where(body.page-template-template-mammarancia) .card h4{font-size:17px} :where(body.page-template-template-mammarancia) .card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;-webkit-line-clamp:3} :where(body.page-template-template-mammarancia) .card .bd{padding:14px 16px 16px;gap:7px} :where(body.page-template-template-mammarancia) .cst{max-width:104px} :where(body.page-template-template-mammarancia) .cstin b{font-size:20px} :where(body.page-template-template-mammarancia) .cstin span{font-size:9px} :where(body.page-template-template-mammarancia) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-mammarancia) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } :where(body.page-template-template-packaging) .hero h1{font-weight:800!important} :where(body.page-template-template-packaging) .hero h1 em{font-style:normal!important} :where(body.page-template-template-packaging) .press .row span{font-style:normal!important} body:where(.page-template-template-packaging){font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} :where(body.page-template-template-packaging) img{max-width:100%;display:block} :where(body.page-template-template-packaging) a{color:inherit;text-decoration:none} :where(body.page-template-template-packaging) .wrap{max-width:1240px;margin:0 auto;padding:0 26px} :where(body.page-template-template-packaging) header{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-packaging) header.scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-packaging) .hbar{display:flex;align-items:center;gap:22px;height:74px} :where(body.page-template-template-packaging) .brand{display:flex;align-items:center;gap:12px} :where(body.page-template-template-packaging) .brandlogo{height:34px;width:auto;display:block} :where(body.page-template-template-packaging) .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-packaging) .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-packaging) .hnav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--red);transition:.25s} :where(body.page-template-template-packaging) .hnav a:hover{opacity:1} :where(body.page-template-template-packaging) .hnav a:hover:after{right:0} :where(body.page-template-template-packaging) .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto} @media(max-width:980px){ :where(body.page-template-template-packaging) .header-tools .btn{padding:8px 14px;font-size:13px} } :where(body.page-template-template-packaging) .hburger{display:none;background:none;border:none;cursor:pointer;font-size:26px;color:var(--red);margin-left:auto} :where(body.page-template-template-packaging) .phero{position:relative;min-height:340px;display:flex;align-items:center;color:#fff;overflow:hidden} :where(body.page-template-template-packaging) .phero .bg{position:absolute;inset:0;background-size:cover;background-position:center} :where(body.page-template-template-packaging) .phero .scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(60,16,20,.94),rgba(90,24,28,.72) 55%,rgba(60,16,20,.42))} :where(body.page-template-template-packaging) .phero .inner{position:relative;padding:52px 0;max-width:720px} :where(body.page-template-template-packaging) .kick{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:12px;letter-spacing:2.5px;text-transform:uppercase} :where(body.page-template-template-packaging) .phero .kick{color:#9ecb4e} :where(body.page-template-template-packaging) .phero .kick:before{content:"";width:28px;height:1.5px;background:#9ecb4e} :where(body.page-template-template-packaging) .phero h1{font-family:var(--serif);font-size:clamp(32px,5vw,52px);line-height:1.06;margin:14px 0 12px} :where(body.page-template-template-packaging) .phero p{font-size:17.5px;opacity:.94;max-width:600px} :where(body.page-template-template-packaging) .sec{padding:72px 0} :where(body.page-template-template-packaging) .sec.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(body.page-template-template-packaging) .sec h2{font-family:var(--serif);font-size:clamp(26px,3.6vw,38px);margin:10px 0 14px} :where(body.page-template-template-packaging) .sec .kick{color:var(--red)} :where(body.page-template-template-packaging) .sec .kick:before{content:"";width:26px;height:1.5px;background:#6aa12c} :where(body.page-template-template-packaging) .sec p{color:var(--muted);font-size:16px;margin-bottom:12px} :where(body.page-template-template-packaging) .sec p b{color:var(--ink)} :where(body.page-template-template-packaging) .sec li b{color:var(--ink)} :where(body.page-template-template-packaging) .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px} :where(body.page-template-template-packaging) .cards.two{grid-template-columns:repeat(2,1fr)} :where(body.page-template-template-packaging) .cbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;box-shadow:var(--shadow-s);transition:.22s;display:flex;flex-direction:column} :where(body.page-template-template-packaging) .cbox .season{margin-top:auto;padding-top:12px;font-weight:700;color:var(--red)} :where(body.page-template-template-packaging) .cbox:hover{transform:translateY(-4px);box-shadow:var(--shadow)} :where(body.page-template-template-packaging) .cbox .ico{font-size:32px;margin-bottom:10px} :where(body.page-template-template-packaging) .cbox .vimg{margin:-24px -22px 18px;height:180px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0} :where(body.page-template-template-packaging) .cbox .vimg img{width:100%;height:100%;object-fit:cover;display:block} :where(body.page-template-template-packaging) .cbox h3{font-family:var(--serif);font-size:21px;margin-bottom:8px} :where(body.page-template-template-packaging) .cbox h4{font-family:var(--serif);font-size:17.5px;margin-bottom:7px} :where(body.page-template-template-packaging) .cbox p{font-size:14px;color:var(--muted);margin:0} :where(body.page-template-template-packaging) .cbox ul{margin:8px 0 0 18px;font-size:14px;color:var(--muted)} :where(body.page-template-template-packaging) .cbox li{margin-bottom:5px} :where(body.page-template-template-packaging) .stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:26px 0} :where(body.page-template-template-packaging) .stats div{flex:1;padding-right:16px} :where(body.page-template-template-packaging) .stats div+div{border-left:1px solid var(--line);padding-left:20px} :where(body.page-template-template-packaging) .stats b{display:block;font-family:var(--serif);font-size:32px;color:var(--red)} :where(body.page-template-template-packaging) .stats span{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:700} :where(body.page-template-template-packaging) .statcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0} :where(body.page-template-template-packaging) .statcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 20px;box-shadow:var(--shadow-s);text-align:center;transition:.22s} :where(body.page-template-template-packaging) .statcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)} :where(body.page-template-template-packaging) .statcard .sicon{width:54px;height:54px;margin:0 auto 14px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(157,41,51,.09);color:var(--red)} :where(body.page-template-template-packaging) .statcard .sicon svg{width:27px;height:27px} :where(body.page-template-template-packaging) .statcard .snum{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--red);line-height:1} :where(body.page-template-template-packaging) .statcard .slbl{font-size:11.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:9px;line-height:1.4} :where(body.page-template-template-packaging) .stars{display:flex;gap:3px;justify-content:center;margin:9px 0 2px} :where(body.page-template-template-packaging) .stars svg{width:21px;height:21px;display:block} :where(body.page-template-template-packaging) .tpill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:800;color:#00593f} :where(body.page-template-template-packaging) .tpill svg{width:15px;height:15px} @media(max-width:760px){ :where(body.page-template-template-packaging) .statcards{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto} } :where(body.page-template-template-packaging) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:30px;transition:.2s;letter-spacing:.2px;white-space:nowrap;line-height:1.1} :where(body.page-template-template-packaging) .btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(157,41,51,.26)} :where(body.page-template-template-packaging) .btn-red:hover{background:var(--red-d);transform:translateY(-1px)} :where(body.page-template-template-packaging) .btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(92,125,42,.26)} :where(body.page-template-template-packaging) .btn-green:hover{background:var(--green-d);transform:translateY(-1px)} :where(body.page-template-template-packaging) .btn-gold{background:#6aa12c;color:#fff;box-shadow:0 8px 20px rgba(106,161,44,.36)} :where(body.page-template-template-packaging) .btn-gold:hover{background:#588a24;transform:translateY(-1px)} :where(body.page-template-template-packaging) .btn-ghost{background:transparent;border:1.4px solid var(--line);color:var(--ink)} :where(body.page-template-template-packaging) .btn-ghost:hover{border-color:var(--red);color:var(--red)} :where(body.page-template-template-packaging) .btns{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px} :where(body.page-template-template-packaging) .sbtn{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border-radius:30px;border:1.4px solid var(--line);background:#fff;font-weight:700;font-size:14px;color:var(--ink);transition:.2s} :where(body.page-template-template-packaging) .sbtn:hover{border-color:var(--red);color:var(--red)} :where(body.page-template-template-packaging) .sbtn svg{width:18px;height:18px} :where(body.page-template-template-packaging) .ctabox{background:linear-gradient(135deg,#4e1a18,#7a1f27);color:#fff;border-radius:var(--radius);padding:34px 30px;text-align:center;margin-top:34px} :where(body.page-template-template-packaging) .ctabox h3{font-family:var(--serif);font-size:26px;margin-bottom:10px} :where(body.page-template-template-packaging) .ctabox p{color:rgba(255,255,255,.9);max-width:620px;margin:0 auto 18px;font-size:15.5px} :where(body.page-template-template-packaging) .mfsrc{display:flex;align-items:center;gap:12px;margin:6px 0 16px} :where(body.page-template-template-packaging) .mfsrc span{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--muted)} :where(body.page-template-template-packaging) .mfsrc img{height:30px;width:auto;display:block} :where(body.page-template-template-packaging) .countries{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px} :where(body.page-template-template-packaging) .countries span{background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-s)} :where(body.page-template-template-packaging) .stats2{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0;max-width:560px;flex-wrap:wrap;gap:14px 0} :where(body.page-template-template-packaging) .stats2 div{flex:1 0 33%;padding-right:16px} :where(body.page-template-template-packaging) .stats2 b{display:block;font-family:var(--serif);font-size:30px;color:var(--red)} :where(body.page-template-template-packaging) .stats2 span{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:700} :where(body.page-template-template-packaging) .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px} :where(body.page-template-template-packaging) .fgrid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-s);box-shadow:var(--shadow-s);display:block} @media(max-width:760px){ :where(body.page-template-template-packaging) .fgrid{grid-template-columns:1fr 1fr} } :where(body.page-template-template-packaging) .ffairs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px} :where(body.page-template-template-packaging) .ffair{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow-s);cursor:pointer;font-family:inherit;transition:.25s cubic-bezier(.2,.7,.2,1)} :where(body.page-template-template-packaging) .ffair:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent} :where(body.page-template-template-packaging) .ffimg{display:block;position:relative;overflow:hidden} :where(body.page-template-template-packaging) .ffimg img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:.5s} :where(body.page-template-template-packaging) .ffair:hover .ffimg img{transform:scale(1.05)} :where(body.page-template-template-packaging) .ffbd{display:block;padding:18px 20px 20px} :where(body.page-template-template-packaging) .ffname{display:block;font-family:var(--serif);font-size:23px;font-weight:700;color:var(--ink);line-height:1.15} :where(body.page-template-template-packaging) .ffplace{display:block;font-size:14px;color:var(--red);font-weight:700;margin-top:6px} :where(body.page-template-template-packaging) .ffcount{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-top:3px} :where(body.page-template-template-packaging) .ffopen{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;color:var(--green-d)} :where(body.page-template-template-packaging) .ffair:hover .ffopen{color:var(--red)} @media(max-width:760px){ :where(body.page-template-template-packaging) .ffairs{grid-template-columns:1fr;gap:16px} :where(body.page-template-template-packaging) .ffname{font-size:20px} } :where(body.page-template-template-packaging) .fgal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px} :where(body.page-template-template-packaging) .fcard{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-s);transition:.25s} :where(body.page-template-template-packaging) .fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)} :where(body.page-template-template-packaging) .fcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;transition:opacity .2s} :where(body.page-template-template-packaging) .fcard .fvid{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#1c110c} :where(body.page-template-template-packaging) .fcard{position:relative} :where(body.page-template-template-packaging) .fcard-video:after{content:"B6 VIDEO";position:absolute;top:10px;left:10px;font-size:9.5px;font-weight:800;letter-spacing:1px;color:#fff;background:rgba(157,41,51,.92);padding:4px 9px;border-radius:20px;pointer-events:none} :where(body.page-template-template-packaging) .fcard:hover img{opacity:.93} :where(body.page-template-template-packaging) .lbx{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(18,10,7,.95);padding:24px} :where(body.page-template-template-packaging) .lbx.open{display:flex} :where(body.page-template-template-packaging) .lbx-stage{display:flex;align-items:center;justify-content:center;max-width:94vw;max-height:82vh} :where(body.page-template-template-packaging) .lbx img{max-width:94vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#000} :where(body.page-template-template-packaging) .lbx video{max-width:94vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#000} :where(body.page-template-template-packaging) .lbx-num{display:block;margin-top:6px;font-size:12px;opacity:.65;font-weight:600} :where(body.page-template-template-packaging) .lbx-cap{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#fff;font-size:14.5px;font-weight:600;padding:0 60px;line-height:1.5} :where(body.page-template-template-packaging) .lbx-cap b{display:block;font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:4px} :where(body.page-template-template-packaging) .lbx-cap span{opacity:.8;font-size:13.5px;font-weight:500} :where(body.page-template-template-packaging) .lbx-close{position:absolute;top:18px;right:22px;background:rgba(255,255,255,.14);border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:50%;cursor:pointer;line-height:1;transition:.2s} :where(body.page-template-template-packaging) .lbx-close:hover{background:var(--red)} :where(body.page-template-template-packaging) .lbx-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.13);border:none;color:#fff;font-size:30px;width:52px;height:52px;border-radius:50%;cursor:pointer;transition:.2s;line-height:1} :where(body.page-template-template-packaging) .lbx-nav:hover{background:rgba(255,255,255,.28)} :where(body.page-template-template-packaging) .lbx-prev{left:18px} :where(body.page-template-template-packaging) .lbx-next{right:18px} @media(max-width:640px){ :where(body.page-template-template-packaging) .lbx{padding:12px} :where(body.page-template-template-packaging) .lbx img{max-height:74vh} :where(body.page-template-template-packaging) .lbx-nav{width:44px;height:44px;font-size:26px} :where(body.page-template-template-packaging) .lbx-prev{left:8px} :where(body.page-template-template-packaging) .lbx-next{right:8px} :where(body.page-template-template-packaging) .lbx-cap{bottom:12px;padding:0 12px;font-size:13px} :where(body.page-template-template-packaging) .lbx-cap b{font-size:16px} } :where(body.page-template-template-packaging) .fcard figcaption{padding:14px 16px 16px} :where(body.page-template-template-packaging) .fcard h4{font-family:var(--serif);font-size:17.5px;color:var(--ink);margin:0 0 6px} :where(body.page-template-template-packaging) .fmeta{display:flex;flex-wrap:wrap;gap:6px 14px} :where(body.page-template-template-packaging) .fmeta span{font-size:13px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:5px} :where(body.page-template-template-packaging) .fmeta .fm-place{color:var(--red)} @media(max-width:900px){ :where(body.page-template-template-packaging) .fgal{grid-template-columns:1fr 1fr;gap:14px} } @media(max-width:560px){ :where(body.page-template-template-packaging) .fgal{grid-template-columns:1fr} } :where(body.page-template-template-packaging) .galnote{margin-top:20px;border:1.6px dashed var(--line);border-radius:var(--radius);padding:30px;text-align:center;color:var(--muted);font-size:14.5px;background:var(--paper)} :where(body.page-template-template-packaging) .galnote b{color:var(--ink)} :where(body.page-template-template-packaging) .carousel{position:relative;margin-top:22px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)} :where(body.page-template-template-packaging) .carousel .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} :where(body.page-template-template-packaging) .carousel .track::-webkit-scrollbar{display:none} :where(body.page-template-template-packaging) .carousel figure{flex:0 0 100%;scroll-snap-align:center;margin:0;position:relative} :where(body.page-template-template-packaging) .carousel img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block} :where(body.page-template-template-packaging) .carousel figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 14px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(transparent,rgba(30,14,10,.75))} :where(body.page-template-template-packaging) p{text-align:left} :where(body.page-template-template-packaging) li{text-align:left} :where(body.page-template-template-packaging) .ctabox{text-align:center} :where(body.page-template-template-packaging) .ctabox p{text-align:center} @media(max-width:640px){ :where(body.page-template-template-packaging) p{text-align:left;hyphens:none;-webkit-hyphens:none} :where(body.page-template-template-packaging) li{text-align:left;hyphens:none;-webkit-hyphens:none} } :where(body.page-template-template-packaging) .note{display:inline-block;margin-top:14px;font-size:11.5px;color:var(--orange-d);background:rgba(232,130,30,.12);border-radius:20px;padding:4px 11px;font-weight:700} :where(body.page-template-template-packaging) .split{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center} :where(body.page-template-template-packaging) .split img{border-radius:var(--radius);box-shadow:var(--shadow)} :where(body.page-template-template-packaging) .spdrawer{position:fixed;inset:0;background:rgba(40,20,15,.5);opacity:0;pointer-events:none;transition:.3s;z-index:80} :where(body.page-template-template-packaging) .spdrawer.open{opacity:1;pointer-events:auto} :where(body.page-template-template-packaging) .sppanel{position:absolute;top:0;right:0;width:min(300px,80vw);height:100%;background:var(--paper);box-shadow:-10px 0 40px rgba(0,0,0,.2);padding:74px 26px 26px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:.3s} :where(body.page-template-template-packaging) .spdrawer.open .sppanel{transform:none} :where(body.page-template-template-packaging) .sppanel a:not(.btn){padding:13px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:16px} :where(body.page-template-template-packaging) .sppanel .btn{margin-top:12px;justify-content:center;border-bottom:none;padding:12px 18px;font-size:14.5px;width:100%} :where(body.page-template-template-packaging) footer{background:var(--paper);color:#7a6c5b;padding:34px 0;font-size:14px;border-top:1px solid var(--line)} :where(body.page-template-template-packaging) footer .fg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center} :where(body.page-template-template-packaging) footer b{color:var(--ink);font-family:var(--serif)} :where(body.page-template-template-packaging) footer a{color:var(--red)} @media(max-width:980px){ :where(body.page-template-template-packaging) .hnav{display:none} :where(body.page-template-template-packaging) .header-tools{display:none} :where(body.page-template-template-packaging) .hburger{display:block} :where(body.page-template-template-packaging) .hbar{height:62px} :where(body.page-template-template-packaging) .brandlogo{height:30px} } @media(max-width:820px){ :where(body.page-template-template-packaging) .split{grid-template-columns:1fr} :where(body.page-template-template-packaging) .cards{grid-template-columns:1fr} :where(body.page-template-template-packaging) .cards.two{grid-template-columns:1fr} } @media(max-width:1100px){ :where(body.page-template-template-packaging) .sec{padding:60px 0} } @media(max-width:640px){ :where(body.page-template-template-packaging) .wrap{padding:0 20px} :where(body.page-template-template-packaging) .sec{padding:44px 0} :where(body.page-template-template-packaging) footer{padding:28px 0} :where(body.page-template-template-packaging) .phero{min-height:auto} :where(body.page-template-template-packaging) .phero .inner{padding:34px 0 30px} :where(body.page-template-template-packaging) .phero .kick{font-size:11px;letter-spacing:2px;margin-bottom:4px} :where(body.page-template-template-packaging) .phero h1{font-size:clamp(29px,7.6vw,40px);line-height:1.12;margin:10px 0 12px} :where(body.page-template-template-packaging) .phero p{font-size:15.5px;line-height:1.5;max-width:none} :where(body.page-template-template-packaging) .stats{flex-wrap:wrap;gap:14px 0} :where(body.page-template-template-packaging) .stats div{flex:1 0 33%} :where(body.page-template-template-packaging) .sec h2{font-size:clamp(25px,6.4vw,32px);line-height:1.15;margin:8px 0 12px} :where(body.page-template-template-packaging) .kick{font-size:11px;letter-spacing:2px} :where(body.page-template-template-packaging) .cards{gap:14px} :where(body.page-template-template-packaging) .cards.two{gap:14px} :where(body.page-template-template-packaging) .cbox{padding:20px 18px} :where(body.page-template-template-packaging) .cbox h3{font-size:19px} :where(body.page-template-template-packaging) .cbox h4{font-size:16.5px} :where(body.page-template-template-packaging) .cbox p{font-size:14px} :where(body.page-template-template-packaging) .cbox .vimg{margin:-20px -18px 14px;height:150px} :where(body.page-template-template-packaging) .statcards{gap:12px} :where(body.page-template-template-packaging) .statcard{padding:20px 16px} :where(body.page-template-template-packaging) .statcard .snum{font-size:32px} :where(body.page-template-template-packaging) .stats2{padding:16px 0;margin:18px 0} :where(body.page-template-template-packaging) .stats2 b{font-size:26px} :where(body.page-template-template-packaging) .ctabox{padding:26px 20px;margin-top:26px} :where(body.page-template-template-packaging) .ctabox h3{font-size:22px} :where(body.page-template-template-packaging) .ctabox p{font-size:14.5px} :where(body.page-template-template-packaging) .fgal{gap:12px} :where(body.page-template-template-packaging) .fcard figcaption{padding:12px 14px 14px} :where(body.page-template-template-packaging) .countries span{font-size:13px;padding:7px 12px} :where(body.page-template-template-packaging) .galnote{padding:24px 18px;font-size:14px} :where(body.page-template-template-packaging) footer .fg{flex-direction:column;align-items:flex-start;gap:12px} :where(body.page-template-template-packaging) .sec{padding:36px 0} :where(body.page-template-template-packaging) .sec p:last-child{margin-bottom:0} } @media(max-width:400px){ :where(body.page-template-template-packaging) .sec{padding:32px 0} } :where(body.page-template-template-packaging) .nlband{background:linear-gradient(120deg,#4e1a18,#7a1f27 60%,#8a2129);color:#fff;padding:44px 0;position:relative;overflow:hidden} :where(body.page-template-template-packaging) .nlband:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(232,130,30,.24),transparent 45%);pointer-events:none} :where(body.page-template-template-packaging) .nlband .wrap{position:relative} :where(body.page-template-template-packaging) .nlgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center} :where(body.page-template-template-packaging) .nltxt .kick{color:#f3d49a} :where(body.page-template-template-packaging) .nltxt .kick:before{background:#f3d49a} :where(body.page-template-template-packaging) .nltxt h2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);margin:10px 0 8px;color:#fff;line-height:1.15} :where(body.page-template-template-packaging) .nltxt p{color:rgba(255,255,255,.9);font-size:15.5px;margin:0} :where(body.page-template-template-packaging) .nlform{display:flex;flex-direction:column;gap:10px} :where(body.page-template-template-packaging) .nlrow{display:flex;gap:10px} :where(body.page-template-template-packaging) .nlrow input{flex:1;min-width:0;padding:13px 16px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;outline:none;transition:.2s} :where(body.page-template-template-packaging) .nlrow input::placeholder{color:rgba(255,255,255,.62)} :where(body.page-template-template-packaging) .nlrow input:focus{border-color:#9ecb4e;background:rgba(255,255,255,.18)} :where(body.page-template-template-packaging) .nlrow .btn{flex:0 0 auto} :where(body.page-template-template-packaging) .nlrow select{flex:0 0 auto;min-width:150px;padding:13px 34px 13px 14px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:14.5px;outline:none;transition:.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px;cursor:pointer} :where(body.page-template-template-packaging) .nlrow select:focus{border-color:#9ecb4e;background-color:rgba(255,255,255,.18)} :where(body.page-template-template-packaging) .nlrow select option{background:#4e1a18;color:#fff} @media(max-width:640px){ :where(body.page-template-template-packaging) .nlrow select{width:100%;min-width:0} } :where(body.page-template-template-packaging) .nlpriv{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45} :where(body.page-template-template-packaging) .nlpriv input{margin-top:2px;accent-color:#6aa12c;width:16px;height:16px;flex:0 0 auto} :where(body.page-template-template-packaging) .nlpriv a{text-decoration:underline} :where(body.page-template-template-packaging) .nlnote{font-size:13px;margin:2px 0 0;min-height:1px} @media(max-width:900px){ :where(body.page-template-template-packaging) .nlgrid{grid-template-columns:1fr;gap:20px} } @media(max-width:640px){ :where(body.page-template-template-packaging) .nlband{padding:34px 0} :where(body.page-template-template-packaging) .nlrow{flex-direction:column} :where(body.page-template-template-packaging) .nlrow .btn{width:100%;justify-content:center} } @media(max-width:400px){ :where(body.page-template-template-packaging) .wrap{padding:0 16px} } @media(max-width:980px){ :where(body.page-template-template-packaging) .phero .wrap.inner{padding-left:22px;padding-right:22px} } @media(max-width:640px){ :where(body.page-template-template-packaging) .phero .wrap.inner{padding-left:20px;padding-right:20px} } :where(body.page-template-template-packaging) header[id]{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-packaging) header[id].scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-packaging) header[id] .hbar{display:flex;align-items:center;gap:22px;height:72px;min-height:72px;max-height:72px;flex:0 0 auto;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 26px;font-size:16px} :where(body.page-template-template-packaging) header[id] .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto} :where(body.page-template-template-packaging) header[id] .brandlogo{height:32px;width:auto;display:block} :where(body.page-template-template-packaging) header[id] .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-packaging) header[id] .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-packaging) header[id] .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto;margin-left:auto} :where(body.page-template-template-packaging) header[id] .header-tools .btn{padding:10px 17px;font-size:13.5px;line-height:1.1} :where(body.page-template-template-packaging) header[id] .hburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--red);margin-left:auto;padding:2px 4px} :where(body.page-template-template-packaging) header[id] .hburger:after{content:"Menu";font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);line-height:1;margin-top:1px} @media(max-width:980px){ :where(body.page-template-template-packaging) header[id] .hbar{height:60px;min-height:60px;max-height:60px;gap:12px;padding:0 20px} :where(body.page-template-template-packaging) header[id] .brandlogo{height:28px} :where(body.page-template-template-packaging) header[id] .hnav{display:none} :where(body.page-template-template-packaging) header[id] .hburger{display:flex;margin-left:8px} :where(body.page-template-template-packaging) header[id] .header-tools{display:flex;margin-left:auto} :where(body.page-template-template-packaging) header[id] .header-tools .btn{padding:8px 13px;font-size:12.5px} } @media(max-width:400px){ :where(body.page-template-template-packaging) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-packaging) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } @media(max-width:640px){ :where(body.page-template-template-packaging) .wrap{padding:0 16px} :where(body.page-template-template-packaging) .sec{padding:32px 0} :where(body.page-template-template-packaging) .grid{grid-template-columns:1fr;gap:14px} :where(body.page-template-template-packaging) .gal{grid-template-columns:1fr} :where(body.page-template-template-packaging) .catgrid{grid-template-columns:1fr} :where(body.page-template-template-packaging) .cards6{grid-template-columns:1fr} :where(body.page-template-template-packaging) .certs{grid-template-columns:1fr} :where(body.page-template-template-packaging) .fgal{grid-template-columns:1fr} :where(body.page-template-template-packaging) .pgal{grid-template-columns:1fr} :where(body.page-template-template-packaging) .card h4{font-size:17px} :where(body.page-template-template-packaging) .card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;-webkit-line-clamp:3} :where(body.page-template-template-packaging) .card .bd{padding:14px 16px 16px;gap:7px} :where(body.page-template-template-packaging) .cst{max-width:104px} :where(body.page-template-template-packaging) .cstin b{font-size:20px} :where(body.page-template-template-packaging) .cstin span{font-size:9px} :where(body.page-template-template-packaging) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-packaging) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } :where(body.page-template-template-fiere) .hero h1{font-weight:800!important} :where(body.page-template-template-fiere) .hero h1 em{font-style:normal!important} :where(body.page-template-template-fiere) .press .row span{font-style:normal!important} body:where(.page-template-template-fiere){font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} :where(body.page-template-template-fiere) img{max-width:100%;display:block} :where(body.page-template-template-fiere) a{color:inherit;text-decoration:none} :where(body.page-template-template-fiere) .wrap{max-width:1240px;margin:0 auto;padding:0 26px} :where(body.page-template-template-fiere) header{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-fiere) header.scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-fiere) .hbar{display:flex;align-items:center;gap:22px;height:74px} :where(body.page-template-template-fiere) .brand{display:flex;align-items:center;gap:12px} :where(body.page-template-template-fiere) .brandlogo{height:34px;width:auto;display:block} :where(body.page-template-template-fiere) .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-fiere) .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-fiere) .hnav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--red);transition:.25s} :where(body.page-template-template-fiere) .hnav a:hover{opacity:1} :where(body.page-template-template-fiere) .hnav a:hover:after{right:0} :where(body.page-template-template-fiere) .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto} @media(max-width:980px){ :where(body.page-template-template-fiere) .header-tools .btn{padding:8px 14px;font-size:13px} } :where(body.page-template-template-fiere) .hburger{display:none;background:none;border:none;cursor:pointer;font-size:26px;color:var(--red);margin-left:auto} :where(body.page-template-template-fiere) .phero{position:relative;min-height:340px;display:flex;align-items:center;color:#fff;overflow:hidden} :where(body.page-template-template-fiere) .phero .bg{position:absolute;inset:0;background-size:cover;background-position:center} :where(body.page-template-template-fiere) .phero .scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(60,16,20,.94),rgba(90,24,28,.72) 55%,rgba(60,16,20,.42))} :where(body.page-template-template-fiere) .phero .inner{position:relative;padding:52px 0;max-width:720px} :where(body.page-template-template-fiere) .kick{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:12px;letter-spacing:2.5px;text-transform:uppercase} :where(body.page-template-template-fiere) .phero .kick{color:#9ecb4e} :where(body.page-template-template-fiere) .phero .kick:before{content:"";width:28px;height:1.5px;background:#9ecb4e} :where(body.page-template-template-fiere) .phero h1{font-family:var(--serif);font-size:clamp(32px,5vw,52px);line-height:1.06;margin:14px 0 12px} :where(body.page-template-template-fiere) .phero p{font-size:17.5px;opacity:.94;max-width:600px} :where(body.page-template-template-fiere) .sec{padding:72px 0} :where(body.page-template-template-fiere) .sec.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} :where(body.page-template-template-fiere) .sec h2{font-family:var(--serif);font-size:clamp(26px,3.6vw,38px);margin:10px 0 14px} :where(body.page-template-template-fiere) .sec .kick{color:var(--red)} :where(body.page-template-template-fiere) .sec .kick:before{content:"";width:26px;height:1.5px;background:#6aa12c} :where(body.page-template-template-fiere) .sec p{color:var(--muted);font-size:16px;margin-bottom:12px} :where(body.page-template-template-fiere) .sec p b{color:var(--ink)} :where(body.page-template-template-fiere) .sec li b{color:var(--ink)} :where(body.page-template-template-fiere) .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px} :where(body.page-template-template-fiere) .cards.two{grid-template-columns:repeat(2,1fr)} :where(body.page-template-template-fiere) .cbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;box-shadow:var(--shadow-s);transition:.22s;display:flex;flex-direction:column} :where(body.page-template-template-fiere) .cbox .season{margin-top:auto;padding-top:12px;font-weight:700;color:var(--red)} :where(body.page-template-template-fiere) .cbox:hover{transform:translateY(-4px);box-shadow:var(--shadow)} :where(body.page-template-template-fiere) .cbox .ico{font-size:32px;margin-bottom:10px} :where(body.page-template-template-fiere) .cbox .vimg{margin:-24px -22px 18px;height:180px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0} :where(body.page-template-template-fiere) .cbox .vimg img{width:100%;height:100%;object-fit:cover;display:block} :where(body.page-template-template-fiere) .cbox h3{font-family:var(--serif);font-size:21px;margin-bottom:8px} :where(body.page-template-template-fiere) .cbox h4{font-family:var(--serif);font-size:17.5px;margin-bottom:7px} :where(body.page-template-template-fiere) .cbox p{font-size:14px;color:var(--muted);margin:0} :where(body.page-template-template-fiere) .cbox ul{margin:8px 0 0 18px;font-size:14px;color:var(--muted)} :where(body.page-template-template-fiere) .cbox li{margin-bottom:5px} :where(body.page-template-template-fiere) .stats{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:26px 0} :where(body.page-template-template-fiere) .stats div{flex:1;padding-right:16px} :where(body.page-template-template-fiere) .stats div+div{border-left:1px solid var(--line);padding-left:20px} :where(body.page-template-template-fiere) .stats b{display:block;font-family:var(--serif);font-size:32px;color:var(--red)} :where(body.page-template-template-fiere) .stats span{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:700} :where(body.page-template-template-fiere) .statcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0} :where(body.page-template-template-fiere) .statcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 20px;box-shadow:var(--shadow-s);text-align:center;transition:.22s} :where(body.page-template-template-fiere) .statcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)} :where(body.page-template-template-fiere) .statcard .sicon{width:54px;height:54px;margin:0 auto 14px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(157,41,51,.09);color:var(--red)} :where(body.page-template-template-fiere) .statcard .sicon svg{width:27px;height:27px} :where(body.page-template-template-fiere) .statcard .snum{font-family:var(--serif);font-size:40px;font-weight:700;color:var(--red);line-height:1} :where(body.page-template-template-fiere) .statcard .slbl{font-size:11.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:9px;line-height:1.4} :where(body.page-template-template-fiere) .stars{display:flex;gap:3px;justify-content:center;margin:9px 0 2px} :where(body.page-template-template-fiere) .stars svg{width:21px;height:21px;display:block} :where(body.page-template-template-fiere) .tpill{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;font-weight:800;color:#00593f} :where(body.page-template-template-fiere) .tpill svg{width:15px;height:15px} @media(max-width:760px){ :where(body.page-template-template-fiere) .statcards{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto} } :where(body.page-template-template-fiere) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:30px;transition:.2s;letter-spacing:.2px;white-space:nowrap;line-height:1.1} :where(body.page-template-template-fiere) .btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(157,41,51,.26)} :where(body.page-template-template-fiere) .btn-red:hover{background:var(--red-d);transform:translateY(-1px)} :where(body.page-template-template-fiere) .btn-green{background:var(--green);color:#fff;box-shadow:0 6px 18px rgba(92,125,42,.26)} :where(body.page-template-template-fiere) .btn-green:hover{background:var(--green-d);transform:translateY(-1px)} :where(body.page-template-template-fiere) .btn-gold{background:#6aa12c;color:#fff;box-shadow:0 8px 20px rgba(106,161,44,.36)} :where(body.page-template-template-fiere) .btn-gold:hover{background:#588a24;transform:translateY(-1px)} :where(body.page-template-template-fiere) .btn-ghost{background:transparent;border:1.4px solid var(--line);color:var(--ink)} :where(body.page-template-template-fiere) .btn-ghost:hover{border-color:var(--red);color:var(--red)} :where(body.page-template-template-fiere) .btns{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px} :where(body.page-template-template-fiere) .sbtn{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border-radius:30px;border:1.4px solid var(--line);background:#fff;font-weight:700;font-size:14px;color:var(--ink);transition:.2s} :where(body.page-template-template-fiere) .sbtn:hover{border-color:var(--red);color:var(--red)} :where(body.page-template-template-fiere) .sbtn svg{width:18px;height:18px} :where(body.page-template-template-fiere) .ctabox{background:linear-gradient(135deg,#4e1a18,#7a1f27);color:#fff;border-radius:var(--radius);padding:34px 30px;text-align:center;margin-top:34px} :where(body.page-template-template-fiere) .ctabox h3{font-family:var(--serif);font-size:26px;margin-bottom:10px} :where(body.page-template-template-fiere) .ctabox p{color:rgba(255,255,255,.9);max-width:620px;margin:0 auto 18px;font-size:15.5px} :where(body.page-template-template-fiere) .mfsrc{display:flex;align-items:center;gap:12px;margin:6px 0 16px} :where(body.page-template-template-fiere) .mfsrc span{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:var(--muted)} :where(body.page-template-template-fiere) .mfsrc img{height:30px;width:auto;display:block} :where(body.page-template-template-fiere) .countries{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px} :where(body.page-template-template-fiere) .countries span{background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink);box-shadow:var(--shadow-s)} :where(body.page-template-template-fiere) .stats2{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:22px 0;max-width:560px;flex-wrap:wrap;gap:14px 0} :where(body.page-template-template-fiere) .stats2 div{flex:1 0 33%;padding-right:16px} :where(body.page-template-template-fiere) .stats2 b{display:block;font-family:var(--serif);font-size:30px;color:var(--red)} :where(body.page-template-template-fiere) .stats2 span{font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:700} :where(body.page-template-template-fiere) .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px} :where(body.page-template-template-fiere) .fgrid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-s);box-shadow:var(--shadow-s);display:block} @media(max-width:760px){ :where(body.page-template-template-fiere) .fgrid{grid-template-columns:1fr 1fr} } :where(body.page-template-template-fiere) .ffairs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px} :where(body.page-template-template-fiere) .ffair{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow-s);cursor:pointer;font-family:inherit;transition:.25s cubic-bezier(.2,.7,.2,1)} :where(body.page-template-template-fiere) .ffair:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent} :where(body.page-template-template-fiere) .ffimg{display:block;position:relative;overflow:hidden} :where(body.page-template-template-fiere) .ffimg img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:.5s} :where(body.page-template-template-fiere) .ffair:hover .ffimg img{transform:scale(1.05)} :where(body.page-template-template-fiere) .ffbd{display:block;padding:18px 20px 20px} :where(body.page-template-template-fiere) .ffname{display:block;font-family:var(--serif);font-size:23px;font-weight:700;color:var(--ink);line-height:1.15} :where(body.page-template-template-fiere) .ffplace{display:block;font-size:14px;color:var(--red);font-weight:700;margin-top:6px} :where(body.page-template-template-fiere) .ffcount{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-top:3px} :where(body.page-template-template-fiere) .ffopen{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;color:var(--green-d)} :where(body.page-template-template-fiere) .ffair:hover .ffopen{color:var(--red)} @media(max-width:760px){ :where(body.page-template-template-fiere) .ffairs{grid-template-columns:1fr;gap:16px} :where(body.page-template-template-fiere) .ffname{font-size:20px} } :where(body.page-template-template-fiere) .fgal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px} :where(body.page-template-template-fiere) .fcard{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-s);transition:.25s} :where(body.page-template-template-fiere) .fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)} :where(body.page-template-template-fiere) .fcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;transition:opacity .2s} :where(body.page-template-template-fiere) .fcard .fvid{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#1c110c} :where(body.page-template-template-fiere) .fcard{position:relative} :where(body.page-template-template-fiere) .fcard-video:after{content:"B6 VIDEO";position:absolute;top:10px;left:10px;font-size:9.5px;font-weight:800;letter-spacing:1px;color:#fff;background:rgba(157,41,51,.92);padding:4px 9px;border-radius:20px;pointer-events:none} :where(body.page-template-template-fiere) .fcard:hover img{opacity:.93} :where(body.page-template-template-fiere) .lbx{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(18,10,7,.95);padding:24px} :where(body.page-template-template-fiere) .lbx.open{display:flex} :where(body.page-template-template-fiere) .lbx-stage{display:flex;align-items:center;justify-content:center;max-width:94vw;max-height:82vh} :where(body.page-template-template-fiere) .lbx img{max-width:94vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#000} :where(body.page-template-template-fiere) .lbx video{max-width:94vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#000} :where(body.page-template-template-fiere) .lbx-num{display:block;margin-top:6px;font-size:12px;opacity:.65;font-weight:600} :where(body.page-template-template-fiere) .lbx-cap{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#fff;font-size:14.5px;font-weight:600;padding:0 60px;line-height:1.5} :where(body.page-template-template-fiere) .lbx-cap b{display:block;font-family:var(--serif);font-size:19px;font-weight:700;margin-bottom:4px} :where(body.page-template-template-fiere) .lbx-cap span{opacity:.8;font-size:13.5px;font-weight:500} :where(body.page-template-template-fiere) .lbx-close{position:absolute;top:18px;right:22px;background:rgba(255,255,255,.14);border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:50%;cursor:pointer;line-height:1;transition:.2s} :where(body.page-template-template-fiere) .lbx-close:hover{background:var(--red)} :where(body.page-template-template-fiere) .lbx-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.13);border:none;color:#fff;font-size:30px;width:52px;height:52px;border-radius:50%;cursor:pointer;transition:.2s;line-height:1} :where(body.page-template-template-fiere) .lbx-nav:hover{background:rgba(255,255,255,.28)} :where(body.page-template-template-fiere) .lbx-prev{left:18px} :where(body.page-template-template-fiere) .lbx-next{right:18px} @media(max-width:640px){ :where(body.page-template-template-fiere) .lbx{padding:12px} :where(body.page-template-template-fiere) .lbx img{max-height:74vh} :where(body.page-template-template-fiere) .lbx-nav{width:44px;height:44px;font-size:26px} :where(body.page-template-template-fiere) .lbx-prev{left:8px} :where(body.page-template-template-fiere) .lbx-next{right:8px} :where(body.page-template-template-fiere) .lbx-cap{bottom:12px;padding:0 12px;font-size:13px} :where(body.page-template-template-fiere) .lbx-cap b{font-size:16px} } :where(body.page-template-template-fiere) .fcard figcaption{padding:14px 16px 16px} :where(body.page-template-template-fiere) .fcard h4{font-family:var(--serif);font-size:17.5px;color:var(--ink);margin:0 0 6px} :where(body.page-template-template-fiere) .fmeta{display:flex;flex-wrap:wrap;gap:6px 14px} :where(body.page-template-template-fiere) .fmeta span{font-size:13px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:5px} :where(body.page-template-template-fiere) .fmeta .fm-place{color:var(--red)} @media(max-width:900px){ :where(body.page-template-template-fiere) .fgal{grid-template-columns:1fr 1fr;gap:14px} } @media(max-width:560px){ :where(body.page-template-template-fiere) .fgal{grid-template-columns:1fr} } :where(body.page-template-template-fiere) .galnote{margin-top:20px;border:1.6px dashed var(--line);border-radius:var(--radius);padding:30px;text-align:center;color:var(--muted);font-size:14.5px;background:var(--paper)} :where(body.page-template-template-fiere) .galnote b{color:var(--ink)} :where(body.page-template-template-fiere) .carousel{position:relative;margin-top:22px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)} :where(body.page-template-template-fiere) .carousel .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none} :where(body.page-template-template-fiere) .carousel .track::-webkit-scrollbar{display:none} :where(body.page-template-template-fiere) .carousel figure{flex:0 0 100%;scroll-snap-align:center;margin:0;position:relative} :where(body.page-template-template-fiere) .carousel img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block} :where(body.page-template-template-fiere) .carousel figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 14px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(transparent,rgba(30,14,10,.75))} :where(body.page-template-template-fiere) p{text-align:left} :where(body.page-template-template-fiere) li{text-align:left} :where(body.page-template-template-fiere) .ctabox{text-align:center} :where(body.page-template-template-fiere) .ctabox p{text-align:center} @media(max-width:640px){ :where(body.page-template-template-fiere) p{text-align:left;hyphens:none;-webkit-hyphens:none} :where(body.page-template-template-fiere) li{text-align:left;hyphens:none;-webkit-hyphens:none} } :where(body.page-template-template-fiere) .note{display:inline-block;margin-top:14px;font-size:11.5px;color:var(--orange-d);background:rgba(232,130,30,.12);border-radius:20px;padding:4px 11px;font-weight:700} :where(body.page-template-template-fiere) .split{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center} :where(body.page-template-template-fiere) .split img{border-radius:var(--radius);box-shadow:var(--shadow)} :where(body.page-template-template-fiere) .spdrawer{position:fixed;inset:0;background:rgba(40,20,15,.5);opacity:0;pointer-events:none;transition:.3s;z-index:80} :where(body.page-template-template-fiere) .spdrawer.open{opacity:1;pointer-events:auto} :where(body.page-template-template-fiere) .sppanel{position:absolute;top:0;right:0;width:min(300px,80vw);height:100%;background:var(--paper);box-shadow:-10px 0 40px rgba(0,0,0,.2);padding:74px 26px 26px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:.3s} :where(body.page-template-template-fiere) .spdrawer.open .sppanel{transform:none} :where(body.page-template-template-fiere) .sppanel a:not(.btn){padding:13px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:16px} :where(body.page-template-template-fiere) .sppanel .btn{margin-top:12px;justify-content:center;border-bottom:none;padding:12px 18px;font-size:14.5px;width:100%} :where(body.page-template-template-fiere) footer{background:var(--paper);color:#7a6c5b;padding:34px 0;font-size:14px;border-top:1px solid var(--line)} :where(body.page-template-template-fiere) footer .fg{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center} :where(body.page-template-template-fiere) footer b{color:var(--ink);font-family:var(--serif)} :where(body.page-template-template-fiere) footer a{color:var(--red)} @media(max-width:980px){ :where(body.page-template-template-fiere) .hnav{display:none} :where(body.page-template-template-fiere) .header-tools{display:none} :where(body.page-template-template-fiere) .hburger{display:block} :where(body.page-template-template-fiere) .hbar{height:62px} :where(body.page-template-template-fiere) .brandlogo{height:30px} } @media(max-width:820px){ :where(body.page-template-template-fiere) .split{grid-template-columns:1fr} :where(body.page-template-template-fiere) .cards{grid-template-columns:1fr} :where(body.page-template-template-fiere) .cards.two{grid-template-columns:1fr} } @media(max-width:1100px){ :where(body.page-template-template-fiere) .sec{padding:60px 0} } @media(max-width:640px){ :where(body.page-template-template-fiere) .wrap{padding:0 20px} :where(body.page-template-template-fiere) .sec{padding:44px 0} :where(body.page-template-template-fiere) footer{padding:28px 0} :where(body.page-template-template-fiere) .phero{min-height:auto} :where(body.page-template-template-fiere) .phero .inner{padding:34px 0 30px} :where(body.page-template-template-fiere) .phero .kick{font-size:11px;letter-spacing:2px;margin-bottom:4px} :where(body.page-template-template-fiere) .phero h1{font-size:clamp(29px,7.6vw,40px);line-height:1.12;margin:10px 0 12px} :where(body.page-template-template-fiere) .phero p{font-size:15.5px;line-height:1.5;max-width:none} :where(body.page-template-template-fiere) .stats{flex-wrap:wrap;gap:14px 0} :where(body.page-template-template-fiere) .stats div{flex:1 0 33%} :where(body.page-template-template-fiere) .sec h2{font-size:clamp(25px,6.4vw,32px);line-height:1.15;margin:8px 0 12px} :where(body.page-template-template-fiere) .kick{font-size:11px;letter-spacing:2px} :where(body.page-template-template-fiere) .cards{gap:14px} :where(body.page-template-template-fiere) .cards.two{gap:14px} :where(body.page-template-template-fiere) .cbox{padding:20px 18px} :where(body.page-template-template-fiere) .cbox h3{font-size:19px} :where(body.page-template-template-fiere) .cbox h4{font-size:16.5px} :where(body.page-template-template-fiere) .cbox p{font-size:14px} :where(body.page-template-template-fiere) .cbox .vimg{margin:-20px -18px 14px;height:150px} :where(body.page-template-template-fiere) .statcards{gap:12px} :where(body.page-template-template-fiere) .statcard{padding:20px 16px} :where(body.page-template-template-fiere) .statcard .snum{font-size:32px} :where(body.page-template-template-fiere) .stats2{padding:16px 0;margin:18px 0} :where(body.page-template-template-fiere) .stats2 b{font-size:26px} :where(body.page-template-template-fiere) .ctabox{padding:26px 20px;margin-top:26px} :where(body.page-template-template-fiere) .ctabox h3{font-size:22px} :where(body.page-template-template-fiere) .ctabox p{font-size:14.5px} :where(body.page-template-template-fiere) .fgal{gap:12px} :where(body.page-template-template-fiere) .fcard figcaption{padding:12px 14px 14px} :where(body.page-template-template-fiere) .countries span{font-size:13px;padding:7px 12px} :where(body.page-template-template-fiere) .galnote{padding:24px 18px;font-size:14px} :where(body.page-template-template-fiere) footer .fg{flex-direction:column;align-items:flex-start;gap:12px} :where(body.page-template-template-fiere) .sec{padding:36px 0} :where(body.page-template-template-fiere) .sec p:last-child{margin-bottom:0} } @media(max-width:400px){ :where(body.page-template-template-fiere) .sec{padding:32px 0} } :where(body.page-template-template-fiere) .nlband{background:linear-gradient(120deg,#4e1a18,#7a1f27 60%,#8a2129);color:#fff;padding:44px 0;position:relative;overflow:hidden} :where(body.page-template-template-fiere) .nlband:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(232,130,30,.24),transparent 45%);pointer-events:none} :where(body.page-template-template-fiere) .nlband .wrap{position:relative} :where(body.page-template-template-fiere) .nlgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center} :where(body.page-template-template-fiere) .nltxt .kick{color:#f3d49a} :where(body.page-template-template-fiere) .nltxt .kick:before{background:#f3d49a} :where(body.page-template-template-fiere) .nltxt h2{font-family:var(--serif);font-size:clamp(24px,3vw,32px);margin:10px 0 8px;color:#fff;line-height:1.15} :where(body.page-template-template-fiere) .nltxt p{color:rgba(255,255,255,.9);font-size:15.5px;margin:0} :where(body.page-template-template-fiere) .nlform{display:flex;flex-direction:column;gap:10px} :where(body.page-template-template-fiere) .nlrow{display:flex;gap:10px} :where(body.page-template-template-fiere) .nlrow input{flex:1;min-width:0;padding:13px 16px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:15px;outline:none;transition:.2s} :where(body.page-template-template-fiere) .nlrow input::placeholder{color:rgba(255,255,255,.62)} :where(body.page-template-template-fiere) .nlrow input:focus{border-color:#9ecb4e;background:rgba(255,255,255,.18)} :where(body.page-template-template-fiere) .nlrow .btn{flex:0 0 auto} :where(body.page-template-template-fiere) .nlrow select{flex:0 0 auto;min-width:150px;padding:13px 34px 13px 14px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:14.5px;outline:none;transition:.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:15px;cursor:pointer} :where(body.page-template-template-fiere) .nlrow select:focus{border-color:#9ecb4e;background-color:rgba(255,255,255,.18)} :where(body.page-template-template-fiere) .nlrow select option{background:#4e1a18;color:#fff} @media(max-width:640px){ :where(body.page-template-template-fiere) .nlrow select{width:100%;min-width:0} } :where(body.page-template-template-fiere) .nlpriv{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:rgba(255,255,255,.82);line-height:1.45} :where(body.page-template-template-fiere) .nlpriv input{margin-top:2px;accent-color:#6aa12c;width:16px;height:16px;flex:0 0 auto} :where(body.page-template-template-fiere) .nlpriv a{text-decoration:underline} :where(body.page-template-template-fiere) .nlnote{font-size:13px;margin:2px 0 0;min-height:1px} @media(max-width:900px){ :where(body.page-template-template-fiere) .nlgrid{grid-template-columns:1fr;gap:20px} } @media(max-width:640px){ :where(body.page-template-template-fiere) .nlband{padding:34px 0} :where(body.page-template-template-fiere) .nlrow{flex-direction:column} :where(body.page-template-template-fiere) .nlrow .btn{width:100%;justify-content:center} } @media(max-width:400px){ :where(body.page-template-template-fiere) .wrap{padding:0 16px} } @media(max-width:980px){ :where(body.page-template-template-fiere) .phero .wrap.inner{padding-left:22px;padding-right:22px} } @media(max-width:640px){ :where(body.page-template-template-fiere) .phero .wrap.inner{padding-left:20px;padding-right:20px} } :where(body.page-template-template-fiere) header[id]{position:sticky;top:0;z-index:60;background:#f8efdf;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s} :where(body.page-template-template-fiere) header[id].scrolled{background:#fffdf8;border-color:var(--line);box-shadow:var(--shadow-s)} :where(body.page-template-template-fiere) header[id] .hbar{display:flex;align-items:center;gap:22px;height:72px;min-height:72px;max-height:72px;flex:0 0 auto;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 26px;font-size:16px} :where(body.page-template-template-fiere) header[id] .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto} :where(body.page-template-template-fiere) header[id] .brandlogo{height:32px;width:auto;display:block} :where(body.page-template-template-fiere) header[id] .hnav{display:flex;gap:26px;margin-left:6px;flex:1} :where(body.page-template-template-fiere) header[id] .hnav a{font-size:14.5px;font-weight:600;color:var(--ink);position:relative;padding:4px 0;opacity:.75;transition:.2s} :where(body.page-template-template-fiere) header[id] .header-tools{display:flex;gap:12px;align-items:center;flex:0 0 auto;margin-left:auto} :where(body.page-template-template-fiere) header[id] .header-tools .btn{padding:10px 17px;font-size:13.5px;line-height:1.1} :where(body.page-template-template-fiere) header[id] .hburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--red);margin-left:auto;padding:2px 4px} :where(body.page-template-template-fiere) header[id] .hburger:after{content:"Menu";font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);line-height:1;margin-top:1px} @media(max-width:980px){ :where(body.page-template-template-fiere) header[id] .hbar{height:60px;min-height:60px;max-height:60px;gap:12px;padding:0 20px} :where(body.page-template-template-fiere) header[id] .brandlogo{height:28px} :where(body.page-template-template-fiere) header[id] .hnav{display:none} :where(body.page-template-template-fiere) header[id] .hburger{display:flex;margin-left:8px} :where(body.page-template-template-fiere) header[id] .header-tools{display:flex;margin-left:auto} :where(body.page-template-template-fiere) header[id] .header-tools .btn{padding:8px 13px;font-size:12.5px} } @media(max-width:400px){ :where(body.page-template-template-fiere) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-fiere) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } @media(max-width:640px){ :where(body.page-template-template-fiere) .wrap{padding:0 16px} :where(body.page-template-template-fiere) .sec{padding:32px 0} :where(body.page-template-template-fiere) .grid{grid-template-columns:1fr;gap:14px} :where(body.page-template-template-fiere) .gal{grid-template-columns:1fr} :where(body.page-template-template-fiere) .catgrid{grid-template-columns:1fr} :where(body.page-template-template-fiere) .cards6{grid-template-columns:1fr} :where(body.page-template-template-fiere) .certs{grid-template-columns:1fr} :where(body.page-template-template-fiere) .fgal{grid-template-columns:1fr} :where(body.page-template-template-fiere) .pgal{grid-template-columns:1fr} :where(body.page-template-template-fiere) .card h4{font-size:17px} :where(body.page-template-template-fiere) .card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;-webkit-line-clamp:3} :where(body.page-template-template-fiere) .card .bd{padding:14px 16px 16px;gap:7px} :where(body.page-template-template-fiere) .cst{max-width:104px} :where(body.page-template-template-fiere) .cstin b{font-size:20px} :where(body.page-template-template-fiere) .cstin span{font-size:9px} :where(body.page-template-template-fiere) header[id] .hbar{padding:0 16px;gap:8px} :where(body.page-template-template-fiere) header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } /* ---------- 4. uniformita mobile ---------- */ /* === UNIFORMITA MOBILE: tutti i telefoni resi uguali === */ @media(max-width:640px){ .wrap{padding:0 16px} .sec{padding:32px 0} .grid{grid-template-columns:1fr;gap:14px} .gal,.catgrid,.cards6,.certs,.fgal,.pgal{grid-template-columns:1fr} .card h4{font-size:17px} /* Il taglio a tre righe vale solo sui telefoni, dove la colonna e' stretta e il testo ci sta comunque. Su desktop la scheda e' larga e un taglio a meta' frase si nota: li' la descrizione si legge tutta. Queste tre proprieta' prima stavano nella regola base: ora che la base non taglia piu', devono viaggiare insieme al taglio. */ .card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;-webkit-line-clamp:3} .card .bd{padding:14px 16px 16px;gap:7px} .cst{max-width:104px} .cstin b{font-size:20px} .cstin span{font-size:9px} header[id] .hbar{padding:0 16px;gap:8px} header[id] .header-tools .btn{padding:7px 11px;font-size:12px} } .langsw{display:inline-flex;align-items:center;border:1px solid rgba(122,30,20,.28);border-radius:999px;overflow:hidden;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1;flex:0 0 auto;background:transparent}.langsw a{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;text-decoration:none;color:#7a1e14;opacity:.62;transition:.16s}.langsw .lgflag{font-size:13px;line-height:1}.langsw a:hover{opacity:1;background:rgba(122,30,20,.07)}.langsw a.on{background:#7a1e14;color:#fff;opacity:1}.drawer .langsw,.sppanel .langsw{align-self:flex-start;margin-top:14px;border-color:rgba(122,30,20,.3)}.drawer .langsw a,.sppanel .langsw a{padding:9px 14px;font-size:13px}.back+.langsw{margin-left:14px;vertical-align:middle}@media(max-width:900px){.hbar>.langsw,.header-tools .langsw{display:none}.drawer .langsw,.sppanel .langsw,.back+.langsw{display:inline-flex}} /* ---------- 5. adattamenti WordPress ---------- */ /* Il sito scrive le voci di menu come semplici ; WordPress le avvolge in

. Con display:contents i contenitori spariscono dal layout e i link si comportano esattamente come nel sito. */ .hnav ul,.hnav li,.drawer .panel ul,.drawer .panel li,.sppanel ul,.sppanel li, .hnav .menu,.drawer .menu,.sppanel .menu{list-style:none;margin:0;padding:0;display:contents} .hnav li::marker,.drawer li::marker,.sppanel li::marker{content:none} .hnav a,.hnav .menu-item a{font-family:var(--sans);font-size:14.5px;font-weight:600;letter-spacing:0;text-transform:none} .hnav .current-menu-item>a,.hnav .current_page_item>a{opacity:1} /* L'intestazione e' appiccicata in alto: sotto la barra di amministrazione */ .admin-bar header[id]{top:32px} @media screen and (max-width:782px){.admin-bar header[id]{top:46px}} @media screen and (max-width:600px){.admin-bar header[id]{top:0}} /* Se il file JavaScript non e' arrivato, la guardia in header.php mette questa classe: le sezioni tornano visibili, senza animazione. E' l'unico punto del foglio di stile dove uso !important, perche' deve avere la meglio su qualunque altra regola. */ html.nf-senza-js .rev{opacity:1 !important;transform:none !important;transition:none !important;animation:none !important} /* La schermata di apertura non e' piu' qui: stile e markup stanno insieme dentro header.php. Un velo che copre tutto lo schermo non deve dipendere da un file esterno che la cache o un plugin di ottimizzazione possono servire vecchio o alterato. */ /* Segno per i collegamenti che aprono una nuova scheda. Serve dove il collegamento sta dentro un modulo: chi legge deve sapere in anticipo che non perdera' quello che ha scritto. */ .nf-fuori{display:inline-block;margin-left:3px;font-size:.82em; text-decoration:none;vertical-align:baseline} /* Testo destinato solo ai lettori di schermo e ai motori di ricerca. Lo usiamo per il titolo delle pagine che hanno gia' un titolo dentro il contenuto: sparisce dallo schermo ma resta nel documento. */ .nf-solo-lettori{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} /* ---------- Catalogo: misure regolabili dal pannello ---------- I numeri arrivano da Aspetto -> Personalizza -> Catalogo prodotti, stampati nella da inc/aspetto-catalogo.php come variabili. Qui ci sono solo le regole; i valori di riserva accanto a ogni variabile sono quelli storici, quindi se le variabili non arrivano - pagina senza catalogo, cache vecchia, plugin che ripulisce la testata - la griglia resta esattamente com'era. Tutto e' agganciato a #grid-host: .grid e .card esistono anche altrove nel sito e non devono essere toccate. */ #grid-host .grid{grid-template-columns:repeat(var(--nf-col,3),minmax(0,1fr));gap:var(--nf-gap,28px)} #grid-host .card .ph{aspect-ratio:var(--nf-foto,16/11)} /* Anche lo spazio fra nome, stagionalita' e descrizione segue la misura scelta. Restava fisso, e su una scheda piccola era la voce che pesava di piu': quattro spazi da 11px fanno 44px di altezza, piu' di quanto se ne guadagni schiacciando la foto. */ #grid-host .card .bd{padding:var(--nf-pad,20px);gap:var(--nf-bdgap,11px)} #grid-host .card h4{font-size:var(--nf-titolo,20.5px)} #grid-host .card p{font-size:var(--nf-testo,14.5px)} /* Schermi intermedi: due colonne fisse. Il numero scelto nel pannello vale per il computer; su un tablet quattro schede affiancate diventerebbero strisce troppo strette per leggere il nome. */ @media(min-width:641px) and (max-width:980px){ #grid-host .grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:640px){ #grid-host .grid{grid-template-columns:repeat(var(--nf-col-m,1),minmax(0,1fr));gap:var(--nf-gap-m,14px)} #grid-host .card .ph{aspect-ratio:var(--nf-foto-m,16/11)} #grid-host .card .bd{padding:var(--nf-pad-m,14px);gap:var(--nf-bdgap-m,7px)} #grid-host .card h4{font-size:var(--nf-titolo-m,17px)} #grid-host .card p{font-size:var(--nf-testo-m,13.5px)} /* Striscia scorrevole: le schede restano in fila e si scorrono col dito. I margini negativi la fanno arrivare fino ai bordi dello schermo, cosi' si capisce che continua. Lo scatto (scroll-snap) ferma lo scorrimento sull'inizio di una scheda, non a meta'. */ #grid-host.nf-disp-striscia .grid{ display:flex;overflow-x:auto;scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;scrollbar-width:none; margin-left:-16px;margin-right:-16px; padding:2px 16px 8px; } #grid-host.nf-disp-striscia .grid::-webkit-scrollbar{display:none} /* Larghezza data con width + min-width, non con flex. Provato prima con "flex:0 0 78%": il browser applicava la base ma non il flex-shrink, e le schede si stringevano per stare tutte nello schermo - niente scorrimento. Con min-width non c'e' modo di comprimerle. */ #grid-host.nf-disp-striscia .card{width:78%;min-width:78%;scroll-snap-align:start} /* Scheda compatta: foto a sinistra, testo a destra. La foto perde la proporzione fissa e si allunga quanto la scheda, altrimenti nella colonna resterebbe uno spazio vuoto sotto l'immagine. */ #grid-host.nf-disp-compatta .grid{grid-template-columns:1fr} #grid-host.nf-disp-compatta .card{flex-direction:row;align-items:stretch} /* Qui l'altezza fissa non si applica di proposito: nella scheda compatta la foto deve arrivare in fondo alla scheda, altrimenti resta una fascia vuota sotto l'immagine. */ #grid-host.nf-disp-compatta .card .ph{width:38%;min-width:38%;aspect-ratio:auto} #grid-host.nf-disp-compatta .card .bd{justify-content:center} #grid-host.nf-disp-compatta .card p{-webkit-line-clamp:2} } /* ---------- Pagine legali (Privacy, Cookie) ---------- Prefisso nfl- e non i nomi generici del sito: .card, .body e .toc esistono gia' altrove e si darebbero fastidio a vicenda. */ .nfl-hero{background:linear-gradient(122deg,#4e1a18,#9d2933 68%,#8a2129);color:#fff;padding:62px 0 56px;position:relative;overflow:hidden} .nfl-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 14%,rgba(232,130,30,.22),transparent 46%)} .nfl-hero .wrap{position:relative} .nfl-hero .kick{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#f3d49a;margin-bottom:14px} .nfl-hero .kick:before{content:"";width:26px;height:2px;background:#f3d49a} .nfl-hero h1{font-family:var(--serif);font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.08;letter-spacing:-.5px;color:#fff} .nfl-hero p{opacity:.95;margin-top:12px;font-size:16.5px;max-width:640px;color:#fff} .nfl{padding:52px 0 76px} .nfl-grid{display:grid;grid-template-columns:236px minmax(0,1fr);gap:56px;align-items:start} .nfl-toc{position:sticky;top:96px} .nfl-toc summary{display:none} .nfl-solo-largo{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px} .nfl-toc ol{list-style:none;margin:0;padding:0} .nfl-toc li{margin:0} .nfl-toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid var(--line);font-size:13.5px;line-height:1.4;color:var(--muted);text-decoration:none;transition:.16s} .nfl-toc a:hover{color:var(--red);border-left-color:var(--red);background:rgba(157,41,51,.04)} .nfl-rif{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:30px;font-size:14px;color:var(--muted);line-height:1.6} .nfl-rif b{color:var(--ink)} .nfl-agg{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--green-d);background:#eef3e2;padding:6px 12px;border-radius:20px} .nfl-testo h2{font-family:var(--serif);font-size:clamp(21px,2.4vw,25px);font-weight:700;line-height:1.25;color:var(--ink);margin:40px 0 12px;padding-left:15px;border-left:3px solid var(--red);scroll-margin-top:110px} .nfl-testo h2:first-child{margin-top:0} .nfl-testo h3{font-family:var(--serif);font-size:19px;margin:24px 0 8px;color:var(--ink)} .nfl-testo p,.nfl-testo li{font-size:16px;line-height:1.78;color:#463d31} .nfl-testo p{margin-bottom:12px} .nfl-testo b,.nfl-testo strong{color:var(--ink);font-weight:700} .nfl-testo a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(157,41,51,.35)} .nfl-testo a:hover{text-decoration-color:var(--red)} .nfl-testo ul{list-style:none;margin:12px 0 18px;padding:0} .nfl-testo ul li{position:relative;padding-left:24px;margin-bottom:10px} .nfl-testo ul li:before{content:"";position:absolute;left:5px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--green)} .nfl-testo ol{margin:12px 0 18px 22px} .nfl-testo ol li{margin-bottom:10px} .nfl-testo table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:14.5px} .nfl-testo th,.nfl-testo td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;background:var(--paper)} .nfl-testo th{background:#f3ece0;font-weight:700;font-size:13px} @media(max-width:900px){ .nfl-grid{grid-template-columns:1fr;gap:0} .nfl-toc{position:static;margin-bottom:26px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px} .nfl-toc summary{display:block;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);list-style:none} .nfl-toc summary::-webkit-details-marker{display:none} .nfl-toc summary:after{content:"BE";float:right} .nfl-toc[open] summary{margin-bottom:10px} .nfl-toc[open] summary:after{content:"B4"} .nfl-solo-largo{display:none} } @media(max-width:640px){ .nfl-hero{padding:44px 0 40px} .nfl-hero p{font-size:15.5px} .nfl{padding:34px 0 54px} .nfl-testo h2{margin:30px 0 10px;padding-left:12px} .nfl-testo p,.nfl-testo li{font-size:15.5px;line-height:1.72} .nfl-rif{padding:18px} } /* ---------- Fascia del consenso ai cookie di statistica ---------- Compare solo se in Aspetto -> Personalizza e' stato inserito un codice Google Analytics. I due pulsanti hanno lo stesso peso visivo: uno che spicca sull'altro e' considerato una spinta al consenso. */ .nf-consenso{position:fixed;left:0;right:0;bottom:0;z-index:9000;background:var(--paper); border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(36,28,20,.14); padding:16px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center} .nf-consenso[hidden]{display:none} .nf-consenso p{margin:0;font-size:14px;line-height:1.6;color:var(--ink);max-width:680px} .nf-consenso a{color:var(--red);text-decoration:underline;text-underline-offset:2px} .nf-consenso-btn{display:flex;gap:10px;flex:0 0 auto} .nf-consenso-btn button{font-family:var(--sans);font-size:13.5px;font-weight:700; padding:10px 22px;border-radius:30px;border:1.4px solid var(--ink);background:none; color:var(--ink);cursor:pointer;transition:.16s;min-width:112px} .nf-consenso-btn button:hover{background:var(--ink);color:var(--paper)} @media(max-width:640px){ .nf-consenso{padding:14px 16px;gap:12px;flex-direction:column;align-items:stretch;text-align:left} .nf-consenso p{font-size:13.5px} .nf-consenso-btn button{flex:1;padding:11px 12px} } /* Scheda del singolo prodotto: esiste solo su WordPress */ .prod-single{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:34px;align-items:start} .prod-foto{position:relative;border-radius:16px;overflow:hidden;background:#f3ece0} .prod-foto img{display:block;width:100%;height:auto} .prod-foto .mln{position:absolute;left:0;right:0;bottom:0;height:5px;display:block} .prod-testo h1{margin:6px 0 14px;font-size:clamp(28px,4vw,40px);line-height:1.14} .prod-testo .mdesc{margin:16px 0 0} @media(max-width:860px){.prod-single{grid-template-columns:1fr;gap:22px}.prod-foto{max-width:420px;margin:0 auto}}