@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap");:root{--color-navy:#0b2a42;--color-brown:#5e3621;--color-cream:#fff;--color-accent:#0b2a42;--vietri-cobalt:#0047ab;--vietri-turquoise:#2bb1c9;--vietri-ramina:#2e8b57;--vietri-lemon:#f7c948;--vietri-ivory:#fff}*{box-sizing:border-box;padding:0;margin:0}.chocolate-background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:1}.chocolate-background:before{content:"";position:absolute;width:12px;height:15px;background:#8b4513;top:5%;left:8%;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,85% 90%,50% 100%,15% 90%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,85% 90%,50% 100%,15% 90%,0 30%);box-shadow:120px 50px 0 0 #3d1f0f,240px 20px 0 0 #5a2f1a,80px 130px 0 0 #6b3520,350px 80px 0 0 #4a2c17,180px 200px 0 0 #3d1f0f,450px 150px 0 0 #5a2f1a,300px 280px 0 0 #6b3520,600px 220px 0 0 #4a2c17,50px 350px 0 0 #3d1f0f,700px 320px 0 0 #5a2f1a,400px 450px 0 0 #6b3520,200px 550px 0 0 #4a2c17,800px 400px 0 0 #3d1f0f,150px 650px 0 0 #5a2f1a,500px 750px 0 0 #6b3520,750px 650px 0 0 #4a2c17,900px 200px 0 0 #3d1f0f,350px 850px 0 0 #5a2f1a,650px 950px 0 0 #6b3520,100px 1050px 0 0 #4a2c17,1100px 600px 0 0 #3d1f0f,850px 850px 0 0 #5a2f1a,450px 1150px 0 0 #6b3520,1200px 950px 0 0 #4a2c17,250px 1250px 0 0 #3d1f0f,1000px 1100px 0 0 #5a2f1a,750px 1300px 0 0 #6b3520,550px 1450px 0 0 #4a2c17,1300px 800px 0 0 #3d1f0f,150px 1550px 0 0 #5a2f1a,950px 1400px 0 0 #6b3520,650px 1650px 0 0 #4a2c17;transform:rotate(-25deg);animation:chocolate-global-1 20s ease-in-out infinite}.chocolate-background:after{content:"";position:absolute;width:10px;height:13px;background:#654321;top:15%;left:25%;-webkit-clip-path:polygon(35% 0,65% 0,100% 25%,90% 85%,60% 100%,40% 100%,10% 85%,0 25%);clip-path:polygon(35% 0,65% 0,100% 25%,90% 85%,60% 100%,40% 100%,10% 85%,0 25%);box-shadow:160px 80px 0 0 #4a2c17,320px 40px 0 0 #3d1f0f,100px 180px 0 0 #5a2f1a,480px 120px 0 0 #6b3520,280px 250px 0 0 #4a2c17,600px 200px 0 0 #3d1f0f,420px 350px 0 0 #5a2f1a,200px 450px 0 0 #6b3520,800px 300px 0 0 #4a2c17,140px 550px 0 0 #3d1f0f,720px 480px 0 0 #5a2f1a,380px 650px 0 0 #6b3520,900px 550px 0 0 #4a2c17,260px 750px 0 0 #3d1f0f,840px 680px 0 0 #5a2f1a,500px 850px 0 0 #6b3520,1100px 450px 0 0 #4a2c17,340px 950px 0 0 #3d1f0f,960px 880px 0 0 #5a2f1a,620px 1050px 0 0 #6b3520,1200px 750px 0 0 #4a2c17,460px 1150px 0 0 #3d1f0f,1080px 1080px 0 0 #5a2f1a,740px 1250px 0 0 #6b3520,1300px 950px 0 0 #4a2c17,580px 1350px 0 0 #3d1f0f,1200px 1280px 0 0 #5a2f1a,860px 1450px 0 0 #6b3520,100px 1550px 0 0 #4a2c17,700px 1550px 0 0 #3d1f0f,1320px 1480px 0 0 #5a2f1a,980px 1650px 0 0 #6b3520;transform:rotate(45deg);animation:chocolate-global-2 25s ease-in-out infinite}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body,html{font-family:Inter,sans-serif}body{background-color:var(--color-cream);color:var(--color-navy);display:flex;flex-direction:column;min-height:100vh}:root{--header-offset:136px}.no-scroll{overflow:hidden!important}main{flex:1 1;margin:0;padding:0}.poppins{font-family:Poppins,sans-serif}.admin-container{max-width:1200px;margin:0 auto}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}.admin-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.5rem}.admin-grid.admin-grid-2{grid-template-columns:repeat(2,1fr)}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:14px;padding:1.25rem;box-shadow:0 4px 16px rgba(0,0,0,.04)}@media (max-width:992px){.admin-grid,.admin-grid-3{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:640px){.admin-grid{margin-bottom:1.5rem}.admin-grid,.admin-grid-3{grid-template-columns:1fr;gap:.875rem}.admin-grid-3{margin-bottom:1.25rem}.admin-grid.admin-grid-2{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-number{font-size:1.75rem}.card-body{padding:1rem}}.stat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.stat-label{color:#6b7280;font-weight:600;font-size:.9rem}.stat-icon{color:var(--color-brown);opacity:.6;display:flex}.stat-icon svg{width:24px;height:24px}.stat-number{font-size:2rem;font-weight:800;color:#111827}.card{background:#fff;border:1px solid #e9ecef;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.card-head{padding:1rem 1.25rem;border-bottom:1px solid #eef1f4;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.card-head h3{margin:0;font-size:1rem;font-weight:700;color:#111827}.card-body{padding:1.25rem}@media (max-width:768px){.card{border-radius:12px}.card-head{padding:.875rem 1rem}.card-head h3{font-size:.95rem}}@media (max-width:480px){.card{border-radius:10px}.card-head{padding:.75rem .875rem;flex-direction:column;align-items:flex-start}.card-head h3{font-size:.9rem}}.card-body.center{text-align:center}.big-number{font-size:2.25rem;font-weight:800}.big-number.yellow{color:#b45309}.big-number.red{color:#b91c1c}.muted{color:#6b7280;font-size:.9rem}.icon-attesa{color:#f59e0b;width:20px;height:20px}.icon-danger{color:#ef4444;width:20px;height:20px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;min-width:600px}.admin-table thead{background:#f9fafb}.admin-table td,.admin-table th{padding:.75rem 1rem;text-align:left;font-size:.9rem}.admin-table tbody tr{border-top:1px solid #eef1f4}.admin-table tbody tr:hover{background:#fafafa}@media (max-width:768px){.admin-table{min-width:500px}.admin-table td,.admin-table th{padding:.625rem .75rem;font-size:.85rem}}@media (max-width:480px){.admin-table{min-width:450px}.admin-table td,.admin-table th{padding:.5rem .625rem;font-size:.8rem}}.semibold{font-weight:600}.row-with-icon{display:flex;align-items:center;gap:.5rem;color:#4b5563}.row-icon{width:16px;height:16px;color:#9ca3af}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:700;border-radius:9999px}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#dbeafe;color:#1e40af}.status-badge.shipped{background:#ede9fe;color:#5b21b6}.status-badge.delivered{background:#dcfce7;color:#166534}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.empty{padding:2rem;text-align:center;color:#6b7280}.empty svg{width:36px;height:36px;color:#d1d5db;margin:0 auto .5rem}.header{position:fixed;top:0;width:100%;background:#fff;z-index:1000;border-bottom:1px solid #eef1f4;will-change:transform,background,box-shadow,border-color;transition:background .24s ease,box-shadow .24s ease,border-color .24s ease,transform .26s ease}.header--transparent{background:transparent;border-bottom-color:transparent}.header--solid{background:hsla(0,0%,100%,.98);box-shadow:0 6px 18px rgba(0,0,0,.06);-webkit-backdrop-filter:saturate(140%) blur(4px);backdrop-filter:saturate(140%) blur(4px)}.header--static{position:static;background:transparent;border-bottom:0;box-shadow:none}.header--hidden{transform:translateY(-110%)}.topbar{background:#f8f9fb;border-bottom:1px solid #eef1f4;color:#4b5563;font-size:.85rem}.topbar-content{max-width:1200px;margin:0 auto;padding:.5rem 1.25rem;display:flex;align-items:center;justify-content:space-between}@media (max-width:768px){.topbar{font-size:.75rem}.topbar-content{padding:.4rem 1rem}.topbar-left,.topbar-right{gap:.5rem}}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-link{color:#4b5563;text-decoration:none;transition:color .2s ease}.topbar-link:hover{color:#111827}.topbar-sep{opacity:.5}.topbar-auth-link{color:#0b2a42;text-decoration:none;font-weight:600}.storia-bg{background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(/images/pattern-vietri-color.jpg);background-repeat:repeat;background-size:260px;padding-bottom:100px}@media (max-width:768px){.header{background-size:cover,72px 72px}.logo-image{height:60px;max-width:220px}}@media (max-width:480px){.logo-image{height:52px;max-width:180px}}.header-content{max-width:1200px;margin:0 auto;padding:.8rem 1.25rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}@media (max-width:768px){.header-content{padding:.6rem 1rem}}.header-left{justify-self:start;gap:.5rem}.header-center,.header-left{display:flex;align-items:center}.header-center{justify-self:center}.header-right.header-actions{justify-self:end;display:flex;align-items:center;gap:.75rem;justify-content:flex-end}.logo{text-decoration:none;transition:opacity .3s ease;display:flex;align-items:center}.logo:hover{opacity:.8}.logo-image{height:64px;width:auto;max-width:240px;display:block}.nav-secondary{border-top:1px solid #eef1f4}.nav-secondary .nav-menu{justify-content:center;padding:.5rem 0;gap:1.5rem}.nav-secondary .nav-menu a{text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:.85rem}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0}.hero-video,.hero-video-container{position:relative;overflow:hidden;margin:0;padding:0}.hero-video-container{width:100%;height:85vh;max-height:700px;background:transparent}.hero-video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;will-change:opacity}@keyframes videoFadeIn{0%{opacity:.7}to{opacity:1}}.hero-video-el.is-ready{animation:videoFadeIn .3s ease-out}.hero-video-overlay{position:absolute;inset:0;z-index:1;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.25) 30%,rgba(0,0,0,.15) 60%,transparent);display:flex;align-items:flex-end;justify-content:flex-start;padding-top:180px;pointer-events:none}.hero-video .hero-content{width:100%;max-width:520px;margin:0 0 2.25rem 2rem;padding:0;text-align:left;color:#fff;background:transparent!important;pointer-events:auto}.hero-video .hero-content h1{font-size:clamp(1.8rem,4.2vw,2.8rem);line-height:1.08;margin-bottom:.75rem;letter-spacing:.07em;text-transform:uppercase;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.45);color:#fff}.hero-video .hero-content p{font-size:clamp(.95rem,1.8vw,1.05rem);opacity:.95;margin-bottom:1.1rem;color:hsla(0,0%,100%,.92);text-shadow:0 1px 6px rgba(0,0,0,.35)}.hero-video .btn.btn-primary{background:transparent;border:1.2px solid hsla(0,0%,100%,.75);color:#fff;font-size:.9rem;padding:.6rem 1rem}.hero-video .btn.btn-primary:hover{background:#fff;color:#0b2a42}@media (max-width:1024px){.hero-video-container{height:70vh;max-height:600px}.hero-video-overlay{padding-top:150px}}@media (max-width:768px){.hero-video-container{height:60vh;max-height:500px}.hero-video-overlay{padding-top:120px}.hero-video .hero-content{max-width:92%;margin:0 1rem 1rem;padding:0}.hero-video .hero-content h1{font-size:clamp(1.4rem,5.5vw,2rem)}.hero-video .hero-content p{font-size:.9rem}.hero-video .btn.btn-primary{padding:.5rem .85rem;font-size:.85rem}}@media (max-width:480px){.hero-video-container{height:50vh;max-height:400px}.hero-video-overlay{padding-top:100px}.hero-video .hero-content{margin:0 .75rem .75rem}}@media (orientation:landscape) and (max-height:600px){.hero-video-container{height:100vh;max-height:none}.hero-video-el{object-fit:cover}.hero-video-overlay{padding-top:100px}}.choco-showcase{max-width:1300px;margin:2rem auto 3rem;padding:0 1.25rem}.choco-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:605px 605px;justify-content:center;align-items:start}.choco-square img,.choco-vertical img{width:100%;height:100%;object-fit:cover;border-radius:10px}.choco-vertical{width:605px;height:700px}.choco-right{display:grid;grid-template-rows:400px auto;grid-gap:1rem;gap:1rem}.choco-square{width:605px;height:400px;position:relative;overflow:hidden}.choco-video{width:100%;height:100%;object-fit:cover;border-radius:10px}.choco-carousel{width:480px;height:275px;margin:0;display:grid;grid-template-rows:1fr auto;grid-gap:.5rem;gap:.5rem}.choco-card{display:grid;grid-template-columns:140px 1fr;grid-gap:1.2rem;gap:1.2rem;align-items:center;padding:1rem 1.1rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.choco-card img{width:140px;height:140px;object-fit:cover;border-radius:8px}.choco-title{font-size:.95rem;margin:0 0 .2rem;color:#0b2a42;font-weight:600;letter-spacing:.02em}.choco-sub{font-size:.85rem;color:#6b7280;margin:0 0 .5rem}.choco-price{color:#111827;font-weight:600;font-size:.95rem;margin-bottom:.6rem}.choco-cta{display:inline-block;font-size:.85rem;color:#0b2a42;text-decoration:none;border-bottom:1px solid #d1d5db;padding-bottom:2px}.choco-cta:hover{border-color:#0b2a42}.choco-nav{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.choco-arrows{display:inline-flex;gap:.4rem}.choco-arrow{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#111827}.choco-arrow:hover{background:#0b2a42;color:#fff;border-color:#0b2a42}.choco-index{font-size:.85rem;color:#6b7280}@media (max-width:900px){.choco-grid{grid-template-columns:1fr;justify-content:center}.choco-vertical{width:100%;height:auto;aspect-ratio:605/700}.choco-right{grid-template-rows:auto auto}.choco-square{width:100%;height:auto;aspect-ratio:605/400}.choco-carousel{width:min(92vw,480px);height:auto}.choco-card{grid-template-columns:96px 1fr}.choco-card img{width:96px;height:96px}}.nav-menu a{text-decoration:none;color:var(--color-navy);font-weight:500;font-size:.95rem;transition:color .3s ease}.nav-menu a:hover{color:var(--color-brown)}.nav-item-with-dropdown{position:relative;cursor:pointer}.nav-link-with-icon{display:inline-flex;align-items:center;gap:.25rem}.nav-chevron{transition:transform .2s ease}.nav-item-with-dropdown:hover .nav-chevron{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #eef1f4;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:220px;margin-top:.5rem;padding:.5rem 0;z-index:1001;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.nav-dropdown:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.05))}.nav-dropdown-item{display:block;padding:.625rem 1.25rem;color:var(--color-navy);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.nav-dropdown-item:first-child{font-weight:600;border-bottom:1px solid #eef1f4;margin-bottom:.25rem;padding-bottom:.75rem}.nav-dropdown-item:hover{background:#f8f9fb;color:var(--color-brown);padding-left:1.5rem}.mobile-menu-item-expandable{display:flex;flex-direction:column}.mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;border:none;background:transparent;color:var(--color-navy);font-size:1.1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.mobile-menu-toggle:hover{background:#f8f9fb;color:var(--color-brown)}.mobile-chevron{transition:transform .3s ease}.mobile-chevron.open{transform:rotate(180deg)}.mobile-menu-submenu{max-height:0;overflow:hidden;transition:max-height .4s ease-out;background:#f8f9fb}.mobile-menu-submenu.open{max-height:600px;transition:max-height .5s ease-in}.mobile-menu-submenu a{display:block;padding:.875rem 1.5rem .875rem 3rem;color:#6b7280;text-decoration:none;font-size:.95rem;transition:all .3s ease;border-left:3px solid transparent}.mobile-menu-submenu a:first-child{font-weight:600;color:var(--color-navy);padding-top:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;margin-bottom:.25rem}.mobile-menu-submenu a:hover{background:#fff;color:var(--color-brown);border-left-color:var(--color-brown);padding-left:3.25rem}.mobile-menu-submenu a:first-child:hover{background:#fff}.header-actions{display:flex;align-items:center;gap:1rem}.btn{padding:.7rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;position:relative;overflow:hidden}.btn-primary{background:var(--color-navy);color:var(--vietri-lemon);border:2px solid var(--color-navy);text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:.85rem}.btn-primary:hover{background:#081e2e;border-color:#081e2e;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-navy);border:2px solid var(--color-navy);text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:.85rem}.btn-secondary:hover{background:var(--color-navy);color:#fff}.icon-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease;position:relative}.icon-btn:hover{background:rgba(11,42,66,.08)}.cart-badge{position:absolute;top:-5px;right:-5px;background:#dc2626;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:50%;min-width:1.25rem;text-align:center}.advent-banner,.cart-container{position:relative}.advent-banner{padding:4rem 2rem;background:linear-gradient(135deg,#8b2635,#5d1a24);overflow:hidden}.advent-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;pointer-events:none}.advent-banner-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;position:relative;z-index:1}.advent-banner-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);transform:rotate(-2deg);transition:transform .4s ease}.advent-banner-image:hover{transform:rotate(0deg) scale(1.02)}.advent-banner-image img{width:100%;height:auto;display:block;object-fit:cover}.advent-banner-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#d4af37,#f4e5a8);color:#5d1a24;padding:.5rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.85rem;box-shadow:0 4px 15px rgba(212,175,55,.4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.advent-banner-content{color:#fff;text-align:left}.advent-banner-icon{width:60px;height:60px;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2)}.advent-banner-icon svg{color:#f4e5a8}.advent-banner-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.advent-banner-subtitle{font-size:1.2rem;color:#f4e5a8;margin-bottom:1rem;font-weight:300}.advent-banner-description{font-size:1rem;line-height:1.6;color:hsla(0,0%,100%,.9);margin-bottom:2rem}.advent-banner-features{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.advent-feature{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.1);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);font-size:.9rem}.advent-feature svg{color:#f4e5a8;flex-shrink:0}.btn-advent{background:linear-gradient(135deg,#d4af37,#f4e5a8);color:#5d1a24;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(212,175,55,.4);text-decoration:none}.btn-advent:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(212,175,55,.6);background:linear-gradient(135deg,#f4e5a8,#d4af37)}@media (max-width:968px){.advent-banner-container{grid-template-columns:1fr;gap:2rem;text-align:center}.advent-banner-image{transform:rotate(0deg);max-width:500px;margin:0 auto}.advent-banner-content{text-align:center}.advent-banner-icon{margin:0 auto 1.5rem}.advent-banner-features{justify-content:center}.btn-advent{margin:0 auto}}@media (max-width:640px){.advent-banner{padding:3rem 1.5rem}.advent-banner-title{font-size:2rem}.advent-banner-subtitle{font-size:1rem}.advent-banner-description{font-size:.95rem}.advent-banner-features{gap:.75rem}.advent-feature{font-size:.85rem;padding:.4rem .8rem}}.hero-carousel-video{margin-top:calc(var(--header-offset, 136px));position:relative;width:100%;height:calc(100vh - var(--header-offset, 136px));min-height:500px;overflow:hidden}.hero-carousel-container{overflow:hidden}.hero-carousel-container,.hero-slides-wrapper{position:relative;width:100%;height:100%}.hero-carousel-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}.hero-carousel-slide.active{opacity:1;pointer-events:auto;z-index:1}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-image-el,.hero-video-el{z-index:0}.hero-badge{display:inline-block;background:linear-gradient(135deg,#d4af37,#f4e5a8);color:#5d1a24;padding:.5rem 1.2rem;font-weight:600;font-size:.9rem;margin-bottom:1rem;box-shadow:0 4px 15px rgba(212,175,55,.4);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.4);border:none;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-carousel-arrow:hover{background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.hero-carousel-arrow-left{left:20px}.hero-carousel-arrow-right{right:20px}.hero-carousel-indicators{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:12px}.hero-carousel-dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.4);border:2px solid hsla(0,0%,100%,.6);cursor:pointer;transition:all .3s ease;padding:0}.hero-carousel-dot:hover{background:hsla(0,0%,100%,.7);transform:scale(1.2)}.hero-carousel-dot.active{background:#fff;width:40px;border-radius:6px}.hero-carousel-play-pause{position:absolute;bottom:30px;right:30px;z-index:10;background:rgba(0,0,0,.4);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-carousel-play-pause:hover{background:rgba(0,0,0,.7);transform:scale(1.1)}@media (max-width:768px){.hero-carousel-video{height:calc(100vh - 80px)}.hero-carousel-arrow{width:40px;height:40px}.hero-carousel-arrow-left{left:10px}.hero-carousel-arrow-right{right:10px}.hero-carousel-indicators{bottom:20px}.hero-carousel-play-pause{bottom:20px;right:20px;width:36px;height:36px}.hero-badge{font-size:.8rem;padding:.4rem 1rem}}@media (max-width:480px){.hero-carousel-arrow{width:35px;height:35px}.hero-carousel-arrow svg{width:20px;height:20px}}.hero{margin-top:calc(var(--header-offset, 136px));display:flex;align-items:center;padding:0;background:var(--color-cream)}.hero,.hero-container{min-height:calc(100vh - 80px)}.hero-container{width:100%;overflow:hidden}.hero-slider{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);will-change:transform}.hero-slide{width:33.333%;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 80px);flex-shrink:0}.hero-content{justify-content:center;padding:4rem 3rem;background:#fff}.hero-content h1{font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:400;line-height:1.2;color:var(--color-navy);margin-bottom:2rem;letter-spacing:-1px}.hero-content p{font-size:1.1rem;color:#495764;margin-bottom:3rem;line-height:1.6}.hero-image{background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;overflow:hidden}.carousel-navigation{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,.3)}.carousel-dot.active{background:var(--color-brown);transform:scale(1.2)}.carousel-dot:hover{background:var(--color-brown);opacity:.8}@media (max-width:768px){.hero-container:after{content:"Scorri per vedere altre slide →";position:absolute;bottom:4rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;opacity:.8;animation:fadeInOut 4s infinite;pointer-events:none}.storia{background-size:cover,72px 72px}}@keyframes fadeInOut{0%,20%,80%,to{opacity:.8}50%{opacity:.3}}.storia{padding:6rem 2rem;max-width:1400px;margin:0 auto;background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(/images/pattern-vietri-color.jpg);background-repeat:no-repeat,repeat;background-size:cover,96px 96px;background-position:top,0 0;position:relative;z-index:10}.storia-header{text-align:center;margin:5rem 0 3rem}.storia-header.reveal-on-scroll.is-visible{margin:6rem 0 3rem}.storia-title{font-family:Playfair Display,serif;font-size:2.6rem;font-weight:500;color:var(--color-navy);margin-bottom:1.5rem;letter-spacing:.02em;line-height:1.2;position:relative}.storia-title:after,.storia-title:before{content:"";position:absolute;top:50%;width:60px;height:2px;background:var(--color-brown)}.storia-title:before{left:-80px}.storia-title:after{right:-80px}.storia-description{max-width:800px;margin:0 auto 4rem;font-size:1.15rem;line-height:1.8;color:#666;text-align:center}.storia-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:center;min-height:500px;max-width:1200px;margin:0 auto}.storia-text-content{display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.storia-text-content h3{font-size:2rem;font-weight:600;color:#333;margin-bottom:1.5rem;line-height:1.3}.storia-text-content p{font-size:1.1rem;line-height:1.7;color:#666;margin-bottom:1.5rem}.storia-image-container{position:relative}.storia-image-main{width:100%;max-width:400px;height:500px;border-radius:15px;object-fit:cover;box-shadow:0 10px 20px rgba(0,0,0,.1);margin:0 auto;position:relative}.storia-beige-box{background:#f5f3f0;border-radius:15px;padding:2rem;margin-top:2rem;border:2px solid #e8e3dd;box-shadow:0 10px 30px rgba(0,0,0,.1)}.storia-beige-box h4{font-size:1.3rem;font-weight:600;color:var(--color-brown);margin-bottom:1rem;text-align:center}.storia-beige-box p{font-size:1rem;line-height:1.6;color:#666;text-align:center;font-style:italic}.reveal-on-scroll{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.storia-decoration-left{position:absolute;left:0;top:50%;transform:translateY(-50%);width:300px;height:400px;z-index:1;overflow:hidden}.storia-decoration-left .extra-chocolates{position:absolute;top:0;left:0;width:100%;height:100%}.storia-decoration-left .extra-chocolates:before{content:"";position:absolute;width:12px;height:15px;background:#6b3520;top:8%;left:18%;-webkit-clip-path:polygon(25% 0,75% 0,100% 35%,80% 75%,55% 100%,45% 100%,20% 75%,0 35%);clip-path:polygon(25% 0,75% 0,100% 35%,80% 75%,55% 100%,45% 100%,20% 75%,0 35%);box-shadow:22px 18px 0 0 #3d1f0f,45px 8px 0 0 #4a2c17,18px 38px 0 0 #5a2f1a,65px 32px 0 0 #6b3520,38px 58px 0 0 #3d1f0f,12px 78px 0 0 #4a2c17,72px 68px 0 0 #5a2f1a,48px 98px 0 0 #6b3520,25px 118px 0 0 #3d1f0f,68px 108px 0 0 #4a2c17,42px 138px 0 0 #5a2f1a,15px 158px 0 0 #6b3520,75px 148px 0 0 #3d1f0f,52px 178px 0 0 #4a2c17,28px 198px 0 0 #5a2f1a,65px 188px 0 0 #6b3520,38px 218px 0 0 #3d1f0f,18px 238px 0 0 #4a2c17,78px 228px 0 0 #5a2f1a,55px 258px 0 0 #6b3520,32px 278px 0 0 #3d1f0f,72px 268px 0 0 #4a2c17,48px 298px 0 0 #5a2f1a,25px 318px 0 0 #6b3520,68px 308px 0 0 #3d1f0f,42px 338px 0 0 #4a2c17,15px 358px 0 0 #5a2f1a,82px 348px 0 0 #6b3520,58px 378px 0 0 #3d1f0f,35px 398px 0 0 #4a2c17,75px 388px 0 0 #5a2f1a,52px 418px 0 0 #6b3520,28px 438px 0 0 #3d1f0f,65px 428px 0 0 #4a2c17,38px 458px 0 0 #5a2f1a,18px 478px 0 0 #6b3520,85px 468px 0 0 #3d1f0f,62px 498px 0 0 #4a2c17,32px 518px 0 0 #5a2f1a,72px 508px 0 0 #6b3520;transform:rotate(-35deg);animation:chocolate-scatter 12s ease-in-out infinite}.storia-decoration-left .extra-chocolates:after{content:"";position:absolute;width:14px;height:17px;background:#3d1f0f;top:12%;left:35%;-webkit-clip-path:polygon(20% 0,80% 0,100% 40%,85% 85%,45% 100%,15% 85%,0 40%);clip-path:polygon(20% 0,80% 0,100% 40%,85% 85%,45% 100%,15% 85%,0 40%);box-shadow:28px 22px 0 0 #4a2c17,52px 12px 0 0 #5a2f1a,25px 42px 0 0 #6b3520,72px 35px 0 0 #3d1f0f,45px 62px 0 0 #4a2c17,22px 82px 0 0 #5a2f1a,78px 72px 0 0 #6b3520,55px 102px 0 0 #3d1f0f,32px 122px 0 0 #4a2c17,75px 112px 0 0 #5a2f1a,48px 142px 0 0 #6b3520,25px 162px 0 0 #3d1f0f,82px 152px 0 0 #4a2c17,58px 182px 0 0 #5a2f1a,35px 202px 0 0 #6b3520,72px 192px 0 0 #3d1f0f,48px 222px 0 0 #4a2c17,25px 242px 0 0 #5a2f1a,85px 232px 0 0 #6b3520,62px 262px 0 0 #3d1f0f,38px 282px 0 0 #4a2c17,78px 272px 0 0 #5a2f1a,55px 302px 0 0 #6b3520,32px 322px 0 0 #3d1f0f,75px 312px 0 0 #4a2c17,48px 342px 0 0 #5a2f1a,25px 362px 0 0 #6b3520,88px 352px 0 0 #3d1f0f,65px 382px 0 0 #4a2c17,42px 402px 0 0 #5a2f1a,82px 392px 0 0 #6b3520,58px 422px 0 0 #3d1f0f,35px 442px 0 0 #4a2c17,72px 432px 0 0 #5a2f1a,48px 462px 0 0 #6b3520,25px 482px 0 0 #3d1f0f,85px 472px 0 0 #4a2c17,62px 502px 0 0 #5a2f1a,38px 522px 0 0 #6b3520,78px 512px 0 0 #3d1f0f;transform:rotate(45deg);animation:chocolate-drift 15s ease-in-out infinite}.storia-decoration-left .mega-chocolates{position:absolute;top:0;left:0;width:100%;height:100%}.storia-decoration-left .mega-chocolates:before{content:"";position:absolute;width:10px;height:13px;background:#8b4513;top:3%;left:12%;-webkit-clip-path:polygon(35% 0,65% 0,100% 25%,90% 85%,60% 100%,40% 100%,10% 85%,0 25%);clip-path:polygon(35% 0,65% 0,100% 25%,90% 85%,60% 100%,40% 100%,10% 85%,0 25%);box-shadow:18px 12px 0 0 #3d1f0f,35px 5px 0 0 #5a2f1a,12px 25px 0 0 #6b3520,52px 18px 0 0 #4a2c17,28px 38px 0 0 #3d1f0f,8px 52px 0 0 #5a2f1a,48px 45px 0 0 #6b3520,32px 68px 0 0 #4a2c17,18px 85px 0 0 #3d1f0f,58px 78px 0 0 #5a2f1a,38px 98px 0 0 #6b3520,12px 118px 0 0 #4a2c17,68px 108px 0 0 #3d1f0f,45px 128px 0 0 #5a2f1a,25px 148px 0 0 #6b3520,72px 138px 0 0 #4a2c17,52px 168px 0 0 #3d1f0f,28px 188px 0 0 #5a2f1a,65px 178px 0 0 #6b3520,42px 208px 0 0 #4a2c17,18px 228px 0 0 #3d1f0f,78px 218px 0 0 #5a2f1a,58px 248px 0 0 #6b3520,35px 268px 0 0 #4a2c17,72px 258px 0 0 #3d1f0f,48px 288px 0 0 #5a2f1a,25px 308px 0 0 #6b3520,68px 298px 0 0 #4a2c17,42px 328px 0 0 #3d1f0f,15px 348px 0 0 #5a2f1a,82px 338px 0 0 #6b3520,58px 368px 0 0 #4a2c17,35px 388px 0 0 #3d1f0f,75px 378px 0 0 #5a2f1a,52px 408px 0 0 #6b3520,28px 428px 0 0 #4a2c17,65px 418px 0 0 #3d1f0f,38px 448px 0 0 #5a2f1a,18px 468px 0 0 #6b3520,85px 458px 0 0 #4a2c17,62px 488px 0 0 #3d1f0f,32px 508px 0 0 #5a2f1a,72px 498px 0 0 #6b3520,48px 528px 0 0 #4a2c17;transform:rotate(-55deg);animation:chocolate-mega 18s ease-in-out infinite}.storia-decoration-left .mega-chocolates:after{content:"";position:absolute;width:11px;height:14px;background:#654321;top:8%;left:28%;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,85% 90%,50% 100%,15% 90%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,85% 90%,50% 100%,15% 90%,0 30%);box-shadow:20px 15px 0 0 #4a2c17,45px 8px 0 0 #3d1f0f,15px 32px 0 0 #5a2f1a,62px 25px 0 0 #6b3520,38px 48px 0 0 #4a2c17,12px 68px 0 0 #3d1f0f,58px 58px 0 0 #5a2f1a,32px 88px 0 0 #6b3520,75px 78px 0 0 #4a2c17,48px 108px 0 0 #3d1f0f,22px 128px 0 0 #5a2f1a,68px 118px 0 0 #6b3520,42px 148px 0 0 #4a2c17,18px 168px 0 0 #3d1f0f,78px 158px 0 0 #5a2f1a,55px 188px 0 0 #6b3520,28px 208px 0 0 #4a2c17,72px 198px 0 0 #3d1f0f,48px 228px 0 0 #5a2f1a,25px 248px 0 0 #6b3520,65px 238px 0 0 #4a2c17,38px 268px 0 0 #3d1f0f,18px 288px 0 0 #5a2f1a,85px 278px 0 0 #6b3520,62px 308px 0 0 #4a2c17,32px 328px 0 0 #3d1f0f,78px 318px 0 0 #5a2f1a,55px 348px 0 0 #6b3520,28px 368px 0 0 #4a2c17,75px 358px 0 0 #3d1f0f,48px 388px 0 0 #5a2f1a,22px 408px 0 0 #6b3520,68px 398px 0 0 #4a2c17,42px 428px 0 0 #3d1f0f,15px 448px 0 0 #5a2f1a,82px 438px 0 0 #6b3520,58px 468px 0 0 #4a2c17,35px 488px 0 0 #3d1f0f,72px 478px 0 0 #5a2f1a,48px 508px 0 0 #6b3520;transform:rotate(65deg);animation:chocolate-swirl 20s ease-in-out infinite}.storia-decoration-left .ultra-chocolates{position:absolute;top:0;left:0;width:100%;height:100%}.storia-decoration-left .ultra-chocolates:before{content:"";position:absolute;width:8px;height:11px;background:#2f1b14;top:6%;left:22%;-webkit-clip-path:polygon(40% 0,60% 0,100% 40%,80% 100%,20% 100%,0 40%);clip-path:polygon(40% 0,60% 0,100% 40%,80% 100%,20% 100%,0 40%);box-shadow:15px 10px 0 0 #4a2c17,32px 3px 0 0 #5a2f1a,8px 20px 0 0 #6b3520,45px 15px 0 0 #3d1f0f,22px 30px 0 0 #4a2c17,5px 42px 0 0 #5a2f1a,38px 35px 0 0 #6b3520,18px 55px 0 0 #3d1f0f,52px 48px 0 0 #4a2c17,28px 68px 0 0 #5a2f1a,12px 85px 0 0 #6b3520,48px 78px 0 0 #3d1f0f,32px 98px 0 0 #4a2c17,8px 115px 0 0 #5a2f1a,55px 108px 0 0 #6b3520,38px 128px 0 0 #3d1f0f,18px 148px 0 0 #4a2c17,62px 138px 0 0 #5a2f1a,42px 168px 0 0 #6b3520,25px 185px 0 0 #3d1f0f,58px 178px 0 0 #4a2c17,35px 198px 0 0 #5a2f1a,15px 218px 0 0 #6b3520,68px 208px 0 0 #3d1f0f,45px 238px 0 0 #4a2c17,22px 255px 0 0 #5a2f1a,72px 248px 0 0 #6b3520,52px 268px 0 0 #3d1f0f,28px 288px 0 0 #4a2c17,65px 278px 0 0 #5a2f1a,38px 308px 0 0 #6b3520,12px 325px 0 0 #3d1f0f,75px 318px 0 0 #4a2c17,55px 338px 0 0 #5a2f1a,32px 358px 0 0 #6b3520,68px 348px 0 0 #3d1f0f,48px 378px 0 0 #4a2c17,25px 395px 0 0 #5a2f1a,78px 388px 0 0 #6b3520,58px 408px 0 0 #3d1f0f,35px 428px 0 0 #4a2c17,72px 418px 0 0 #5a2f1a,48px 448px 0 0 #6b3520,22px 465px 0 0 #3d1f0f,82px 458px 0 0 #4a2c17,62px 478px 0 0 #5a2f1a,38px 498px 0 0 #6b3520,15px 515px 0 0 #3d1f0f;transform:rotate(-75deg);animation:chocolate-storm 25s ease-in-out infinite}.storia-decoration-left .ultra-chocolates:after{content:"";position:absolute;width:9px;height:12px;background:#8b4513;top:4%;left:38%;-webkit-clip-path:polygon(25% 0,75% 0,100% 35%,75% 100%,25% 100%,0 35%);clip-path:polygon(25% 0,75% 0,100% 35%,75% 100%,25% 100%,0 35%);box-shadow:16px 8px 0 0 #3d1f0f,33px 2px 0 0 #5a2f1a,10px 18px 0 0 #6b3520,46px 12px 0 0 #4a2c17,24px 28px 0 0 #3d1f0f,6px 38px 0 0 #5a2f1a,40px 32px 0 0 #6b3520,20px 48px 0 0 #4a2c17,54px 42px 0 0 #3d1f0f,30px 58px 0 0 #5a2f1a,14px 68px 0 0 #6b3520,50px 62px 0 0 #4a2c17,34px 78px 0 0 #3d1f0f,10px 88px 0 0 #5a2f1a,57px 82px 0 0 #6b3520,40px 98px 0 0 #4a2c17,20px 108px 0 0 #3d1f0f,64px 102px 0 0 #5a2f1a,44px 118px 0 0 #6b3520,27px 128px 0 0 #4a2c17,60px 122px 0 0 #3d1f0f,37px 138px 0 0 #5a2f1a,17px 148px 0 0 #6b3520,70px 142px 0 0 #4a2c17,47px 158px 0 0 #3d1f0f,24px 168px 0 0 #5a2f1a,74px 162px 0 0 #6b3520,54px 178px 0 0 #4a2c17,30px 188px 0 0 #3d1f0f,67px 182px 0 0 #5a2f1a,40px 198px 0 0 #6b3520,14px 208px 0 0 #4a2c17,77px 202px 0 0 #3d1f0f,57px 218px 0 0 #5a2f1a,34px 228px 0 0 #6b3520,70px 222px 0 0 #4a2c17,50px 238px 0 0 #3d1f0f,27px 248px 0 0 #5a2f1a,80px 242px 0 0 #6b3520,60px 258px 0 0 #4a2c17;transform:rotate(85deg);animation:chocolate-chaos 22s ease-in-out infinite}.storia-decoration-left:before{content:"";position:absolute;width:18px;height:22px;background:#4a2c17;top:5%;left:5%;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,85% 70%,60% 100%,40% 100%,15% 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,85% 70%,60% 100%,40% 100%,15% 70%,0 30%);box-shadow:25px 15px 0 0 #3d1f0f,60px 8px 0 0 #5a2f1a,35px 35px 0 0 #6b3520,15px 50px 0 0 #4a2c17,75px 45px 0 0 #3d1f0f,50px 65px 0 0 #5a2f1a,25px 85px 0 0 #6b3520,70px 75px 0 0 #4a2c17,45px 105px 0 0 #3d1f0f,15px 125px 0 0 #5a2f1a,85px 115px 0 0 #6b3520,60px 140px 0 0 #4a2c17,30px 160px 0 0 #3d1f0f,75px 155px 0 0 #5a2f1a,50px 180px 0 0 #6b3520,20px 200px 0 0 #4a2c17,65px 195px 0 0 #3d1f0f,40px 220px 0 0 #5a2f1a,80px 215px 0 0 #6b3520,55px 240px 0 0 #4a2c17,25px 260px 0 0 #3d1f0f,70px 255px 0 0 #5a2f1a,45px 280px 0 0 #6b3520,15px 300px 0 0 #4a2c17,85px 295px 0 0 #3d1f0f,60px 320px 0 0 #5a2f1a,35px 340px 0 0 #6b3520,75px 335px 0 0 #4a2c17,50px 360px 0 0 #3d1f0f,20px 380px 0 0 #5a2f1a,90px 375px 0 0 #6b3520,65px 395px 0 0 #4a2c17,40px 415px 0 0 #3d1f0f,75px 405px 0 0 #5a2f1a,25px 425px 0 0 #6b3520,85px 420px 0 0 #4a2c17,55px 445px 0 0 #3d1f0f,30px 465px 0 0 #5a2f1a,70px 455px 0 0 #6b3520,45px 475px 0 0 #4a2c17,15px 495px 0 0 #3d1f0f,80px 485px 0 0 #5a2f1a,60px 505px 0 0 #6b3520,35px 525px 0 0 #4a2c17;transform:rotate(-15deg)}.storia-decoration-left:after{content:"";position:absolute;width:16px;height:20px;background:#5a2f1a;top:10%;left:25%;-webkit-clip-path:polygon(20% 0,80% 0,100% 40%,90% 80%,50% 100%,10% 80%,0 40%);clip-path:polygon(20% 0,80% 0,100% 40%,90% 80%,50% 100%,10% 80%,0 40%);box-shadow:30px 20px 0 0 #4a2c17,65px 12px 0 0 #6b3520,40px 40px 0 0 #3d1f0f,15px 65px 0 0 #5a2f1a,75px 55px 0 0 #4a2c17,50px 80px 0 0 #6b3520,25px 100px 0 0 #3d1f0f,70px 95px 0 0 #5a2f1a,45px 120px 0 0 #4a2c17,20px 145px 0 0 #6b3520,80px 135px 0 0 #3d1f0f,55px 165px 0 0 #5a2f1a,30px 185px 0 0 #4a2c17,75px 175px 0 0 #6b3520,50px 205px 0 0 #3d1f0f,25px 225px 0 0 #5a2f1a,65px 215px 0 0 #4a2c17,40px 245px 0 0 #6b3520,15px 265px 0 0 #3d1f0f,85px 255px 0 0 #5a2f1a,60px 285px 0 0 #4a2c17,35px 305px 0 0 #6b3520,70px 295px 0 0 #3d1f0f,45px 325px 0 0 #5a2f1a,20px 345px 0 0 #4a2c17,80px 335px 0 0 #6b3520,55px 365px 0 0 #3d1f0f,30px 385px 0 0 #5a2f1a,75px 375px 0 0 #4a2c17,50px 405px 0 0 #6b3520,25px 425px 0 0 #3d1f0f,85px 415px 0 0 #5a2f1a,60px 445px 0 0 #4a2c17,35px 465px 0 0 #6b3520,70px 455px 0 0 #3d1f0f,45px 485px 0 0 #5a2f1a,20px 505px 0 0 #4a2c17,80px 495px 0 0 #6b3520,55px 525px 0 0 #3d1f0f,30px 545px 0 0 #5a2f1a;transform:rotate(25deg)}.storia-decoration-right{position:absolute;right:0;bottom:0;width:200px;height:300px;background:linear-gradient(135deg,#fdf5e6,#f5e6d3 50%,#ede0c8);border-radius:20px;z-index:1;opacity:.6}.storia-decoration-left:before{animation:chocolate-float-1 8s ease-in-out infinite}.storia-decoration-left:after{animation:chocolate-float-2 10s ease-in-out infinite}.storia-decoration-right{animation:float 8s ease-in-out infinite reverse}@keyframes chocolate-float-1{0%,to{transform:rotate(-15deg) translateY(0) translateX(0);opacity:1}20%{transform:rotate(-10deg) translateY(-12px) translateX(5px);opacity:.9}40%{transform:rotate(-20deg) translateY(-8px) translateX(-3px);opacity:.8}60%{transform:rotate(-12deg) translateY(-15px) translateX(7px);opacity:.9}80%{transform:rotate(-18deg) translateY(-5px) translateX(-2px);opacity:.8}}@keyframes chocolate-float-2{0%,to{transform:rotate(25deg) translateY(0) translateX(0);opacity:1}25%{transform:rotate(20deg) translateY(-10px) translateX(-5px);opacity:.9}50%{transform:rotate(30deg) translateY(-15px) translateX(4px);opacity:.8}75%{transform:rotate(22deg) translateY(-8px) translateX(-1px);opacity:.9}}@keyframes chocolate-scatter{0%,to{transform:rotate(-35deg) translateY(0) translateX(0) scale(1);opacity:.8}30%{transform:rotate(-30deg) translateY(-18px) translateX(8px) scale(1.1);opacity:.9}60%{transform:rotate(-40deg) translateY(-12px) translateX(-5px) scale(.9);opacity:.7}90%{transform:rotate(-32deg) translateY(-20px) translateX(3px) scale(1.05);opacity:.8}}@keyframes chocolate-drift{0%,to{transform:rotate(45deg) translateY(0) translateX(0) scale(1);opacity:.7}20%{transform:rotate(40deg) translateY(-14px) translateX(-6px) scale(1.1);opacity:.8}40%{transform:rotate(50deg) translateY(-20px) translateX(4px) scale(.9);opacity:.6}60%{transform:rotate(42deg) translateY(-10px) translateX(-3px) scale(1.05);opacity:.9}80%{transform:rotate(48deg) translateY(-16px) translateX(7px) scale(.95);opacity:.7}}@keyframes chocolate-mega{0%,to{transform:rotate(-55deg) translateY(0) translateX(0) scale(1);opacity:.9}25%{transform:rotate(-50deg) translateY(-25px) translateX(12px) scale(1.2);opacity:.7}50%{transform:rotate(-60deg) translateY(-18px) translateX(-8px) scale(.8);opacity:1}75%{transform:rotate(-52deg) translateY(-30px) translateX(6px) scale(1.1);opacity:.8}}@keyframes chocolate-swirl{0%,to{transform:rotate(65deg) translateY(0) translateX(0) scale(1);opacity:.8}20%{transform:rotate(60deg) translateY(-22px) translateX(-10px) scale(1.3);opacity:.9}40%{transform:rotate(70deg) translateY(-35px) translateX(8px) scale(.7);opacity:.6}60%{transform:rotate(62deg) translateY(-15px) translateX(-5px) scale(1.15);opacity:1}80%{transform:rotate(68deg) translateY(-28px) translateX(12px) scale(.9);opacity:.75}}@keyframes chocolate-storm{0%,to{transform:rotate(-75deg) translateY(0) translateX(0) scale(1);opacity:.7}15%{transform:rotate(-70deg) translateY(-40px) translateX(15px) scale(1.4);opacity:.9}35%{transform:rotate(-80deg) translateY(-25px) translateX(-12px) scale(.6);opacity:.5}55%{transform:rotate(-72deg) translateY(-45px) translateX(8px) scale(1.2);opacity:1}75%{transform:rotate(-78deg) translateY(-20px) translateX(-6px) scale(.8);opacity:.8}90%{transform:rotate(-74deg) translateY(-35px) translateX(18px) scale(1.1);opacity:.6}}@keyframes chocolate-chaos{0%,to{transform:rotate(85deg) translateY(0) translateX(0) scale(1);opacity:.6}12%{transform:rotate(80deg) translateY(-32px) translateX(-14px) scale(1.5);opacity:.8}28%{transform:rotate(90deg) translateY(-50px) translateX(10px) scale(.5);opacity:.4}44%{transform:rotate(82deg) translateY(-18px) translateX(-8px) scale(1.3);opacity:1}60%{transform:rotate(88deg) translateY(-38px) translateX(16px) scale(.7);opacity:.9}76%{transform:rotate(84deg) translateY(-25px) translateX(-12px) scale(1.1);opacity:.5}92%{transform:rotate(86deg) translateY(-42px) translateX(20px) scale(.9);opacity:.7}}@keyframes chocolate-global-1{0%,to{transform:rotate(-25deg) translateY(0) translateX(0) scale(1);opacity:.6}25%{transform:rotate(-20deg) translateY(-30px) translateX(15px) scale(1.2);opacity:.8}50%{transform:rotate(-30deg) translateY(-20px) translateX(-10px) scale(.9);opacity:.4}75%{transform:rotate(-22deg) translateY(-40px) translateX(8px) scale(1.1);opacity:.7}}@keyframes chocolate-global-2{0%,to{transform:rotate(45deg) translateY(0) translateX(0) scale(1);opacity:.5}20%{transform:rotate(40deg) translateY(-25px) translateX(-12px) scale(1.3);opacity:.8}40%{transform:rotate(50deg) translateY(-35px) translateX(18px) scale(.7);opacity:.3}60%{transform:rotate(42deg) translateY(-15px) translateX(-6px) scale(1.15);opacity:.9}80%{transform:rotate(48deg) translateY(-28px) translateX(14px) scale(.85);opacity:.6}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:2000;display:flex;justify-content:flex-start;animation:fadeIn .3s ease}.mobile-menu{background:var(--color-cream);width:280px;height:100%;padding:.75rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:none;border-right:none;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideInLeft .3s ease}.mobile-menu a{text-decoration:none;color:var(--color-navy);font-weight:500;font-size:1.1rem;padding:.75rem 0;border-bottom:none;transition:color .3s ease}.mobile-menu a:hover{color:var(--color-brown);text-decoration:underline}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:768px){.btn,button{min-height:44px;min-width:44px;padding:.75rem 1.5rem;font-size:1rem}.btn.small{min-height:40px;padding:.6rem 1.2rem;font-size:.9rem}.icon-btn,.mobile-menu-btn{min-height:44px;min-width:44px;padding:.75rem;display:flex;align-items:center;justify-content:center}.btn:active,button:active{transform:scale(.95);transition:transform .1s ease}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.4);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn:active:after{width:200px;height:200px}.nav-menu a{padding:1rem 1.5rem;font-size:1.1rem}input,select,textarea{min-height:48px;padding:.875rem 1rem;font-size:1rem;border-radius:8px}.btn-primary,.btn-secondary{padding:.875rem 1.75rem;font-size:1rem;border-radius:10px}.cart-badge{min-width:22px;min-height:22px;line-height:22px;font-size:.8rem;font-weight:700}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{font-size:16px!important}.header-actions{gap:.625rem}.mobile-menu{max-height:100vh;overflow-y:auto}.mobile-menu,.shop-filters{-webkit-overflow-scrolling:touch}.filter-chips .chip{padding:.875rem 1.25rem;margin:.3rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.card{margin-bottom:1rem}.card .btn{width:100%;text-align:center;min-height:48px}a{-webkit-tap-highlight-color:rgba(139,69,19,.1)}html{-webkit-overflow-scrolling:touch}body{text-size-adjust:100%}}@media (max-width:480px){.header-actions{gap:.4rem}.icon-btn,.mobile-menu-btn{min-height:40px;min-width:40px;padding:.6rem}.btn{padding:.75rem 1.25rem;font-size:.95rem}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:.95rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.prodotti-section{padding:4rem 2rem;background:#f2f4f6;position:relative;z-index:10}.prodotti-container{max-width:1200px;margin:0 auto}.prodotti-header{text-align:center;margin-bottom:3rem}.prodotti-title{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:400;color:var(--color-navy);margin-bottom:1rem;letter-spacing:-1px;position:relative}.prodotti-title:after,.prodotti-title:before{content:"";position:absolute;top:50%;width:50px;height:2px;background:var(--color-brown)}.prodotti-title:before{left:-70px}.prodotti-title:after{right:-70px}.prodotti-subtitle{font-size:1rem;color:#666;max-width:500px;margin:0 auto}.prodotti-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.prodotto-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.prodotto-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.12)}.prodotto-image-container{position:relative;height:200px;overflow:hidden}.prodotto-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.prodotto-card:hover .prodotto-image{transform:scale(1.05)}.prodotto-etichetta{position:absolute;top:12px;right:12px;background:var(--color-brown);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.prodotto-content{padding:1.5rem}.prodotto-nome{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:#000;margin-bottom:.5rem}.prodotto-descrizione{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:1.5rem}.prodotto-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.prodotto-prezzo{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-brown)}.prodotto-btn{padding:.5rem 1rem;font-size:.8rem;flex-shrink:0}.instagram-section{padding:6rem 2rem;background:#f2f4f6}.instagram-container{max-width:1200px;margin:0 auto}.instagram-header{text-align:center;margin-bottom:4rem}.instagram-icon{color:var(--color-brown);margin-bottom:1rem}.instagram-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:400;color:var(--color-navy);margin-bottom:1rem;letter-spacing:-1px}.instagram-subtitle{font-size:1.1rem;color:#495764;max-width:600px;margin:0 auto}.instagram-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:3rem}.instagram-post{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;transition:transform .3s ease;text-decoration:none}.instagram-post:hover{transform:scale(1.05)}.instagram-image{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.instagram-post:hover .instagram-image{filter:brightness(.8)}.instagram-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;transition:opacity .3s ease;background:rgba(94,54,33,.9);padding:1rem;border-radius:50%}.instagram-post:hover .instagram-overlay{opacity:1}.instagram-cta{text-align:center}.instagram-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem}.contact-section{padding:6rem 2rem;background:var(--color-cream)}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:4rem}@media (max-width:768px){.contact-section{padding:4rem 1.5rem}.contact-header{margin-bottom:3rem}}@media (max-width:480px){.contact-section{padding:3rem 1rem}.contact-header{margin-bottom:2.5rem}}.contact-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:400;color:var(--color-navy);margin-bottom:1rem;letter-spacing:-1px;position:relative}.contact-title:after,.contact-title:before{content:"";position:absolute;top:50%;width:60px;height:2px;background:var(--color-brown)}.contact-title:before{left:-80px}.contact-title:after{right:-80px}.contact-subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;margin-bottom:4rem}.contact-form-container h3,.contact-info h3{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500;color:#000;margin-bottom:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.contact-icon{color:var(--color-brown);margin-top:.2rem;flex-shrink:0}.contact-item strong{display:block;color:#000;margin-bottom:.5rem;font-weight:600}.contact-item p{color:#666;line-height:1.6;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#000;margin-bottom:.5rem;font-size:.95rem}.form-input,.form-textarea{padding:.65rem .9rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:border-color .3s ease;font-family:Inter,sans-serif}.form-input:disabled,.form-textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-brown)}.form-textarea{resize:vertical;min-height:120px}.form-message{display:flex;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message strong{display:block;margin-bottom:.25rem}.form-message p{margin:0;font-size:.9rem}.form-message-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message-success svg{color:#28a745;flex-shrink:0;margin-top:2px}.form-message-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-message-error svg{color:#dc3545;flex-shrink:0;margin-top:2px}.form-submit{align-self:flex-start;padding:1rem 2rem;margin-top:1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.form-submit:disabled{opacity:.6;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.map-container{margin-top:2rem}.map-container h3{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500;color:#000;margin-bottom:1.5rem;text-align:center}.map-wrapper{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}.footer{background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(/images/pattern-vietri-color.jpg);background-repeat:repeat;background-size:180px;color:#333;padding:4rem 2rem 2rem;border-top:1px solid #e9ecef}.footer-content{max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin:0 auto 2rem}@media (max-width:768px){.footer{padding:3rem 1.5rem 1.5rem}.footer-content{gap:2.5rem}}@media (max-width:480px){.footer{padding:2.5rem 1rem 1rem}.footer-content{gap:2rem}}.footer-section h3{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#000;text-transform:uppercase;letter-spacing:1px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#666;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-section ul li a:hover{color:var(--color-brown)}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icon{width:40px;height:40px;background:var(--color-brown);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#4b2a19;transform:translateY(-2px)}.payment-icons{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.payment-icon{height:32px;opacity:.8;transition:all .3s ease;filter:brightness(1.1) contrast(1.1)}.payment-icon:hover{opacity:1;transform:translateY(-2px);filter:brightness(1.2) contrast(1.2)}.footer-bottom{border-top:1px solid #e9ecef;padding-top:2rem;text-align:center;color:#666;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{height:64px;width:auto;max-width:220px;opacity:.9}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.4rem;z-index:1001;position:relative}@media (max-width:1024px){.mobile-menu-btn{display:inline-flex}.nav-menu{display:none}}@media (max-width:768px){.header-content{padding:1rem}.nav-menu{display:none}.header-actions{gap:.5rem}.logo{font-size:1.1rem;flex-direction:column;align-items:flex-start;gap:.2rem}.hero-slider{width:300%}.hero-slide{grid-template-columns:1fr;width:33.333%}.hero-content{padding:3rem 2rem;order:2}.hero-content h1{font-size:2.5rem}.hero-image{order:1;min-height:50vh}.carousel-navigation{bottom:1rem}.storia{padding:4rem 1rem}.storia-title{font-size:2.5rem}.storia-title:after,.storia-title:before{width:40px}.storia-title:before{left:-50px}.storia-title:after{right:-50px}.storia-description{font-size:1.05rem;padding:0 1rem}.storia-visual{min-height:400px}.storia-image-main{width:300px}.storia-decoration-left{width:200px;height:300px;left:-50px}.storia-decoration-right{width:150px;height:200px;right:-30px}.footer-content{grid-template-columns:1fr;text-align:center}.payment-icons,.social-icons{justify-content:center}.footer-section ul{text-align:center}.prodotti-title{font-size:1.8rem}.prodotti-title:after,.prodotti-title:before{width:40px}.prodotti-title:before{left:-50px}.prodotti-title:after{right:-50px}.prodotti-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.storia-visual{grid-template-columns:1fr;gap:2rem;text-align:center}.storia-text-content{order:2;text-align:left}.storia-image-container{order:1;display:flex;flex-direction:column;align-items:center}.storia-image-main{width:100%;max-width:300px;height:400px}.storia-beige-box{margin-top:1.5rem;padding:1.5rem;max-width:300px}.prodotto-footer{flex-direction:column;gap:1rem;align-items:stretch}.prodotto-btn{width:100%;text-align:center}.instagram-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.instagram-title{font-size:2rem}.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-title:after,.contact-title:before{width:40px}.contact-title:before{left:-50px}.contact-title:after{right:-50px}.form-row{grid-template-columns:1fr}.contact-item{margin-bottom:1.5rem}.map-wrapper iframe{height:300px}}@media (max-width:480px){.hero-content{padding:2rem 1.5rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.btn{padding:.6rem 1.2rem;font-size:.8rem}.logo,.storia-text p{font-size:1rem}.header-actions{flex-wrap:wrap}.storia-title{font-size:2rem}.storia-title:after,.storia-title:before{display:none}.storia-description{font-size:1rem;padding:0 .5rem}.storia-image-main{width:250px;height:320px}.storia-decoration-left,.storia-decoration-right{display:none}.prodotti-title{font-size:1.6rem}.prodotti-title:after,.prodotti-title:before{display:none}.prodotti-section{padding:3rem 1rem}.prodotti-grid{grid-template-columns:1fr;gap:1.5rem}.prodotto-image-container{height:180px}.prodotto-content{padding:1.25rem}.instagram-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.instagram-title{font-size:1.8rem}.contact-title{font-size:2rem}.contact-title:after,.contact-title:before{display:none}.contact-section{padding:4rem 1rem}.form-input,.form-textarea{padding:.75rem 1rem;font-size:1rem}.form-textarea{min-height:100px}.contact-form-container h3,.contact-info h3{font-size:1.3rem;margin-bottom:1.5rem}}.carousel-slide{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(11,42,66,.25)}.storia-image{transition:transform .3s ease}.storia-image:hover{transform:scale(1.05)}.btn:focus,.carousel-dot:focus,.icon-btn:focus{outline:2px solid #8b4513;outline-offset:2px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.bg-choco-section{position:relative;z-index:10;width:100%;min-height:45vh;background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),url(/images/hero-slide-1.svg);background-size:cover;background-position:50%;background-repeat:no-repeat}@media (max-width:768px){.bg-choco-section{min-height:35vh}}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:2px solid var(--color-brown);border-radius:25px;cursor:pointer;transition:all .3s ease;color:var(--color-brown);font-weight:500;font-size:.9rem}.user-btn:hover{background:var(--color-brown);color:#fff}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#8b4513,#d2691e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.user-name{font-weight:600;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:.5rem;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;color:#333;text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer;width:100%;text-align:left;font-size:.9rem}.dropdown-item:hover{background:#f8f9fa;color:var(--color-brown)}.dropdown-item.logout{color:#dc3545;border-top:1px solid #eee;margin-top:.25rem;padding-top:.75rem}.dropdown-item.logout:hover{background:#fff5f5;color:#c53030}@media (max-width:768px){.user-btn{padding:.4rem .8rem;font-size:.8rem}.user-avatar{width:28px;height:28px;font-size:12px}.user-name{display:none}.user-dropdown{right:-10px;min-width:160px}}.storia-section{padding:5rem 2rem;background:var(--color-cream);position:relative;z-index:10}.storia-container{max-width:1200px;margin:0 auto}.storia-subtitle{text-align:center;font-size:1.1rem;color:#6b7280;margin-top:-.5rem}.storia-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;margin-top:3rem}.storia-image-wrapper{position:relative;width:100%}.storia-image{width:100%;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,.12)}.storia-badge{position:absolute;bottom:20px;left:20px;background:hsla(0,0%,100%,.95);padding:.75rem 1.5rem;border-radius:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.storia-badge span{font-weight:600;color:var(--color-navy);font-size:.95rem;letter-spacing:.05em}.storia-content{display:flex;flex-direction:column;gap:1.5rem}.storia-name{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:600;color:var(--color-navy);margin:0;line-height:1.2}.storia-text{display:flex;flex-direction:column;gap:1rem}.storia-text p{color:#4b5563;line-height:1.7;font-size:1rem;margin:0}.storia-cta{align-self:flex-start;margin-top:1rem}@media (max-width:900px){.storia-main{grid-template-columns:1fr;gap:2rem}.storia-image-wrapper{max-width:500px;margin:0 auto}}@media (max-width:600px){.storia-section{padding:3rem 1.25rem}.storia-name{font-size:1.8rem}.storia-text p{font-size:.95rem}.storia-badge{bottom:15px;left:15px;padding:.6rem 1.2rem}}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.hero.hero-video{margin:0!important;padding:0!important;position:relative;z-index:0}.header--transparent .topbar{background:transparent;border-bottom-color:transparent;color:#fff}.header--transparent .topbar-auth-link,.header--transparent .topbar-link{color:hsla(0,0%,100%,.92)}.header--transparent .user-btn{border-color:hsla(0,0%,100%,.8);color:#fff}.header--transparent .user-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.header--transparent .header-actions .icon-btn{color:#fff}.header--transparent .icon-btn:hover{background:hsla(0,0%,100%,.15)}.header--transparent .nav-secondary{border-top-color:hsla(0,0%,100%,.25)}.header--transparent .nav-secondary .nav-menu a{color:#fff}.header--transparent .nav-secondary .nav-menu a:hover{color:hsla(0,0%,100%,.85)}.header--transparent .nav-dropdown{background:#fff;color:var(--color-navy)}.header--transparent .nav-dropdown-item{color:var(--color-navy)}.header--transparent .nav-dropdown-item:hover{color:var(--color-brown)}.hero-section{padding:5rem 2rem;background:linear-gradient(180deg,#fff,#fafbfc);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hero-section.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero-section{padding:3rem 1.5rem}.hero-section:not(.visible){animation:forceVisible .5s .5s forwards}@keyframes forceVisible{to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.hero-section{padding:2rem 1rem}}.hero-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-tag{display:inline-block;background:linear-gradient(135deg,#0047ab,#2bb1c9);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(0,71,171,.2)}.hero-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;color:var(--color-navy);margin:0 0 1.25rem;line-height:1.2}.hero-subtitle{font-size:1.125rem;color:#6b7280;line-height:1.8;max-width:700px;margin:0 auto}.hero-split-layout{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:3rem}.hero-product-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);animation:heroFadeIn .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.hero-product-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-4px)}@media (hover:none) and (pointer:coarse){.hero-product-card:active{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-2px)}}.hero-main{display:flex;flex-direction:column}.hero-main .hero-image-container{height:500px}.hero-sidebar{display:flex;flex-direction:column;gap:2rem}.hero-secondary{display:flex;flex-direction:row;min-height:235px}.hero-secondary .hero-image-container{flex:0 0 45%;height:auto}.hero-secondary .hero-content{flex:1 1;padding:1.25rem}.hero-image-wrapper{display:block;text-decoration:none;position:relative}.hero-image-container{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.hero-product-card:hover .hero-image{transform:scale(1.08)}@media (hover:none) and (pointer:coarse){.hero-product-card:active .hero-image{transform:scale(1.05)}}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.02));opacity:0;transition:opacity .4s ease;z-index:1}.hero-product-card:hover .hero-image-overlay{opacity:1}@media (hover:none) and (pointer:coarse){.hero-image-overlay{opacity:.5;background:linear-gradient(180deg,transparent,rgba(0,0,0,.08))}.hero-product-card:active .hero-image-overlay{opacity:1}.hero-product-card{box-shadow:0 6px 25px rgba(0,0,0,.08)}}.hero-badge{position:absolute;top:1.25rem;right:1.25rem;padding:.5rem 1.25rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-sale{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-bestseller{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.hero-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}.hero-main .hero-content{padding:2.5rem;gap:1.5rem}.hero-product-title{font-size:1.5rem;font-weight:600;color:var(--color-navy);margin:0;line-height:1.3;transition:color .3s ease;text-decoration:none}.hero-main .hero-product-title{font-size:2rem}.hero-product-card:hover .hero-product-title{color:var(--color-brown)}.hero-product-card a{text-decoration:none}.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:auto}.hero-secondary .hero-footer{flex-direction:row;align-items:center;justify-content:flex-end;gap:.75rem}.hero-actions{display:flex;gap:1rem;width:100%;margin-top:auto}.hero-btn-primary{display:block;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-brown) 0,#6d3d0f 100%);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(139,69,19,.2);position:relative;overflow:hidden;text-align:center;text-decoration:none}.hero-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.hero-btn-primary:hover:before{left:100%}.hero-btn-primary:hover{background:linear-gradient(135deg,#6d3d0f 0,var(--color-brown) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,69,19,.4)}.hero-btn-primary:active{transform:translateY(0)}.hero-btn-icon{width:44px;height:44px;padding:0;background:linear-gradient(135deg,var(--color-brown) 0,#6d3d0f 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(139,69,19,.2);display:flex;align-items:center;justify-content:center;text-decoration:none}.hero-btn-icon:hover{background:linear-gradient(135deg,#6d3d0f 0,var(--color-brown) 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(139,69,19,.4)}.hero-cta{text-align:center;margin-top:2rem}.hero-btn-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 2.75rem;background:#fff;color:var(--color-navy);text-decoration:none;border-radius:50px;font-weight:600;font-size:1.0625rem;border:2px solid var(--color-navy);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(11,42,66,.1);position:relative;overflow:hidden}.hero-btn-cta:before{content:"";position:absolute;inset:0;background:var(--color-navy);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:-1}.hero-btn-cta:hover:before{transform:scaleX(1)}.hero-btn-cta:hover{color:#fff;transform:translateY(-4px);box-shadow:0 12px 32px rgba(11,42,66,.25)}.hero-btn-cta svg{transition:transform .3s ease}.hero-btn-cta:hover svg{transform:translateX(6px)}.skeleton-hero{pointer-events:none}.hero-skeleton-image{width:100%;height:500px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.hero-secondary .hero-skeleton-image{height:100%;min-height:235px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-skeleton-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}.hero-skeleton-title{height:32px;width:70%;border-radius:8px}.hero-skeleton-desc,.hero-skeleton-title{background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.hero-skeleton-desc{height:16px;width:90%;border-radius:6px}.hero-skeleton-price{height:40px;width:40%;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:8px;margin-top:auto}@media (max-width:1024px){.hero-split-layout{grid-template-columns:1.5fr 1fr;gap:1.5rem}.hero-main .hero-image-container{height:400px}.hero-main .hero-product-title{font-size:2rem}}@media (max-width:768px){.hero-section{padding:2.5rem 1.5rem!important}.hero-header{margin-bottom:2.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.hero-tag{font-size:.8rem;padding:.4rem 1.2rem}.hero-split-layout{grid-template-columns:1fr;gap:1.5rem}.hero-main .hero-image-container{height:350px}.hero-main .hero-product-title{font-size:2rem}.hero-main .hero-content{padding:2rem}.hero-secondary{min-height:auto}.hero-secondary .hero-image-container{flex:0 0 40%}}@media (max-width:640px){.hero-section{padding:2rem 1rem!important}.hero-header{margin-bottom:2rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.9rem}.hero-main .hero-image-container{height:260px}.hero-main .hero-product-title{font-size:1.5rem}.hero-main .hero-content{padding:1.25rem}.hero-secondary{flex-direction:column}.hero-secondary .hero-image-container{flex:none;height:180px}.hero-secondary .hero-content{padding:1.25rem}.hero-product-title{font-size:1.1rem}.hero-price{font-size:1.5rem}.hero-btn-cta{padding:.875rem 1.75rem;font-size:.95rem}.hero-cta{margin-top:1.5rem}}@media (max-width:480px){.hero-section{padding:1.5rem .875rem!important}.hero-header{margin-bottom:1.75rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.875rem;line-height:1.6}.hero-tag{font-size:.75rem;padding:.35rem 1rem}.hero-split-layout{gap:1.25rem}.hero-main .hero-image-container{height:220px}.hero-secondary .hero-image-container{height:160px}.hero-btn-cta{padding:.75rem 1.5rem;font-size:.9rem}}@media (prefers-reduced-motion:reduce){.hero-badge,.hero-btn-cta,.hero-btn-primary,.hero-btn-secondary,.hero-image,.hero-product-card,.hero-section{animation:none;transition:none}}