/* Fast'nPrint — design system partagé */
:root{
  --fnp-navy:#1A1F3A; --fnp-navy2:#0F1430; --fnp-mag:#E6196A; --fnp-mag-d:#C20F56;
  --fnp-yel:#F5D020; --fnp-cyan:#18C5D6; --fnp-ink:#1A1F3A; --fnp-soft:#5A6280;
  --fnp-bg:#F5F6FA; --fnp-card:#fff; --fnp-line:#E5E8F0;
  --fnp-radius:16px; --fnp-shadow:0 10px 30px rgba(16,20,45,.08); --fnp-shadow-lg:0 20px 50px rgba(16,20,45,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--fnp-ink);background:#fff;line-height:1.5}
h1,h2,h3,.logo{font-family:'Montserrat',sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
/* UI/UX plugin: icônes SVG (zéro emoji), focus visible, reduced-motion */
.ico{width:1.2em;height:1.2em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:-3px}
.ico-lg{width:26px;height:26px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--fnp-mag);outline-offset:3px;border-radius:6px}
.cat,.prod{cursor:pointer}
@media (prefers-reduced-motion: reduce){
  *{transition:none!important;animation:none!important}
  .btn:hover,.cat:hover,.prod:hover{transform:none!important}
}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-weight:800;font-family:'Montserrat';border-radius:999px;padding:14px 26px;font-size:15px;transition:.15s}
.btn:hover{transform:translateY(-2px)}
.btn-mag{background:var(--fnp-mag);color:#fff;box-shadow:0 8px 20px rgba(230,25,106,.35)}
.btn-mag:hover{background:var(--fnp-mag-d)}
.btn-ghost{background:#fff;color:var(--fnp-navy);border:2px solid var(--fnp-line)}
.btn-ghost:hover{border-color:var(--fnp-mag);color:var(--fnp-mag)}

.topbar{background:var(--fnp-navy);color:#fff;font-size:13.5px}
.topbar .wrap{display:flex;justify-content:center;gap:26px;height:40px;align-items:center;flex-wrap:wrap}
.topbar b{color:var(--fnp-yel)}
.topbar b,.topbar span{display:inline-flex;align-items:center;gap:6px}

header.main{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--fnp-line)}
header.main .wrap{display:flex;align-items:center;gap:24px;height:76px}
.logo{font-weight:900;font-size:26px;letter-spacing:-.5px}
.logo .ast{color:var(--fnp-navy)} .logo .print{color:var(--fnp-mag)}
.logo .fmark{display:inline-block;width:30px;height:26px;margin-right:4px;vertical-align:-4px;
  background:linear-gradient(135deg,var(--fnp-yel),#FF7A00 40%,var(--fnp-mag) 70%,var(--fnp-cyan));
  clip-path:polygon(0 0,100% 0,80% 35%,38% 35%,30% 55%,68% 55%,58% 78%,22% 78%,10% 100%,0 100%);}
nav.menu{display:flex;gap:24px;margin-left:8px;font-weight:600;font-size:15px}
nav.menu a{color:var(--fnp-navy);opacity:.75} nav.menu a:hover{opacity:1}
nav.menu a.hot{color:var(--fnp-mag);opacity:1}
.head-actions{margin-left:auto;display:flex;gap:12px}
.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--fnp-line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--fnp-navy);transition:.15s}
.icon-btn:hover{border-color:var(--fnp-mag);color:var(--fnp-mag)}

/* HERO two-column (texte HTML, aucun chevauchement) */
.hero{background:radial-gradient(900px 460px at 88% 0%,rgba(230,25,106,.28),transparent 60%),linear-gradient(160deg,var(--fnp-navy),var(--fnp-navy2));color:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding-top:46px;padding-bottom:46px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px}
.hero h1{font-size:50px;line-height:1.05;font-weight:900;letter-spacing:-1px;margin:18px 0 8px;color:#fff !important}
.hero h1 .hl{color:var(--fnp-mag) !important}
.hero .slogan{display:inline-block;font-style:italic;color:#AEB8D2;font-size:18px;border-bottom:4px solid var(--fnp-yel);padding-bottom:6px;margin-bottom:22px}
.hero p.lead{color:#C7CEDE;font-size:17px;max-width:520px;margin-bottom:26px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}
.hero .btn-ghost:hover{border-color:var(--fnp-yel);color:var(--fnp-yel)}
.hero-stats{display:flex;gap:30px;margin-top:30px}
.hero-stats b{display:block;font-family:'Montserrat';font-size:24px;font-weight:800;color:#fff}
.hero-stats span{font-size:13px;color:#AEB8D2}
.hero-art img{width:100%;height:auto;display:block}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero h1{font-size:36px}.hero-art{order:-1}}

.trust{background:var(--fnp-navy);color:#fff}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 22px}
.trust .item{display:flex;align-items:center;gap:12px}
.trust .ic{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);color:var(--fnp-yel);display:grid;place-items:center;flex:0 0 auto}
.trust b{font-family:'Montserrat';font-size:14.5px;display:block}
.trust span{font-size:12.5px;color:#AEB8D2}

section.block{padding:60px 0}
.sec-head{text-align:center;max-width:640px;margin:0 auto 36px}
.sec-head .kick{color:var(--fnp-mag);font-weight:800;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.sec-head h2{font-size:34px;font-weight:900;margin:10px 0 10px;color:var(--fnp-navy)}
.sec-head p{color:#5A6280;font-size:16px}

.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat{border-radius:var(--fnp-radius);overflow:hidden;box-shadow:var(--fnp-shadow);transition:.2s;background:var(--fnp-navy)}
.cat:hover{transform:translateY(-5px);box-shadow:var(--fnp-shadow-lg)}
.cat img{width:100%;height:auto}
.cat .go{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700;font-family:'Montserrat'}
.cat .go span:last-child{color:var(--fnp-yel)}
.fnp-cat-mats{list-style:none;margin:0;padding:0 18px 16px;display:flex;flex-wrap:wrap;gap:7px}
.fnp-cat-mats li{font-family:'Montserrat';font-size:12.5px;line-height:1;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.20);font-weight:600}

.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.prod{background:var(--fnp-card);border:1px solid var(--fnp-line);border-radius:var(--fnp-radius);overflow:hidden;transition:.2s}
.prod:hover{transform:translateY(-5px);box-shadow:var(--fnp-shadow-lg)}
.prod img{width:100%;height:230px;object-fit:contain;background:var(--fnp-navy);display:block}
.prod .body{padding:14px 16px 18px}
.prod h3{font-size:16px;font-weight:800;color:var(--fnp-navy);margin-bottom:6px}
.prod .row{display:flex;align-items:center;justify-content:space-between}
.prod .price{font-family:'Montserrat';font-weight:800;color:var(--fnp-mag)}
.prod .price small{color:#5A6280;font-weight:600;font-size:12px}
.prod .add{background:var(--fnp-navy);color:#fff;border:none;border-radius:10px;padding:8px 13px;font-weight:700;font-family:'Montserrat';font-size:13px;cursor:pointer}
.prod .add:hover{background:var(--fnp-mag)}

/* Configurateur */
.config-sec{background:var(--fnp-bg)}
.config{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--fnp-line);border-radius:20px;box-shadow:var(--fnp-shadow-lg);padding:26px}
.config h3{font-size:20px;color:var(--fnp-navy);display:flex;align-items:center;gap:10px}
.config .tag{background:var(--fnp-yel);color:#5a4500;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin:12px 0}
.field label{font-size:13px;font-weight:600;color:#5A6280;display:block;margin-bottom:6px}
.field input,.field select{width:100%;padding:12px;border:1.5px solid var(--fnp-line);border-radius:11px;font-size:15px;font-family:inherit}
.field input:focus,.field select:focus{outline:none;border-color:var(--fnp-mag)}
.price-box{margin-top:8px;background:var(--fnp-navy);border-radius:14px;padding:18px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}
.price-box .val{font-family:'Montserrat';font-size:30px;font-weight:800;color:var(--fnp-yel)}
.note{font-size:11.5px;color:#5A6280;margin-top:10px;text-align:center}

.steps-sec{background:var(--fnp-navy);color:#fff}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--fnp-radius);padding:28px}
.step .num{width:44px;height:44px;border-radius:12px;background:var(--fnp-mag);color:#fff;font-family:'Montserrat';font-weight:800;font-size:19px;display:grid;place-items:center;margin-bottom:14px}
.step h3{font-size:18px;margin-bottom:8px}
.fnp-steps-grid .step h3{color:#fff !important}
.fnp-why-card h3{color:#E6196A !important}
.step p{color:#AEB8D2;font-size:14.5px}
.steps-sec .sec-head h2{color:#fff} .steps-sec .sec-head p{color:#AEB8D2}

footer{background:var(--fnp-navy2);color:#AEB8D2;padding:50px 0 24px;font-size:14px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}
footer .logo{font-size:23px;margin-bottom:12px} footer .logo .ast{color:#fff}
footer h4{color:#fff;font-family:'Montserrat';font-size:15px;margin-bottom:14px}
footer ul{list-style:none} footer li{margin-bottom:9px} footer a:hover{color:#fff}
.fbottom{display:flex;justify-content:space-between;padding-top:18px;flex-wrap:wrap;gap:10px;font-size:13px}

@media(max-width:900px){.cats{grid-template-columns:1fr}.prods{grid-template-columns:repeat(2,1fr)}.trust .wrap{grid-template-columns:repeat(2,1fr)}.steps,.fgrid{grid-template-columns:1fr}nav.menu{display:none}}

/* Fil d'ariane */
.breadcrumb{max-width:1200px;margin:0 auto;padding:18px 22px;font-size:13px;color:var(--fnp-soft)}
.breadcrumb a{color:var(--fnp-soft)} .breadcrumb a:hover{color:var(--fnp-mag)}
.breadcrumb span{color:var(--fnp-navy);font-weight:600}
/* En-tête de page simple */
.page-head{background:linear-gradient(160deg,var(--fnp-navy),var(--fnp-navy2));color:#fff;padding:48px 0}
.page-head h1{font-size:38px;font-weight:900} .page-head p{color:#C7CEDE;margin-top:8px;max-width:620px}
/* Contenu éditorial (pages aide / à propos) */
.prose{max-width:760px;margin:0 auto} .prose h2{font-size:24px;color:var(--fnp-navy);margin:28px 0 12px}
.prose p{color:#444;margin-bottom:14px}
.prose ul{margin:0 0 14px 22px;color:#444} .prose li{margin-bottom:8px}
/* Menu mobile */
.burger{display:none;margin-left:auto}
@media(max-width:900px){
  .burger{display:grid}
  nav.menu{position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;
    gap:0;padding:8px 22px;border-bottom:1px solid var(--fnp-line);display:none}
  nav.menu.open{display:flex}
  nav.menu a{padding:12px 0;border-bottom:1px solid var(--fnp-line)}
}

/* ===== Responsive mobile / tablette — sections Fast'nPrint ===== */
img,svg{max-width:100%}
html,body{overflow-x:hidden}

@media(max-width:1024px){
  .fnp-reassurance-grid{grid-template-columns:repeat(2,1fr) !important;gap:14px !important}
}
@media(max-width:900px){
  .fnp-hero .wrap,.fnp-hero-inner{grid-template-columns:1fr !important;gap:24px !important}
  .fnp-hero h1,.hero h1{font-size:34px !important}
  .hero-stats,.fnp-hero-stats{flex-wrap:wrap;gap:18px}
  .fnp-categories-grid,.fnp-steps-grid,.fnp-why-grid,.cats,.steps{grid-template-columns:1fr !important}
  .trust .wrap{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:600px){
  .fnp-reassurance-grid{grid-template-columns:1fr !important;text-align:center;gap:12px !important}
  .fnp-hero h1,.hero h1{font-size:26px !important}
  .hero-cta,.fnp-hero-cta{flex-direction:column}
  .hero-cta .btn,.fnp-hero-cta .btn{width:100%;justify-content:center}
  .sec-head h2,.fnp-section-title{font-size:26px !important}
  section.block,.block{padding:40px 0 !important}
  .wrap{padding-left:18px;padding-right:18px}
}

/* Masquer le titre de page « Accueil » (doublon Blocksy au-dessus du hero) */
.home .hero-section,
.home .entry-header{ display:none !important; }

/* ── Correctif chevauchement barre promo / bande réassurance sur mobile ── */
/* La barre promo avait height:40px fixe : le texte qui passe à la ligne
   débordait sur la bande réassurance. On la laisse grandir en hauteur. */
@media(max-width:900px){
  .fnp-topbar .wrap,.topbar .wrap{
    height:auto !important;min-height:40px;
    padding:8px 18px !important;row-gap:2px;
  }
}
@media(max-width:600px){
  .fnp-topbar .wrap,.topbar .wrap{gap:4px 14px !important;font-size:12px;line-height:1.3}
  /* mentions secondaires masquées (reprises dans la bande réassurance) */
  .topbar .wrap span,.fnp-topbar .wrap span{display:none}
  /* bande réassurance : vraiment 1 colonne (bat .trust .wrap) */
  section.fnp-reassurance-bar .fnp-reassurance-grid{grid-template-columns:1fr !important}
  .fnp-reassurance-item,.trust .item{justify-content:center}
}

/* Pied de page — menu légal : centré et parfaitement aligné (corrige "Cookies" décalé) */
[data-footer] .menu,
.ct-footer-menu ul,
.ct-footer-menu,
footer .menu{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center !important;
  justify-content:center !important;
  column-gap:16px;
  row-gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
[data-footer] .menu li,
.ct-footer-menu li,
footer .menu li{
  margin:0 !important;
  display:flex;
  align-items:center;
}

/* ── Image produit (page produit) : afficher en ENTIER, cadre carré marine ──
   Blocksy force aspect-ratio:3/4 + object-fit:cover en inline sur l'image
   → recadrage/zoom. On neutralise la chaîne de conteneurs et on affiche
   l'image entière (contain) dans un carré au fond marine, valable pour tous
   les formats (bâche large ET roll-ups verticaux). */
.single-product .woocommerce-product-gallery,
.single-product .ct-product-gallery-container{
  height:auto !important; max-height:none !important; aspect-ratio:auto !important;
}
.single-product .ct-media-container,
.single-product .woocommerce-product-gallery__image{
  aspect-ratio:1/1 !important; height:auto !important; max-height:none !important;
  background:#0F1220 !important; border-radius:14px !important; overflow:hidden !important;
  display:block !important;
}
.single-product .ct-media-container img.wp-post-image,
.single-product img.wp-post-image{
  aspect-ratio:auto !important; object-fit:contain !important;
  width:100% !important; height:100% !important; max-height:none !important;
  padding:16px !important; box-sizing:border-box !important; position:static !important;
}

/* ── Vignettes catalogue (boutique / catégories) : image ENTIÈRE, cadre carré marine ──
   Nécessite aussi WooCommerce → Images de produits → « Recadrage » = Non recadré,
   sinon la source reste une vignette carrée coupée (Bache-300x300). */
.woocommerce ul.products li.product a.ct-media-container,
.woocommerce ul.products li.product .ct-media-container{
  aspect-ratio:1/1 !important; height:auto !important; max-height:none !important;
  background:#0F1220 !important; border-radius:12px !important; overflow:hidden !important;
  display:block !important;
}
.woocommerce ul.products li.product img.wp-post-image{
  aspect-ratio:auto !important; object-fit:contain !important;
  width:100% !important; height:100% !important; max-height:none !important;
  padding:14px !important; box-sizing:border-box !important; opacity:1 !important;
}

/* ── Accueil : logo agrandi + badge BAT inclus + visuel hero ── */
header .custom-logo,
.ct-logo-container img,
.site-logo-container img {
  height: 74px !important;
  max-height: 74px !important;
  width: auto !important;
}
@media (max-width: 782px) {
  header .custom-logo,
  .ct-logo-container img,
  .site-logo-container img {
    height: 52px !important;
    max-height: 52px !important;
  }
}
.fnp-hero-badge {
  display: inline-block;
  background: var(--fnp-yel, #F5D020);
  color: #1A1F3A;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 14px;
  padding: 9px 18px;
  border-radius: 999px;
  margin: 4px 0 18px;
  box-shadow: 0 6px 18px rgba(245,208,32,.28);
}
.fnp-hero-art img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  display: block;
}

/* ── Page catégorie : ne pas afficher l'image de catégorie en grande bannière ──
   (elle sert aux cartes d'accueil). On garde un en-tête épuré et lisible :
   titre + description sur fond clair, sans image imposante ni texte illisible. */
.tax-product_cat .hero-section .ct-media-container,
.tax-product_cat .hero-section figure {
  display: none !important;
}
.tax-product_cat .hero-section {
  min-height: 0 !important;
  height: auto !important;
}
.tax-product_cat .page-title { color: var(--fnp-navy, #1A1F3A) !important; }
/* En-tête catégorie : supprimer la hauteur mini de 250px (héritée de la bannière image) */
.tax-product_cat .hero-section .entry-header {
  min-height: 0 !important;
  padding-top: 30px !important;
  padding-bottom: 14px !important;
}


/* ===== Offre de lancement (bandeau + section accueil) ===== */
.fnp-offerbar{background:linear-gradient(90deg,var(--fnp-mag),var(--fnp-mag-d));color:#fff;font-size:13.5px;font-weight:600}
.fnp-offerbar .wrap{max-width:1200px;margin:0 auto;padding:8px 20px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}
.fnp-offerbar b{font-weight:800;letter-spacing:.3px}
.fnp-offerbar .fnp-code{background:var(--fnp-yel);color:var(--fnp-navy);font-weight:800;padding:1px 8px;border-radius:6px;letter-spacing:.5px;white-space:nowrap}
.fnp-offerbar-cta{color:#fff;text-decoration:underline;white-space:nowrap;font-weight:800}
.fnp-offerbar-cta:hover{color:var(--fnp-yel)}
.fnp-offre{background:var(--fnp-navy);color:#fff;padding:46px 20px}
.fnp-offre-in{max-width:820px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.fnp-offre-badge{display:inline-block;background:var(--fnp-yel);color:var(--fnp-navy);font-weight:800;font-size:12.5px;letter-spacing:1px;padding:5px 12px;border-radius:999px}
.fnp-offre-title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(26px,4vw,40px);margin:2px 0;color:#fff;line-height:1.1}
.fnp-offre-title span{color:var(--fnp-yel)}
.fnp-offre-sub{color:#C7CCE0;max-width:560px;margin:0}
.fnp-offre-code{font-size:18px;color:#fff}
.fnp-offre-code b{background:#fff;color:var(--fnp-navy);padding:4px 12px;border-radius:8px;letter-spacing:2px;font-weight:800}
.fnp-offre-cta{margin-top:6px}
.fnp-offre-note{color:#8E96B8;font-size:12.5px;margin:4px 0 0}
@media(max-width:600px){.fnp-offerbar .wrap{font-size:12.5px;gap:8px}.fnp-offre{padding:34px 16px}}

/* Verso recto-verso par panneau */
.fnp-verso-wrap{margin:10px 0 4px;padding:12px 14px;background:#0F1430;border:1px solid var(--fnp-line);border-radius:12px}
.fnp-verso-head{color:#EAEDF6;font-weight:700;font-size:13px;margin-bottom:8px}
.fnp-verso-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.fnp-verso-row:first-of-type{border-top:0}
.fnp-verso-name{color:#EAEDF6;font-size:13px;flex:1 1 140px;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fnp-verso-mode{background:#fff;color:#1A1F3A;border:1px solid var(--fnp-line);border-radius:8px;padding:5px 8px;font-size:13px}
.fnp-verso-up{background:var(--fnp-mag);color:#fff;font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:8px;cursor:pointer}
.fnp-verso-up:hover{background:var(--fnp-mag-d)}
.fnp-verso-ok{color:#7CE0B0;font-size:12.5px;font-weight:600}
.fnp-verso-remove{background:transparent;border:0;color:#C7CCE0;cursor:pointer;font-size:14px;line-height:1}
.fnp-verso-remove:hover{color:var(--fnp-mag)}

/* Bandeau consentement cookies (RGPD) */
.fnp-cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--fnp-navy);border-top:3px solid var(--fnp-mag);box-shadow:0 -10px 30px rgba(16,20,45,.25)}
.fnp-cookie-in{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fnp-cookie-in p{color:#EAEDF6;font-size:13.5px;margin:0;max-width:720px;line-height:1.5}
.fnp-cookie-in p a{color:var(--fnp-yel);text-decoration:underline}
.fnp-cookie-actions{display:flex;gap:10px;flex-shrink:0}
.fnp-cookie-actions button{font-size:13.5px;font-weight:700;padding:9px 18px;border-radius:8px;cursor:pointer;white-space:nowrap}
#fnp-cookie-refuse{background:transparent;color:#C7CCE0;border:2px solid #3A4066}
#fnp-cookie-refuse:hover{border-color:#fff;color:#fff}
#fnp-cookie-accept{background:var(--fnp-mag);color:#fff;border:2px solid var(--fnp-mag)}
#fnp-cookie-accept:hover{background:var(--fnp-mag-d);border-color:var(--fnp-mag-d)}
@media(max-width:640px){.fnp-cookie-in{flex-direction:column;align-items:stretch;text-align:center}.fnp-cookie-actions{justify-content:center}}