@font-face{font-family:"League Spartan";src:url("fonts/LeagueSpartan-Light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"League Spartan";src:url("fonts/LeagueSpartan-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"League Spartan";src:url("fonts/LeagueSpartan-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"League Spartan";src:url("fonts/LeagueSpartan-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"League Spartan";src:url("fonts/LeagueSpartan-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Soligant";src:url("fonts/Soligant.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Beth Ellen";src:url("fonts/Beth-Ellen-2.0.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1eb;color:#272324;font-family:"League Spartan",Arial,sans-serif}.hero{min-height:960px;background:url('assets/fondo.jpg') center top/cover no-repeat;position:relative;padding-top:24px;overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(transparent,#f5f1eb)}nav{display:flex;gap:10px;justify-content:center;position:relative;z-index:5}nav a{background:#f8f5ee;color:#353130;text-decoration:none;padding:4px 16px;border-radius:20px;font-size:13px}.sun{position:absolute;left:20px;top:8px;color:white;font-size:55px;line-height:1}.hero h1{text-align:center;color:white;font-family:"Soligant","Bodoni 72","Didot",serif;font-weight:400;font-size:64px;letter-spacing:-2px;margin:125px 0 90px}.order-wrap{position:relative;width:100%;aspect-ratio:1447/804}.pink-shape{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.order-card{position:relative;z-index:2;height:100%;max-width:1050px;margin:auto;padding:clamp(75px,10vw,150px) 70px 70px}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.info p{margin:0;font-size:18px}.info p:nth-child(2){text-align:center}.info p:nth-child(3){text-align:right}.actions{display:flex;justify-content:center;gap:15px;margin-top:60px}.actions a{min-width:180px;text-align:center;padding:12px 24px;border-radius:30px;text-decoration:none;font-size:13px}.order{background:#00d565;color:white}.menu-btn{border:1px solid #302a29;color:#302a29;background:#f7f1df}.tagline{position:relative;z-index:3;text-align:center;color:#ffe9f0;font-family:"Beth Ellen","Segoe Print",cursive;font-size:50px;margin-top:75px}main{position:relative;z-index:4;max-width:1180px;margin:-5px auto 0;padding:50px 22px 100px}.mark{display:block;width:120px;height:auto;margin:0 auto 65px}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.videos div{aspect-ratio:.68;background:#923d58;display:grid;place-content:center;text-align:center;font-size:28px;font-weight:bold}.menu{text-align:center;padding-top:70px}.menu h2,.about h2{color:#923d58;font-size:31px;margin-bottom:25px}.intro{color:#923d58;font-size:17px}.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:50px auto 35px}.tabs button{font:700 14px "League Spartan",Arial,sans-serif;border:1px solid #923d58;color:#923d58;background:transparent;border-radius:999px;padding:11px 18px;cursor:pointer}.tabs button.active,.tabs button:hover{background:#923d58;color:#fff}.products{display:none;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.products.active{display:grid}.products article{background:#f7c8d9;padding:14px 14px 20px}.products article.wide{grid-column:1/-1;max-width:720px;width:100%;margin:auto}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:7px;aspect-ratio:4/3;margin-bottom:16px;background:#eadde0}.gallery img,.gallery video{min-width:100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}.gallery.placeholder{display:grid;place-items:center;color:#9b7d87;font-size:13px}.products h3{font-size:18px;margin:0 0 8px}.products h3 span{float:right;font-weight:400}.products p{line-height:1.45;margin:7px 0}.gift{margin-top:18px!important;font-weight:700}.quick-info{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:90px 0 30px}.quick-info div{background:#f7c8d9;border-radius:22px;padding:22px 18px;min-height:180px}.quick-info b{color:#923d58}.quick-info p{font-size:13px;line-height:1.5}.about{text-align:center;padding:90px 0 20px}.envelope{position:relative;max-width:780px;margin:70px auto 0;padding:0 60px 70px;background:#f0b9cb;border-radius:10px 10px 28px 28px;box-shadow:0 20px 45px #6e39401f}.envelope:before{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(145deg,transparent 49%,#e7a5bb 50%) left/50% 100% no-repeat,linear-gradient(215deg,transparent 49%,#e7a5bb 50%) right/50% 100% no-repeat}.letter{position:relative;z-index:2;transform:translateY(-42px);background:#fffdf8;padding:55px 70px;text-align:left;box-shadow:0 12px 30px #6e39401a}.letter h3{text-align:center;letter-spacing:3px;color:#923d58}.letter p{line-height:1.7}.signature{text-align:right;font-family:"Beth Ellen","Segoe Print",cursive;font-size:22px;color:#923d58}
@media(max-width:800px){.quick-info{grid-template-columns:1fr 1fr}.letter{padding:40px 32px}.envelope{padding-left:30px;padding-right:30px}}
@media(max-width:700px){.hero{min-height:900px}.hero h1{font-size:48px;margin:110px 0 70px}.order-card{padding:clamp(70px,12vw,95px) 32px 45px}.info{gap:18px}.info p{font-size:12px}.actions{margin-top:48px}.actions a{min-width:0;padding:10px 20px}.tagline{font-size:35px;margin-top:55px}.videos{gap:12px}.videos div{font-size:18px}.mark{width:90px}.menu{padding-top:45px}.tabs{gap:7px}.tabs button{font-size:11px;padding:9px 12px}.products{grid-template-columns:1fr 1fr;gap:12px}.products article{padding:10px}.products h3{font-size:14px}.products p{font-size:12px}.sun{font-size:42px}}
@media(max-width:430px){.hero h1{font-size:40px}.order-card{padding-left:22px;padding-right:22px}.info{gap:10px}.info p{font-size:10px}.products{grid-template-columns:1fr}.videos div{font-size:15px}.intro{font-size:14px}.quick-info{grid-template-columns:1fr}.envelope{padding:0 16px 45px}.letter{padding:32px 22px}.letter p{font-size:13px}}
/* Final Mila Werk refinements */
.hero h1{margin-bottom:12px}.hero-subtitle{position:relative;z-index:3;text-align:center;margin:0 0 58px;color:#fff;font-family:"League Spartan",Arial,sans-serif;font-size:13px;letter-spacing:2.2px;font-weight:600}.sun{display:none}.sun-mayo{position:absolute;left:24px;top:18px;width:54px;height:54px;z-index:6}.sun-mayo span,.sun-mayo:before{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%)}.sun-mayo span{width:20px;height:20px;border-radius:50%;background:#f5c84c;box-shadow:0 0 0 2px rgba(255,255,255,.45)}.sun-mayo:before{width:52px;height:52px;background:repeating-conic-gradient(from 0deg,#f5c84c 0 4deg,transparent 4deg 15deg);border-radius:50%}.order-wrap{width:min(88%,1120px);margin:0 auto;aspect-ratio:1447/804}.pink-shape{filter:drop-shadow(0 8px 18px rgba(91,51,64,.08));image-rendering:auto}.order-card{max-width:900px;padding-left:55px;padding-right:55px}.info{justify-items:center}.info p{text-align:center!important}.tagline{font-family:"League Spartan",Arial,sans-serif;font-size:20px;letter-spacing:4px;text-transform:uppercase;margin-top:48px}.gallery{position:relative;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.products article:has(.gallery img:nth-child(2)) .gallery:after{content:"›";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(248,245,238,.82);color:#432914;font:300 27px/1 Georgia,serif;pointer-events:none;box-shadow:0 2px 9px rgba(67,41,20,.12)}.gallery img{cursor:zoom-in}.prices{margin-top:12px!important;padding-top:10px;border-top:1px solid rgba(67,41,20,.18)}
.quick-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 34px;margin:105px auto 45px;max-width:1050px}.quick-info .cloud{width:290px;min-height:210px;padding:54px 44px 42px;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative;border-radius:48% 52% 46% 54% / 55% 44% 56% 45%;box-shadow:none}.quick-info .cloud:before,.quick-info .cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;z-index:-1}.quick-info .cloud:before{width:105px;height:105px;left:-25px;top:52px}.quick-info .cloud:after{width:115px;height:115px;right:-26px;top:45px}.quick-info .blue{background:#BAD6FD;color:#183043}.quick-info .parchment{background:#F3EAD9;color:#432914}.quick-info .brown{background:#432914;color:#F3EAD9}.quick-info .cloud b{color:inherit;font-size:16px;letter-spacing:.8px}.quick-info .cloud p{font-size:12px;line-height:1.5;margin-bottom:0}.quick-info .cloud:nth-child(2),.quick-info .cloud:nth-child(4){transform:translateY(16px)}
.about{padding-top:100px}.envelope{position:relative;max-width:760px;margin:90px auto 20px;padding:0 70px 82px;background:#d9c9ad;border-radius:6px 6px 18px 18px;box-shadow:0 20px 45px rgba(67,41,20,.12);overflow:visible}.envelope:before{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:49%;background:linear-gradient(145deg,transparent 49.4%,#cdbb9c 50%) left/50% 100% no-repeat,linear-gradient(215deg,transparent 49.4%,#cdbb9c 50%) right/50% 100% no-repeat}.envelope:after{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:48%;background:linear-gradient(35deg,transparent 49%,#e5d8c2 50%) left/50% 100% no-repeat,linear-gradient(-35deg,transparent 49%,#e5d8c2 50%) right/50% 100% no-repeat}.letter{position:relative;z-index:2;transform:translateY(-62px) rotate(-.35deg);background:#F3EAD9;padding:58px 70px 76px;text-align:left;box-shadow:0 8px 24px rgba(67,41,20,.10);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.letter h3{color:#432914}.signature{color:#432914}
.lightbox{position:fixed;inset:0;background:rgba(39,35,36,.78);z-index:100;display:none;align-items:center;justify-content:center;padding:5vw;backdrop-filter:blur(6px)}.lightbox.open{display:flex}.lightbox img{max-width:min(900px,86vw);max-height:86vh;object-fit:contain;border-radius:3px;box-shadow:0 20px 70px rgba(0,0,0,.28)}.lightbox button{position:absolute;border:0;background:rgba(243,234,217,.92);color:#432914;width:38px;height:38px;border-radius:50%;cursor:pointer;font:300 28px/1 Georgia,serif}.lightbox-close{right:28px;top:24px;font-family:Arial,sans-serif!important;font-size:24px!important}.lightbox-prev{left:28px;top:50%}.lightbox-next{right:28px;top:50%}
@media(max-width:700px){.hero-subtitle{font-size:10px;letter-spacing:1.4px;margin-bottom:40px}.sun-mayo{width:42px;height:42px;left:15px;top:14px}.sun-mayo:before{width:42px;height:42px}.sun-mayo span{width:16px;height:16px}.order-wrap{width:94%}.tagline{font-size:15px;letter-spacing:2.5px}.quick-info{gap:20px;margin-top:75px}.quick-info .cloud{width:245px;min-height:180px;padding:45px 34px}.quick-info .cloud:nth-child(2),.quick-info .cloud:nth-child(4){transform:none}.envelope{margin-top:75px;padding:0 24px 55px}.letter{padding:42px 28px 60px;transform:translateY(-48px)}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{right:12px;top:12px}}
/* requested hero + product modal refinements */
.hero{min-height:1080px;background-position:center 28%;background-size:auto 1120px}
.order-wrap{width:100%;max-width:none;margin-left:0;margin-right:0}
.hero:after{height:95px}
.tagline{font-family:"Beth Ellen","Segoe Print",cursive!important;text-transform:none;letter-spacing:.5px;font-size:34px;color:#fff;margin-top:62px}
.sun-mayo span{background:#fff;box-shadow:none}.sun-mayo:before{background:repeating-conic-gradient(from 0deg,#fff 0 4deg,transparent 4deg 15deg)}
.gallery:after{pointer-events:auto!important;cursor:pointer}
.lightbox{padding:4vw}.lightbox-panel{width:min(1120px,92vw);height:min(760px,86vh);background:#fffaf0;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.3)}.lightbox-media{position:relative;background:#eee;min-width:0}.lightbox-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0;box-shadow:none}.lightbox-info{padding:54px 48px;overflow:auto;color:#432914}.lightbox-info h2{font-family:"Soligant","Bodoni 72","Didot",serif;font-size:36px;font-weight:400;margin:0 0 22px}.lightbox-info p{font-size:16px;line-height:1.7}.lightbox-info .modal-price{font-size:22px;font-weight:700;margin-bottom:24px}.lightbox-prev,.lightbox-next{top:50%;z-index:3}.lightbox-close{z-index:4}.lightbox-prev{left:16px}.lightbox-next{right:16px}
@media(max-width:700px){.hero{min-height:980px;background-size:auto 1000px}.order-wrap{width:100%}.tagline{font-size:25px;margin-top:50px}.lightbox-panel{height:88vh;grid-template-columns:1fr;grid-template-rows:58% 42%;border-radius:16px}.lightbox-info{padding:25px 24px}.lightbox-info h2{font-size:28px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
/* Hero corrections: full-width photo, banner keeps its vertical size */
.hero{min-height:1220px;background-size:100% auto;background-position:center top;background-repeat:no-repeat}
.order-wrap{width:100vw;max-width:none;height:min(488px,33.7vw);min-height:360px;aspect-ratio:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:visible}
.pink-shape{width:100%;height:100%;object-fit:fill;object-position:center}
.order-card{height:100%;padding-top:clamp(62px,7.5vw,108px);padding-bottom:45px}
.tagline{margin-top:58px;height:auto;display:flex;justify-content:center;align-items:center}
.tagline img{display:block;width:min(760px,78vw);height:auto;max-height:145px;object-fit:contain}
.sun-mayo span{background:#fff!important;box-shadow:none!important}.sun-mayo:before{background:repeating-conic-gradient(from 0deg,#fff 0 4deg,transparent 4deg 15deg)!important}
.products article:has(.gallery img:nth-child(2)) .gallery:after{display:none!important}
.gallery-next{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5;width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(248,245,238,.88);color:#432914;font:300 27px/1 Georgia,serif;cursor:pointer;box-shadow:0 2px 9px rgba(67,41,20,.12);padding:0}
@media(max-width:700px){.hero{min-height:1020px;background-size:100% auto}.order-wrap{height:390px;min-height:390px}.tagline{margin-top:45px}.tagline img{width:88vw;max-height:100px}}

/* Banner rosa — referencia 16/09: mismo tamaño, scallops pequeños y repetidos */
.order-wrap{position:relative;background:#F8DDE7;overflow:visible}
.order-wrap .pink-shape{display:none!important}
.order-wrap:before,.order-wrap:after{content:"";position:absolute;left:0;width:100%;height:24px;z-index:0;background-size:48px 24px;background-repeat:repeat-x;pointer-events:none}
.order-wrap:before{top:-23px;background-image:radial-gradient(circle at 24px 24px,#F8DDE7 23px,transparent 24px)}
.order-wrap:after{bottom:-23px;background-image:radial-gradient(circle at 24px 0,#F8DDE7 23px,transparent 24px)}
.order-card{position:relative;z-index:2}
.order-card .info{align-items:start}
.order-card .info p{color:#272324}
.order-card .info i{font-style:italic;font-weight:400}
@media(max-width:700px){.order-wrap:before,.order-wrap:after{height:18px;background-size:36px 18px}.order-wrap:before{top:-17px;background-image:radial-gradient(circle at 18px 18px,#F8DDE7 17px,transparent 18px)}.order-wrap:after{bottom:-17px;background-image:radial-gradient(circle at 18px 0,#F8DDE7 17px,transparent 18px)}}

/* Latest requested menu refinements */
.order-wrap{background:#FCEAF1}
.order-wrap:before{background-image:radial-gradient(circle at 24px 24px,#FCEAF1 23px,transparent 24px)}
.order-wrap:after{background-image:radial-gradient(circle at 24px 0,#FCEAF1 23px,transparent 24px)}
.products article{background:#E5D8C2}
.gallery img,.gallery video{object-position:center center!important}
.lightbox-media{display:flex;align-items:center;justify-content:center;background:#eee7dc}
.lightbox-media img{object-fit:contain!important;object-position:center center!important}
.quick-info{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;max-width:1100px;margin:100px auto 45px;align-items:start}
.quick-info>div{background:none!important;border:0!important;border-radius:0!important;min-height:0!important;padding:0!important;text-align:left!important;color:#432914!important;transform:none!important}
.quick-info>div:before,.quick-info>div:after{display:none!important}
.quick-info b{display:block;color:#923d58!important;font-size:14px;letter-spacing:.7px;margin-bottom:10px}
.quick-info p{font-size:12px;line-height:1.55;margin:0}
@media(max-width:800px){.quick-info{grid-template-columns:1fr 1fr;gap:28px 22px}}
@media(max-width:430px){.quick-info{grid-template-columns:1fr}}
@media(max-width:700px){.order-wrap:before{background-image:radial-gradient(circle at 18px 18px,#FCEAF1 17px,transparent 18px)}.order-wrap:after{background-image:radial-gradient(circle at 18px 0,#FCEAF1 17px,transparent 18px)}}

/* Photo framing fix — keep every product fully visible and centered */
.gallery{background:#eee7dc;align-items:center}
.gallery img,.gallery video{object-fit:contain!important;object-position:50% 50%!important;display:block;margin:auto;background:#eee7dc}
.lightbox-media{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;background:#eee7dc}
.lightbox-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important;display:block!important;margin:auto!important}

/* Menu copy + social closing */
.servings{margin-top:14px!important;font-size:12px!important;letter-spacing:.4px;color:#923d58;font-weight:700}.portion-note{margin-top:12px!important;font-style:italic}.social-close{text-align:center;max-width:760px;margin:115px auto 10px;padding:65px 24px 20px;border-top:1px solid rgba(67,41,20,.18)}.closing-script{font-family:"Beth Ellen","Segoe Print",cursive;font-size:34px;line-height:1.45;color:#923d58;margin:0 0 24px}.instagram-link{display:inline-block;color:#432914;font-weight:700;text-decoration:none;font-size:17px;margin-bottom:14px}.social-close>p:not(.closing-script){max-width:540px;margin:0 auto 28px;font-size:13px;line-height:1.7}.footer-order{display:inline-block;background:#923d58;color:#fff;text-decoration:none;padding:12px 25px;border-radius:28px;font-size:12px;letter-spacing:.7px}.floating-order{position:fixed;right:22px;bottom:22px;z-index:80;background:#923d58;color:white;text-decoration:none;border-radius:999px;padding:13px 19px;font-size:11px;letter-spacing:.8px;box-shadow:0 6px 22px rgba(67,41,20,.22)}@media(max-width:700px){.closing-script{font-size:26px}.social-close{margin-top:80px;padding-top:50px}.floating-order{right:14px;bottom:14px;padding:12px 16px}}

/* 2026-09 refinements */
.servings{font-family:"League Spartan",Arial,sans-serif!important;font-weight:700!important}
.closing-script{font-family:"Soligant","Bodoni 72","Didot",serif!important;letter-spacing:.02em}
/* Fill the photo area while preserving the complete product: the same photo softly extends behind it. */
.gallery{background:#e9e0d4!important;gap:0!important}
.photo-frame{position:relative;min-width:100%;width:100%;height:100%;overflow:hidden;scroll-snap-align:start;display:grid;place-items:center;background-position:center;background-size:cover;background-repeat:no-repeat}
.photo-frame:before{content:"";position:absolute;inset:-18px;background:inherit;filter:blur(16px);transform:scale(1.08);opacity:.88}
.photo-frame:after{content:"";position:absolute;inset:0;background:rgba(245,241,235,.08)}
.photo-frame img{position:relative;z-index:2;min-width:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;margin:0!important}
.lightbox-media{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;overflow:hidden}
.lightbox-media:before{content:"";position:absolute;inset:-22px;background:inherit;filter:blur(20px);transform:scale(1.08);opacity:.9}
.lightbox-media:after{content:"";position:absolute;inset:0;background:rgba(245,241,235,.08);z-index:1}
.lightbox-media img{position:relative!important;z-index:2!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.lightbox-media button{z-index:4!important}
/* 2026-09-16 final pending changes */
.photo-frame{background-image:none!important;background:#e9e0d4!important}.photo-frame:before,.photo-frame:after{display:none!important}.photo-frame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 58%!important}.photo-frame img[src*="IMG_4924"],.photo-frame img[src*="IMG_4887"]{object-position:50% 68%!important}.photo-frame img[src*="IMG_2092"],.photo-frame img[src*="IMG_2091"]{object-position:50% 70%!important}.photo-frame img[src*="IMG_5476"],.photo-frame img[src*="IMG_4471"],.photo-frame img[src*="IMG_4462"],.photo-frame img[src*="IMG_8511"]{object-position:50% 66%!important}
.lightbox-media{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.lightbox-media:before{display:block!important;content:"";position:absolute;inset:-28px;background:inherit;filter:blur(22px);transform:scale(1.12);opacity:1!important;z-index:0}.lightbox-media:after{display:none!important}.lightbox-media img{object-fit:contain!important;object-position:center!important;z-index:2!important}
.servings,.modal-description p:last-child{font-family:"League Spartan",Arial,sans-serif!important;font-weight:700!important}
.videos{max-width:1120px;margin-left:auto;margin-right:auto;overflow:visible}.video-card{aspect-ratio:9/16!important;background:#e5d8c2!important;overflow:hidden;display:block!important}.video-card video{width:100%;height:100%;display:block;object-fit:cover}.video-dots{display:none}@media(max-width:700px){.videos{display:flex!important;gap:14px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 7vw 8px;margin:0;scrollbar-width:none}.videos::-webkit-scrollbar{display:none}.video-card{flex:0 0 82vw;scroll-snap-align:center}.video-dots{display:flex;justify-content:center;gap:7px;margin:13px 0 0}.video-dots span{width:5px;height:5px;border-radius:50%;background:#c9b8a3}.video-dots span.active{background:#923d58}}

/* Final menu-card photo treatment: show the full original photo, never crop the product. */
.photo-frame{position:relative!important;overflow:hidden!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.photo-frame:before{display:block!important;content:""!important;position:absolute!important;inset:-24px!important;background:inherit!important;filter:blur(18px)!important;transform:scale(1.14)!important;opacity:.78!important;z-index:0!important}
.photo-frame:after{display:block!important;content:""!important;position:absolute!important;inset:0!important;background:rgba(245,241,235,.08)!important;z-index:1!important;pointer-events:none!important}
.photo-frame img{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;min-width:0!important;object-fit:contain!important;object-position:center center!important;background:transparent!important;margin:0!important}
\n/* FINAL MENU CARD CROPS — product-centered cover crops. Lightbox remains unchanged. */
.products .gallery .photo-frame{background:#e9e0d4!important;overflow:hidden!important;}
.products .gallery .photo-frame:before,.products .gallery .photo-frame:after{display:none!important;}
.products .gallery .photo-frame>img{width:100%!important;height:100%!important;min-width:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 50%!important;background:transparent!important;margin:0!important;}
/* Individual focal points for portrait originals: center the PRODUCT, not the source frame. */
.products .photo-frame>img[src*="IMG_5476"]{object-position:50% 67%!important;} /* Chocotorta */
.products .photo-frame>img[src*="IMG_4924"]{object-position:50% 57%!important;} /* Patagonia */
.products .photo-frame>img[src*="IMG_2092"]{object-position:50% 72%!important;} /* Lemon pie */
.products .photo-frame>img[src*="IMG_8549"]{object-position:50% 73%!important;} /* Coco */
.products .photo-frame>img[src*="IMG_7749"]{object-position:50% 58%!important;} /* Brownie */
.products .photo-frame>img[src*="IMG_4626"]{object-position:50% 62%!important;} /* Frutillas */
.products .photo-frame>img[src*="IMG_8939"]{object-position:50% 64%!important;} /* Key lime */
.products .photo-frame>img[src*="IMG_7419"]{object-position:50% 64%!important;} /* Celebration */
.products .photo-frame>img[src*="IMG_8290"]{object-position:50% 65%!important;} /* Käsekuchen */
.products .photo-frame>img[src*="IMG_8169"]{object-position:50% 60%!important;} /* Carrot */
.products .photo-frame>img[src*="IMG_8171"]{object-position:50% 58%!important;} /* Pastafrola */
.products .photo-frame>img[src*="IMG_8523"]{object-position:50% 58%!important;} /* Minis */
.products .photo-frame>img[src*="12216DCC"]{object-position:50% 55%!important;} /* Alfajores */
.products .photo-frame>img[src*="IMG_1473"]{object-position:50% 59%!important;} /* Chipa */
.products .photo-frame>img[src*="IMG_7339"]{object-position:50% 64%!important;} /* Medialunas chosen cover */
.products .photo-frame>img[src*="IMG_5575"]{object-position:50% 58%!important;} /* Empanadas */
.products .photo-frame>img[src*="IMG_9265"]{object-position:50% 58%!important;} /* Breakfast box */

/* Final three approved card-cover adjustments */
.products .photo-frame>img[src*="IMG_7419"]{object-position:50% 56%!important;} /* Celebration Cake */
.products .photo-frame>img[src*="12216DCC"]{object-position:50% 50%!important;} /* Caja de Alfajores */
.products .photo-frame>img[src*="IMG_8522"]{object-position:50% 55%!important;} /* Minis — second, wider photo */

/* Sept 17 updates */
.corner-logo{position:absolute;left:20px;top:14px;width:58px;height:58px;object-fit:contain;z-index:6;filter:brightness(0) invert(1);opacity:1}
.cold-note{font-size:12px!important;font-weight:700;color:#923d58;margin-top:10px!important}
.products .photo-frame>img[src*="IMG_4471"]{object-position:50% 58%!important;} /* new Chocotorta cover */
.products .photo-frame>img[src*="IMG_9359"]{object-position:50% 58%!important;} /* Brownie raspberry cover */
@media(max-width:700px){.corner-logo{left:15px;top:14px;width:42px;height:42px}}

/* 2026-09-17 afternoon refinements */
/* Shorter scalloped banner, same full width and proportions of its contents. */
.order-wrap{height:min(410px,28.4vw)!important;min-height:320px!important}
.order-card{padding-top:clamp(58px,7.5vw,108px)!important;padding-bottom:48px!important}
.actions{margin-top:42px!important}
@media(max-width:700px){.order-wrap{height:350px!important;min-height:350px!important}.order-card{padding-top:64px!important;padding-bottom:36px!important}.actions{margin-top:36px!important}}

/* Logo follows the visitor while scrolling. */
.corner-logo{position:fixed!important;left:20px!important;top:14px!important;z-index:100!important;transition:width .2s ease,height .2s ease,filter .2s ease,opacity .2s ease}
body.scrolled .corner-logo{width:46px!important;height:46px!important;filter:brightness(0) invert(1) drop-shadow(0 1px 5px rgba(67,41,20,.28))!important}
@media(max-width:700px){.corner-logo{left:15px!important;top:14px!important;width:42px!important;height:42px!important}body.scrolled .corner-logo{width:36px!important;height:36px!important}}

/* Baked cards: divider/prices start at the same vertical level. */
#baked article{display:flex;flex-direction:column}
#baked article>.gallery{flex:0 0 auto}
#baked article>h3{flex:0 0 auto}
#baked article>p:not(.prices){min-height:94px}
#baked article>.prices{margin-top:auto!important;width:100%}
@media(max-width:700px){#baked article>p:not(.prices){min-height:0}}

/* Important cake facts match the modal: black, bold, same order. */
.servings,.cold-note{font-family:"League Spartan",Arial,sans-serif!important;font-weight:700!important;color:#111!important;font-size:12px!important;letter-spacing:.35px!important}
.servings{margin-top:14px!important;margin-bottom:5px!important}.cold-note{margin-top:5px!important}
.modal-description .servings,.modal-description .cold-note,.modal-description p:has(.servings){color:#111!important;font-weight:700!important}
.language-placeholder{cursor:default}

/* 2026-09-17 evening refinements */
/* Hero crop: keep the dough behind the pink banner and let the floured counter show above/below. */
.hero{background-position:center 38%!important}
@media(max-width:700px){.hero{background-position:center 42%!important}}

/* Build Ä from the display-font A plus a manually positioned umlaut. */
.custom-a-umlaut{position:relative;display:inline-block;font:inherit;letter-spacing:inherit}
.custom-a-umlaut:before,.custom-a-umlaut:after{content:"";position:absolute;width:.105em;height:.105em;border-radius:50%;background:currentColor;top:-.08em}
.custom-a-umlaut:before{left:.27em}.custom-a-umlaut:after{right:.25em}

/* Minis, alfajores and breakfast: lighter editorial horizontal cards on desktop. */
#minis article.wide,#alfajores article.wide,#breakfast article.wide{max-width:980px!important;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto;column-gap:30px;align-items:start;padding:18px 22px 18px 18px!important}
#minis article.wide>.gallery,#alfajores article.wide>.gallery,#breakfast article.wide>.gallery{grid-column:1;grid-row:1 / span 8;margin:0!important;aspect-ratio:4/3;align-self:stretch}
#minis article.wide>h3,#minis article.wide>p,#alfajores article.wide>h3,#alfajores article.wide>p,#breakfast article.wide>h3,#breakfast article.wide>p{grid-column:2}
#minis article.wide>h3,#alfajores article.wide>h3,#breakfast article.wide>h3{margin-top:4px}
@media(max-width:700px){
 #minis article.wide,#alfajores article.wide,#breakfast article.wide{display:block;padding:10px!important;max-width:100%!important}
 #minis article.wide>.gallery,#alfajores article.wide>.gallery,#breakfast article.wide>.gallery{aspect-ratio:4/3;margin-bottom:14px!important}
}

/* Alfajores new cover focal point (second gallery photo). */
#alfajores .photo-frame>img[src*="IMG_7082"]{object-position:50% 55%!important}

/* Final social banner: vertical stripes only, with a quiet cream reading panel. */
.social-banner{margin:90px calc(50% - 50vw) 0!important;padding:54px 24px!important;background:repeating-linear-gradient(90deg,#f5eddf 0 52px,#c9c1aa 52px 104px)!important;text-align:center}
.social-panel{max-width:760px;margin:auto;background:rgba(248,243,234,.96);border:1px solid rgba(67,41,20,.42);padding:42px 46px 34px}
.social-banner .closing-script{font-family:"League Spartan",Arial,sans-serif!important;font-size:22px!important;line-height:1.25!important;letter-spacing:1.8px!important;font-weight:700!important;text-transform:uppercase;margin:0 0 18px!important;color:#432914!important}
.social-banner .instagram-link{display:inline-flex;align-items:center;gap:8px;color:#432914!important;font-weight:700;text-decoration:none;margin:0 0 12px}
.instagram-icon{font-size:24px;line-height:1}
.social-banner p{color:#432914;line-height:1.55}
.argentina-doodles{display:block;width:min(330px,78%);height:auto;margin:20px auto 22px;mix-blend-mode:multiply}
.social-banner .footer-order{display:inline-block;margin-top:4px}
@media(max-width:700px){
 .social-banner{padding:34px 16px!important;background:repeating-linear-gradient(90deg,#f5eddf 0 34px,#c9c1aa 34px 68px)!important}
 .social-panel{padding:30px 20px 26px}
 .social-banner .closing-script{font-size:17px!important;letter-spacing:1.2px!important}
 .argentina-doodles{width:min(290px,90%)}
}

/* 17 Sep final corrections: clean social close, no banner/panel patch. */
.social-close.social-banner{max-width:760px!important;margin:95px auto 10px!important;padding:58px 24px 20px!important;background:none!important;border-top:1px solid rgba(67,41,20,.18)!important;text-align:center}
.social-banner .social-panel{max-width:none!important;margin:0!important;background:none!important;border:0!important;padding:0!important}
.closing-script-image{display:block;width:min(560px,92%);height:auto;margin:0 auto 28px}
.social-banner .instagram-link{display:inline-flex;align-items:center;gap:8px;color:#432914!important;font-weight:700;text-decoration:none;margin:0 0 12px}
.social-banner p{color:#432914;line-height:1.55}
.argentina-doodles{display:block;width:min(330px,78%);height:auto;margin:20px auto 22px;mix-blend-mode:multiply}
.kasekuchen-title{font-family:"Soligant","Bodoni 72","Didot",serif!important;font-weight:400!important;letter-spacing:.01em}
@media(max-width:700px){
 .social-close.social-banner{margin-top:75px!important;padding:46px 16px 16px!important;background:none!important}
 .closing-script-image{width:min(420px,94%);margin-bottom:22px}
}

/* 17 Sep late corrections */
/* Hero: hide more of the dough behind the pink banner; show the floured worktop above/below. */
.hero{background-position:center 48%!important}
@media(max-width:700px){.hero{background-position:center 52%!important}}

/* New brownie cover: keep the brownie centered in the general menu card. */
.products .photo-frame>img[src*="brownie-nueva"]{object-position:50% 48%!important}

/* Use the user's lighter handwritten reference for the closing phrase. */
.closing-script-image{width:min(500px,88%)!important;mix-blend-mode:multiply}

/* Clean line Instagram mark. */
.instagram-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}
.instagram-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Keep the hand-built Ä identical in the card and modal. */
.kasekuchen-title .custom-a-umlaut,.lightbox-info h2 .custom-a-umlaut{position:relative;display:inline-block;font:inherit;letter-spacing:inherit}
.lightbox-info h2:has(.custom-a-umlaut){font-family:"Soligant","Bodoni 72","Didot",serif!important;font-weight:400!important}
/* Verified corrections: 18 Sep */
.kasekuchen-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.kasekuchen-wordmark{display:block;width:min(245px,72%);height:auto;object-fit:contain}
.lightbox-info h2 .kasekuchen-wordmark{display:inline-block;width:min(310px,75%);height:auto;vertical-align:middle;margin-right:14px}
.closing-script-image{display:block!important;width:min(520px,92%)!important;height:auto!important;margin:0 auto 28px!important;mix-blend-mode:normal!important}


/* 18 Sep reviewed corrections */
/* Product cards: pale cream-beige, still distinct from the page background. */
.products article{background:#F8F5EC!important}

/* Käsekuchen card matches all other menu headings. */
.products h3.kasekuchen-title{display:block!important;font-family:"League Spartan",Arial,sans-serif!important;font-size:18px!important;font-weight:700!important;letter-spacing:normal!important}
.products h3.kasekuchen-title span{float:right!important;font-weight:400!important}

/* Käsekuchen modal keeps the supplied Soligant wordmark, but at the same visual scale as Celebration Cake, with no image shadow/blur. */
.lightbox-info h2 .kasekuchen-modal-wordmark{display:block!important;width:auto!important;max-width:250px!important;height:38px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;background:transparent!important}

/* Closing handwritten phrase: quieter and smaller. */
.closing-script-image{width:min(360px,72%)!important;margin-bottom:24px!important}

/* Hero photo: return to a more natural crop; the dough remains near the banner without forcing the framing. */
.hero{background-position:center 40%!important}
@media(max-width:700px){
 .products h3.kasekuchen-title{font-size:14px!important}
 .lightbox-info h2 .kasekuchen-modal-wordmark{max-width:220px!important;height:34px!important}
 .closing-script-image{width:min(300px,76%)!important}
 .hero{background-position:center 44%!important}
}

/* 2026-09-17 final requested adjustments */
.products article{background:#E8E3D9!important}
.hero{
  background-image:url('assets/fondo.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% auto!important;
}
@media(max-width:700px){
  .hero{background-position:center top!important;background-size:100% auto!important}
}

/* 2026-09-18 — hero framing matched to the user's layout reference.
   Keep the original photo untouched: the pink banner crosses the dough,
   with clean floured counter above and the lower part of the dough/worktop below. */
.hero{
  background-image:url('assets/fondo.jpg')!important;
  background-size:100% auto!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}
.hero h1{margin-top:82px!important;margin-bottom:10px!important}
.hero-subtitle{margin-bottom:28px!important}
@media(max-width:700px){
  .hero{background-size:100% auto!important;background-position:center top!important}
  .hero h1{margin-top:72px!important;margin-bottom:8px!important}
  .hero-subtitle{margin-bottom:22px!important}
}


/* 2026-09-18 — static proportional hero photo.
   The original photo is now an actual layout image, not a CSS cover background,
   so zoom/resizing scales it proportionally instead of recalculating its crop. */
.hero{
  background-image:none!important;
  position:relative!important;
  overflow:hidden!important;
}
.hero-static-photo{
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  width:100%;
  height:auto;
  max-width:none;
  display:block;
  pointer-events:none;
  user-select:none;
}
.hero nav,.hero .corner-logo,.hero h1,.hero .hero-subtitle,.hero .order-wrap,.hero .tagline{
  position:relative;
  z-index:2;
}

/* 2026-09-18 — requested hero photo: flour-only image without towel.
   Use the full landscape-rotated image with no cover crop / no extra zoom. */
.hero-static-photo{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center top!important;
}

/* 2026-09-18 — lower the pink banner to give MILA WERK more breathing room above. */
.order-wrap{margin-top:95px!important;}
@media(max-width:700px){.order-wrap{margin-top:62px!important;}}

/* 2026-09-18 — restore only the soft transition at the lower edge of the hero photo. */
.hero-static-photo{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.98) 89%,rgba(0,0,0,.78) 93%,rgba(0,0,0,.35) 97%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.98) 89%,rgba(0,0,0,.78) 93%,rgba(0,0,0,.35) 97%,transparent 100%)!important;
}


/* 2026-09-18 — MOBILE REVIEW 1. Desktop intentionally unchanged. */
@media (max-width:700px){
  /* Keep the exact typography stack used by the approved desktop version. */
  body, nav a, .hero-subtitle, .info p, .actions a, .menu h2, .menu .intro,
  .tabs button, .products h3, .products p, .prices, .servings, .cold-note,
  .quick-info, .about, .letter, .lightbox-info, .floating-order{
    font-family:"League Spartan",Arial,sans-serif!important;
  }
  .hero h1{
    font-family:"Soligant","Bodoni 72","Didot",serif!important;
    font-weight:400!important;
  }

  /* Smaller top navigation, matching the light desktop pills. */
  nav{gap:7px!important;padding-top:2px!important}
  nav a{font-size:10px!important;padding:3px 11px!important;border-radius:16px!important;line-height:1.25!important}

  /* Preserve the 4:3 hero image proportionally: no cover crop / no zoom. */
  .hero-static-photo{width:100%!important;height:auto!important;object-fit:contain!important;object-position:center top!important}
  .hero{min-height:720px!important}
  .hero h1{font-size:38px!important;margin-top:62px!important;margin-bottom:7px!important}
  .hero-subtitle{font-size:8px!important;letter-spacing:1.25px!important;margin-bottom:14px!important;white-space:nowrap!important}

  /* Shorter pink banner; same content and scalloped styling. */
  .order-wrap{margin-top:30px!important;height:265px!important;min-height:265px!important;width:100%!important}
  .order-card{padding:54px 20px 22px!important}
  .info{gap:8px!important}
  .info p{font-size:9px!important;line-height:1.18!important}
  .actions{margin-top:28px!important;gap:12px!important}
  .actions a{font-size:10px!important;padding:8px 15px!important}
  .tagline{margin-top:30px!important}

  /* Menu heading was visually oversized on phones. */
  .menu h2{font-size:23px!important;line-height:1.1!important;margin-bottom:18px!important}
}
@media (max-width:430px){
  nav a{font-size:9.5px!important;padding:3px 10px!important}
  .hero h1{font-size:36px!important}
  .order-wrap{height:250px!important;min-height:250px!important}
  .order-card{padding-top:50px!important}
  .menu h2{font-size:21px!important}
}

/* 2026-09-18 — MOBILE COVER ONLY. Desktop and all later sections unchanged. */
@media (max-width:700px){
  /* Give the photo/title area more breathing room without cropping or zooming the 4:3 image. */
  .hero{min-height:0!important;padding-bottom:18px!important;overflow:hidden!important}
  .hero-static-photo{width:100%!important;height:auto!important;object-fit:contain!important;object-position:center top!important}
  .hero h1{margin-top:82px!important;margin-bottom:8px!important}
  .hero-subtitle{margin-bottom:18px!important}

  /* Keep the pink information banner compact on phones. */
  .order-wrap{margin-top:38px!important;height:250px!important;min-height:250px!important;width:100%!important}
  .order-card{padding:50px 20px 18px!important}
  .actions{margin-top:25px!important}

  /* Remove the large beige dead-space before Bake Haus Argentina. */
  .tagline{margin-top:22px!important;margin-bottom:4px!important}
  .tagline img{width:76vw!important;max-height:76px!important}
}
@media (max-width:430px){
  .hero h1{margin-top:78px!important}
  .order-wrap{height:240px!important;min-height:240px!important}
  .order-card{padding-top:47px!important}
  .tagline{margin-top:18px!important}
}

/* 2026-09-18 — MOBILE COVER: keep the hero photograph visible above AND below the pink banner. Desktop unchanged. */
@media (max-width:700px){
  .hero{
    min-height:700px!important;
    padding-bottom:0!important;
    background:none!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .hero-static-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    z-index:0!important;
  }
  .order-wrap{
    margin-top:32px!important;
    height:205px!important;
    min-height:205px!important;
    width:100%!important;
  }
  .order-card{padding:39px 18px 12px!important}
  .info p{font-size:8.5px!important;line-height:1.15!important}
  .actions{margin-top:20px!important;gap:10px!important}
  .actions a{font-size:9px!important;padding:7px 13px!important}
  .tagline{
    margin-top:34px!important;
    margin-bottom:0!important;
    position:relative!important;
    z-index:2!important;
  }
  .tagline img{width:72vw!important;max-height:70px!important}
}
@media (max-width:430px){
  .hero{min-height:680px!important}
  .order-wrap{height:195px!important;min-height:195px!important}
  .order-card{padding-top:37px!important}
  .tagline{margin-top:31px!important}
}

/* 2026-09-18 — MOBILE ONLY: tighter transition into beige section; no separator line. */
@media (max-width:700px){
  .hero{min-height:620px!important;border:0!important;box-shadow:none!important}
  .hero:after{height:120px!important;bottom:-2px!important;background:linear-gradient(to bottom,rgba(245,241,235,0),#f5f1eb 88%)!important;border:0!important}
  main{margin:-2px auto 0!important;padding-top:22px!important;border:0!important}
  .mark{margin-top:0!important}
}
@media (max-width:430px){
  .hero{min-height:600px!important}
  main{padding-top:18px!important}
}

/* 2026-09-18 — MOBILE ONLY: remove the remaining 1px seam at the hero/beige transition. */
@media (max-width:700px){
  .hero:after{
    left:-2px!important;
    right:-2px!important;
    bottom:-10px!important;
    height:145px!important;
    background:linear-gradient(to bottom,rgba(245,241,235,0) 0%,#f5f1eb 82%,#f5f1eb 100%)!important;
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
  }
  main{
    margin:-12px auto 0!important;
    padding-top:14px!important;
    background:#f5f1eb!important;
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
  }
}

/* 2026-09-18 — MOBILE ONLY: lift MILA WERK + subtitle for clearer contrast over the hero photo. */
@media (max-width:700px){
  .hero h1,
  .hero-subtitle{transform:translateY(-28px)!important}
}
@media (max-width:430px){
  .hero h1,
  .hero-subtitle{transform:translateY(-32px)!important}
}

/* 2026-09-18 — MOBILE ONLY: move MILA WERK + subtitle higher into the clean grey area. */
@media (max-width:700px){
  .hero h1,
  .hero-subtitle{transform:translateY(-62px)!important}
}
@media (max-width:430px){
  .hero h1,
  .hero-subtitle{transform:translateY(-68px)!important}
}

/* 2026-09-18 — MOBILE ONLY: bring MILA WERK slightly closer to subtitle; subtitle stays fixed. */
@media (max-width:700px){
  .hero h1{transform:translateY(-50px)!important}
  .hero-subtitle{transform:translateY(-62px)!important}
}
@media (max-width:430px){
  .hero h1{transform:translateY(-54px)!important}
  .hero-subtitle{transform:translateY(-68px)!important}
}

/* 2026-09-18 — MOBILE ONLY: compact pink banner vertically; desktop unchanged. */
@media (max-width:700px){
  .order-wrap{height:175px!important;min-height:175px!important}
  .order-card{padding-top:31px!important;padding-bottom:8px!important}
  .actions{margin-top:14px!important}
}
@media (max-width:430px){
  .order-wrap{height:168px!important;min-height:168px!important}
  .order-card{padding-top:29px!important;padding-bottom:7px!important}
  .actions{margin-top:12px!important}
}

/* MASTER RESPONSIVE — mobile video order only; desktop order remains approved. */
@media (max-width:700px){
  .videos .video-card:nth-child(1){order:2!important}
  .videos .video-card:nth-child(2){order:1!important}
  .videos .video-card:nth-child(3){order:3!important}
}

/* 2026-09-18 — Poppins for menu descriptions and product facts. */
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("fonts/Poppins-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

/* Product descriptions: softer, more readable than the geometric display face. */
.products p,
.lightbox-info .modal-description p{
  font-family:"Poppins",Arial,sans-serif!important;
  font-weight:400!important;
}
.products p strong,
.products p b,
.lightbox-info .modal-description strong,
.lightbox-info .modal-description b{
  font-family:"Poppins",Arial,sans-serif!important;
  font-weight:700!important;
}
/* Portions / cold-storage notes need clear real bold. */
.products .servings,
.products .cold-note,
.lightbox-info .servings,
.lightbox-info .cold-note{
  font-family:"Poppins",Arial,sans-serif!important;
  font-weight:700!important;
}
/* Laptop/desktop menu copy was reading too small. */
@media (min-width:701px){
  .products p{font-size:14px!important;line-height:1.55!important}
  .products .servings,.products .cold-note{font-size:13px!important}
  .menu .intro{font-size:17px!important;line-height:1.55!important}
}
/* Mobile keeps the approved scale, only changes the typeface. */
@media (max-width:700px){
  .products p,
  .products .servings,
  .products .cold-note,
  .lightbox-info .modal-description p{
    font-family:"Poppins",Arial,sans-serif!important;
  }
}

/* 2026-09-19 — Final desktop refinements: tighter pink banner + selected product focal points. */
@media (min-width:701px){
  .order-wrap{height:min(350px,24.2vw)!important;min-height:285px!important;}
  .order-card{padding-top:clamp(50px,6vw,82px)!important;padding-bottom:34px!important;}
  .actions{margin-top:42px!important;}
}
/* Selected menu covers — adjust only the crop shown in cards; originals/lightbox stay untouched. */
.products .photo-frame>img[src*="IMG_4924"]{object-position:50% 62%!important;} /* Patagonia */
.products .photo-frame>img[src*="IMG_8549"]{object-position:50% 66%!important;} /* Coco */
.products .photo-frame>img[src*="IMG_4626"]{object-position:50% 58%!important;} /* Strawberry */
.products .photo-frame>img[src*="IMG_8939"]{object-position:50% 59%!important;} /* Key Lime Pie */
.products .photo-frame>img[src*="IMG_7419"]{object-position:50% 60%!important;} /* Celebration Cake */
.products .photo-frame>img[src*="IMG_8290"]{object-position:50% 59%!important;} /* Käsekuchen */
.products .photo-frame>img[src*="IMG_8171"]{object-position:50% 62%!important;} /* Pastafrola */
.products .photo-frame>img[src*="IMG_1473"]{object-position:50% 63%!important;} /* Chipa */

/* Final centering refinement requested: keep these four hero product photos truly centered. */
.products .photo-frame>img[src*="IMG_4924"]{object-position:50% 50%!important;} /* Patagonia */
.products .photo-frame>img[src*="IMG_8549"]{object-position:50% 50%!important;} /* Coco */
.products .photo-frame>img[src*="IMG_7419"]{object-position:50% 50%!important;} /* Celebration Cake */
.products .photo-frame>img[src*="IMG_8171"]{object-position:50% 50%!important;} /* Pastafrola */