@font-face{font-family:'Chatara Regular';src:url('/fonts/Chatara.otf') format('opentype'),url('/fonts/Chatara.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap)}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--terracotta:#A9633B;--olive:#656434;--beige:#E9E2D2;--site-bg:#e5e0d2;--line:rgba(101,100,52,.25);--shadow:0 8px 32px rgba(169,99,59,.15)}html{scroll-behavior:smooth;background:var(--site-bg)}body{background-color:var(--site-bg);min-height:100vh;display:flex;flex-direction:column;font-family:'Poppins',Verdana,Geneva,sans-serif;color:var(--olive)}button,input,select,textarea{font:inherit}main{flex:1 0 auto;padding-top:90px}header{display:flex;justify-content:center;align-items:center;padding:.5rem 2rem;background-color:transparent;position:fixed;top:0;left:0;right:0;z-index:1000;max-width:100%;margin:0 auto;width:100%;transition:transform .3s ease-in-out}header>nav{max-width:1200px;margin:0 auto}header.nav-hidden{transform:translateY(-100%)}header.nav-visible{transform:translateY(0)}nav{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:.5em 1.5em;font-family:'Montserrat',Verdana,Geneva,sans-serif;box-shadow:0 8px 32px rgba(169,99,59,.15),0 4px 16px rgba(169,99,59,.1);transition:all .3s ease;z-index:10;flex:0 0 auto;display:flex;align-items:center;gap:1.5rem;width:auto;justify-content:center;max-width:980px}nav:hover{background:rgba(255,255,255,.15);box-shadow:0 12px 40px rgba(169,99,59,.2),0 6px 20px rgba(169,99,59,.15)}nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:1.1em;flex-wrap:wrap;width:auto}nav ul li{display:flex;justify-content:center}nav ul li a{background:rgba(101,100,52,.9);backdrop-filter:blur(5px);color:#fff;text-decoration:none;font-weight:700;font-size:1em;padding:.68em 1.35em;border-radius:2.5em;transition:all .3s ease;letter-spacing:.5px;font-family:'Montserrat',Verdana,Geneva,sans-serif;display:inline-block;box-shadow:0 4px 15px rgba(101,100,52,.2);border:1px solid rgba(255,255,255,.1);white-space:nowrap}nav ul li a:hover,nav ul li a:focus{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:var(--olive);box-shadow:0 6px 20px rgba(101,100,52,.3);outline:none;transform:translateY(-2px)}#logo-nav{display:flex;align-items:center;flex:0 0 auto}#logo-nav img{height:64px;width:auto;transition:transform .3s ease;margin-top:3px}#logo-nav img:hover{transform:scale(1.12)}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:.5rem;background:rgba(101,100,52,.9);border:none;border-radius:8px;transition:all .3s ease}.hamburger:hover{background:rgba(101,100,52,1)}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-cart{display:flex;align-items:center;gap:9px;border:0;background:var(--terracotta);color:var(--beige);border-radius:2.5em;padding:.68em 1.15em;font-weight:800;box-shadow:0 4px 15px rgba(169,99,59,.25)}.nav-cart b,.mobile-cart-bar b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--olive);color:var(--beige);font-size:11px}.order-hero{padding-bottom:1rem}.banner-container{width:100%;max-width:100%;margin:0;padding:0;margin-top:2rem}.banner-image{margin-left:15%;width:70%;height:auto;min-height:400px;max-height:500px;object-fit:cover;object-position:center 45%;border-radius:40px;display:block}.order-intro{text-align:center}.text-container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.2rem}.page-kicker{margin:1.4rem 0 .55rem;color:var(--terracotta);font-weight:800;font-size:.75rem;letter-spacing:.18em;text-align:center}.order-intro #h1-main{font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:5rem;text-align:center;margin:0;color:var(--olive);letter-spacing:.1em}.order-intro #p-main{max-width:820px;margin:0 auto;padding:1.2rem;font-size:1.06rem;line-height:1.7;color:var(--olive)}.order-actions-top{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:1rem 0}.site-button{border:0;border-radius:2.5em;padding:.9em 1.8em;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:.25s ease}.site-button.primary{background:var(--terracotta);color:var(--beige);box-shadow:0 8px 24px rgba(169,99,59,.22)}.site-button.secondary{background:rgba(101,100,52,.9);color:#fff}.site-button:hover{transform:translateY(-2px)}.pickup-note{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;margin:1rem auto 2rem;padding:.9rem 1.2rem;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.18);box-shadow:0 8px 32px rgba(169,99,59,.08)}.pickup-note>span{width:11px;height:11px;border-radius:50%;background:var(--terracotta)}.pickup-note small{display:block;color:var(--terracotta);font-weight:800;font-size:.65rem;letter-spacing:.13em}.pickup-note b{font-size:1rem}.takeaway-section{max-width:1200px;margin:0 auto;padding:1rem 1.2rem 2rem}.menu-heading-block{text-align:center}.preview-title{font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:3.2rem;text-align:center;color:var(--olive);margin:.4rem auto .6rem;letter-spacing:.06em}.preview-text{font-size:1rem;line-height:1.65;color:var(--olive);max-width:760px;margin:0 auto 1.4rem;text-align:center}.categories{position:sticky;top:88px;z-index:50;display:flex;gap:.65rem;overflow-x:auto;padding:.8rem .2rem 1rem;margin:0 auto 1rem;background:rgba(229,224,210,.92);backdrop-filter:blur(10px);scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{flex:none;border:1px solid var(--olive);background:rgba(255,255,255,.14);color:var(--olive);padding:.75rem 1.2rem;border-radius:2.5em;font-weight:800;cursor:pointer}.category.active{background:var(--olive);color:var(--beige)}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1.5rem;align-items:start}.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product{display:grid;grid-template-columns:1fr 130px;gap:1rem;min-height:188px;padding:1rem;border:1px solid rgba(169,99,59,.2);border-radius:24px;background:rgba(255,255,255,.16);box-shadow:0 8px 28px rgba(169,99,59,.08);cursor:pointer;transition:.25s ease}.product:hover{transform:translateY(-3px);background:rgba(255,255,255,.22);box-shadow:0 14px 36px rgba(169,99,59,.14)}.product-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.tag{display:inline-block;background:var(--terracotta);color:var(--beige);border-radius:99px;padding:.32rem .62rem;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.55rem}.product h3{font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:2rem;line-height:1;margin:0 0 .4rem;color:var(--olive);letter-spacing:.04em}.product p{font-size:.82rem;line-height:1.5;margin:0 0 .55rem;color:rgba(101,100,52,.86)}.allergens{font-size:.67rem;opacity:.7}.product-bottom{display:flex;align-items:center;gap:.7rem;margin-top:auto;padding-top:.75rem}.price{font-weight:800;font-size:1rem}.add{border:0;width:36px;height:36px;border-radius:50%;background:var(--terracotta);color:var(--beige);font-size:1.35rem;line-height:1}.product-image{width:130px;height:150px;object-fit:cover;border-radius:18px}.cart-preview{position:sticky;top:160px;border:1px solid rgba(169,99,59,.24);border-radius:24px;background:rgba(255,255,255,.18);box-shadow:0 8px 32px rgba(169,99,59,.12);padding:1.25rem;max-height:calc(100vh - 180px);overflow:auto}.cart-preview-head h2,.cart h2,.option-card h2,.info-card h2{font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:2.5rem;color:var(--olive);letter-spacing:.05em}.cart-row{display:grid;grid-template-columns:56px 1fr auto;gap:.8rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}.cart-row img{width:56px;height:64px;border-radius:12px;object-fit:cover}.cart-row h4{font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:1.45rem;line-height:1;margin:0;color:var(--olive);letter-spacing:.04em}.cart-row small{display:block;font-size:.68rem;opacity:.72}.quantity{display:flex;align-items:center;gap:.5rem;margin-top:.45rem;font-size:.78rem}.quantity button{width:25px;height:25px;border:1px solid var(--olive);border-radius:50%;background:transparent;color:var(--olive)}.empty{text-align:center;padding:2.5rem .6rem;font-size:.9rem;color:rgba(101,100,52,.75)}.checkout{padding-top:1rem}.total{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;font-weight:800;font-size:1.2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.form-grid .wide{grid-column:span 2}label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}input,select,textarea{width:100%;margin-top:.4rem;border:1px solid var(--olive);background:rgba(229,224,210,.76);color:var(--olive);border-radius:12px;padding:.75rem;font-size:.86rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(169,99,59,.14)}textarea{resize:vertical}.pay,.primary{width:100%;border:0;background:var(--terracotta);color:var(--beige);border-radius:14px;padding:.9rem;font-weight:800;margin-top:.8rem}.consent{display:flex;gap:.55rem;align-items:flex-start;text-transform:none;letter-spacing:0;line-height:1.4}.consent input{width:auto;margin:.15rem 0}.consent a,.app-legal a{color:var(--terracotta)}.legal-checkout{font-size:.68rem;line-height:1.5;opacity:.75}.mobile-cart-bar{display:none}.cart{display:none}.scrim{position:fixed;inset:0;background:rgba(39,38,18,.62);z-index:2000;opacity:0;pointer-events:none;transition:.25s}.scrim.open{opacity:1;pointer-events:auto}.option-modal,.info-sheet{position:fixed;inset:0;background:rgba(39,38,18,.62);z-index:3000;display:none;place-items:end center}.option-modal.open,.info-sheet.open{display:grid}.option-card,.info-card{position:relative;width:min(680px,calc(100% - 28px));max-height:90vh;overflow:auto;border-radius:30px 30px 0 0;padding:2rem;background:var(--site-bg);box-shadow:0 24px 80px rgba(57,54,29,.18)}.option-card .close,.info-card .close{position:absolute;right:1.2rem;top:1.2rem}.close{border:1px solid var(--olive);background:transparent;color:var(--olive);width:40px;height:40px;border-radius:50%;font-size:1.4rem}.option-card>p:not(.eyebrow),.info-card p{line-height:1.6}.option-card fieldset{border:0;border-top:1px solid var(--line);padding:1rem 0;margin:0}.option-card legend{font-weight:800;padding-top:.8rem}.option-card fieldset label{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.65rem 0;text-transform:none;letter-spacing:0;font-size:.9rem}.option-card fieldset input{width:19px;height:19px;margin:0}.toast{position:fixed;left:50%;bottom:24px;z-index:4000;transform:translate(-50%,15px);opacity:0;transition:.2s;padding:.8rem 1.1rem;border-radius:14px;background:var(--olive);color:var(--beige);font-size:.85rem}.toast.show{opacity:1;transform:translate(-50%,0)}.site-footer{background-color:var(--olive);color:var(--beige);margin-top:4rem;padding:0;width:100%}.footer-container{max-width:1200px;margin:0 auto;padding:0}.footer-logo-section{text-align:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(233,226,210,.2)}.footer-main-logo{max-width:220px;height:auto;display:block;margin:0 auto}.footer-content{padding:2.5rem 2rem;max-width:1200px;margin:0 auto}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;max-width:100%}.footer-section{display:flex;flex-direction:column;min-height:180px}.footer-section h4{font-size:1.2rem;font-weight:700;margin-bottom:1.2rem;color:var(--beige);font-family:'Poppins',Verdana,Geneva,sans-serif;letter-spacing:.5px;position:relative}.footer-section h4::after{content:'';position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--terracotta)}.section-content{margin-top:1rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.address{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.contact-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.contact-label{font-weight:600;color:var(--beige);min-width:55px}.contact-link{color:var(--beige);text-decoration:none;transition:color .2s ease;font-weight:500}.contact-link:hover{color:#fff}.btw-number{color:var(--beige);font-weight:500;letter-spacing:.5px}.hours-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:.3rem 0;font-size:.95rem}.day{font-weight:600;color:var(--beige);min-width:140px;margin-right:15px}.time{font-weight:500;color:var(--beige)}.hours-note{font-size:.9rem;font-style:italic;color:rgba(233,226,210,.8);margin-top:1rem;padding-top:.5rem;border-top:1px solid rgba(233,226,210,.2)}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:rgba(255,255,255,.08);border-radius:12px;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);border-color:rgba(255,255,255,.2)}.social-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:var(--beige);font-weight:800;border:1px solid rgba(233,226,210,.45);border-radius:50%}.social-text{font-weight:500;color:var(--beige);font-size:.95rem}.footer-bottom{border-top:1px solid rgba(233,226,210,.2);padding:1rem 2rem}.footer-bottom-content{display:flex;justify-content:space-between;gap:1rem;color:rgba(233,226,210,.82);font-size:.85rem}.loader{text-align:center;padding:3rem;color:rgba(101,100,52,.7)}
@media(max-width:1100px){.shop-layout{grid-template-columns:1fr}.cart-preview{position:static;max-height:none}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-row{gap:2rem}}
@media(max-width:900px){header{padding:.5rem 1.5rem}nav{padding:.45em 1.5em;gap:1.2rem}nav ul{gap:1em}nav ul li a{font-size:1em;padding:.6em 1.4em}#logo-nav img{height:56px}main{padding-top:85px}.nav-cart span{display:none}.banner-image{margin-left:5%;width:90%;min-height:300px;max-height:400px;border-radius:25px}.footer-row{flex-direction:column}.footer-section{min-height:auto;width:100%}.footer-bottom-content{flex-direction:column;text-align:center}}
@media(max-width:768px){header{padding:.4rem 1rem}nav{padding:.4em 2em;border-radius:20px;position:relative;width:100%;justify-content:space-between;gap:2rem}main{padding-top:80px}.hamburger{display:flex;order:3}nav ul{position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border:1px solid rgba(169,99,59,.3);border-radius:15px;padding:1rem;margin-top:.5rem;flex-direction:column;gap:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 8px 32px rgba(169,99,59,.2)}nav ul.active{opacity:1;visibility:visible;transform:translateY(0)}nav ul li{width:100%}nav ul li a{width:100%;text-align:center;font-size:1.1em;padding:.8em 1.5em;border-radius:12px;background:rgba(101,100,52,.9);color:#fff;font-weight:600}nav ul li a:hover,nav ul li a:focus{background:rgba(101,100,52,1);transform:none}#logo-nav img{height:60px}.nav-cart{order:2;width:42px;height:42px;padding:0;justify-content:center}.nav-cart b{position:absolute;transform:translate(16px,-15px);background:var(--terracotta)}.banner-container{margin:1.5rem auto;padding:0 1rem}.banner-image{margin-left:0;width:100%;min-height:250px;max-height:350px;object-position:center 45%;border-radius:22px}.order-intro #h1-main{font-size:3.3rem}.order-intro #p-main{font-size:.98rem;padding:1rem}.preview-title{font-size:2.45rem}.preview-text{font-size:.92rem}.product-list{grid-template-columns:1fr}.product{grid-template-columns:1fr 112px;min-height:162px;padding:.9rem;border-radius:20px}.product h3{font-size:1.75rem}.product p{font-size:.78rem}.product-image{width:112px;height:130px}.cart-preview{display:none}.mobile-cart-bar{position:fixed;z-index:1500;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:18px;background:var(--terracotta);color:var(--beige);min-height:58px;padding:0 18px;font-weight:900;box-shadow:0 18px 38px rgba(57,54,29,.22)}.cart{display:block;position:fixed;z-index:2500;left:0;right:0;bottom:0;max-height:92vh;overflow:auto;background:var(--site-bg);border-radius:28px 28px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(105%);transition:.32s cubic-bezier(.22,.8,.28,1)}.cart.open{transform:translateY(0)}.sheet-handle{width:42px;height:5px;border-radius:5px;background:var(--olive);opacity:.35;margin:0 auto 17px}.cart-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer-content{padding:2rem 1.2rem}.footer-logo-section{padding:1.7rem 1rem 1rem}.footer-bottom{padding:1rem}}
@media(max-width:480px){header{padding:.2rem .6rem}nav{padding:.25em 1.2em;border-radius:12px;width:100%;justify-content:space-between;gap:1.5rem}main{padding-top:70px}nav ul{padding:.6rem;border-radius:10px}nav ul li a{font-size:.95em;padding:.6em 1em}#logo-nav img{height:60px}.takeaway-section{padding-inline:.8rem}.product{grid-template-columns:1fr 96px}.product-image{width:96px;height:116px}.product p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.order-actions-top{display:grid}.site-button{width:100%}.pickup-note{width:calc(100% - 1.6rem)}.footer-main-logo{max-width:180px}.hours-item{align-items:flex-start;flex-direction:column;gap:.2rem}.day{min-width:0}}


/* Website-nabije bestelpagina: originele navbarstructuur en eenvoudige intro */
.nav-cart{display:none!important}.simple-order-hero{padding:2.2rem 0 1rem}.simple-order-hero .order-intro{padding-top:1.2rem}.simple-order-hero #h1-main{margin-top:.4rem}.menu-heading-block .page-kicker{display:none}header nav{max-width:900px}.takeaway-section{padding-top:.5rem}
@media(max-width:768px){.simple-order-hero{padding:1.4rem 0 .6rem}.simple-order-hero .order-intro{padding-top:.6rem}}

/* Compacte bestelkop + zwevend mandje */
.compact-order-hero{padding:2.1rem 0 .7rem}.order-start{display:flex;align-items:center;justify-content:space-between;gap:1rem}.order-start-copy{text-align:left}.order-start .page-kicker{text-align:left;margin:0 0 .35rem}.order-start h1{font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:3.35rem;line-height:.95;color:var(--olive);letter-spacing:.055em;margin:0}.compact-order-hero .pickup-note{margin:0;flex:none}.menu-heading-block{margin-bottom:.25rem}.menu-heading-block .preview-text{margin-bottom:1rem}.shop-layout{grid-template-columns:minmax(0,1fr)}.cart-preview{display:none!important}.floating-cart-button{position:fixed;right:24px;bottom:24px;z-index:1800;width:72px;height:72px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:var(--beige);box-shadow:0 18px 44px rgba(57,54,29,.28),0 0 0 7px rgba(233,226,210,.72);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.floating-cart-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 22px 54px rgba(57,54,29,.34),0 0 0 8px rgba(233,226,210,.8)}.floating-cart-button .cart-icon{font-size:1.65rem;line-height:1}.floating-cart-button b{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:var(--olive);color:var(--beige);font-size:.8rem;font-weight:900;border:2px solid var(--beige)}.cart{display:block;position:fixed;z-index:2500;top:0;right:0;bottom:0;width:min(440px,calc(100vw - 28px));max-height:none;overflow:auto;background:var(--site-bg);border-radius:28px 0 0 28px;padding:24px 24px calc(24px + env(safe-area-inset-bottom));transform:translateX(105%);transition:.32s cubic-bezier(.22,.8,.28,1);box-shadow:-24px 0 70px rgba(57,54,29,.18)}.cart.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}.sheet-handle{display:none}.footer-main-logo{max-width:420px;width:min(82vw,420px)}
@media(max-width:768px){.compact-order-hero{padding:1.2rem 0 .35rem}.order-start{display:block;text-align:center}.order-start-copy{text-align:center}.order-start .page-kicker{text-align:center}.order-start h1{font-size:2.55rem}.compact-order-hero .pickup-note{margin:.9rem auto 0}.floating-cart-button{right:16px;bottom:16px;width:64px;height:64px}.cart{top:auto;left:0;right:0;bottom:0;width:auto;max-height:92vh;border-radius:28px 28px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(105%);box-shadow:0 -18px 60px rgba(57,54,29,.18)}.cart.open{transform:translateY(0)}.sheet-handle{display:block}.footer-main-logo{width:min(78vw,330px)}}
@media(max-width:480px){.order-start h1{font-size:2.15rem}.menu-heading-block .preview-text{font-size:.88rem}.floating-cart-button{width:60px;height:60px}.floating-cart-button .cart-icon{font-size:1.45rem}.footer-main-logo{width:min(82vw,280px)}}

/* Iconen + moderne winkelwagen */
.floating-cart-button{background:var(--beige);border:2px solid rgba(101,100,52,.22);box-shadow:0 18px 44px rgba(57,54,29,.26),0 0 0 7px rgba(169,99,59,.12)}.floating-cart-button .cart-icon{width:31px;height:31px;object-fit:contain;display:block;filter:none}.floating-cart-button:hover{background:#fff7eb}.floating-cart-button b{background:var(--terracotta);color:var(--beige)}.footer-main-logo{max-width:220px!important;width:min(62vw,220px)!important}.social-link .social-icon{display:block;width:28px;height:28px;object-fit:contain;border:0!important;border-radius:0!important;color:initial;background:transparent!important;filter:none;transition:transform .25s ease}.social-link:hover .social-icon{transform:scale(1.08)}.cart{background:linear-gradient(180deg,#f2ecdd 0%,var(--site-bg) 42%,#ded6c2 100%);border-left:1px solid rgba(101,100,52,.2)}.cart-head{position:sticky;top:0;z-index:2;margin:-24px -24px 18px;padding:24px;background:rgba(242,236,221,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(101,100,52,.18)}.cart-head p{font-weight:900;font-size:.68rem;letter-spacing:.16em;color:var(--terracotta);margin-bottom:.2rem}.cart-head h2{font-size:2.65rem}.cart .close{background:var(--olive);color:var(--beige);border:0;box-shadow:0 10px 25px rgba(57,54,29,.18)}#mobileCartItems{display:grid;gap:.75rem}.cart-row{grid-template-columns:64px 1fr auto;gap:.85rem;padding:.8rem;background:rgba(255,255,255,.35);border:1px solid rgba(101,100,52,.14);border-radius:18px;box-shadow:0 10px 24px rgba(57,54,29,.06)}.cart-row img{width:64px;height:70px;border-radius:14px}.cart-row h4{font-size:1.55rem}.cart-row>b{font-size:.95rem;color:var(--terracotta)}.quantity button{background:rgba(101,100,52,.1);border:0;font-weight:900}.cart-summary-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.1rem 0;padding:1rem 1.05rem;border-radius:20px;background:var(--olive);color:var(--beige);box-shadow:0 16px 34px rgba(57,54,29,.16)}.cart-summary-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.cart-summary-card strong{font-size:1.45rem}.modern-order-form{display:grid;gap:.9rem}.checkout-section{padding:1rem;border:1px solid rgba(101,100,52,.16);border-radius:22px;background:rgba(255,255,255,.28);box-shadow:0 10px 26px rgba(57,54,29,.045)}.checkout-kicker{margin:0 0 .75rem;color:var(--terracotta);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.pickup-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pickup-fields label,.modern-order-form label{display:block}.pickup-fields label span{display:block;margin-bottom:.45rem;color:var(--olive);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.date-field,.time-field{position:relative;padding:.85rem;border-radius:18px;background:rgba(233,226,210,.74);border:1px solid rgba(101,100,52,.22)}.date-field:before,.time-field:before{content:'📅';position:absolute;right:.9rem;top:.82rem;font-size:1.15rem;opacity:.72}.time-field:before{content:'⏱️'}input[type=date],select#pickupTime{appearance:none;-webkit-appearance:none;width:100%;margin:0;border:0;background:transparent;color:var(--olive);border-radius:0;padding:.15rem 2.1rem .1rem 0;font-size:1.05rem;font-weight:800;box-shadow:none}select#pickupTime{cursor:pointer}.modern-order-form input:not([type=checkbox]),.modern-order-form textarea{background:rgba(233,226,210,.72);border:1px solid rgba(101,100,52,.22);border-radius:16px;padding:.9rem;font-weight:650}.modern-order-form textarea{min-height:82px}.note-field{text-transform:none;letter-spacing:0;font-size:.78rem}.consent{padding:.85rem;border-radius:16px;background:rgba(101,100,52,.08);font-size:.78rem}.consent span{display:block}.modern-pay{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:18px;padding:1rem 1.1rem;font-size:1rem;box-shadow:0 16px 32px rgba(169,99,59,.18)}.modern-pay span{font-size:1.1rem}.legal-checkout{margin:.2rem .2rem 0}.empty{background:rgba(255,255,255,.22);border:1px dashed rgba(101,100,52,.22);border-radius:18px}
@media(max-width:768px){.footer-main-logo{width:min(54vw,180px)!important}.cart-head{margin:-10px -20px 16px;padding:18px 20px}.cart-head h2{font-size:2.25rem}.pickup-fields{grid-template-columns:1fr}.checkout-section{padding:.85rem;border-radius:19px}.cart-row{grid-template-columns:58px 1fr;position:relative;padding-right:4.6rem}.cart-row img{width:58px;height:64px}.cart-row>b{position:absolute;right:.8rem;top:1rem}.modern-pay{position:sticky;bottom:0;z-index:1}.floating-cart-button .cart-icon{width:28px;height:28px}.social-link .social-icon{width:26px;height:26px}}
@media(max-width:480px){.footer-main-logo{width:min(48vw,155px)!important}.cart-summary-card{padding:.9rem}.cart-summary-card strong{font-size:1.25rem}.modern-order-form input:not([type=checkbox]),.modern-order-form textarea,input[type=date],select#pickupTime{font-size:.95rem}.floating-cart-button .cart-icon{width:26px;height:26px}}

/* Checkout betaalmethodes */
.payment-methods{display:grid;gap:.7rem}.payment-option{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:.9rem;border:1px solid rgba(101,100,52,.18);border-radius:18px;background:rgba(233,226,210,.52);text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.payment-option:hover{border-color:rgba(169,99,59,.42);box-shadow:0 10px 24px rgba(57,54,29,.06)}.payment-option input{width:20px;height:20px;margin:0;accent-color:var(--terracotta)}.payment-option span{display:grid;gap:.22rem}.payment-option b{font-size:.96rem;color:var(--olive)}.payment-option small{font-size:.74rem;line-height:1.35;color:rgba(101,100,52,.72);text-transform:none;letter-spacing:0}.payment-option:has(input:checked){background:rgba(169,99,59,.12);border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(169,99,59,.08)}
@media(max-width:480px){.payment-option{padding:.8rem;border-radius:16px}.payment-option b{font-size:.9rem}.payment-option small{font-size:.7rem}}

/* Tijdelijke beta-wachtwoordlaag voor bestel.figlio.be */
.beta-locked body{overflow:hidden}.beta-lock{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(57,54,29,.72);backdrop-filter:blur(16px);transition:opacity .25s ease,visibility .25s ease}.beta-lock.unlocked{opacity:0;visibility:hidden;pointer-events:none}.beta-lock-card{width:min(430px,100%);padding:34px 30px 30px;border:1px solid rgba(233,226,210,.42);border-radius:30px;background:linear-gradient(180deg,#f2ecdd 0%,var(--beige) 100%);box-shadow:0 34px 90px rgba(31,29,13,.34);text-align:center;color:var(--olive)}.beta-lock-card img{width:88px;height:88px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:3px solid rgba(101,100,52,.22)}.beta-lock-card p{margin:0 0 8px;color:var(--terracotta);font-weight:900;font-size:.72rem;letter-spacing:.17em;text-transform:uppercase}.beta-lock-card h1{margin:0 0 22px;font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:2.35rem;line-height:.95;letter-spacing:.045em}.beta-lock-card label{display:block;text-align:left;color:var(--olive);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.beta-lock-card input{margin-top:8px;text-align:center;font-size:1.4rem;font-weight:900;letter-spacing:.12em;background:rgba(255,255,255,.45)}.beta-lock-card button{width:100%;margin-top:16px;border:0;border-radius:16px;padding:1rem;background:var(--terracotta);color:var(--beige);font-weight:900;cursor:pointer;box-shadow:0 16px 32px rgba(169,99,59,.2)}.beta-lock-card small{display:block;min-height:20px;margin-top:12px;color:#9f2f22;font-weight:800}
@media(max-width:480px){.beta-lock{padding:16px}.beta-lock-card{padding:28px 22px 24px;border-radius:24px}.beta-lock-card h1{font-size:2rem}}

/* Bestelapp flow verbeteringen v9 */
.compact-order-hero{
  padding:2.5rem 0 1.15rem;
}
.order-start{
  min-height:96px;
}
.order-start-copy .page-kicker{
  font-size:clamp(1.35rem,3vw,2.6rem);
  letter-spacing:.2em;
  line-height:1;
  margin:0;
  color:var(--olive);
  text-shadow:0 8px 24px rgba(57,54,29,.08);
}
.pickup-note{
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.pickup-note.unavailable{
  border-color:rgba(169,99,59,.42);
  background:rgba(169,99,59,.12);
  box-shadow:0 10px 30px rgba(169,99,59,.10);
}
.pickup-note.unavailable>span{
  background:var(--terracotta);
  box-shadow:0 0 0 6px rgba(169,99,59,.13);
}
.pickup-note.unavailable b{
  color:var(--terracotta);
}
.product-list{
  gap:1.15rem;
}
.product{
  grid-template-columns:1fr 142px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(233,226,210,.48));
  border-color:rgba(101,100,52,.18);
  box-shadow:0 14px 36px rgba(57,54,29,.075);
}
.product:hover{
  border-color:rgba(169,99,59,.36);
}
.product h3{
  font-size:2.15rem;
}
.product p{
  font-size:.86rem;
}
.product-image{
  width:142px;
  height:160px;
  box-shadow:0 12px 26px rgba(57,54,29,.10);
}
.product-bottom{
  width:100%;
  justify-content:space-between;
  gap:1rem;
}
.price{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 .82rem;
  border-radius:999px;
  background:rgba(101,100,52,.10);
  color:var(--olive);
}
.add{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  background:var(--beige);
  border:1px solid rgba(101,100,52,.25);
  box-shadow:0 10px 22px rgba(57,54,29,.12);
}
.add img{
  width:25px;
  height:25px;
  object-fit:contain;
}
.add:hover{
  background:#fff7eb;
  transform:translateY(-1px) scale(1.03);
}
.checkout-title-card{
  display:grid;
  gap:.25rem;
  padding:1rem 1.05rem;
  border:1px solid rgba(101,100,52,.16);
  border-radius:20px;
  background:rgba(255,255,255,.32);
  box-shadow:0 10px 24px rgba(57,54,29,.05);
}
.checkout-title-card span{
  color:var(--terracotta);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.16em;
}
.checkout-title-card b{
  color:var(--olive);
  font-size:1.05rem;
}
.checkout-title-card small,.slot-reserve-note{
  color:rgba(101,100,52,.72);
  font-size:.78rem;
  line-height:1.45;
}
.slot-reserve-note{
  margin:.78rem .1rem 0;
}
select#pickupTime:disabled{
  opacity:1;
  color:var(--terracotta);
}
@media(max-width:768px){
  .order-start{
    min-height:auto;
  }
  .order-start-copy .page-kicker{
    font-size:clamp(1.4rem,7vw,2.15rem);
  }
  .product{
    grid-template-columns:1fr 118px;
  }
  .product-image{
    width:118px;
    height:140px;
  }
}
@media(max-width:480px){
  .product{
    grid-template-columns:1fr 98px;
    border-radius:22px;
  }
  .product h3{
    font-size:1.75rem;
  }
  .product-image{
    width:98px;
    height:118px;
  }
  .add{
    width:42px;
    height:42px;
  }
}

/* Bestelplatform menu polish v10 — navbar/footer blijven ongemoeid */
.compact-order-hero{
  padding:clamp(2.4rem,5vw,4.8rem) 0 1.6rem!important;
}
.order-start{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(1rem,3vw,2.8rem)!important;
  max-width:1180px!important;
}
.order-start-copy{
  grid-column:1 / 2!important;
}
.order-start-copy .page-kicker{
  font-size:clamp(2.3rem,4.4vw,4.8rem)!important;
  letter-spacing:.22em!important;
  color:var(--olive)!important;
}
.compact-order-hero .pickup-note{
  grid-column:2 / 3!important;
  justify-self:center!important;
  margin:0!important;
  min-width:260px!important;
  justify-content:center!important;
  padding:1.05rem 1.35rem!important;
  border:2px solid rgba(169,99,59,.32)!important;
  border-radius:28px!important;
  background:rgba(233,226,210,.62)!important;
  box-shadow:0 16px 36px rgba(169,99,59,.10)!important;
}
.pickup-note small{
  color:var(--terracotta)!important;
}
.pickup-note b{
  color:var(--olive)!important;
  font-weight:900!important;
  font-size:1.2rem!important;
}
.pickup-note #pickupHelp{
  display:block!important;
  margin:0!important;
  color:rgba(101,100,52,.75)!important;
  font-family:inherit!important;
  font-size:clamp(.66rem,.82vw,.76rem)!important;
  font-style:normal!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.3!important;
  text-transform:none!important;
}
.pickup-note.available>span{animation:figlioPickupPulse 1.85s ease-in-out infinite!important}
.pickup-note.future>span,.pickup-note.unavailable>span{animation:none!important}
.pickup-note.unavailable #pickupHelp{color:rgba(169,99,59,.82)!important}
.takeaway-section{
  max-width:1320px!important;
  padding-top:1.4rem!important;
}
.categories{
  position:relative!important;
  top:auto!important;
  z-index:2!important;
  justify-content:center!important;
  gap:.85rem!important;
  padding:1rem .7rem 1.35rem!important;
  margin:0 auto 1.65rem!important;
  background:transparent!important;
  backdrop-filter:none!important;
  overflow-x:auto!important;
}
.category{
  position:relative!important;
  min-height:54px!important;
  padding:.85rem 1.35rem!important;
  border:2px solid rgba(169,99,59,.38)!important;
  background:rgba(233,226,210,.72)!important;
  color:var(--olive)!important;
  border-radius:999px!important;
  font-size:1rem!important;
  font-weight:900!important;
  box-shadow:0 9px 22px rgba(57,54,29,.06)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.category:hover{
  transform:translateY(-2px)!important;
  border-color:var(--terracotta)!important;
  background:#f1ead9!important;
  box-shadow:0 14px 28px rgba(169,99,59,.13)!important;
}
.category.active{
  background:linear-gradient(135deg,var(--terracotta),#8d4d2d)!important;
  border-color:var(--terracotta)!important;
  color:var(--beige)!important;
  box-shadow:0 14px 30px rgba(169,99,59,.22)!important;
}
.product-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1.35rem!important;
}
.product{
  min-height:230px!important;
  padding:1.35rem!important;
  grid-template-columns:minmax(0,1fr) 165px!important;
  border:2px solid rgba(169,99,59,.22)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,252,244,.74),rgba(233,226,210,.82))!important;
  box-shadow:0 18px 42px rgba(57,54,29,.08)!important;
}
.product:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(169,99,59,.55)!important;
  box-shadow:0 24px 58px rgba(169,99,59,.16)!important;
}
.product h3{
  color:var(--olive)!important;
  font-size:clamp(2.2rem,3vw,3.65rem)!important;
  letter-spacing:.045em!important;
}
.product p{
  color:rgba(101,100,52,.86)!important;
  font-size:clamp(.92rem,1.15vw,1.08rem)!important;
  line-height:1.55!important;
}
.allergens{
  color:rgba(101,100,52,.70)!important;
  font-size:.82rem!important;
  font-weight:700!important;
}
.tag{
  background:var(--terracotta)!important;
  color:var(--beige)!important;
  font-size:.72rem!important;
  padding:.45rem .78rem!important;
  box-shadow:0 10px 18px rgba(169,99,59,.16)!important;
}
.price{
  color:var(--terracotta)!important;
  background:rgba(169,99,59,.11)!important;
  border:1px solid rgba(169,99,59,.18)!important;
  font-size:1.08rem!important;
  font-weight:950!important;
}
.add{
  width:50px!important;
  height:50px!important;
  border:2px solid var(--terracotta)!important;
  background:rgba(233,226,210,.82)!important;
  box-shadow:0 12px 25px rgba(169,99,59,.14)!important;
}
.add:hover{
  background:var(--terracotta)!important;
}
.add img{
  width:28px!important;
  height:28px!important;
}
.add:hover img{
  filter:brightness(0) invert(1)!important;
}
.product-image{
  width:165px!important;
  height:180px!important;
  border-radius:22px!important;
  border:1px solid rgba(169,99,59,.18)!important;
  box-shadow:0 18px 32px rgba(57,54,29,.13)!important;
}
.floating-cart-button{
  border-color:var(--terracotta)!important;
  box-shadow:0 18px 44px rgba(57,54,29,.26),0 0 0 7px rgba(169,99,59,.18)!important;
}
.floating-cart-button:hover{
  border-color:#8d4d2d!important;
}
@media(max-width:1100px){
  .order-start{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .order-start-copy,.compact-order-hero .pickup-note{
    grid-column:1!important;
    justify-self:center!important;
  }
  .order-start-copy .page-kicker{
    text-align:center!important;
  }
  .product-list{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:768px){
  .compact-order-hero{
    padding:1.5rem 0 .6rem!important;
  }
  .order-start-copy .page-kicker{
    font-size:clamp(1.55rem,8vw,2.5rem)!important;
    letter-spacing:.16em!important;
  }
  .categories{
    justify-content:flex-start!important;
    padding:.8rem .15rem 1rem!important;
    margin-bottom:1rem!important;
  }
  .category{
    min-height:48px!important;
    padding:.72rem 1.05rem!important;
    font-size:.92rem!important;
  }
  .product{
    grid-template-columns:minmax(0,1fr) 120px!important;
    min-height:174px!important;
    padding:1rem!important;
    border-radius:24px!important;
  }
  .product h3{
    font-size:2.1rem!important;
  }
  .product-image{
    width:120px!important;
    height:138px!important;
  }
  .add{
    width:44px!important;
    height:44px!important;
  }
}
@media(max-width:480px){
  .compact-order-hero .pickup-note{
    width:100%!important;
    min-width:0!important;
  }
  .product{
    grid-template-columns:minmax(0,1fr) 96px!important;
  }
  .product-image{
    width:96px!important;
    height:116px!important;
  }
  .price{
    font-size:.98rem!important;
  }
}

/* Bestelplatform responsive glass polish v11 — alleen bestelcontent, nav/footer ongemoeid */
.compact-order-hero{
  padding:clamp(2rem,4vw,3.4rem) 0 1rem!important;
}
.order-start{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:center!important;
  align-items:center!important;
  gap:clamp(.9rem,2vw,1.25rem)!important;
  max-width:1180px!important;
  text-align:center!important;
}
.order-start-copy{
  grid-column:1!important;
  width:100%!important;
}
.order-start-copy .page-kicker{
  max-width:min(940px,100%)!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:clamp(2.35rem,5.4vw,4.35rem)!important;
  line-height:.96!important;
  letter-spacing:.18em!important;
  color:var(--olive)!important;
  text-wrap:balance!important;
}
.compact-order-hero .pickup-note{
  grid-column:1!important;
  justify-self:center!important;
  width:auto!important;
  min-width:min(340px,100%)!important;
  margin:0 auto!important;
  padding:.9rem 1.25rem!important;
  border:1px solid rgba(169,99,59,.24)!important;
  border-radius:26px!important;
  background:rgba(233,226,210,.48)!important;
  box-shadow:0 14px 34px rgba(57,54,29,.07)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.takeaway-section{
  max-width:min(1320px,calc(100vw - 48px))!important;
  padding-top:.65rem!important;
}
.categories{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.7rem!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 1.7rem!important;
  padding:.55rem!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:999px!important;
  background:rgba(255,252,244,.28)!important;
  box-shadow:0 12px 34px rgba(57,54,29,.045)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  overflow:visible!important;
}
.category{
  min-height:46px!important;
  padding:.68rem 1.15rem!important;
  border:1px solid rgba(169,99,59,.28)!important;
  border-radius:999px!important;
  background:rgba(233,226,210,.50)!important;
  color:var(--olive)!important;
  box-shadow:none!important;
  font-size:clamp(.86rem,1vw,.98rem)!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.category:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,252,244,.55)!important;
  border-color:rgba(169,99,59,.52)!important;
  box-shadow:0 8px 18px rgba(57,54,29,.055)!important;
}
.category.active{
  background:linear-gradient(135deg,#b6673b,var(--terracotta))!important;
  border-color:rgba(169,99,59,.70)!important;
  color:var(--beige)!important;
  box-shadow:inset 0 -2px 0 rgba(57,54,29,.12)!important;
}
.product-list{
  grid-template-columns:repeat(2,minmax(430px,1fr))!important;
  gap:1.25rem!important;
  align-items:stretch!important;
}
.menu-section-label{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  margin:1.35rem .1rem .1rem!important;
  padding:.8rem 1.05rem!important;
  border:1px solid rgba(169,99,59,.20)!important;
  border-left:5px solid var(--terracotta)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,252,244,.44),rgba(233,226,210,.34))!important;
  box-shadow:0 14px 34px rgba(57,54,29,.05)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.menu-section-label:first-child{
  margin-top:.1rem!important;
}
.menu-section-label span{
  color:var(--olive)!important;
  font-size:clamp(1.35rem,2.1vw,2rem)!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
}
.menu-section-label b{
  color:var(--terracotta)!important;
  font-size:.85rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.product{
  position:relative!important;
  overflow:hidden!important;
  min-height:216px!important;
  padding:1.3rem!important;
  grid-template-columns:minmax(0,1fr) minmax(132px,168px)!important;
  border:1px solid rgba(169,99,59,.18)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,252,244,.50),rgba(233,226,210,.30))!important;
  box-shadow:0 20px 44px rgba(57,54,29,.075),inset 0 1px 0 rgba(255,255,255,.58)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
.product::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,255,255,0) 45%)!important;
}
.product:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(169,99,59,.36)!important;
  box-shadow:0 26px 58px rgba(169,99,59,.12),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.product-copy,.product-image{
  position:relative!important;
  z-index:1!important;
}
.product h3{
  font-size:clamp(2rem,2.85vw,3.2rem)!important;
  line-height:.95!important;
  letter-spacing:.035em!important;
}
.product p{
  max-width:44rem!important;
  font-size:clamp(.94rem,1.08vw,1.04rem)!important;
  line-height:1.48!important;
}
.product-image{
  width:100%!important;
  max-width:168px!important;
  height:168px!important;
  align-self:center!important;
  justify-self:end!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:0 16px 30px rgba(57,54,29,.14)!important;
}
.product-bottom{
  margin-top:auto!important;
}
.price{
  color:var(--terracotta)!important;
  background:rgba(169,99,59,.10)!important;
  border:1px solid rgba(169,99,59,.18)!important;
}
.add{
  border-color:var(--terracotta)!important;
  background:rgba(255,252,244,.44)!important;
  box-shadow:0 10px 22px rgba(169,99,59,.10)!important;
}
.add:hover{
  background:var(--terracotta)!important;
}
.add:hover img{
  filter:brightness(0) invert(1)!important;
}
@media(min-width:1500px){
  .takeaway-section{
    max-width:1380px!important;
  }
  .product-list{
    grid-template-columns:repeat(2,minmax(520px,1fr))!important;
  }
}
@media(max-width:1180px){
  .takeaway-section{
    max-width:min(960px,calc(100vw - 42px))!important;
  }
  .product-list{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:820px){
  .compact-order-hero{
    padding:1.4rem 0 .75rem!important;
  }
  .order-start-copy .page-kicker{
    font-size:clamp(1.85rem,9vw,3rem)!important;
    letter-spacing:.14em!important;
  }
  .takeaway-section{
    max-width:calc(100vw - 28px)!important;
  }
  .categories{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    padding:.45rem!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
  }
  .categories::-webkit-scrollbar{
    display:none!important;
  }
  .category{
    scroll-snap-align:start!important;
    min-height:44px!important;
    padding:.62rem 1rem!important;
  }
  .product{
    grid-template-columns:minmax(0,1fr) 122px!important;
    min-height:176px!important;
    padding:1rem!important;
    border-radius:24px!important;
  }
  .product h3{
    font-size:clamp(1.85rem,7vw,2.45rem)!important;
  }
  .product-image{
    max-width:122px!important;
    height:136px!important;
    border-radius:18px!important;
  }
}
@media(max-width:520px){
  .order-start-copy .page-kicker{
    font-size:clamp(1.65rem,10vw,2.45rem)!important;
    letter-spacing:.11em!important;
  }
  .compact-order-hero .pickup-note{
    width:100%!important;
    justify-content:center!important;
    padding:.78rem .9rem!important;
  }
  .menu-section-label{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:.2rem!important;
    padding:.75rem .9rem!important;
    border-radius:18px!important;
  }
  .menu-section-label span{
    font-size:1.3rem!important;
  }
  .product{
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:.75rem!important;
  }
  .product h3{
    font-size:1.85rem!important;
  }
  .product p{
    font-size:.88rem!important;
  }
  .product-image{
    max-width:92px!important;
    height:108px!important;
  }
  .add{
    width:42px!important;
    height:42px!important;
  }
}

/* Pickup status polish v12 */
.pickup-note{
  position:relative!important;
}
.pickup-note>span{
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  background:var(--terracotta)!important;
  box-shadow:0 0 0 8px rgba(169,99,59,.11)!important;
}
.pickup-note:not(.unavailable)>span{
  animation:figlioPickupPulse 1.85s ease-in-out infinite!important;
}
.pickup-note.unavailable{
  border-color:rgba(169,99,59,.30)!important;
  background:rgba(233,226,210,.50)!important;
  box-shadow:0 14px 34px rgba(57,54,29,.07)!important;
}
.pickup-note.unavailable>span{
  animation:none!important;
  background:var(--terracotta)!important;
  box-shadow:0 0 0 8px rgba(169,99,59,.12)!important;
}
.pickup-note.unavailable b{
  color:var(--terracotta)!important;
}
@keyframes figlioPickupPulse{
  0%{box-shadow:0 0 0 6px rgba(169,99,59,.12),0 0 0 0 rgba(169,99,59,.34);transform:scale(1)}
  55%{box-shadow:0 0 0 8px rgba(169,99,59,.10),0 0 0 13px rgba(169,99,59,0);transform:scale(1.08)}
  100%{box-shadow:0 0 0 6px rgba(169,99,59,.12),0 0 0 0 rgba(169,99,59,0);transform:scale(1)}
}

/* Pickup alignment polish v13 */
.compact-order-hero .pickup-note,
.pickup-note{
  grid-template-columns:auto auto!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(.75rem,1.7vw,1.05rem)!important;
  width:fit-content!important;
  max-width:min(760px,100%)!important;
  min-width:0!important;
  padding:.92rem clamp(1.15rem,3vw,1.85rem)!important;
}
.pickup-note>div{
  min-width:0!important;
  text-align:left!important;
}
.pickup-note small{
  line-height:1.1!important;
}
.pickup-note b{
  display:block!important;
  line-height:1.12!important;
}
.pickup-note:not(.unavailable) b{
  white-space:nowrap!important;
}
.pickup-note.unavailable{
  width:fit-content!important;
}
.pickup-note.unavailable b{
  color:var(--terracotta)!important;
  white-space:normal!important;
}
.pickup-note>span{
  flex:0 0 auto!important;
}
@media(min-width:821px){
  .compact-order-hero .pickup-note{
    min-width:clamp(320px,32vw,460px)!important;
  }
}
@media(max-width:820px){
  .compact-order-hero .pickup-note{
    width:min(100%,640px)!important;
    max-width:100%!important;
    padding:.85rem 1rem!important;
  }
}
@media(max-width:520px){
  .compact-order-hero .pickup-note{
    width:100%!important;
    justify-content:center!important;
    gap:.72rem!important;
    padding:.82rem .92rem!important;
  }
  .pickup-note>span{
    width:17px!important;
    height:17px!important;
    box-shadow:0 0 0 7px rgba(169,99,59,.11)!important;
  }
  .pickup-note small{
    font-size:.64rem!important;
    letter-spacing:.12em!important;
  }
  .pickup-note b{
    font-size:clamp(1.35rem,6.3vw,1.78rem)!important;
  }
  .pickup-note #pickupHelp{font-size:.67rem!important}
  .pickup-note.unavailable b{
    font-size:clamp(1.28rem,5.9vw,1.72rem)!important;
  }
}

/* Winkelmand & checkout redesign v14 */
.cart{
  width:min(560px,calc(100vw - 24px))!important;
  background:linear-gradient(180deg,rgba(242,236,221,.96) 0%,rgba(229,224,210,.98) 46%,rgba(222,214,194,.98) 100%)!important;
  border-left:1px solid rgba(169,99,59,.18)!important;
  box-shadow:-28px 0 80px rgba(57,54,29,.22)!important;
}
.cart-head{
  border-bottom:1px solid rgba(169,99,59,.16)!important;
}
#mobileCartItems{
  display:grid!important;
  gap:.72rem!important;
}
.cart-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr) auto!important;
  gap:.85rem!important;
  align-items:start!important;
  padding:.82rem!important;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,252,244,.50),rgba(233,226,210,.32))!important;
  box-shadow:0 12px 28px rgba(57,54,29,.06),inset 0 1px 0 rgba(255,255,255,.56)!important;
}
.cart-row img{
  align-self:start!important;
  width:70px!important;
  height:76px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.46)!important;
}
.cart-row h4{
  font-size:1.45rem!important;
  line-height:.95!important;
}
.cart-line-description{
  display:-webkit-box;
  max-width:300px;
  margin:.26rem 0 0;
  overflow:hidden;
  color:rgba(101,100,52,.74);
  font-size:.71rem;
  font-weight:600;
  line-height:1.38;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.cart-row>b{
  color:var(--terracotta)!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.quantity{
  gap:.45rem!important;
}
.quantity button{
  width:30px!important;
  height:30px!important;
  border:0!important;
  background:rgba(101,100,52,.12)!important;
  color:var(--olive)!important;
  font-weight:950!important;
}
.quantity span{
  min-width:22px!important;
  text-align:center!important;
  font-weight:900!important;
}
.checkout-title-card{
  margin-top:1rem!important;
  padding:1rem 1.05rem!important;
  border:1px solid rgba(169,99,59,.16)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,252,244,.45),rgba(233,226,210,.30))!important;
  box-shadow:0 14px 30px rgba(57,54,29,.055)!important;
}
.checkout-title-card span{
  color:var(--terracotta)!important;
  font-size:.68rem!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
}
.checkout-title-card b{
  display:block!important;
  margin:.22rem 0!important;
  color:var(--olive)!important;
  font-size:1.04rem!important;
}
.checkout-title-card small{
  display:block!important;
  color:rgba(101,100,52,.72)!important;
  line-height:1.45!important;
}
.cart-summary-card{
  border-radius:22px!important;
  background:linear-gradient(135deg,var(--olive),#505026)!important;
}
.modern-order-form{
  display:grid!important;
  gap:.85rem!important;
}
.checkout-section{
  padding:1rem!important;
  border:1px solid rgba(255,255,255,.50)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,252,244,.48),rgba(233,226,210,.28))!important;
  box-shadow:0 14px 32px rgba(57,54,29,.055),inset 0 1px 0 rgba(255,255,255,.58)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.checkout-kicker{
  margin-bottom:.85rem!important;
  color:var(--terracotta)!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
}
.form-grid{
  gap:.8rem!important;
}
.modern-order-form label{
  color:rgba(101,100,52,.78)!important;
  font-size:.68rem!important;
}
.modern-order-form input:not([type=checkbox]),
.modern-order-form textarea{
  margin-top:.45rem!important;
  border:1px solid rgba(101,100,52,.18)!important;
  border-radius:18px!important;
  background:rgba(255,252,244,.38)!important;
  color:var(--olive)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.pickup-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:.85rem!important;
  align-items:start!important;
}
.date-field,
.time-field{
  position:relative!important;
  padding:1rem!important;
  border:1px solid rgba(169,99,59,.18)!important;
  border-radius:22px!important;
  background:rgba(233,226,210,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}
.date-field>span,
.time-field>span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.6rem!important;
  margin-bottom:.65rem!important;
  color:var(--olive)!important;
  font-size:.78rem!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.date-field:before,
.time-field:before{
  top:1rem!important;
  right:1rem!important;
  opacity:.62!important;
}
.date-field input[type=date]{
  width:100%!important;
  min-height:54px!important;
  padding:.85rem 1rem!important;
  border:1px solid rgba(101,100,52,.18)!important;
  border-radius:18px!important;
  background:rgba(255,252,244,.44)!important;
  color:var(--olive)!important;
  font-size:1.25rem!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
.native-slot-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
}
.slot-picker{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(84px,1fr))!important;
  gap:.55rem!important;
  max-height:276px!important;
  overflow:auto!important;
  padding-right:.15rem!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(169,99,59,.45) rgba(255,252,244,.28)!important;
}
.slot-picker::-webkit-scrollbar{width:7px!important}
.slot-picker::-webkit-scrollbar-track{background:rgba(255,252,244,.28)!important;border-radius:99px!important}
.slot-picker::-webkit-scrollbar-thumb{background:rgba(169,99,59,.45)!important;border-radius:99px!important}
.slot-picker>small{
  grid-column:1 / -1!important;
  padding:.9rem!important;
  border-radius:16px!important;
  background:rgba(169,99,59,.10)!important;
  color:var(--terracotta)!important;
  font-weight:850!important;
  text-align:center!important;
}
.slot-chip{
  min-height:52px!important;
  border:1px solid rgba(101,100,52,.18)!important;
  border-radius:17px!important;
  background:rgba(255,252,244,.42)!important;
  color:var(--olive)!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
  gap:.08rem!important;
  box-shadow:0 8px 18px rgba(57,54,29,.045)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.slot-chip b{
  font-size:1.08rem!important;
  font-weight:950!important;
}
.slot-chip small{
  color:var(--terracotta)!important;
  font-size:.62rem!important;
  font-weight:850!important;
}
.slot-chip:hover:not(:disabled){
  transform:translateY(-1px)!important;
  border-color:rgba(169,99,59,.45)!important;
  box-shadow:0 12px 24px rgba(169,99,59,.09)!important;
}
.slot-chip.selected{
  background:linear-gradient(135deg,var(--terracotta),#8d4d2d)!important;
  border-color:var(--terracotta)!important;
  color:var(--beige)!important;
  box-shadow:0 14px 28px rgba(169,99,59,.18)!important;
}
.slot-chip.selected small{
  color:rgba(233,226,210,.86)!important;
}
.slot-chip.disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}
.slot-reserve-note{
  margin:.8rem .1rem 0!important;
  padding:.75rem .85rem!important;
  border-radius:16px!important;
  background:rgba(101,100,52,.08)!important;
  color:rgba(101,100,52,.78)!important;
  font-size:.86rem!important;
  line-height:1.45!important;
}
.payment-methods{
  gap:.62rem!important;
}
.payment-option{
  grid-template-columns:22px minmax(0,1fr)!important;
  padding:.85rem!important;
  border-radius:18px!important;
  background:rgba(255,252,244,.38)!important;
}
.payment-option small{
  color:rgba(101,100,52,.60)!important;
}
.note-field textarea{
  min-height:92px!important;
}
.modern-pay{
  border-radius:20px!important;
  min-height:58px!important;
  padding:1rem 1.15rem!important;
  font-size:1.02rem!important;
}
@media(min-width:821px){
  .pickup-fields{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)!important;
  }
}
@media(max-width:768px){
  .cart{
    width:auto!important;
    max-height:94vh!important;
    border-left:0!important;
    border-radius:28px 28px 0 0!important;
    padding:10px 18px calc(22px + env(safe-area-inset-bottom))!important;
  }
  .cart-row{
    grid-template-columns:66px minmax(0,1fr)!important;
    padding-right:4.9rem!important;
  }
  .cart-row img{
    width:66px!important;
    height:72px!important;
  }
  .cart-line-description{max-width:250px}
  .cart-row>b{
    position:absolute!important;
    top:.95rem!important;
    right:.82rem!important;
  }
  .checkout-section{
    padding:.9rem!important;
    border-radius:21px!important;
  }
  .date-field input[type=date]{
    font-size:1.08rem!important;
  }
  .slot-picker{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-height:230px!important;
  }
  .slot-chip{
    min-height:48px!important;
  }
  .modern-pay{
    position:sticky!important;
    bottom:.25rem!important;
    z-index:3!important;
  }
}
@media(max-width:430px){
  .cart{
    padding-inline:14px!important;
  }
  .slot-picker{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:220px!important;
  }
  .checkout-title-card,
  .checkout-section,
  .cart-summary-card{
    border-radius:20px!important;
  }
  .payment-option b{
    font-size:.9rem!important;
  }
}

/* Winkelwagen UX fixes v16 */
.product::before{
  content:none!important;
  display:none!important;
}
.product{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.cart{
  padding-top:30px!important;
  scroll-behavior:smooth!important;
}
.cart-head{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  margin:0 0 1.15rem!important;
  padding:0 0 1.15rem!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.cart-head h2{
  font-size:clamp(2.45rem,5vw,3.35rem)!important;
  line-height:.92!important;
}
#mobileCartItems{
  margin-top:.25rem!important;
}
.native-date-input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
}
.date-field:before{
  display:none!important;
}
.date-picker{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;
  gap:.55rem!important;
}
.date-chip{
  min-height:52px!important;
  border:1px solid rgba(101,100,52,.18)!important;
  border-radius:18px!important;
  background:rgba(255,252,244,.42)!important;
  color:var(--olive)!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
  gap:.08rem!important;
  box-shadow:0 8px 18px rgba(57,54,29,.045)!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.date-chip b{
  font-size:.82rem!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.date-chip span{
  color:inherit!important;
  font-size:1.04rem!important;
  font-weight:950!important;
}
.date-chip:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(169,99,59,.45)!important;
}
.date-chip.selected{
  background:linear-gradient(135deg,var(--terracotta),#8d4d2d)!important;
  border-color:var(--terracotta)!important;
  color:var(--beige)!important;
  box-shadow:0 14px 28px rgba(169,99,59,.18)!important;
}
.modern-pay{
  justify-content:center!important;
  max-width:360px!important;
  margin:1rem auto 0!important;
  gap:.85rem!important;
  box-shadow:0 16px 34px rgba(169,99,59,.20)!important;
}
.modern-pay b{
  font-weight:950!important;
}
.modern-pay span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:.35rem .72rem!important;
  border-radius:999px!important;
  background:rgba(233,226,210,.18)!important;
  font-size:1rem!important;
}
.cart-summary-card{
  margin:1rem 0!important;
}
@media(min-width:821px){
  .cart{
    padding:34px 26px calc(26px + env(safe-area-inset-bottom))!important;
  }
  .pickup-fields{
    grid-template-columns:minmax(190px,.82fr) minmax(0,1.55fr)!important;
    gap:1rem!important;
  }
  .date-field,
  .time-field{
    padding:1.05rem!important;
  }
  .date-picker{
    grid-template-columns:1fr!important;
    max-height:306px!important;
    overflow:auto!important;
    padding-right:.2rem!important;
  }
  .date-chip{
    grid-template-columns:1fr!important;
    min-height:52px!important;
    height:52px!important;
    width:100%!important;
    place-items:center!important;
    padding:.45rem .85rem!important;
    text-align:center!important;
    min-width:0!important;
    border-radius:17px!important;
  }
  .date-chip b{
    text-align:center!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:inherit!important;
    font-size:.86rem!important;
    line-height:1!important;
  }
  .date-chip span{
    color:inherit!important;
    font-size:1rem!important;
    line-height:1!important;
    margin-top:.04rem!important;
  }
  .date-chip.selected span,
  .date-chip.selected b{
    color:var(--beige)!important;
  }
}
@media(max-width:768px){
  .cart{
    padding-top:18px!important;
  }
  .cart-head{
    margin-bottom:.9rem!important;
    padding-bottom:.95rem!important;
  }
  .date-picker{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .date-chip{
    min-height:52px!important;
  }
  .modern-pay{
    max-width:none!important;
    width:100%!important;
  }
}
@media(max-width:430px){
  .date-picker{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Desktop afhaalmoment alignment v20 */
@media(min-width:821px){
  .date-picker,
  .slot-picker{
    gap:.62rem!important;
  }
  .date-chip,
  .slot-chip{
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    padding:.48rem .75rem!important;
    border-radius:18px!important;
    align-content:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .date-chip b,
  .date-chip span,
  .slot-chip b,
  .slot-chip small{
    line-height:1.05!important;
    margin:0!important;
  }
  .date-chip b{
    font-size:.84rem!important;
  }
  .date-chip span,
  .slot-chip b{
    font-size:1.05rem!important;
  }
  .slot-chip small{
    font-size:.58rem!important;
  }
}

/* Desktop afhaalmoment frame alignment v21 */
@media(min-width:821px){
  .pickup-fields{
    align-items:stretch!important;
  }
  .date-field,
  .time-field{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .date-picker,
  .slot-picker{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:auto!important;
  }
}

/* Product image crop + terracotta basket v22 */
.product-image-frame{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:168px!important;
  height:auto!important;
  aspect-ratio:var(--img-aspect,1)!important;
  align-self:center!important;
  justify-self:end!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:0 16px 30px rgba(57,54,29,.14)!important;
}
.product-image-frame .product-image{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:cover!important;
  object-position:var(--img-x,50%) var(--img-y,50%)!important;
  transform:scale(var(--img-zoom,1))!important;
  transform-origin:var(--img-x,50%) var(--img-y,50%)!important;
  filter:brightness(var(--img-brightness,1)) contrast(var(--img-contrast,1)) saturate(var(--img-saturation,1)) sepia(var(--img-sepia,0))!important;
}
.add{
  background:rgba(169,99,59,.10)!important;
  border:1px solid rgba(169,99,59,.34)!important;
  box-shadow:0 12px 26px rgba(169,99,59,.15)!important;
}
.add img{
  width:31px!important;
  height:31px!important;
  object-fit:contain!important;
}
.add img{
  filter:brightness(0) saturate(100%) invert(40%) sepia(34%) saturate(1500%) hue-rotate(338deg) brightness(94%) contrast(94%)!important;
}
.add:hover img{
  filter:brightness(0) saturate(100%) invert(40%) sepia(34%) saturate(1500%) hue-rotate(338deg) brightness(94%) contrast(94%)!important;
}
.add:hover{
  background:rgba(169,99,59,.18)!important;
  border-color:rgba(169,99,59,.58)!important;
  transform:translateY(-2px) scale(1.03)!important;
}
@media(max-width:820px){
  .product-image-frame{
    max-width:122px!important;
    height:auto!important;
    border-radius:18px!important;
  }
}
@media(max-width:520px){
  .product-image-frame{
    max-width:92px!important;
    height:auto!important;
  }
}

/* Checkout cash button copy v27 */
.modern-pay.cash-pay{
  max-width:min(100%,520px)!important;
  width:100%!important;
  flex-wrap:wrap!important;
  text-align:center!important;
}
.modern-pay.cash-pay span{
  background:rgba(233,226,210,.18)!important;
  color:var(--beige)!important;
  white-space:normal!important;
  line-height:1.25!important;
  max-width:100%!important;
}
@media(max-width:620px){
  .modern-pay.cash-pay{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
    padding:.95rem!important;
  }
  .modern-pay.cash-pay span{
    width:100%!important;
    font-size:.88rem!important;
  }
}

.viva-brand-note{
  margin:.78rem .12rem 0!important;
  padding:.72rem .82rem!important;
  border-radius:16px!important;
  background:rgba(101,100,52,.08)!important;
  color:rgba(101,100,52,.78)!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.viva-brand-note b{
  color:var(--terracotta)!important;
  font-weight:950!important;
}
.modern-pay.bancontact-pay{
  background:linear-gradient(135deg,var(--terracotta),#8f4d2c)!important;
}

/* Bestelapp polish: terracotta winkelwagen, prijsbadge en rustige cart pulse v28 */
.product-bottom{
  align-items:center!important;
  gap:clamp(.75rem,1.4vw,1.05rem)!important;
}
.price{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:.2rem 1.05rem!important;
  border-radius:999px!important;
  border:1px solid rgba(169,99,59,.34)!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.64), rgba(233,226,210,.82))!important;
  color:var(--terracotta)!important;
  font-size:clamp(1rem,1.05vw,1.18rem)!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  box-shadow:
    0 12px 26px rgba(169,99,59,.12),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.add{
  background:rgba(255,255,255,.38)!important;
  border:1px solid rgba(169,99,59,.28)!important;
  box-shadow:
    0 12px 28px rgba(57,54,29,.10),
    inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.add img,
.add:hover img,
.add:focus-visible img{
  width:32px!important;
  height:32px!important;
  opacity:1!important;
  filter:brightness(0) saturate(100%) invert(43%) sepia(22%) saturate(1222%) hue-rotate(337deg) brightness(91%) contrast(88%)!important;
}
.add:hover,
.add:focus-visible{
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(169,99,59,.54)!important;
  box-shadow:
    0 16px 32px rgba(169,99,59,.18),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.floating-cart-button .cart-icon{
  filter:brightness(0) saturate(100%) invert(43%) sepia(22%) saturate(1222%) hue-rotate(337deg) brightness(91%) contrast(88%)!important;
}
.floating-cart-button{
  left:auto!important;
  right:24px!important;
  bottom:24px!important;
  animation:figlio-cart-calm-pulse 2.8s ease-in-out infinite!important;
  transform-origin:center!important;
}
.floating-cart-button:hover,
.floating-cart-button:focus-visible{
  animation-play-state:paused!important;
}
@keyframes figlio-cart-calm-pulse{
  0%,100%{
    transform:translateY(0) scale(1);
    box-shadow:
      0 18px 38px rgba(57,54,29,.24),
      0 0 0 0 rgba(169,99,59,0);
  }
  50%{
    transform:translateY(-3px) scale(1.075);
    box-shadow:
      0 26px 54px rgba(57,54,29,.34),
      0 0 0 16px rgba(169,99,59,.24),
      0 0 0 30px rgba(169,99,59,.10);
  }
}
@media(max-width:768px){
  .floating-cart-button{
    left:auto!important;
    right:16px!important;
    bottom:16px!important;
  }
  .price{
    min-height:42px!important;
    padding:.18rem .9rem!important;
  }
  .add img,
  .add:hover img,
  .add:focus-visible img{
    width:29px!important;
    height:29px!important;
  }
}
@media(max-width:480px){
  .floating-cart-button{
    left:auto!important;
    right:14px!important;
    bottom:14px!important;
  }
  .product-bottom{
    gap:.65rem!important;
  }
  .price{
    min-height:38px!important;
    padding:.15rem .78rem!important;
    font-size:.96rem!important;
  }
}

/* Productkeuze: dezelfde sluitknop als de winkelwagen en een altijd bereikbare actie. */
.option-card .close{
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:var(--olive);
  box-shadow:0 10px 25px rgba(57,54,29,.18);
}
.option-card .close .modal-close-icon{
  width:17px;
  height:17px;
  filter:brightness(0) invert(1);
}
.option-card .pay{
  position:sticky;
  bottom:0;
  z-index:1;
  margin-top:auto;
  box-shadow:0 -10px 22px var(--site-bg),0 14px 30px rgba(169,99,59,.22);
}
.option-card fieldset label b{color:var(--terracotta)}
@media(min-width:769px){
  .option-modal{place-items:center}
  .option-card{max-height:calc(100vh - 32px);border-radius:30px}
}
@media(max-width:768px){
  .option-modal{padding:10px 7px 0;place-items:end center}
  .option-card{
    width:100%;
    height:min(92dvh,760px);
    max-height:calc(100dvh - 10px);
    padding:18px 20px calc(18px + env(safe-area-inset-bottom));
    border-radius:28px 28px 0 0;
  }
  .option-card .close{
    position:sticky;
    top:0;
    z-index:4;
    float:right;
    margin:0 0 8px 14px;
    width:48px;
    height:48px;
  }
  .option-card h2{font-size:2.25rem;line-height:1}
  .option-card>p:not(.eyebrow){font-size:.95rem;line-height:1.5}
  .option-card fieldset{padding:.7rem 0}
  .option-card fieldset label{min-height:48px;padding:.55rem 0;font-size:.92rem}
  .option-card fieldset input{width:23px;height:23px}
  .option-card .product-request{margin-top:.35rem}
  .option-card .pay{min-height:64px;margin-top:12px;padding:.9rem 1rem;font-size:.96rem}
}

/* Mobiele winkelwagen: duidelijke, leesbare volgorde voor snel gebruik in de keuken. */
@media(max-width:768px){
  .cart-head p{font-size:.78rem!important;letter-spacing:.17em!important}
  .cart-head h2{font-size:2.45rem!important}
  .cart-row h4{font-size:1.7rem!important;line-height:1!important}
  .cart-line-description{font-size:.84rem!important;line-height:1.45!important}
  .cart-row>b{font-size:1.08rem!important}
  .cart-line-options>span{font-size:.68rem!important}
  .cart-line-options li{font-size:.84rem!important;line-height:1.35!important}
  .cart-line-options li em{font-size:.82rem!important}
  .quantity{margin-top:.65rem!important;font-size:.95rem!important}
  .quantity button{width:36px!important;height:36px!important;font-size:1rem!important}
  .cart-line-request{gap:.48rem!important;font-size:.68rem!important}
  .cart-line-request>span{font-size:.68rem!important}
  .cart-line-request textarea{min-height:64px!important;font-size:.88rem!important;line-height:1.45!important}
  .checkout-title-card span,.checkout-kicker{font-size:.78rem!important}
  .checkout-title-card b{font-size:1.2rem!important;line-height:1.25!important}
  .checkout-title-card small{font-size:.9rem!important;line-height:1.5!important}
  .cart-summary-card span{font-size:.82rem!important}
  .cart-summary-card strong{font-size:1.65rem!important}
  .modern-order-form label{font-size:.76rem!important}
  .modern-order-form input:not([type=checkbox]),
  .modern-order-form textarea{font-size:1rem!important}
  .modern-pay{font-size:1.08rem!important}
}

/* Checkout akkoordblok: duidelijkere voorwaarden + privacy v29 */
.legal-consent{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:.85rem!important;
  align-items:flex-start!important;
  padding:1rem 1.05rem!important;
  border:1px solid rgba(169,99,59,.24)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.42),rgba(233,226,210,.72))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 24px rgba(57,54,29,.055)!important;
  cursor:pointer!important;
}
.legal-consent input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.legal-consent .consent-checkmark{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  border:2px solid rgba(101,100,52,.32)!important;
  background:rgba(255,255,255,.38)!important;
  color:transparent!important;
  font-weight:950!important;
  line-height:1!important;
  transition:all .18s ease!important;
}
.legal-consent input:checked + .consent-checkmark{
  background:var(--terracotta)!important;
  border-color:var(--terracotta)!important;
  color:var(--beige)!important;
  box-shadow:0 8px 18px rgba(169,99,59,.25)!important;
}
.legal-consent span:last-child{
  color:rgba(47,49,29,.82)!important;
  font-size:.88rem!important;
  line-height:1.55!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.legal-consent a{
  color:var(--terracotta)!important;
  font-weight:950!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.legal-consent:has(input:checked){
  border-color:rgba(169,99,59,.45)!important;
  background:linear-gradient(135deg,rgba(169,99,59,.10),rgba(255,255,255,.46))!important;
}
@media(max-width:480px){
  .legal-consent{
    grid-template-columns:auto 1fr!important;
    padding:.92rem!important;
    gap:.72rem!important;
  }
  .legal-consent .consent-checkmark{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
  }
  .legal-consent span:last-child{
    font-size:.8rem!important;
  }
}

/* Bestelapp categorie-selector: groter, rustiger en mobielvriendelijk v30 */
.takeaway-section .categories{
  width:min(100%,1040px)!important;
  margin:0 auto 2rem!important;
  padding:.72rem 1.05rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.78rem!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,252,244,.48),rgba(233,226,210,.34))!important;
  box-shadow:0 18px 44px rgba(57,54,29,.08),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  scrollbar-width:none!important;
}
.takeaway-section .categories::-webkit-scrollbar{
  display:none!important;
}
.takeaway-section .category{
  flex:0 0 auto!important;
  min-width:clamp(118px,10vw,178px)!important;
  min-height:58px!important;
  padding:.9rem 1.35rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid rgba(169,99,59,.30)!important;
  border-radius:999px!important;
  background:rgba(233,226,210,.62)!important;
  color:var(--olive)!important;
  font-size:clamp(1rem,1.2vw,1.16rem)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 10px 24px rgba(57,54,29,.055)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.takeaway-section .category:hover,
.takeaway-section .category:focus-visible{
  transform:translateY(-2px)!important;
  background:rgba(255,252,244,.72)!important;
  border-color:rgba(169,99,59,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 16px 30px rgba(169,99,59,.12)!important;
  outline:none!important;
}
.takeaway-section .category.active{
  background:linear-gradient(135deg,#B66A3B,var(--terracotta))!important;
  color:var(--beige)!important;
  border-color:rgba(169,99,59,.82)!important;
  box-shadow:inset 0 -3px 0 rgba(57,54,29,.16),0 16px 32px rgba(169,99,59,.22)!important;
}
@media(max-width:900px){
  .takeaway-section .categories{
    justify-content:flex-start!important;
    width:100%!important;
    padding:.6rem 1.35rem!important;
    gap:.62rem!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-left:1.35rem!important;
  }
  .takeaway-section .category{
    min-width:auto!important;
    min-height:54px!important;
    padding:.85rem 1.2rem!important;
    scroll-snap-align:start!important;
    font-size:1rem!important;
  }
  .takeaway-section .categories::before{
    content:''!important;
    display:none!important;
  }
  .takeaway-section .categories::after{
    content:''!important;
    display:none!important;
  }
}
@media(max-width:480px){
  .takeaway-section .categories{
    margin-bottom:1.35rem!important;
    padding:.48rem 1.25rem!important;
    border-radius:28px!important;
    scroll-padding-left:1.25rem!important;
  }
  .takeaway-section .category{
    min-height:50px!important;
    padding:.78rem 1.05rem!important;
    font-size:.95rem!important;
  }
  .takeaway-section .categories::before,
  .takeaway-section .categories::after{
    display:none!important;
  }
}

/* Afhalen-vandaag badge: betere breedte, padding en responsive spacing v31 */
.compact-order-hero .pickup-note,
.pickup-note{
  width:min(100%,860px)!important;
  max-width:calc(100vw - 48px)!important;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,auto)!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:clamp(1.05rem,2.1vw,1.55rem)!important;
  margin:clamp(1.2rem,2.4vw,1.8rem) auto clamp(1.75rem,3vw,2.3rem)!important;
  padding:clamp(1rem,1.8vw,1.22rem) clamp(1.45rem,4vw,3rem)!important;
  border-radius:999px!important;
  border:2px solid rgba(169,99,59,.24)!important;
  background:rgba(233,226,210,.36)!important;
  box-shadow:0 16px 38px rgba(57,54,29,.055),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
.pickup-note>div{
  display:grid!important;
  gap:.32rem!important;
  align-content:center!important;
  min-width:0!important;
}
.pickup-note small{
  margin:0!important;
  font-size:clamp(.76rem,1.05vw,.9rem)!important;
  line-height:1!important;
  letter-spacing:.16em!important;
}
.pickup-note b{
  margin:0!important;
  font-size:clamp(1.55rem,2.6vw,2.05rem)!important;
  line-height:1.04!important;
}
.pickup-note>span{
  width:22px!important;
  height:22px!important;
  box-shadow:0 0 0 11px rgba(169,99,59,.11)!important;
}
@media(max-width:768px){
  .compact-order-hero .pickup-note,
  .pickup-note{
    width:calc(100% - 18px)!important;
    max-width:680px!important;
    min-height:76px!important;
    column-gap:1.05rem!important;
    margin:1rem auto 1.55rem!important;
    padding:.95rem 1.25rem!important;
  }
  .pickup-note small{
    font-size:.76rem!important;
    letter-spacing:.14em!important;
  }
  .pickup-note b{
    font-size:clamp(1.42rem,5.5vw,1.85rem)!important;
  }
  .pickup-note #pickupHelp{font-size:.64rem!important;line-height:1.28!important}
}
@media(max-width:480px){
  .compact-order-hero .pickup-note,
  .pickup-note{
    width:100%!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    justify-content:center!important;
    column-gap:.95rem!important;
    min-height:74px!important;
    padding:.9rem 1rem!important;
    border-radius:28px!important;
  }
  .pickup-note>div{
    gap:.38rem!important;
  }
  .pickup-note>span{
    width:19px!important;
    height:19px!important;
    box-shadow:0 0 0 9px rgba(169,99,59,.11)!important;
  }
  .pickup-note b{
    font-size:clamp(1.28rem,6vw,1.62rem)!important;
  }
}

/* Payment logos in checkout */
.payment-methods .payment-option{
  grid-template-columns:auto minmax(0,1fr) 118px!important;
  gap:clamp(.7rem,1.5vw,1rem)!important;
  min-height:76px!important;
  padding:clamp(.78rem,1.6vw,1rem)!important;
}
.payment-methods .payment-copy{
  display:grid!important;
  gap:.22rem!important;
  min-width:0!important;
}
.payment-methods .payment-logos{
  width:118px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.42rem!important;
  justify-self:end!important;
  padding:.38rem .52rem!important;
  border:1px solid rgba(101,100,52,.16)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 8px 18px rgba(57,54,29,.045)!important;
}
.payment-methods .payment-logos img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-height:28px!important;
  max-width:92px!important;
  object-fit:contain!important;
}
.payment-methods .payment-logo-card img{
  max-width:45px!important;
  max-height:26px!important;
}
.payment-methods .payment-logo-single img{
  max-width:102px!important;
  max-height:34px!important;
}
.payment-methods .payment-logo-cash img{
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  filter:brightness(0) saturate(100%) invert(38%) sepia(12%) saturate(1034%) hue-rotate(19deg) brightness(95%) contrast(90%)!important;
}
.payment-methods .payment-option:has(input:checked) .payment-logos{
  border-color:rgba(169,99,59,.34)!important;
  background:rgba(255,255,255,.68)!important;
}
@media(max-width:560px){
  .payment-methods .payment-option{
    grid-template-columns:auto minmax(0,1fr)!important;
    min-height:86px!important;
    align-items:start!important;
  }
  .payment-methods .payment-option input{
    margin-top:.14rem!important;
  }
  .payment-methods .payment-logos{
    grid-column:2!important;
    justify-self:start!important;
    width:108px!important;
    height:40px!important;
    margin-top:.22rem!important;
  }
  .payment-methods .payment-logos img{
    max-height:25px!important;
    max-width:82px!important;
  }
  .payment-methods .payment-logo-card img{
    max-width:40px!important;
    max-height:23px!important;
  }
  .payment-methods .payment-logo-single img{
    max-width:94px!important;
    max-height:30px!important;
  }
  .payment-methods .payment-logo-cash img{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
  }
}

/* Voorraad / uitverkocht in bestelapp v32 */
.product.sold-out{
  cursor:not-allowed!important;
  border-color:rgba(169,99,59,.52)!important;
  background:linear-gradient(145deg,rgba(233,226,210,.64),rgba(255,247,237,.78))!important;
  box-shadow:0 12px 30px rgba(169,99,59,.11)!important;
}
.product.sold-out:hover{
  transform:none!important;
}
.product.sold-out .product-copy h3,
.product.sold-out .product-copy p,
.product.sold-out .allergens{
  opacity:.58!important;
}
.product.sold-out .product-image{
  opacity:.55!important;
  filter:saturate(.55) contrast(.9)!important;
}
.soldout-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:.42rem!important;
  min-height:31px!important;
  margin-bottom:.55rem!important;
  padding:.32rem .72rem!important;
  border-radius:999px!important;
  border:1px solid rgba(169,99,59,.42)!important;
  background:rgba(169,99,59,.12)!important;
  color:var(--terracotta)!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.soldout-badge img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(43%) sepia(46%) saturate(796%) hue-rotate(337deg) brightness(88%) contrast(89%)!important;
}
.product.sold-out .add,
.product .add:disabled{
  background:rgba(169,99,59,.12)!important;
  border-color:rgba(169,99,59,.34)!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  transform:none!important;
}
.product.sold-out .add img,
.product .add:disabled img{
  filter:brightness(0) saturate(100%) invert(43%) sepia(46%) saturate(796%) hue-rotate(337deg) brightness(88%) contrast(89%)!important;
}
.cart-row.cart-row-soldout{
  border-color:rgba(169,99,59,.48)!important;
  background:rgba(169,99,59,.10)!important;
}
.cart-row.cart-row-soldout img{
  opacity:.5!important;
  filter:saturate(.55)!important;
}
.cart-row .cart-soldout-note{
  color:var(--terracotta)!important;
  font-weight:900!important;
  opacity:1!important;
}
.cart-row.cart-row-soldout>b{
  color:var(--terracotta)!important;
  font-size:.82rem!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
@media(max-width:480px){
  .soldout-badge{
    font-size:.58rem!important;
    padding:.28rem .56rem!important;
  }
}

/* Kleine verfijning soldout-knoppen v33 */
.product.sold-out .add img,
.product .add:disabled img{
  width:25px!important;
  height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
}

/* Marketing pop-up / acties v36 */
.marketing-popup{
  position:fixed;
  inset:0;
  z-index:3900;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(39,38,18,.52);
  backdrop-filter:blur(8px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.marketing-popup.open{
  opacity:1;
  pointer-events:auto;
}
.marketing-popup-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr);
  width:min(920px,100%);
  max-height:min(88vh,760px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.72);
  border-radius:36px;
  background:linear-gradient(135deg,rgba(233,226,210,.98),rgba(248,244,234,.96));
  color:var(--olive);
  box-shadow:0 28px 90px rgba(39,38,18,.35);
  transform:translateY(20px) scale(.97);
  transition:transform .26s cubic-bezier(.2,.85,.2,1);
}
.marketing-popup.open .marketing-popup-card{
  transform:translateY(0) scale(1);
}
.marketing-popup.notice{
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(3px);
}
.marketing-popup-card.notice-only{
  display:block;
  width:min(560px,92vw);
  max-height:none;
  overflow:visible;
  border:1px solid rgba(169,99,59,.35);
  border-radius:24px;
  padding:28px 26px;
  background:#e9e2d2;
  color:var(--olive);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  text-align:center;
}
.marketing-notice-title{
  margin-bottom:10px;
  color:var(--olive);
  font-family:'Chatara Regular',Arial,sans-serif;
  font-size:2.55rem;
  letter-spacing:.06em;
}
.marketing-notice-body{
  color:var(--olive);
  font-family:'Montserrat','Poppins',Verdana,sans-serif;
  font-size:1.05rem;
  font-weight:500;
  line-height:1.55;
}
.marketing-notice-body p{margin:0}
.marketing-notice-body p + p{margin-top:10px}
.marketing-notice-primary{
  font-size:1.22em;
  font-weight:700;
}
.marketing-notice-signoff{
  margin-top:14px;
  color:var(--terracotta);
  font-family:'Bodoni 72','Bodoni MT',Bodoni,Arial,sans-serif;
  font-size:1.2rem;
}
.marketing-popup.notice .marketing-close{
  top:12px;
  right:12px;
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  color:#111;
  font-size:22px;
  line-height:1;
  font-weight:400;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .12s ease,background .12s ease;
}
.marketing-popup.notice .marketing-close:hover{
  background:#fff;
  transform:scale(1.04);
}
.marketing-close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:0;
  border-radius:50%;
  background:rgba(101,100,52,.98);
  color:var(--beige);
  font-size:1.85rem;
  line-height:1;
  font-weight:900;
  box-shadow:0 16px 38px rgba(39,38,18,.28);
  cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}
.marketing-close:hover{
  transform:scale(1.06);
  background:var(--terracotta);
}
.marketing-popup-media{
  min-height:320px;
  background:rgba(101,100,52,.12);
  overflow:hidden;
}
.marketing-popup-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--popup-img-x,50%) var(--popup-img-y,50%);
  transform:scale(var(--popup-img-zoom,1));
  transform-origin:var(--popup-img-x,50%) var(--popup-img-y,50%);
  filter:brightness(var(--popup-img-brightness,1)) contrast(var(--popup-img-contrast,1)) saturate(var(--popup-img-saturation,1));
  display:block;
}
.marketing-popup-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(30px,4.2vw,58px);
}
.marketing-popup-copy span{
  color:var(--terracotta);
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.marketing-popup-copy h2{
  margin:.7rem 0 1rem;
  color:var(--olive);
  font-family:'Chatara Regular','Poppins',Arial,sans-serif;
  font-size:clamp(2.25rem,4.35vw,4rem);
  line-height:1.03;
  letter-spacing:.015em;
  overflow-wrap:break-word;
  word-break:normal;
  text-wrap:balance;
}
.marketing-popup-copy p{
  margin:0;
  color:rgba(101,100,52,.88);
  font-size:clamp(.98rem,1.25vw,1.1rem);
  line-height:1.75;
  white-space:pre-line;
  overflow-wrap:anywhere;
  max-width:54ch;
}
.marketing-ok{
  align-self:flex-start;
  margin-top:26px;
  border:0;
  border-radius:999px;
  background:var(--terracotta);
  color:var(--beige);
  padding:1rem 1.55rem;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(169,99,59,.22);
  transition:transform .18s ease,box-shadow .18s ease;
}
.marketing-ok:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(169,99,59,.28);
}
@media(max-width:760px){
  .marketing-popup{padding:14px}
  .marketing-popup-card{
    grid-template-columns:1fr;
    border-radius:28px;
    max-height:88vh;
  }
  .marketing-popup-media{
    min-height:190px;
    max-height:260px;
  }
  .marketing-popup-media img{
    object-position:var(--popup-mobile-img-x,var(--popup-img-x,50%)) var(--popup-mobile-img-y,var(--popup-img-y,50%));
    transform:scale(var(--popup-mobile-img-zoom,var(--popup-img-zoom,1)));
    transform-origin:var(--popup-mobile-img-x,var(--popup-img-x,50%)) var(--popup-mobile-img-y,var(--popup-img-y,50%));
    filter:brightness(var(--popup-mobile-img-brightness,var(--popup-img-brightness,1))) contrast(var(--popup-mobile-img-contrast,var(--popup-img-contrast,1))) saturate(var(--popup-mobile-img-saturation,var(--popup-img-saturation,1)));
  }
  .marketing-popup-copy{
    padding:30px 24px 26px;
  }
  .marketing-popup-copy h2{
    font-size:clamp(2.15rem,11vw,3.4rem);
    line-height:1.02;
  }
  .marketing-close{
    top:12px;
    right:12px;
    width:44px;
    height:44px;
    font-size:1.55rem;
  }
  .marketing-ok{
    width:100%;
    text-align:center;
    justify-content:center;
  }
}

/* Productverzoeken en definitieve bestelknop v38 */
.option-card .product-request{
  display:block;
  margin:1rem 0 .25rem;
  padding:1rem;
  border:1px solid rgba(169,99,59,.24);
  border-radius:20px;
  background:rgba(255,255,255,.32);
  color:var(--olive);
  font-size:.76rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.option-card .product-request textarea{
  display:block;
  width:100%;
  min-height:92px;
  margin:.55rem 0 .4rem;
  border:1px solid rgba(101,100,52,.28);
  border-radius:16px;
  background:rgba(255,255,255,.54);
  color:var(--olive);
  font-size:.92rem;
  font-weight:600;
  letter-spacing:0;
  line-height:1.5;
  text-transform:none;
}
.option-card .product-request small{
  display:block;
  color:rgba(101,100,52,.72);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:0;
  line-height:1.45;
  text-transform:none;
}
.cart-line-copy{min-width:0}
/* Gekozen extra’s: rustige lijst in één kleur, zonder apart kleurvlak. */
.cart-line-options{
  display:grid;gap:.45rem;width:100%;margin:.6rem 0 .2rem;
  padding:.6rem 0 0;border:0;border-top:1px solid rgba(101,100,52,.18);
  border-radius:0;background:transparent;
}
.cart-line-options>span{
  color:var(--olive);font-size:.58rem;font-weight:600;letter-spacing:.09em;
  line-height:1;text-transform:uppercase;
}
.cart-line-options ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.cart-line-options li{
  display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;
  padding:.32rem 0;border-bottom:1px solid rgba(101,100,52,.1);
  color:var(--olive);font-size:.73rem;line-height:1.35;
}
.cart-line-options li:last-child{border-bottom:0}
.cart-line-options li b{font-weight:500}
.cart-line-options li em{
  flex:0 0 auto;color:var(--olive);font-size:.7rem;font-style:normal;
  font-weight:500;white-space:nowrap;
}
.cart-line-request{
  display:grid;
  gap:.38rem;
  width:min(100%,280px);
  margin-top:.72rem;
  padding:.56rem;
  border:1px solid rgba(169,99,59,.20);
  border-radius:14px;
  background:rgba(255,252,244,.44);
  color:var(--terracotta);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.cart-line-request>span{
  color:var(--terracotta);
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.09em;
}
.cart-line-request>span::before{content:'✎';display:inline-block;margin-right:.38rem;font-size:.72rem;line-height:0}
.cart-line-request:focus-within{
  border-color:rgba(169,99,59,.58);
  background:rgba(255,252,244,.76);
  box-shadow:0 0 0 3px rgba(169,99,59,.10);
}
.cart-line-request textarea{
  display:block;
  width:100%;
  min-height:54px;
  margin:0;
  padding:.58rem .68rem;
  resize:vertical;
  border:1px solid rgba(101,100,52,.16);
  border-radius:10px;
  background:rgba(255,255,255,.62);
  color:var(--olive);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:0;
  line-height:1.4;
  text-transform:none;
}
.cart-line-request textarea::placeholder{color:rgba(101,100,52,.52);font-weight:600}
.modern-pay{
  min-height:64px!important;
  border:2px solid transparent!important;
  background:linear-gradient(135deg,var(--terracotta),#8f4d2c)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,opacity .2s ease!important;
}
.modern-pay.is-ready:not(:disabled){
  cursor:pointer!important;
  border-color:rgba(255,255,255,.34)!important;
  animation:figlioCheckoutReady 2.2s ease-out infinite!important;
}
.modern-pay.is-ready:not(:disabled):hover{
  transform:translateY(-2px) scale(1.01)!important;
  filter:brightness(1.06)!important;
}
.modern-pay.is-ready:not(:disabled):focus-visible{
  outline:3px solid var(--olive)!important;
  outline-offset:4px!important;
}
.modern-pay:disabled{
  cursor:not-allowed!important;
  opacity:.48!important;
  filter:grayscale(.28)!important;
  box-shadow:none!important;
  animation:none!important;
}
/* De volledige betaalknop is één aanraakdoel. De losse label- en prijslaag
   mag op mobiel geen eigen tap-target vormen (Safari/iPad inbegrepen). */
.modern-pay{
  appearance:none;
  -webkit-appearance:none;
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
}
.modern-pay > b,
.modern-pay > span{
  pointer-events:none;
}
@keyframes figlioCheckoutReady{
  0%,100%{box-shadow:0 14px 30px rgba(169,99,59,.2),0 0 0 0 rgba(169,99,59,.34)}
  55%{box-shadow:0 18px 38px rgba(169,99,59,.3),0 0 0 9px rgba(169,99,59,0)}
}
@media(max-width:520px){
  .option-card .product-request{padding:.85rem;border-radius:18px}
  .cart-row{align-items:start!important}
  .cart-line-options{width:100%}
  .cart-line-request{width:min(100%,240px);margin-right:0}
  .modern-pay{min-height:60px!important}
}
/* Sticky betaalactie op mobiel, met een documentbreed klikvangnet in app.js
   voor browsers die de tik aan de scrolllaag toewijzen. */
@media(max-width:768px){
  .cart.open .modern-pay{
    position:sticky!important;
    bottom:.25rem!important;
    z-index:30!important;
    isolation:isolate;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent;
    transform:translateZ(0);
  }
  .cart.open .modern-pay > b,
  .cart.open .modern-pay > span{pointer-events:none!important}
}

/* Eigen terracottakleurig klokicoon voor de tijdslotkiezer. */
.time-field:before{content:none!important}
.time-field-icon{
  position:absolute;
  top:1rem;
  right:1rem;
  display:block;
  width:1.38rem;
  height:1.38rem;
  object-fit:contain;
  pointer-events:none;
  opacity:.95;
  filter:invert(48%) sepia(35%) saturate(744%) hue-rotate(338deg) brightness(91%) contrast(88%);
}
@media(max-width:520px){
  .time-field-icon{top:.86rem;right:.86rem;width:1.26rem;height:1.26rem}
}
@media(prefers-reduced-motion:reduce){
  .modern-pay.is-ready:not(:disabled){animation:none!important}
}

/* Dynamische afhaalstatus: alleen een actieve afhaalperiode krijgt een rustige pulse. */
.pickup-note.future>span,
.pickup-note.unavailable>span{
  animation:none!important;
}
.pickup-note.available>span{
  animation:figlioPickupPulse 1.85s ease-in-out infinite!important;
}
.pickup-note #pickupHelp{
  display:block!important;
  margin:0!important;
  color:rgba(101,100,52,.75)!important;
  font-family:inherit!important;
  font-size:clamp(.66rem,.82vw,.76rem)!important;
  font-style:normal!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.3!important;
  text-transform:none!important;
}
.pickup-note.unavailable #pickupHelp{color:rgba(169,99,59,.82)!important}
@media(max-width:480px){
  .pickup-note #pickupHelp{font-size:.64rem!important;line-height:1.28!important}
}

/* Eén rustige Figlio-kleurtaal voor beschikbaar, later en tijdelijk gesloten. */
.pickup-note.future{
  border-color:rgba(101,100,52,.32)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(233,226,210,.62))!important;
  box-shadow:0 16px 38px rgba(101,100,52,.08),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.pickup-note.future>span{
  background:var(--olive)!important;
  box-shadow:0 0 0 10px rgba(101,100,52,.10)!important;
}
.pickup-note.future small{color:var(--terracotta)!important}
.pickup-note.future b{color:var(--olive)!important}
.pickup-note.available{
  border-color:rgba(169,99,59,.36)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(238,224,204,.62))!important;
}
.pickup-note.available>span{
  background:var(--terracotta)!important;
  box-shadow:0 0 0 10px rgba(169,99,59,.12)!important;
}
.pickup-note.unavailable{
  border-color:rgba(169,99,59,.48)!important;
  background:linear-gradient(135deg,rgba(255,248,242,.82),rgba(238,222,204,.62))!important;
}
.pickup-note.unavailable>span{background:var(--terracotta)!important}

/* Mobiel: de boodschap staat centraal; de statusindicator blijft rustig links ervan. */
@media(max-width:520px){
  .compact-order-hero .pickup-note,
  .pickup-note{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-height:116px!important;
    padding:1rem 3.1rem!important;
    text-align:center!important;
  }
  .pickup-note>div{
    width:100%!important;
    text-align:center!important;
  }
  .pickup-note>span{
    position:absolute!important;
    left:1.45rem!important;
    top:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  .pickup-note small{
    font-size:.67rem!important;
    letter-spacing:.11em!important;
  }
  .pickup-note b{
    margin-top:.26rem!important;
    font-size:clamp(1.35rem,6.2vw,1.72rem)!important;
    white-space:normal!important;
  }
  .pickup-note #pickupHelp{
    margin-top:.32rem!important;
    font-size:.68rem!important;
  }
  .pickup-note.available>span{
    animation:figlioPickupPulseMobile 1.85s ease-in-out infinite!important;
  }
}
@keyframes figlioPickupPulseMobile{
  0%,100%{box-shadow:0 0 0 7px rgba(169,99,59,.12),0 0 0 0 rgba(169,99,59,.34);transform:translateY(-50%) scale(1)}
  55%{box-shadow:0 0 0 9px rgba(169,99,59,.10),0 0 0 14px rgba(169,99,59,0);transform:translateY(-50%) scale(1.08)}
}

/* Figlio-steentextuur: warme, rustige basis die het menu en de foto's laat spreken. */
body{
  background-color:var(--site-bg)!important;
  background-image:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.48),transparent 37%),
    linear-gradient(118deg,rgba(233,226,210,.58),rgba(233,226,210,.42)),
    url('/brand/figlio-stone-texture.jpg')!important;
  background-position:center top,center top,center top!important;
  background-repeat:no-repeat,no-repeat,repeat-y!important;
  background-size:100% 660px,100% 100%,cover!important;
  background-attachment:fixed,fixed,fixed!important;
}
@media(max-width:768px){
  body{
    background-image:
      radial-gradient(circle at 50% 3%,rgba(255,255,255,.34),transparent 33%),
      linear-gradient(160deg,rgba(233,226,210,.38),rgba(233,226,210,.24)),
      url('/brand/figlio-stone-texture-mobile.jpg')!important;
    /* Niet over de volledige pagina uitrekken: zo blijft de steenstructuur op mobiel zichtbaar. */
    background-size:100% 430px,100% 100%,auto 560px!important;
    background-attachment:scroll,scroll,scroll!important;
  }
}

/* De afhaalboodschap blijft op een telefoon altijd rustig en volledig leesbaar.
   Lange dynamische teksten mogen hier bewust in twee evenwichtige regels vallen. */
@media(max-width:520px){
  .compact-order-hero .pickup-note,
  .pickup-note{
    min-height:124px!important;
    padding:1rem 2.15rem 1rem 3.55rem!important;
  }
  .pickup-note>div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .pickup-note b{
    display:block!important;
    max-width:292px!important;
    margin:.22rem auto 0!important;
    font-size:clamp(1.2rem,5.35vw,1.5rem)!important;
    line-height:1.14!important;
    text-wrap:balance!important;
    overflow-wrap:anywhere!important;
  }
  .pickup-note small,
  .pickup-note #pickupHelp{
    width:100%!important;
    text-align:center!important;
  }
}

/* Statusdot: groen betekent dat afhalen vandaag mogelijk is; terracotta vraagt
   aandacht wanneer vandaag nog niet of niet meer besteld kan worden. */
@keyframes figlioPickupPulseOlive{
  0%,100%{box-shadow:0 0 0 7px rgba(101,100,52,.13),0 0 0 0 rgba(101,100,52,.38);transform:scale(1)}
  55%{box-shadow:0 0 0 9px rgba(101,100,52,.10),0 0 0 14px rgba(101,100,52,0);transform:scale(1.08)}
}
.pickup-note.available>span{
  background:var(--olive)!important;
  box-shadow:0 0 0 10px rgba(101,100,52,.12)!important;
  animation:figlioPickupPulseOlive 1.85s ease-in-out infinite!important;
}
.pickup-note.future>span,
.pickup-note.unavailable>span{
  background:var(--terracotta)!important;
  box-shadow:0 0 0 10px rgba(169,99,59,.12)!important;
  animation:figlioPickupPulse 1.85s ease-in-out infinite!important;
}
.pickup-note.future b,
.pickup-note.unavailable b{color:var(--terracotta)!important}
@media(max-width:520px){
  .pickup-note.available>span{animation:figlioPickupPulseOliveMobile 1.85s ease-in-out infinite!important}
  .pickup-note.future>span,
  .pickup-note.unavailable>span{animation:figlioPickupPulseMobile 1.85s ease-in-out infinite!important}
}
@keyframes figlioPickupPulseOliveMobile{
  0%,100%{box-shadow:0 0 0 7px rgba(101,100,52,.13),0 0 0 0 rgba(101,100,52,.38);transform:translateY(-50%) scale(1)}
  55%{box-shadow:0 0 0 9px rgba(101,100,52,.10),0 0 0 14px rgba(101,100,52,0);transform:translateY(-50%) scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  .pickup-note.available>span,
  .pickup-note.future>span,
  .pickup-note.unavailable>span{animation:none!important}
}

/* De status wordt bewust door de kaart zelf gedragen: geen losse dot meer. */
.pickup-note{
  position:relative!important;
  grid-template-columns:minmax(0,max-content)!important;
  justify-content:center!important;
  /* De zichtbare rand komt uitsluitend van ::after, zodat er geen dubbele
     binnen- en buitenrand kan ontstaan. */
  border-color:transparent!important;
}
.pickup-note>span{display:none!important}
.pickup-note>div{
  position:relative!important;
  z-index:1!important;
  justify-items:center!important;
  text-align:center!important;
}
.pickup-note::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-5px;
  pointer-events:none;
  border:2px solid transparent;
  border-radius:inherit;
}
.pickup-note.available::after{
  border-color:rgba(101,100,52,.72);
  animation:figlioPickupGlowOlive 2.15s ease-in-out infinite;
}
/* Bij een beschikbare afhaling hoort ook de bestaande binnenrand bij de
   olijfgroene glow; zo blijft er geen oude terracotta rand achter. */
.pickup-note.available{
  border-color:transparent!important;
  background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(226,228,206,.70))!important;
  box-shadow:0 16px 38px rgba(101,100,52,.12),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.pickup-note.future::after,
.pickup-note.unavailable::after{
  border-color:rgba(169,99,59,.72);
  animation:figlioPickupGlowTerracotta 2.15s ease-in-out infinite;
}
.pickup-note.available,
.pickup-note.future,
.pickup-note.unavailable{
  border:0!important;
  box-shadow:0 16px 38px rgba(57,54,29,.055)!important;
}
@keyframes figlioPickupGlowOlive{
  0%,100%{box-shadow:0 0 0 0 rgba(101,100,52,.36),0 0 16px rgba(101,100,52,.18)}
  55%{box-shadow:0 0 0 10px rgba(101,100,52,0),0 0 38px rgba(101,100,52,.42)}
}
@keyframes figlioPickupGlowTerracotta{
  0%,100%{box-shadow:0 0 0 0 rgba(169,99,59,.36),0 0 16px rgba(169,99,59,.18)}
  55%{box-shadow:0 0 0 10px rgba(169,99,59,0),0 0 38px rgba(169,99,59,.42)}
}
@media(max-width:520px){
  .compact-order-hero .pickup-note,
  .pickup-note{padding:1rem 1.45rem!important}
  /* De beschikbare-status is langer; op mobiel mag die altijd natuurlijk
     in twee regels vallen, ook tegenover de oudere nowrap-regel hierboven. */
  .pickup-note:not(.unavailable) b,
  .pickup-note b{
    width:100%!important;
    max-width:300px!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .pickup-note.available::after,
  .pickup-note.future::after,
  .pickup-note.unavailable::after{animation:none!important}
}

/* De vooruitbestelmelding is een rustige, gecentreerde onderregel in plaats
   van losse tekst onder de hoofdstatus. */
.pickup-note #pickupHelp{
  width:fit-content!important;
  max-width:100%!important;
  justify-self:center!important;
  align-self:center!important;
  margin:.3rem auto 0!important;
  padding:.25rem .7rem!important;
  border:1px solid rgba(101,100,52,.13)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.32)!important;
  text-align:center!important;
}
/* Houd de statusdot exact op het midden van de volledige tekstgroep. */
.pickup-note>span{align-self:center!important;justify-self:center!important}
.pickup-note>div{align-self:center!important}
@media(max-width:520px){
  .pickup-note #pickupHelp{
    width:fit-content!important;
    margin:.36rem auto 0!important;
    padding:.25rem .6rem!important;
    font-size:.67rem!important;
    line-height:1.25!important;
  }
  .pickup-note>span{
    top:50%!important;
    transform:translateY(-50%)!important;
  }
}

/* Gebruik op iPad de beschikbare breedte voor twee producttegels; telefoons
   behouden bewust de rustige weergave van één tegel per rij. */
@media (min-width:768px) and (max-width:1180px){
  .product-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* De kaart zelf krijgt bij een sluiting nooit een eigen rand of schaduw.
   Zo kan er op smalle schermen geen tweede, lichte binnenrand ontstaan;
   uitsluitend ::after tekent de terracotta buitenrand en de pulse. */
.pickup-note.available,
.pickup-note.future,
.pickup-note.unavailable{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  /* De basiskaart bevat nog een overgang op box-shadow. Zonder deze reset
     wordt de oude, witte inset-schaduw tijdens het laden kort meegetekend. */
  transition:none!important;
  isolation:isolate;
}
/* Iedere status houdt dezelfde rustige, transparante kaartvulling;
   alleen de buitenlaag (::after) verandert van statuskleur. */
.pickup-note.available,
.pickup-note.future,
.pickup-note.unavailable{
  /* De vulling komt volledig van ::before. Zo wordt ze in het originele
     kaartvlak niet nog eens over zichzelf heen getekend. */
  background:transparent!important;
}
.pickup-note.available::before,
.pickup-note.future::before,
.pickup-note.unavailable::before{
  content:"";
  position:absolute;
  z-index:0;
  /* Vul ook de ruimte onder de buitenrand. Daardoor is de kaart visueel één
     geheel tot aan de pulse, zonder het smalle, lichte tussenrandje. */
  inset:-5px;
  border:0;
  border-radius:inherit;
  background:inherit;
  box-shadow:none;
  pointer-events:none;
}
.pickup-note.available::before,
.pickup-note.future::before,
.pickup-note.unavailable::before{
  background:rgba(248,241,230,.42)!important;
}
.pickup-note.available::after,
.pickup-note.future::after,
.pickup-note.unavailable::after{
  z-index:1;
}
.pickup-note.available>div,
.pickup-note.future>div,
.pickup-note.unavailable>div{
  z-index:2!important;
  /* Eigen compositielaag: tekst blijft volledig statisch terwijl de rand
     op de onderliggende laag pulseert. */
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}
.pickup-note.available::after,
.pickup-note.future::after,
.pickup-note.unavailable::after{
  /* De animatie mag alleen de buitenste gloed hertekenen. */
  transform:translate3d(0,0,0);
  will-change:box-shadow;
}

/* Op brede schermen krijgt de rustige onderregel iets meer ademruimte.
   Telefoons behouden bewust de compactere, reeds uitgelijnde variant. */
@media (min-width:769px){
  .pickup-note small{
    transform:translateY(-3px);
  }
  .pickup-note #pickupHelp{
    margin-top:.48rem!important;
  }
}

/* Footer: dezelfde Figlio-websitecomponent, inclusief de originele
   tablet- en telefoonbreakpoints. */
.site-footer{
  background-color:#656434!important;
  color:#E9E2D2!important;
  margin-top:4rem!important;
  padding:0!important;
  width:100%!important;
}
.site-footer .footer-container{max-width:1200px!important;margin:0 auto!important;padding:0!important}
.site-footer .footer-logo-section{padding:2rem 2rem 1rem!important;border-bottom:1px solid rgba(233,226,210,.2)!important;text-align:center!important}
.site-footer .footer-main-logo{max-width:180px!important;height:auto!important;display:block!important;margin:0 auto!important}
.site-footer .footer-content{max-width:1200px!important;margin:0 auto!important;padding:2.5rem 2rem!important}
.site-footer .footer-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:3rem!important;max-width:100%!important}
.site-footer .footer-section{display:flex!important;flex-direction:column!important;min-height:180px!important;width:auto!important;text-align:left!important}
.site-footer .footer-section h4{font-family:'Poppins',Verdana,Geneva,sans-serif!important;font-size:1.2rem!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:1.2rem!important;color:#E9E2D2!important}
.site-footer .section-content{margin-top:1rem!important;flex:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.site-footer .address{font-family:'Poppins',Verdana,Geneva,sans-serif!important;font-size:1rem!important;line-height:1.6!important;margin-bottom:1.5rem!important}
.site-footer .contact-info{font-family:'Poppins',Verdana,Geneva,sans-serif!important;display:flex!important;align-items:center!important;gap:.5rem!important;margin-bottom:.8rem!important}
.site-footer .contact-label{min-width:55px!important;font-weight:600!important;color:#E9E2D2!important}
.site-footer .contact-link{color:#E9E2D2!important;font-weight:500!important}
.site-footer .btw-number{font-family:'Poppins',Verdana,Geneva,sans-serif!important;color:#E9E2D2!important;font-weight:500!important;letter-spacing:.5px!important}
.site-footer .hours-schedule{font-family:'Poppins',Verdana,Geneva,sans-serif!important}
.site-footer .hours-item{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.6rem!important;padding:.3rem 0!important;font-size:.95rem!important}
.site-footer .day{min-width:140px!important;margin-right:15px!important;font-weight:600!important;color:#E9E2D2!important}
.site-footer .time{font-weight:500!important;color:#E9E2D2!important}
.site-footer .hours-note{font-size:.9rem!important;font-style:italic!important;color:rgba(233,226,210,.8)!important;margin-top:1rem!important;padding-top:.5rem!important;border-top:1px solid rgba(233,226,210,.2)!important}
.site-footer .social-links{display:flex!important;flex-direction:column!important;gap:1rem!important}
.site-footer .social-link{display:flex!important;align-items:center!important;gap:.8rem!important;padding:.8rem 1rem!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important}
.site-footer .social-icon{display:block!important;width:28px!important;height:28px!important;flex-shrink:0!important;border:0!important;border-radius:0!important;transition:transform .2s ease!important}
.site-footer .social-link:hover .social-icon{transform:scale(1.1)}
.site-footer .social-text{font-family:'Poppins',Verdana,Geneva,sans-serif!important;font-weight:500!important;color:#E9E2D2!important;font-size:.95rem!important}

@media (max-width:768px){
  .site-footer .footer-logo-section{padding:1.5rem 1.5rem 1rem!important}
  .site-footer .footer-main-logo{max-width:160px!important}
  .site-footer .footer-content{padding:2rem 1.5rem!important}
  .site-footer .footer-row{gap:2rem!important}
  .site-footer .footer-section h4{font-size:1.1rem!important;margin-bottom:1rem!important}
  .site-footer .hours-item{font-size:.9rem!important}
  .site-footer .day{min-width:100px!important}
}
@media only screen and (min-width:820px) and (max-width:1366px){
  .site-footer{padding:3.5rem 0 1.5rem!important;margin-top:3.5rem!important}
  .site-footer .footer-container{padding:0 2.5rem!important}
  .site-footer .footer-logo-section{padding:2.5rem 2rem 1.5rem!important}
  .site-footer .footer-main-logo{width:200px!important;max-width:none!important}
  .site-footer .footer-content{padding:2.5rem 2rem!important}
  .site-footer .footer-row{gap:2.5rem!important}
  .site-footer .footer-section h4{font-size:1.25rem!important;margin-bottom:1.2rem!important}
  .site-footer .address{font-size:1.05rem!important}
  .site-footer .contact-info,.site-footer .contact-link,.site-footer .btw-number,.site-footer .hours-item{font-size:1rem!important}
  .site-footer .hours-note{font-size:.95rem!important}
  .site-footer .social-link{padding:1rem 1.4rem!important;border-radius:14px!important}
  .site-footer .social-icon{width:32px!important;height:32px!important}
  .site-footer .social-text{font-size:1rem!important}
  .site-footer .footer-bottom{padding:1.2rem 2rem!important}
  .site-footer .footer-bottom-content{font-size:.95rem!important}
}
@media (max-width:640px){
  .site-footer .footer-logo-section{padding:1.5rem 1rem 1rem!important}
  .site-footer .footer-main-logo{max-width:140px!important}
  .site-footer .footer-content{padding:1.5rem 1rem!important}
  .site-footer .footer-row{flex-direction:column!important;gap:2rem!important;align-items:center!important}
  .site-footer .footer-section{width:100%!important;min-height:auto!important;text-align:center!important}
  .site-footer .footer-section h4::after{left:50%!important;transform:translateX(-50%)!important}
  .site-footer .contact-info{justify-content:center!important;flex-direction:column!important;gap:.2rem!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .site-footer .contact-label,.site-footer .contact-link,.site-footer .btw-number{display:block!important;width:100%!important;min-width:auto!important;text-align:center!important}
  .site-footer .hours-item{justify-content:center!important;flex-direction:column!important;gap:.2rem!important;text-align:center!important}
  .site-footer .day{min-width:auto!important;margin-right:0!important;font-size:.9rem!important}
  .site-footer .social-links{align-items:center!important}
  .site-footer .social-link{justify-content:center!important;max-width:280px!important}
}
@media (max-width:550px){
  .site-footer{margin-top:3.3rem!important}
  .site-footer .footer-logo-section{padding:1.35rem 1rem .9rem!important}
  .site-footer .footer-main-logo{max-width:130px!important}
  .site-footer .footer-content{padding:1.35rem 1rem!important}
  .site-footer .footer-row{gap:1.7rem!important}
  .site-footer .footer-section h4{font-size:1.05rem!important;margin-bottom:.9rem!important}
  .site-footer .footer-section h4::after{width:35px!important}
  .site-footer .address{font-size:.97rem!important;margin-bottom:1.3rem!important}
  .site-footer .contact-info{margin-bottom:.7rem!important}
  .site-footer .contact-link,.site-footer .btw-number{font-size:.93rem!important}
  .site-footer .hours-item{margin-bottom:.45rem!important;padding:.25rem 0!important;font-size:.93rem!important}
  .site-footer .hours-note{font-size:.88rem!important;margin-top:.85rem!important}
  .site-footer .social-links{gap:.9rem!important}
  .site-footer .social-link{padding:.65rem .85rem!important}
  .site-footer .social-icon{width:25px!important;height:25px!important}
  .site-footer .social-text{font-size:.93rem!important}
}
@media (max-width:480px){
  .site-footer{margin-top:3rem!important}
  .site-footer .footer-logo-section{padding:1.2rem 1rem .8rem!important}
  .site-footer .footer-main-logo{max-width:120px!important}
  .site-footer .footer-content{padding:1.2rem 1rem!important}
  .site-footer .footer-row{gap:1.5rem!important}
  .site-footer .footer-section h4{font-size:1rem!important;margin-bottom:.8rem!important}
  .site-footer .footer-section h4::after{width:30px!important}
  .site-footer .address{font-size:.95rem!important;margin-bottom:1.2rem!important}
  .site-footer .contact-info{margin-bottom:.6rem!important}
  .site-footer .contact-link,.site-footer .btw-number{font-size:.9rem!important}
  .site-footer .hours-item{margin-bottom:.4rem!important;padding:.2rem 0!important;font-size:.9rem!important}
  .site-footer .hours-note{font-size:.85rem!important;margin-top:.8rem!important}
  .site-footer .social-links{gap:.8rem!important}
  .site-footer .social-link{padding:.6rem .8rem!important}
  .site-footer .social-icon{width:24px!important;height:24px!important}
  .site-footer .social-text{font-size:.9rem!important}
}

/* Navigatie: dezelfde Figlio-websiteverhoudingen en breakpoints. De
   transparante glaslaag blijft behouden voor de bestelomgeving. */
header>nav{max-width:1200px!important;margin:0 auto!important}
header nav{max-width:900px!important}
header nav ul{gap:1.5em!important}
header nav ul li a{font-size:1.1em!important;padding:.7em 1.8em!important}
header #logo-nav img:hover{transform:scale(1.2)!important}
@media (max-width:900px){
  header{padding:.5rem 1.5rem!important}
  header nav{padding:.45em 1.5em!important;gap:1.2rem!important}
  header nav ul{gap:1em!important}
  header nav ul li a{font-size:1em!important;padding:.6em 1.4em!important}
  header #logo-nav img{height:56px!important}
}
@media (max-width:768px){
  header{padding:.4rem 1rem!important}
  header nav{padding:.4em 2em!important;border-radius:20px!important;position:relative!important;width:100%!important;justify-content:space-between!important;gap:2rem!important}
  header nav ul{padding:1rem!important;border-radius:15px!important;gap:.5rem!important}
  header nav ul li a{font-size:1.1em!important;padding:.8em 1.5em!important}
  header #logo-nav img{height:60px!important}
}
@media (max-width:600px){
  header{padding:.3rem .8rem!important}
  header nav{padding:.3em 1.5em!important;border-radius:16px!important;gap:1.8rem!important}
  header nav ul{padding:.8rem!important;border-radius:12px!important}
  header nav ul li a{font-size:1em!important;padding:.7em 1.2em!important}
  header #logo-nav img{height:60px!important}
  main{padding-top:75px!important}
}
@media (max-width:550px){
  header{padding:.25rem .7rem!important}
  header nav{padding:.28em 1.35em!important;border-radius:14px!important;gap:1.65rem!important}
  main{padding-top:73px!important}
}
@media (max-width:480px){
  header{padding:.2rem .6rem!important}
  header nav{padding:.25em 1.2em!important;border-radius:12px!important;gap:1.5rem!important}
  header nav ul{padding:.6rem!important;border-radius:10px!important}
  header nav ul li a{font-size:.95em!important;padding:.6em 1em!important}
  header #logo-nav img{height:60px!important}
  main{padding-top:70px!important}
}

/* Mobiele winkelwagen: vloeiende, veilige bottom-sheetinteractie. */
.cart{
  will-change:transform;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  pointer-events:none;
}
.cart.open{pointer-events:auto}
.scrim{
  transition:opacity .38s cubic-bezier(.22,1,.36,1),backdrop-filter .38s ease!important;
  backdrop-filter:blur(0);
  -webkit-backdrop-filter:blur(0);
}
.scrim.open{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.cart-open{overflow:hidden}
body.cart-open .floating-cart-button{
  opacity:0!important;
  pointer-events:none!important;
  animation:none!important;
  transform:scale(.9)!important;
}
.cart .close{
  display:grid;
  place-items:center;
  padding:0;
  line-height:0;
}
.cart .close img{
  display:block;
  width:18px;
  height:18px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  pointer-events:none;
}
.modal-close-icon{display:block;width:18px;height:18px;object-fit:contain;pointer-events:none}
.marketing-close .modal-close-icon{width:21px;height:21px;filter:brightness(0) invert(1)}
.marketing-popup.notice .marketing-close .modal-close-icon{filter:none}
@media(max-width:768px){
  .cart{
    max-height:94vh!important;
    transform:translate3d(0,calc(105% + var(--cart-drag-y,0px)),0)!important;
    transition:transform .42s cubic-bezier(.22,1,.36,1)!important;
    touch-action:pan-y;
  }
  .cart.open{transform:translate3d(0,var(--cart-drag-y,0px),0)!important}
  .cart.is-dragging{transition:none!important}
  .sheet-handle{
    width:72px!important;
    height:34px!important;
    margin:-12px auto 4px!important;
    border-radius:999px!important;
    background:linear-gradient(var(--olive),var(--olive)) center/44px 5px no-repeat!important;
    cursor:grab;
    touch-action:none;
  }
  .cart.is-dragging .sheet-handle{cursor:grabbing}
  .cart-head{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    margin:-6px -20px .9rem!important;
    padding:12px 20px 14px!important;
    background:rgba(242,236,221,.96)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    touch-action:none;
  }
  .cart .close{
    display:grid!important;
    place-items:center!important;
    flex:0 0 54px!important;
    width:54px!important;
    height:54px!important;
    line-height:1!important;
    touch-action:manipulation;
  }
  .cart .close img{
    display:block;
    width:20px;
    height:20px;
    object-fit:contain;
    filter:brightness(0) invert(1);
  }
}
@supports(height:100dvh){
  @media(max-width:768px){
    .cart{max-height:calc(100dvh - env(safe-area-inset-top) - 8px)!important}
  }
}
@media(prefers-reduced-motion:reduce){
  .cart,.scrim{transition:none!important}
}

/* Houd het mobiele mandje stil; animeer alleen een losse ring met transform/opacity.
   Zo hoeft Safari/Chromium geen brede box-shadow per frame opnieuw te tekenen. */
@media(max-width:768px){
  .floating-cart-button{
    display:grid!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:64px!important;
    padding:0!important;
    aspect-ratio:1!important;
    border-radius:50%!important;
    background-clip:padding-box!important;
    animation:none!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    box-shadow:0 12px 28px rgba(57,54,29,.24),0 0 0 6px rgba(169,99,59,.14)!important;
    overflow:visible!important;
  }
  .floating-cart-button::after{
    content:'';
    position:absolute;
    inset:-5px;
    border:2px solid rgba(169,99,59,.5);
    border-radius:50%;
    pointer-events:none;
    animation:figlio-cart-mobile-ring 2.8s ease-out infinite;
  }
  body.cart-open .floating-cart-button::after{
    animation:none;
    opacity:0;
  }
}
@keyframes figlio-cart-mobile-ring{
  0%{transform:scale(.96);opacity:0}
  20%{opacity:.65}
  80%,100%{transform:scale(1.22);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .floating-cart-button,.floating-cart-button::after{animation:none!important}
  .floating-cart-button::after{opacity:0}
}
@media(max-width:480px){
  .floating-cart-button{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:60px!important;
  }
}

/* Compacte productkeuze met rustige supplementrijen. */
#productModal{padding:16px;place-items:center}
#productModal .option-card{
  width:min(520px,100%);height:auto;max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);padding:22px;border-radius:24px;
  overscroll-behavior:contain;
}
#productModal .close{position:absolute;top:16px;right:16px;float:none;margin:0;width:44px;height:44px;box-shadow:none}
#productModal .eyebrow{font-size:.7rem;letter-spacing:.08em;margin:0 52px 5px 0}
#productModal h2{font-size:2rem;line-height:1.1;margin-right:44px;overflow-wrap:anywhere}
#productModal .option-card>p:not(.eyebrow){font-size:.82rem;line-height:1.45;margin:8px 0 16px}
#productModal fieldset{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:0;padding:0;margin:0 0 16px;min-width:0}
#productModal legend{font-size:.82rem;padding:0 0 9px}
#productModal fieldset label{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;
  gap:12px;min-width:0;min-height:44px;padding:10px 8px;
  border:0;border-bottom:1px solid rgba(101,100,52,.13);border-radius:0;
  background:transparent;font-size:.8rem;font-weight:500;line-height:1.35;cursor:pointer;
}
#productModal fieldset label:last-child{border-bottom-color:transparent}
#productModal fieldset label span{overflow-wrap:anywhere}
#productModal fieldset label b{font-size:.76rem;font-weight:600;white-space:nowrap}
#productModal fieldset input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#productModal fieldset label::after{content:'';grid-column:3;width:20px;height:20px;border:1.5px solid rgba(101,100,52,.35);border-radius:50%;background:rgba(255,255,255,.4);pointer-events:none;display:grid;place-items:center;line-height:1}
#productModal fieldset label:has(input:checked){background:rgba(169,99,59,.09);border-radius:8px;border-bottom-color:transparent}
#productModal fieldset label:has(input:checked)::after{content:'✓';background:var(--terracotta);border-color:var(--terracotta);color:white;font-size:.75rem;font-weight:800}
#productModal fieldset label:has(input:focus-visible){outline:2px solid var(--olive);outline-offset:2px;border-radius:8px}
#productModal .product-request{margin:0;padding:0;border:0;border-radius:0;background:none;font-size:.7rem;letter-spacing:.04em}
#productModal .product-request textarea{min-height:68px;height:68px;margin:7px 0 5px;padding:10px 12px;border-radius:12px;font-size:16px;font-weight:400;resize:none;overflow-y:auto}
#productModal .product-request small{font-size:.68rem}
#productModal .pay{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin-top:16px;padding:12px 16px;border-radius:14px;font-size:.86rem;line-height:1.3}
#productModal .pay span{white-space:nowrap}
@media(max-width:480px){
  #productModal{padding:12px}
  #productModal .option-card{padding:18px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:22px}
}

/* Product toevoegen: olijfgroene actie met afzonderlijke totaalprijs. */
#productModal #addConfigured{
  display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;
  min-height:56px;padding:8px 9px 8px 16px;border:1px solid rgba(57,54,29,.18);
  border-radius:17px;background:var(--olive);color:var(--beige);text-align:left;
  box-shadow:0 -8px 16px var(--site-bg),0 5px 12px rgba(57,54,29,.12);
}
#productModal #addConfigured img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(94%) sepia(14%) saturate(290%) hue-rotate(350deg)}
#productModal #addConfigured strong{font-size:.85rem;font-weight:700;line-height:1.25}
#productModal #addConfigured span{display:grid;place-items:center;min-height:38px;padding:8px 12px;border-radius:11px;background:var(--beige);color:var(--olive);font-size:.88rem;font-weight:800;white-space:nowrap}
#productModal #addConfigured:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}
@media(hover:hover){#productModal #addConfigured:hover{background:#555429}}
#productModal #addConfigured:active{background:#4c4b25}

/* Productkaarten: volle breedte voor extra’s, aantal en opmerkingen. */
.cart .cart-row.cart-item-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:16px!important;border:1px solid rgba(101,100,52,.16)!important;border-radius:22px!important;background:rgba(255,252,244,.55)!important;box-shadow:0 5px 16px rgba(57,54,29,.05)!important}
.cart-item-heading{display:grid;grid-template-columns:66px minmax(0,1fr);gap:13px;align-items:center}
.cart .cart-item-heading>img{width:66px;height:74px;border-radius:13px;object-fit:cover}
.cart .cart-item-card h4{font-family:'Chatara Regular','Poppins',Arial,sans-serif;font-size:1.8rem!important;line-height:1.05!important;margin:0 0 6px;overflow-wrap:anywhere}
.cart .cart-item-card .cart-line-description{font-size:.76rem!important;line-height:1.45!important;font-weight:400;margin:0;color:var(--olive)}
.cart .cart-item-card .cart-line-options{width:100%;margin:0;padding:12px 0 0;gap:6px}
.cart .cart-item-card .cart-line-options>span{font-size:.62rem!important;font-weight:700}
.cart .cart-item-card .cart-line-options li{font-size:.8rem!important;padding:4px 0;border:0}
.cart .cart-item-card .cart-line-options li em{font-size:.78rem!important}
.cart-item-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;border-top:1px solid rgba(101,100,52,.16)}
.cart .cart-item-card .quantity{display:flex;align-items:center;gap:0;margin:0!important;border:1px solid rgba(101,100,52,.23);border-radius:999px;background:rgba(233,226,210,.65);overflow:hidden}
.cart .cart-item-card .quantity button{width:44px!important;height:44px!important;border:0;border-radius:0;background:transparent;color:var(--olive);box-shadow:none;font-size:1.15rem!important}
.cart .cart-item-card .quantity span{min-width:28px;text-align:center;font-weight:700;font-size:.88rem}
.cart-item-total{display:grid;gap:2px;text-align:right}
.cart-item-total small{font-size:.64rem;color:var(--olive);font-weight:500}
.cart-item-total b{color:var(--terracotta);font-size:1.18rem;line-height:1.2}
.cart .cart-item-card .cart-line-request{width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:6px!important}
.cart .cart-item-card .cart-line-request>span{color:var(--olive);font-size:.62rem!important;letter-spacing:.04em}
.cart .cart-item-card .cart-line-request>span::before{content:none}
.cart .cart-item-card .cart-line-request textarea{resize:none;overflow-y:auto;min-height:58px!important;height:58px;padding:9px 11px;font-size:16px!important;font-weight:400;border:1px solid rgba(101,100,52,.2);border-radius:12px;background:rgba(255,255,255,.45)}
.cart .cart-item-card .cart-line-request textarea::placeholder{font-weight:400;font-size:.8rem}
.cart .cart-item-card button:focus-visible,.cart .cart-item-card textarea:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px}

/* Algemene bestelopmerking: vaste grootte, intern scrollbaar. */
.modern-order-form .note-field textarea{resize:none;overflow-y:auto}

/* Zelfde actieknop als productkeuze, met herkenbare totaalprijs. */
.modern-order-form .modern-pay{
  display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;
  align-items:center;gap:10px!important;width:100%!important;max-width:none!important;
  min-height:56px!important;padding:8px 9px 8px 16px!important;
  border:1px solid rgba(57,54,29,.18)!important;border-radius:17px!important;
  background:var(--olive)!important;color:var(--beige);text-align:left;
  box-shadow:0 5px 12px rgba(57,54,29,.12)!important;
}
.modern-order-form .modern-pay::before{
  content:'';width:24px;height:24px;background:url('/brand/basket.png') center/contain no-repeat;
  filter:brightness(0) invert(94%) sepia(14%) saturate(290%) hue-rotate(350deg);pointer-events:none;
}
.modern-order-form .modern-pay b{font-size:.85rem!important;font-weight:700!important;line-height:1.25}
.modern-order-form .modern-pay span{
  min-height:38px!important;padding:8px 12px!important;border-radius:11px!important;
  background:var(--beige)!important;color:var(--olive)!important;
  font-size:.88rem!important;font-weight:800;white-space:nowrap;
}
.modern-order-form .modern-pay.is-ready:not(:disabled){animation:none!important}
.modern-order-form .modern-pay.is-ready:not(:disabled):hover{background:#555429!important;transform:none!important;filter:none!important}
.modern-order-form .modern-pay.is-ready:not(:disabled):focus-visible{outline:3px solid var(--terracotta)!important;outline-offset:3px!important}
.modern-order-form .modern-pay:disabled{opacity:.48!important;box-shadow:none!important}

/* Veldfeedback maakt duidelijk waarom afrekenen nog niet beschikbaar is. */
.modern-order-form .checkout-required-note{margin:-4px 0 14px;color:var(--olive);font-size:.75rem;font-weight:400;line-height:1.4}
.modern-order-form .form-grid{align-items:start}
.modern-order-form .checkout-field-feedback{display:block;margin:7px 2px 0;padding-left:9px;border-left:2px solid var(--terracotta);color:#8f4d2c;font-size:.72rem;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none}
.modern-order-form .checkout-field-feedback[hidden]{display:none}
.modern-order-form .checkout-field-error input{border-color:var(--terracotta)!important;box-shadow:0 0 0 2px rgba(169,99,59,.1)!important}