/* ===== Promozioni in home · 10.7.1 ===== */
html body .mcp{position:relative;padding:6px 0 4px}
html body .mcp[hidden]{display:none!important}
html body .mcp.mcp-in{animation:mcp-in .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes mcp-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
html body .mcp-head{text-align:center;max-width:680px;margin:0 auto 10px;position:relative;z-index:1}
html body .mcp-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.2em;color:#c4268a}
html body .mcp-h2{font-size:clamp(30px,5.4vw,50px);line-height:1.1;margin:10px 0 10px;color:#3d2a45}
html body .mcp-h2 em{font-style:italic;background:linear-gradient(90deg,#c8923f,#e0338f);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .mcp-sub{margin:0 auto;max-width:520px;color:#6a5a6e;font-size:15px;line-height:1.55}
html body .mcp-head::after{content:"";display:block;height:22px;margin:14px auto 0;max-width:340px;background:linear-gradient(90deg,transparent,#e0338f 30%,#f3a9d2 50%,#e0338f 70%,transparent) center/100% 1.5px no-repeat}

html body .mcp-wrap{position:relative}
html body .mcp-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:46px 14px 40px;margin:0 -14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start}
html body .mcp-track::-webkit-scrollbar{display:none}
html body .mcp-card{flex:0 0 min(392px,84vw);scroll-snap-align:center}
@media(min-width:760px){
 html body .mcp-n1{justify-content:center}html body .mcp-n1 .mcp-card{flex-basis:min(460px,100%)}
 html body .mcp-n2{justify-content:center}html body .mcp-n2 .mcp-card{flex-basis:min(440px,46%)}
}
@media(min-width:1080px){html body .mcp-n3{justify-content:center;overflow:visible}html body .mcp-n3 .mcp-card{flex:1 1 0;max-width:410px}}

/* la scheda */
html body .mcp-card{position:relative;display:flex;flex-direction:column;padding:14px 14px 20px;border-radius:36px;border:2px solid transparent;background:linear-gradient(165deg,#fff 0%,#fff6fa 52%,#fdf1e0 100%) padding-box,linear-gradient(140deg,#ff4fb0,#f0cf93 42%,#ff9bd2 70%,#c8923f) border-box;box-shadow:0 26px 50px rgba(150,60,110,.17),0 3px 0 rgba(255,255,255,.9) inset;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
html body .mcp-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px rgba(150,60,110,.24),0 3px 0 rgba(255,255,255,.9) inset}

/* IL CONTENITORE FOTO: finestra ad arco, passe-partout bianco, filo oro e rosa */
html body .mcp-photo{position:relative;z-index:1;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:46% 46% 26px 26px/34% 34% 26px 26px;background:linear-gradient(160deg,#ffe3f0,#fbe9d1);box-shadow:0 0 0 5px #fff,0 0 0 7px #e9c991,0 0 0 9px #fff,0 0 0 10px #ff9bd2,0 18px 30px rgba(120,50,90,.28);text-decoration:none;isolation:isolate}
html body .mcp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html body .mcp-card:hover .mcp-photo img{transform:scale(1.07)}
html body .mcp-photo::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),inset 0 -40px 50px -30px rgba(60,10,40,.35);pointer-events:none}
html body .mcp-shine{position:absolute;inset:-20%;z-index:3;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);transform:translateX(-70%);pointer-events:none}
html body .mcp-card:hover .mcp-shine{transform:translateX(70%);transition:transform 1.1s ease}
html body .mcp-photo--none{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#fff,#ffe3f0 45%,#f8d9a8)}
html body .mcp-photo-gift{width:34%;height:auto;stroke:url(#mcgStroke);filter:drop-shadow(0 6px 10px rgba(120,80,20,.25))}

/* etichetta e sigillo prezzo */
html body .mcp-tag{position:absolute;z-index:4;top:22px;left:-12px;display:inline-flex;align-items:center;gap:6px;padding:7px 16px 7px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,200,230,.85);background:linear-gradient(180deg,#ff8ccd,#f0399a 45%,#c3157a 60%,#e8409c);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 16px rgba(224,51,143,.4);text-shadow:0 1px 2px rgba(90,0,50,.5);transform:rotate(-4deg)}
html body .mcp-tag-spark{width:14px;height:14px}
html body .mcp-price{position:absolute;z-index:4;right:-8px;bottom:-22px;display:grid;place-items:center;min-width:84px;height:84px;padding:0 10px;border-radius:50%;font-size:19px;font-weight:900;text-align:center;line-height:1.05;color:#3a2408;border:2px solid #fff;background:linear-gradient(180deg,#fff6dc 0%,#f6d89c 42%,#dfae66 58%,#f1cd8d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -10px 16px rgba(160,100,40,.28),0 12px 22px rgba(120,70,20,.35);transform:rotate(9deg);text-shadow:0 1px 0 rgba(255,255,255,.6)}
html body .mcp-price--long{border-radius:999px;height:auto;min-height:44px;padding:8px 18px;font-size:14px;max-width:70%}
html body .mcp-photo-wrap{position:relative;z-index:1}

html body .mcp-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;padding:24px 8px 0;text-align:center;flex:1}
html body .mcp-title{margin:0;font-size:clamp(22px,3.2vw,28px);line-height:1.18;color:#3d2a45}
html body .mcp-desc{margin:0;color:#6a5a6e;font-size:15px;line-height:1.55}
html body .mcp-meta{margin:2px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center}
html body .mcp-dates{font-size:13px;font-weight:800;letter-spacing:.06em;color:#c4268a;text-transform:uppercase}
html body .mcp-left{padding:3px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#7a1f4f;background:linear-gradient(180deg,#ffe3f1,#ffc3e0);border:1px solid #ff9bd2}
html body .mcp-cond{margin:0;font-size:12.5px;color:#8a7a8d;line-height:1.5}

html body .mcp-actions{display:flex;gap:10px;margin-top:auto;padding-top:14px}
html body .mcp-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:999px;text-decoration:none;font-weight:800;font-size:15px;transition:transform .15s,filter .2s}
html body .mcp-btn--gold{flex:1;padding:0 16px;color:#3a2408;border:1px solid rgba(255,240,205,.9);background:linear-gradient(180deg,#fff6dc 0%,#f6d89c 42%,#dfae66 58%,#f1cd8d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -10px 16px rgba(160,100,40,.28),0 10px 20px rgba(120,70,20,.3),0 0 0 1px rgba(70,40,10,.18);text-shadow:0 1px 0 rgba(255,255,255,.55)}
html body .mcp-btn--gold::before,html body .mcp-btn--glass::before{content:"";position:absolute;z-index:-1;left:5%;right:5%;top:2px;height:46%;border-radius:999px 999px 60% 60%/999px 999px 100% 100%;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.1))}
html body .mcp-btn--glass{flex:0 0 52px;width:52px;color:#c4268a;border:1px solid rgba(240,150,200,.8);background:linear-gradient(180deg,#fff,#ffe3f1);box-shadow:inset 0 1px 0 #fff,0 8px 16px rgba(190,60,130,.2)}
html body .mcp-btn--glass svg{width:22px;height:22px}
html body .mcp-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
html body .mcp-btn:active{transform:scale(.97)}
html body .mcp-btn-gift{width:24px;height:24px;flex:none;stroke:currentColor;fill:none}

/* frecce e link finale */
html body .mcp-nav{position:absolute;top:42%;z-index:6;display:none;width:50px;height:50px;border-radius:50%;font-size:30px;line-height:1;color:#3a2408;cursor:pointer;border:1px solid rgba(255,240,205,.9);background:linear-gradient(180deg,#fff6dc,#f1cd8d);box-shadow:inset 0 1px 0 #fff,0 10px 20px rgba(120,70,20,.3)}
html body .mcp-nav:disabled{opacity:.35;cursor:default}
html body .mcp-prev{left:-10px}html body .mcp-next{right:-10px}
@media(min-width:760px){html body .mcp-wrap.is-scroll .mcp-nav{display:grid;place-items:center}}
html body .mcp-more{text-align:center;margin:6px 0 0}
html body .mcp-link{font-weight:700;color:#8e1a62;text-underline-offset:5px;text-decoration-color:#ff9bd2}

@media(max-width:560px){
 html body .mcp-card{border-radius:30px;padding:12px 12px 18px}
 html body .mcp-card::before{width:70px;height:70px;top:-24px;right:-14px}
 html body .mcp-card::after{width:44px;height:44px;left:-14px}
 html body .mcp-photo{border-radius:44% 44% 22px 22px/32% 32% 22px 22px}
 html body .mcp-price{min-width:70px;height:70px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){html body .mcp.mcp-in{animation:none}html body .mcp-card,html body .mcp-photo img,html body .mcp-btn{transition:none}html body .mcp-card:hover{transform:none}html body .mcp-card:hover .mcp-photo img{transform:none}html body .mcp-shine{display:none}}

/* ===== Menu: pacchetto regalo "sticker" ===== */
html body a.mc-nav-promo{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;position:relative}
html body .mc-gift{position:relative;display:inline-block;width:38px;height:38px;flex:none;transform-origin:50% 88%;filter:drop-shadow(0 1px 2px rgba(120,80,20,.35))}
html body .mc-gift>svg:first-child{stroke:url(#mcgStroke)}
html body .mc-gift>svg:first-child{display:block;width:100%;height:100%;overflow:visible}
html body .mc-gift-spark{position:absolute;right:-7px;top:-8px;width:13px;height:13px;opacity:0;transform:scale(.3) rotate(0)}
html body .mc-gift-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:900;line-height:1;color:#fff;border:1px solid rgba(255,200,230,.9);background:linear-gradient(180deg,#ff8ccd,#e8359a 55%,#c3157a);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 8px rgba(224,51,143,.5);font-style:normal}
html body .mc-gift-badge[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
 html body .mc-gift{animation:mcg-shake 6s ease-in-out 2s infinite}
 html body .mc-gift-spark{animation:mcg-spark 6s ease-in-out 2s infinite}
 html body .has-promo .mc-gift-badge{animation:mcg-pop 6s ease-in-out 2s infinite}
 html body .mc-nav-promo:hover .mc-gift,html body .mc-nav-promo:focus-visible .mc-gift{animation:mcg-shake-fast .6s ease-in-out 1}
}
@keyframes mcg-shake{0%,66%,100%{transform:none}69%{transform:translateY(-4px) rotate(-14deg)}73%{transform:translateY(0) rotate(13deg)}77%{transform:translateY(-3px) rotate(-11deg)}81%{transform:rotate(9deg)}85%{transform:rotate(-5deg)}89%{transform:rotate(3deg)}93%{transform:none}}
@keyframes mcg-shake-fast{0%,100%{transform:none}20%{transform:translateY(-4px) rotate(-14deg)}40%{transform:rotate(13deg)}60%{transform:rotate(-9deg)}80%{transform:rotate(5deg)}}
@keyframes mcg-spark{0%,66%,100%{opacity:0;transform:scale(.3) rotate(0)}72%{opacity:1;transform:scale(1.15) rotate(20deg)}84%{opacity:1;transform:scale(.8) rotate(60deg)}92%{opacity:0;transform:scale(.3) rotate(90deg)}}
@keyframes mcg-pop{0%,66%,100%{transform:scale(1)}72%{transform:scale(1.35)}78%{transform:scale(.95)}84%{transform:scale(1.1)}90%{transform:scale(1)}}
@media(max-width:560px){html body .mc-gift{width:34px;height:34px}}

html body .mcp-actions{flex-wrap:wrap;align-items:center}
html body .mcp-actions .mcp-btn--gold{flex:1 1 150px}
html body .mcp-call{flex:0 0 52px;width:52px;padding:0;display:inline-flex;align-items:center;justify-content:center}
html body .mcp-call svg{width:20px;height:20px}
html body .mcp-link{flex:1 1 100%;width:auto;padding:0 18px;color:#8c1259}
@media(max-width:480px){html body .mcp-btn--gold{font-size:13.5px;white-space:nowrap;padding:0 10px;gap:6px}html body .mcp-btn--gold .mcp-btn-gift{width:18px;height:18px}}