/* La Olla y el Mar v10: decision-first homepage, readable typescale and live mini-receipt. */
/* Compatible with the existing V9 frontend and V1 WhatsApp order handoff. */
.site-v5{font-family:'Manrope',system-ui,sans-serif;font-size:16px;line-height:1.55}
.site-v5 h2:not(#hero-title){font-family:'Plus Jakarta Sans','Manrope',system-ui,sans-serif!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.052em!important;line-height:1.18!important}
.site-v5 .section-intro h2,.site-v5 .steps-heading h2,.site-v5 .specials-section .section-intro h2,.site-v5 .faq-heading h2,.site-v5 .closing-order h2{font-size:clamp(32px,3vw,43px)!important}
.site-v5 .catalog-intro h2{font-size:clamp(33px,3.35vw,46px)!important}
.site-v5 p:not(.hero-description){line-height:1.6}
.site-v5 .desktop-links a{font-size:15px!important}
.site-v5 .hero-section,.site-v5 .hero-layout{min-height:495px}
.site-v5 .hero-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;overflow:hidden}
.site-v5 .hero-visual img{left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:none}
.site-v5 .hero-section:before{background:linear-gradient(90deg,#003c47f7 0%,#003c47ee 24%,#003c47ac 39%,#003c472b 57%,#003c4700 75%)}
.site-v5 .hero-copy{max-width:570px;padding:57px 0 72px;display:flex;flex-direction:column;align-items:flex-start}
.site-v5 .hero-copy h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(50px,4.5vw,64px);line-height:1.1;margin:0 0 19px;letter-spacing:-.054em}
.site-v5 .hero-copy p.hero-description{font-family:'Manrope',sans-serif;font-size:17px;max-width:440px;line-height:1.62;margin:0 0 20px}
.site-v5 .hero-delivery{order:initial;display:inline-flex;align-items:center;gap:9px;padding:0 0 0 12px;margin:0 0 26px;min-height:25px;background:transparent;border-left:3px solid #62e5da;border-radius:0;box-shadow:none;font-size:15px;font-weight:750;color:#e5fffc}
.site-v5 .hero-delivery i{font-size:23px;color:#8bf8ef}
.site-v5 .hero-buttons{display:flex;align-items:center;gap:15px;margin:0}
.site-v5 .hero-order{min-height:54px;font-size:17px!important;padding:11px 25px!important}
.site-v5 .hero-buttons .button-link-light{font-size:15px;min-height:50px;padding:13px 17px}
.site-v5 .reference-delivery-bar{margin-top:-15px}
.site-v5 .reference-delivery-inner a{min-height:94px}
.site-v5 .reference-delivery-inner a i{font-size:36px}

/* Specials first: available before customers browse the whole menu. */
.site-v5 .specials-section{padding:48px 0 52px;background:#f6eee2}
.site-v5 .specials-section .section-intro{margin-bottom:24px;text-align:left;max-width:none}
.site-v5 .specials-section .section-intro h2{margin:7px 0 6px}
.site-v5 .specials-section .section-intro p{font-size:16px;line-height:1.55}
.site-v5 .specials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.site-v5 .special-card{display:grid;grid-template-columns:43% minmax(0,1fr);overflow:hidden;min-height:248px;border-radius:17px;border:1px solid #e7d9c5;background:#fffcf5;box-shadow:0 9px 22px #1a343c12}
.site-v5 .special-card>img{width:100%;height:100%;min-height:248px;object-fit:cover;object-position:center}
.site-v5 .special-content{padding:23px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.site-v5 .special-content h3{font-family:'Plus Jakarta Sans','Manrope',sans-serif!important;font-size:26px!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.04em;line-height:1.2}
.site-v5 .special-content p{font-size:15px!important;line-height:1.5}
.site-v5 .special-tag{font-size:12px!important;letter-spacing:.03em!important}
.site-v5 .special-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:8px}
.site-v5 .special-actions strong{font-size:21px;font-weight:850;color:#c60b1b}
.site-v5 .special-actions button{min-height:43px;padding:8px 14px;font-size:15px;border-radius:50px;cursor:pointer}

/* How it works and delivery are an introductory explanation, not poster sections. */
.site-v5 .steps-section{padding:48px 0 44px;background:#fffaf0}
.site-v5 .steps-heading{text-align:left;margin:0 0 19px}
.site-v5 .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #d7d5c6;border-bottom:1px solid #d7d5c6}
.site-v5 .step{padding:21px 26px 22px 6px;border:0;border-right:1px solid #ddd4c2;background:transparent;box-shadow:none;border-radius:0;min-height:130px;display:flex;gap:15px}
.site-v5 .step:last-child{border-right:0;padding-left:23px}
.site-v5 .step:nth-child(2){padding-left:23px}
.site-v5 .step-num{font-family:'Plus Jakarta Sans','Manrope',sans-serif;font-size:28px;font-weight:800;letter-spacing:-.07em;color:#b70b1c;background:transparent;min-width:42px;flex:0 0 42px;height:auto}
.site-v5 .step h3{font-family:'Manrope',sans-serif;font-size:17px!important;line-height:1.3;font-weight:850}
.site-v5 .step p{font-size:15px!important;line-height:1.55!important;color:#51626a}
.site-v5 .steps-note{margin:17px 0 0;font-size:14px;line-height:1.6;color:#4b5a60}
.site-v5 .delivery-section{padding:43px 0;background:#e6f1ed}
.site-v5 .delivery-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:43px}
.site-v5 .delivery-copy h2{font-size:clamp(32px,3.3vw,45px)!important;max-width:520px}
.site-v5 .delivery-copy>p{font-size:16px!important;line-height:1.68;max-width:590px}
.site-v5 .delivery-photo{height:280px;max-height:280px;overflow:hidden;border-radius:18px}
.site-v5 .delivery-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}
.site-v5 .delivery-copy .button-primary{min-height:48px;font-size:15px}
.site-v5 .delivery-contact{font-size:15px}
.site-v5 .delivery-copy>small{font-size:13px}
.site-v5 .menu-section{padding:57px 0 80px}
.site-v5 .category-intro h2{font-size:clamp(34px,3vw,43px)!important}
.site-v5 .category-grid{margin-bottom:48px}

/* Readable product typography and full on-page cart. */
.site-v5 .ordering-shell{grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.site-v5 .product-name{font-size:16px!important;line-height:1.34!important;letter-spacing:-.025em;min-height:42px}
.site-v5 .price{font-size:19px!important;line-height:1.25;font-weight:850}
.site-v5 .product-bottom{gap:7px}
.site-v5 .product-bottom .add{min-height:41px;min-width:92px;height:41px;font-size:13px!important;padding:7px 12px}
.site-v5 .product-bottom .add .plus{font-size:18px}
.site-v5 .product-card .product-photo{max-height:none}
.site-v5 .menu-filters button{font-size:15px;min-height:44px}
.site-v5 .order-peek{top:96px;max-height:calc(100vh - 114px);border-radius:18px}
.site-v5 .order-peek-header{padding:16px 19px}
.site-v5 .order-peek-header h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px}
.site-v5 .order-peek-body{padding:15px 16px 18px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 180px)}
.site-v5 .order-peek-empty{text-align:center;padding:17px 0 7px}
.site-v5 .order-peek-empty i{font-size:58px;color:#7b878d;line-height:1.1}
.site-v5 .order-peek-empty p{font-size:15px;color:#4c5b63;margin:9px 0 0}
.site-v5 .order-peek-items{display:flex;flex-direction:column;gap:0;max-height:min(36vh,330px);overflow-y:auto;scrollbar-width:thin;text-align:left}
.site-v5 .peek-item{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:9px;padding:10px 0;border-bottom:1px solid #ede3d3;align-items:center}
.site-v5 .peek-item:last-child{border-bottom:0}
.site-v5 .peek-item img{width:55px;height:55px;object-fit:cover;border-radius:9px}
.site-v5 .peek-item-main{min-width:0;display:flex;flex-direction:column;gap:5px}
.site-v5 .peek-item-main strong{color:#063b46;font-size:13px;line-height:1.3;font-weight:850}
.site-v5 .peek-item-main small{font-size:11px;color:#53666b;line-height:1.3;overflow-wrap:anywhere}
.site-v5 .peek-qty{display:flex;align-items:center;gap:4px;font-size:13px}
.site-v5 .peek-qty button{width:32px;height:32px;min-width:32px;min-height:32px;display:grid;place-items:center;background:white;color:#a30a1b;border:1px solid #e8cec6;border-radius:7px;font-size:17px;font-weight:800;cursor:pointer}
.site-v5 .peek-qty button:hover{background:#fff1ed}
.site-v5 .peek-qty span{font-size:13px;min-width:18px;text-align:center;font-weight:800}
.site-v5 .peek-line-total{align-self:start;color:#bd0618;font-weight:850;font-size:13px;white-space:nowrap}
.site-v5 .peek-subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid #e7d9c8;padding-top:13px}
.site-v5 .peek-subtotal>span{font-size:13px;color:#4c6067;font-weight:700;text-align:left}
.site-v5 .peek-subtotal .order-peek-total{font-size:25px;margin:0}
.site-v5 .order-peek-status{font-size:12px!important;color:#63737a;margin:0!important}
.site-v5 .order-peek-delivery{min-height:56px}
.site-v5 .order-peek .button-primary{min-height:52px;font-size:15px}
.site-v5 .order-peek-note{font-size:12px!important;margin-top:0}
.site-v5 .v4-mini-cart .mobile-cart-subtotal{display:none}
.site-v5 .faq-section{padding:53px 0 63px}
.site-v5 .faq-heading h2{font-size:clamp(31px,3vw,43px)!important}
.site-v5 .closing-order h2{font-size:clamp(32px,3vw,43px)!important}

/* Separate brand-story page, without making checkout users scroll past it. */
.page-about .about-hero-v10{background:#eaf1e9;padding:75px 0}
.page-about .about-hero-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:58px;align-items:center}
.page-about .about-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#077a85}
.page-about .about-title h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(52px,5vw,77px);font-style:italic;line-height:1.1;letter-spacing:-.065em;color:#003b45;margin:15px 0 22px}
.page-about .about-title p{font-size:19px;max-width:515px;color:#435b61;line-height:1.72;margin:0 0 24px}
.page-about .about-title .button-primary{display:inline-flex;align-items:center;gap:10px;font-size:16px;min-height:52px}
.page-about .about-hero-photo{border-radius:22px;overflow:hidden;aspect-ratio:1.23;box-shadow:0 20px 37px #0c465421}
.page-about .about-hero-photo img{width:100%;height:100%;object-fit:cover}
.page-about .about-values-v10{padding:70px 0 85px;background:#fff9ed}
.page-about .about-values-v10 h2{font-size:clamp(30px,3.5vw,45px);margin:0 0 12px}
.page-about .about-values-v10>.container>p{font-size:17px;line-height:1.7;max-width:720px;color:#53636b}
.page-about .about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.page-about .about-values-grid article{padding:28px;border:1px solid #e9ddcd;border-radius:15px;background:#fff;box-shadow:0 6px 16px #003e4b0a}
.page-about .about-values-grid article i{color:#bc0b1d;font-size:37px}
.page-about .about-values-grid article h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;margin:12px 0 10px}
.page-about .about-values-grid article p{font-size:15px;color:#536169;line-height:1.62;margin:0}
.page-about .about-cta-v10{padding:43px 0;background:#00424d;color:white}
.page-about .about-cta-v10 .container{display:flex;align-items:center;justify-content:space-between;gap:22px}
.page-about .about-cta-v10 h2{color:white;font-size:33px;margin:0 0 8px}
.page-about .about-cta-v10 p{color:#d4f2ef;margin:0;font-size:17px}
.page-about .about-cta-v10 .button-primary{display:inline-flex;gap:10px;min-height:52px;align-items:center}
.page-about .about-footer-v10{background:#002f39;padding:33px 0;color:#f5faf7}
.page-about .about-footer-v10 .container{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between}
.page-about .about-footer-v10 strong{font-family:'Fraunces',serif;font-style:italic;font-size:23px}
.page-about .about-footer-v10 p{font-size:13px;color:#d4e9e5;margin:0}
.page-about .about-footer-v10 a{color:white;font-weight:800;text-decoration:none}
.page-about .about-menu-link{border:1px solid #e47b82;border-radius:30px;padding:11px 16px;color:white;text-decoration:none;font-size:15px;font-weight:800;white-space:nowrap}
@media(max-width:1200px){
.site-v5 .ordering-shell{grid-template-columns:minmax(0,1fr) 288px;gap:15px}
.site-v5 .products{gap:10px}
.site-v5 .product-bottom{flex-wrap:wrap}
.site-v5 .product-name{font-size:15px!important}
.site-v5 .price{font-size:18px!important}
}
@media(max-width:990px){
.site-v5 .ordering-shell{display:block}
.site-v5 #hot-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-v5 #cold-products{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-v5 #drink-products{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-v5 .special-card{grid-template-columns:40% minmax(0,1fr);min-height:230px}
.site-v5 .special-card>img{min-height:230px}
.site-v5 .special-content{padding:15px}
.site-v5 .delivery-layout{gap:22px}
.page-about .about-hero-inner{gap:23px}
}
@media(max-width:680px){
.site-v5 .hero-section,.site-v5 .hero-layout{min-height:410px}
.site-v5 .hero-visual{min-height:410px}
.site-v5 .hero-visual img{object-position:57% 50%}
.site-v5 .hero-section:before{background:linear-gradient(90deg,#003c47ed 0%,#003c47e2 45%,#003c4790 79%,#003c477a 100%)}
.site-v5 .hero-copy{max-width:340px;width:100%;padding:34px 0 35px}
.site-v5 .hero-copy h1{font-size:clamp(36px,9vw,45px);line-height:1.11;margin-bottom:16px}
.site-v5 .hero-copy p.hero-description{font-size:15px;line-height:1.55;max-width:275px;margin-bottom:17px}
.site-v5 .hero-delivery{order:initial;font-size:13px;padding-left:8px;margin:0 0 20px;line-height:1.3}
.site-v5 .hero-delivery i{font-size:19px}
.site-v5 .hero-buttons{display:flex}
.site-v5 .hero-order{min-height:50px;padding:9px 19px!important;font-size:16px!important}
.site-v5 .specials-section{padding:37px 0 39px}
.site-v5 .specials-grid{display:grid;grid-template-columns:1fr;gap:13px}
.site-v5 .special-card{grid-template-columns:36% minmax(0,1fr);min-height:169px}
.site-v5 .special-card>img{min-height:169px}
.site-v5 .special-content{padding:13px 15px;gap:4px}
.site-v5 .special-content h3{font-size:20px!important}
.site-v5 .special-content p{font-size:13px!important}
.site-v5 .special-tag{font-size:10px!important}
.site-v5 .special-actions{gap:9px;margin-top:2px}
.site-v5 .special-actions strong{font-size:17px}
.site-v5 .special-actions button{min-height:42px;font-size:13px}
.site-v5 .steps-section{padding:39px 0 40px}
.site-v5 .steps-heading{text-align:left}
.site-v5 .steps-grid{display:flex;flex-direction:column;gap:0}
.site-v5 .step,.site-v5 .step:nth-child(2),.site-v5 .step:last-child{padding:16px 0;border-right:0;border-bottom:1px solid #e1d5c3;min-height:90px;gap:14px}
.site-v5 .step:last-child{border-bottom:0}
.site-v5 .step-num{font-size:25px;min-width:37px;flex-basis:37px}
.site-v5 .step h3{font-size:17px!important}
.site-v5 .step p{font-size:15px!important}
.site-v5 .delivery-section{padding:38px 0}
.site-v5 .delivery-layout{grid-template-columns:1fr;gap:23px}
.site-v5 .delivery-photo{height:216px}
.site-v5 .delivery-copy h2{font-size:clamp(30px,7vw,39px)!important}
.site-v5 .menu-section{padding:43px 0 54px}
.site-v5 .category-intro h2{font-size:clamp(29px,7.9vw,37px)!important}
.site-v5 .catalog-intro h2{font-size:clamp(30px,8vw,39px)!important}
.site-v5 .product-card{min-height:94px;max-height:none;grid-template-columns:92px minmax(0,1fr)}
.site-v5 .product-body{padding:10px 12px;gap:7px}
.site-v5 .product-name{font-size:15.5px!important;line-height:1.26!important;min-height:0}
.site-v5 .price{font-size:17px!important}
.site-v5 .product-bottom .add{min-height:44px;min-width:44px;height:44px;width:44px;padding:0;border-radius:50%}
.site-v5 .menu-filters button{font-size:14px;min-height:44px}
.site-v5 .v4-mini-cart .mobile-cart-subtotal{display:block;font-size:14px;font-weight:850;border-left:1px solid #ffd4d5;padding-left:8px;margin-left:auto;white-space:nowrap}
.site-v5 .v4-mini-cart{font-size:16px;gap:5px;padding:11px 14px}
.site-v5 .v4-mini-cart .mini-icon{font-size:25px}
.site-v5 .v4-mini-cart>.ti-arrow-right{font-size:21px}
.site-v5 .faq-heading h2,.site-v5 .closing-order h2{font-size:29px!important}
.page-about .about-hero-v10{padding:38px 0}
.page-about .about-hero-inner{grid-template-columns:1fr}
.page-about .about-title h1{font-size:48px}
.page-about .about-title p{font-size:16px}
.page-about .about-hero-photo{aspect-ratio:1.5}
.page-about .about-values-v10{padding:44px 0}
.page-about .about-values-v10>.container>p{font-size:16px}
.page-about .about-values-grid{grid-template-columns:1fr;gap:11px}
.page-about .about-cta-v10 .container{display:block}
.page-about .about-cta-v10 .button-primary{margin-top:17px}
.page-about .desktop-links{display:none}
.page-about .header-phone{display:none}
.page-about .about-menu-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:9px 12px}
.page-about .nav-inner{display:flex;justify-content:space-between}
}
@media(max-width:375px){
.site-v5 .hero-copy h1{font-size:34px}
.site-v5 .v4-mini-cart{font-size:14px}
.site-v5 .product-card{grid-template-columns:82px minmax(0,1fr)}
.site-v5 .product-body{padding:8px 7px}
.site-v5 .product-name{font-size:14.5px!important}
.site-v5 .price{font-size:16px!important}
.site-v5 .v4-mini-cart .mobile-cart-subtotal{font-size:13px}
}

/* Keep delivery photo and special cards inside narrow layouts. */
.site-v5 .delivery-photo{min-width:0!important;width:100%!important;max-width:100%!important}
.site-v5 .delivery-photo img{max-width:100%}
.site-v5 .delivery-copy{min-width:0}
@media(max-width:680px){.site-v5 .special-actions{flex-wrap:wrap!important;min-width:0}.site-v5 .special-actions button{width:auto;max-width:100%;margin:0!important}}