@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
:root{--brand:#b45309;--bg:#f6f5f2;--surface:#fff;--surface2:#f0efec;--text:#171717;--muted:#6b6b6b;--line:#dedbd4;--danger:#b42318;--success:#087a4b;--radius:16px;--gap:12px;--store-font:"Cairo",system-ui,sans-serif;--on-brand:#fff;color-scheme:light}
:root[data-theme="dark"]{--bg:#101214;--surface:#191c1f;--surface2:#22262a;--text:#f5f5f5;--muted:#a8adb2;--line:#343a40;color-scheme:dark}
:root[data-density="compact"]{--gap:8px;--radius:12px}:root[data-density="spacious"]{--gap:18px;--radius:20px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--store-font);min-width:320px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.modal-open{overflow:hidden}.store-shell{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.store-header{position:sticky;top:0;z-index:30;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand-row{display:flex;align-items:center;gap:9px;min-width:0}.brand-logo{width:42px;height:42px;border-radius:12px;object-fit:contain;background:var(--surface)}.brand-logo.placeholder{display:grid;place-items:center;font-weight:900;color:white;background:var(--brand)}.brand-copy{display:grid;min-width:0;gap:1px}.brand-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.brand-tagline{display:block;max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;line-height:1.35}.status{font-size:11px;font-weight:800}.status.open{color:var(--success)}.status.closed{color:var(--danger)}.header-actions{display:flex;align-items:center;gap:7px}.icon-btn,.cart-btn{min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px}.icon-btn{width:44px;font-size:23px}.cart-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0}.cart-icon{width:23px;height:23px;background:currentColor;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%279%27 cy=%2720%27 r=%271%27/%3E%3Ccircle cx=%2719%27 cy=%2720%27 r=%271%27/%3E%3Cpath d=%27M3 4h2l2.4 10.2a2 2 0 0 0 2 1.55h7.9a2 2 0 0 0 1.95-1.55L21 7H6%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.9%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%279%27 cy=%2720%27 r=%271%27/%3E%3Ccircle cx=%2719%27 cy=%2720%27 r=%271%27/%3E%3Cpath d=%27M3 4h2l2.4 10.2a2 2 0 0 0 2 1.55h7.9a2 2 0 0 0 1.95-1.55L21 7H6%27/%3E%3C/svg%3E") center/contain no-repeat}.cart-count{position:absolute;top:-6px;inset-inline-start:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:var(--brand);color:var(--on-brand);font:900 10px/1 Arial,sans-serif;direction:ltr;text-align:center;border:2px solid var(--bg);box-shadow:0 2px 7px rgba(0,0,0,.18)}.store-main{width:min(100%,1120px);margin:auto;padding:14px 12px 30px}.page-stack,.menu-page,.menu-results{display:grid;gap:var(--gap)}.welcome-card,.hours-card,.contact-card,.category-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.welcome-card{padding:16px}.welcome-card p{margin:0 0 10px;font-size:18px;font-weight:700}.inline-link{border:0;background:none;color:var(--brand);font-weight:900;padding:6px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.section-heading h2,.category-heading h2{margin:0;font-size:18px}.hours-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px}.hours-card>div{display:grid;gap:2px}.hours-card small{color:var(--muted)}.hours-today{text-align:left}.hours-today span{font-size:12px;color:var(--muted)}.hours-today b{font-size:12px}.product-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.product-rail .product-card{flex:0 0 min(78vw,290px);scroll-snap-align:start}.product-grid{display:grid;gap:10px}.category-section{padding:13px}.category-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-heading small{color:var(--muted)}.product-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);background:var(--surface2);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:100px}.product-image-btn{padding:0;border:0;background:transparent}.product-image{width:100%;height:100%;min-height:100px;object-fit:cover;display:block}.product-content{display:grid;grid-template-rows:1fr auto;padding:10px;gap:7px;min-width:0}.product-copy{display:grid;gap:3px;text-align:right;padding:0;border:0;background:none;color:inherit;min-width:0}.product-copy strong{font-size:15px}.product-copy small{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-copy em{font-style:normal;color:var(--brand);font-size:11px;font-weight:800}.product-foot{display:flex;align-items:end;justify-content:space-between;gap:8px}.product-price{display:flex;align-items:center;gap:6px}.product-price b{color:var(--brand);white-space:nowrap}.product-price del{font-size:11px;color:var(--muted)}.favorite{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:21px}.favorite.active{color:#b42318}.variant-compact .product-card{grid-template-columns:72px minmax(0,1fr);min-height:82px}.variant-compact .product-image{min-height:82px}.variant-image .product-card{grid-template-columns:1fr}.variant-image .product-image{height:170px}.menu-search{position:sticky;top:75px;z-index:20;width:100%;min-height:48px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:0 14px;font-size:16px;outline:none}.menu-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.category-tabs{position:sticky;top:132px;z-index:19;display:flex;gap:8px;overflow-x:auto;padding:6px 0;background:var(--bg);scrollbar-width:none}.category-tabs button{white-space:nowrap;min-height:42px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:800}.category-tabs button.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.store-bottom-nav{position:fixed;z-index:35;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.store-bottom-nav button{min-height:54px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;gap:1px}.store-bottom-nav button small{font-size:10px;font-weight:800}.store-bottom-nav button.active{color:var(--brand)}.bottom-nav-icon{display:block;width:22px;height:22px;background:currentColor;flex:0 0 auto}.bottom-nav-icon.icon-home{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.8 12 3l9 7.8v9.7a.5.5 0 0 1-.5.5H15v-6H9v6H3.5a.5.5 0 0 1-.5-.5z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.8 12 3l9 7.8v9.7a.5.5 0 0 1-.5.5H15v-6H9v6H3.5a.5.5 0 0 1-.5-.5z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.bottom-nav-icon.icon-menu{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 7h14M5 12h14M5 17h14' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}.bottom-nav-icon.icon-heart{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.9c-2-2-5.2-1.8-7 .5L12 7.6l-1.8-2.2c-1.8-2.3-5-2.5-7-.5-2.1 2.1-2 5.6.1 7.7L12 21l8.7-8.4c2.1-2.1 2.2-5.6.1-7.7Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.9c-2-2-5.2-1.8-7 .5L12 7.6l-1.8-2.2c-1.8-2.3-5-2.5-7-.5-2.1 2.1-2 5.6.1 7.7L12 21l8.7-8.4c2.1-2.1 2.2-5.6.1-7.7Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.bottom-nav-icon.icon-contact{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-8l-5 4v-4H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 13h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-8l-5 4v-4H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 13h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}.contact-card{display:grid;overflow:hidden}.contact-card>a,.contact-card>div{display:flex;justify-content:space-between;gap:12px;padding:14px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}.contact-card>*:last-child{border-bottom:0}.empty-state{text-align:center;padding:38px 18px;color:var(--muted)}.empty-state strong{color:var(--text)}.btn-wide,.submit-order,.btn.primary{width:100%;min-height:50px;border:0;border-radius:14px;background:var(--brand);color:var(--on-brand);font-weight:900}.sheet-overlay{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.48)}.sheet{width:100%;max-height:92dvh;overflow:auto;background:var(--surface);border-radius:22px 22px 0 0;padding:0 14px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.18)}.sheet-head{position:sticky;top:0;z-index:3;display:flex;align-items:start;justify-content:space-between;gap:12px;padding:14px 0 10px;background:var(--surface);border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;font-size:19px}.sheet-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.close-btn{width:44px;height:44px;border:0;border-radius:12px;background:var(--surface2);color:var(--text);font-size:27px}.sheet-image{width:100%;max-height:250px;object-fit:contain;border-radius:14px;background:var(--surface2);margin-top:12px}.sheet-block{padding:14px 0;border-bottom:1px solid var(--line)}.sheet-block h3,.checkout-section h3{margin:0 0 8px;font-size:15px}.block-title{display:flex;align-items:center;justify-content:space-between}.block-title small{color:var(--muted)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-card{position:relative;display:grid;place-items:center;min-height:62px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);text-align:center}.choice-card input{position:absolute;inset:0;opacity:0}.choice-card:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.choice-card span{display:grid}.choice-card small{color:var(--muted)}.option-list{display:grid;gap:8px}.option-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:12px}.option-row>span{display:flex;align-items:center;gap:9px}.option-row input{width:20px;height:20px;accent-color:var(--brand)}.sheet-footer{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 0 calc(16px + env(safe-area-inset-bottom));background:var(--surface)}.qty-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;overflow:hidden}.qty-control button{width:44px;height:50px;border:0;background:var(--surface2);color:var(--text);font-size:22px}.qty-number{min-width:36px;text-align:center;font-weight:900}.add-btn{min-height:50px;border:0;border-radius:14px;background:var(--brand);color:var(--on-brand);font-weight:900;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.form-error{min-height:18px;color:var(--danger);font-size:13px;margin:8px 0}.cart-body{display:grid;gap:12px;padding-top:10px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-line-copy{display:grid;gap:2px}.cart-line-copy small{color:var(--muted)}.cart-line-actions{display:grid;grid-template-columns:38px 30px 38px;align-items:center;text-align:center;gap:2px}.cart-line-actions button{height:38px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px}.cart-line-actions .remove-line{grid-column:1/-1;color:var(--danger);border:0;background:transparent;height:30px;font-size:11px}.checkout-field{display:grid;gap:6px}.checkout-field>span{font-size:12px;font-weight:800}.checkout-field input,.checkout-field textarea,.coupon-input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:10px 12px;font-size:16px}.checkout-field textarea{resize:vertical}.checkout-field small{color:var(--muted)}.checkout-section{display:grid;gap:7px}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px}.segmented button{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);font-weight:800}.segmented button.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.location-box{display:grid;gap:6px}.btn{display:grid;place-items:center;min-height:48px;border-radius:12px;text-decoration:none;font-weight:900;padding:0 13px}.btn.secondary{border:1px solid var(--line);background:var(--surface2);color:var(--text)}.btn.whatsapp{background:#168b53;color:white}.totals-box{display:grid;gap:6px;padding:12px;border-radius:14px;background:var(--surface2)}.total-row{display:flex;justify-content:space-between;gap:10px}.total-row.grand{padding-top:8px;border-top:1px solid var(--line);font-size:17px}.notice{padding:11px;border-radius:12px;background:var(--surface2);font-size:13px}.notice.warning{color:#8a4b00}.receipt-view{display:grid;gap:12px;text-align:center;padding:28px 0}.success-mark{margin:auto;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);font-size:34px;font-weight:900}.receipt-view h2{margin:0}.order-number{font-size:27px;color:var(--brand)}.receipt-actions{display:grid;gap:8px}.message-preview{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:10px;text-align:right;font:inherit}.initial-loading,.fatal-state{min-height:100dvh;display:grid;place-content:center;text-align:center;padding:20px}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:650px){.store-main{padding:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet{max-width:620px;border-radius:22px;margin-bottom:18px;max-height:88dvh}.sheet-overlay{align-items:center}.variant-image .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(680px,100%);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0}.product-rail .product-card{flex-basis:300px}.store-main{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

:where(button,a,input,textarea,select):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,#fff);outline-offset:2px}
.home-message-card{display:grid;gap:10px;padding:14px;overflow:hidden}.home-message-card p{margin:0;line-height:1.8}.home-message-image{width:100%;max-height:220px;object-fit:contain;border-radius:12px;background:var(--surface2)}.quick-info-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;padding:0}.quick-info-item{display:grid;gap:3px;padding:12px;background:var(--surface2);min-width:0}.quick-info-item small{color:var(--muted)}.quick-info-item strong{font-size:13px;overflow-wrap:anywhere}.ratings-wrap{display:grid;gap:8px}.ratings-section{display:grid;gap:12px}.rating-summary{display:flex;align-items:center;gap:12px;padding:14px}.rating-summary>strong{font-size:28px;color:var(--brand)}.rating-summary>div{display:grid;gap:2px}.rating-summary a,.review-card a{color:var(--brand);font-size:12px}.rating-stars{color:#d49b10;letter-spacing:1px}.reviews-list{display:grid;gap:8px}.review-card{display:grid;gap:5px;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.review-card p{margin:0;line-height:1.7}.review-card small{color:var(--muted)}.review-head{display:flex;justify-content:space-between;gap:10px;align-items:center}@media(max-width:360px){.quick-info-card{grid-template-columns:1fr}.quick-info-item{grid-template-columns:auto 1fr;align-items:center}.quick-info-item strong{text-align:left}}

/* ===== UX polish: legacy card language + persistent order progress ===== */
.section-heading{margin:10px 0 2px}.section-heading>div{display:grid;gap:2px}.section-heading h2{font-size:18px}.section-heading p{margin:0;color:var(--muted);font-size:12px}
.category-section{background:transparent;border:0;border-radius:0;padding:4px 0 10px}.category-heading{margin:12px 0 10px;gap:10px}.category-heading h2{font-size:17px;white-space:nowrap}.category-heading .category-rule{flex:1;height:1px;background:var(--line)}.category-heading small{font-size:11px;white-space:nowrap}
.product-grid{display:grid;grid-template-columns:1fr;gap:10px}.product-card{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:center;min-height:0;padding:12px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid var(--line);border-radius:16px;overflow:visible}.product-card:active{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.product-image-btn{width:66px;height:66px;min-width:66px;padding:0;border:0;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,transparent),color-mix(in srgb,var(--surface2) 84%,transparent));display:grid;place-items:center}.product-image{width:100%;height:100%;min-height:0;object-fit:cover}.product-glyph{display:grid;place-items:center;width:100%;height:100%;font-size:23px;font-weight:900;color:var(--muted);opacity:.72}.product-content{display:grid;grid-template-rows:1fr auto;gap:6px;padding:0;min-width:0}.product-copy{gap:2px}.product-copy strong{font-size:14.5px;font-weight:900}.product-copy small{font-size:12px;line-height:1.55}.product-copy em{display:inline-flex;width:max-content;padding:2px 7px;border:1px solid color-mix(in srgb,var(--brand) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent);font-size:10px}.product-foot{align-items:center}.product-price{display:grid;gap:0}.product-price b{font-size:14.5px}.product-actions{display:flex;align-items:center;gap:4px}.favorite{width:30px;height:30px;border:0;border-radius:9px;background:transparent;font-size:19px}.quick-add{width:30px;height:30px;min-height:30px;border:0;border-radius:9px;background:var(--brand);color:var(--on-brand);font-size:19px;font-weight:900;line-height:1;display:grid;place-items:center;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 20%,transparent)}
.variant-compact .product-card{grid-template-columns:58px minmax(0,1fr);padding:10px;gap:10px}.variant-compact .product-image-btn{width:58px;height:58px;min-width:58px}.variant-compact .product-image{min-height:0}.variant-image .product-card{grid-template-columns:1fr;padding:0;overflow:hidden}.variant-image .product-image-btn{width:100%;height:170px;border-radius:0}.variant-image .product-content{padding:11px}.variant-image .product-image{height:100%;min-height:0}
.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.featured-media{position:relative;height:104px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,transparent),var(--surface2))}.featured-media-button{width:100%;height:100%;padding:0;border:0;background:transparent;display:grid;place-items:center}.featured-media .product-glyph{font-size:34px}.featured-tag{position:absolute;top:8px;inset-inline-start:8px;max-width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--brand);font-size:10px;font-weight:900;border:1px solid color-mix(in srgb,var(--brand) 28%,transparent);backdrop-filter:blur(8px)}.featured-favorite{position:absolute;top:7px;inset-inline-end:7px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(8px)}.featured-body{display:grid;gap:8px;padding:10px 11px 11px}.featured-copy{display:grid;gap:2px;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:start}.featured-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-copy small{color:var(--muted);font-size:11.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-price{display:flex;align-items:center;justify-content:space-between;gap:8px}.featured-price b{color:var(--brand);font-size:14px;white-space:nowrap}.home-menu-cta{margin-top:-2px}
.home-message-card{padding:0;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 78%,transparent);overflow:hidden}.home-banner-wrap{width:100%;aspect-ratio:16/7;max-height:230px;background:var(--surface2);overflow:hidden}.home-message-image{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;background:var(--surface2)}.home-message-card p{margin:0;padding:12px 14px 2px;line-height:1.8}.home-message-card .inline-link{padding:8px 14px 12px;text-align:start}
.order-progress-bar{position:fixed;z-index:34;inset-inline:0;bottom:calc(67px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;background:color-mix(in srgb,var(--surface) 97%,transparent);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.12);backdrop-filter:blur(16px)}.order-progress-link{display:grid;gap:7px;padding:9px 12px;color:inherit;text-decoration:none;min-width:0}.order-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.order-progress-copy strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-progress-copy span{font-size:11.5px;color:var(--brand);font-weight:900;white-space:nowrap}.order-progress-track{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.order-progress-track span{height:3px;border-radius:999px;background:var(--line)}.order-progress-track span.done{background:var(--brand)}.order-progress-bar.cancelled .order-progress-copy span{color:var(--danger)}.order-progress-bar.cancelled .order-progress-track span.done{background:var(--danger)}.order-progress-close{width:38px;border:0;border-inline-start:1px solid var(--line);background:transparent;color:var(--muted);font-size:22px}.store-shell.has-active-order{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
@media(max-width:350px){.featured-grid{gap:8px}.featured-media{height:92px}.featured-body{padding:9px}.featured-copy small{font-size:11px}.product-card{grid-template-columns:60px minmax(0,1fr);gap:9px;padding:10px}.product-image-btn{width:60px;height:60px;min-width:60px}.order-progress-copy{display:grid;gap:1px}.order-progress-copy span{white-space:normal}}
@media(min-width:650px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-media{height:132px}.order-progress-bar{left:50%;right:auto;transform:translateX(-50%);width:min(680px,100%);border-inline:1px solid var(--line);border-radius:14px 14px 0 0;overflow:hidden}}
.location-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.location-actions .btn{width:100%;justify-self:stretch;text-align:center}.btn.map-link{border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand)}

/* ===== Stable Latin prices + official Saudi Riyal vector ===== */
.money-inline{display:inline-flex;align-items:center;justify-content:center;gap:.28em;direction:ltr;unicode-bidi:isolate;white-space:nowrap;vertical-align:middle}.money-number{font-variant-numeric:tabular-nums}.sar-logo{display:inline-block;width:.78em;height:.88em;flex:0 0 auto;color:currentColor;vertical-align:-.08em}.price-from{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap}.option-price-delta{display:inline-flex;align-items:center;gap:.25em;direction:ltr}.receipt-total{display:flex;align-items:center;justify-content:center;gap:.35em;margin:0}.product-price .sar-logo,.featured-price .sar-logo{color:var(--brand)}
/* Lite V4 visual refinements */
.search-btn{display:grid;place-items:center;padding:0}.search-icon{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M16 16l5 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='M16 16l5 5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}.product-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0}.product-title-row>strong{min-width:0;flex:1;text-align:start;overflow-wrap:anywhere}.product-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:42%;padding:4px 9px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand);font-size:10px;line-height:1.2;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submit-order.whatsapp{background:#168c55;color:#fff}.lite-note{font-size:12px;color:var(--muted)}

.submit-order.whatsapp,.btn.whatsapp{display:flex;align-items:center;justify-content:center;gap:8px}
.whatsapp-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.148-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.5-.669-.51-.173-.009-.371-.011-.57-.011-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479s1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.693.625.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.981.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.99c-.003 5.45-4.437 9.884-9.883 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.074-.297-.148-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.5-.669-.51-.173-.009-.371-.011-.57-.011-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479s1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.262.489 1.693.625.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.981.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.99c-.003 5.45-4.437 9.884-9.883 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") center/contain no-repeat}


/* ===== Visual polish round 2026-09: presentation only ===== */
:root{
  --shadow-soft:0 8px 24px rgba(20,24,31,.06);
  --shadow-card:0 10px 28px rgba(20,24,31,.08);
  --brand-soft:color-mix(in srgb,var(--brand) 10%,var(--surface));
}
:root[data-theme="dark"]{
  --shadow-soft:0 8px 24px rgba(0,0,0,.18);
  --shadow-card:0 12px 30px rgba(0,0,0,.24);
}
body{
  background:
    radial-gradient(520px 320px at 90% -80px,color-mix(in srgb,var(--brand) 8%,transparent),transparent 68%),
    var(--bg);
}
.store-header{
  min-height:70px;
  padding-block:11px;
  border-bottom-color:color-mix(in srgb,var(--line) 78%,transparent);
  box-shadow:0 1px 0 color-mix(in srgb,var(--surface) 65%,transparent);
}
.brand-row{gap:10px}
.brand-logo{
  width:44px;height:44px;border-radius:13px;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent);
  box-shadow:0 5px 16px rgba(0,0,0,.07);
}
.brand-copy strong{font-size:15px;line-height:1.25}
.brand-tagline{font-size:10.5px;max-width:50vw}
.status{display:inline-flex;align-items:center;gap:5px}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 10%,transparent)}
.icon-btn,.cart-btn{
  border-color:color-mix(in srgb,var(--line) 82%,transparent);
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}
.icon-btn:active,.cart-btn:active{background:var(--surface2)}
.store-main{padding:16px 13px 34px}
.page-stack,.menu-page,.menu-results{gap:14px}
.section-heading{margin:12px 0 3px}
.section-heading h2{font-size:18.5px;letter-spacing:-.01em}
.section-heading p{font-size:11.5px;line-height:1.55}
.category-heading{margin:14px 0 10px}
.category-heading h2{font-size:17.5px}
.category-heading .category-rule{
  background:linear-gradient(to left,color-mix(in srgb,var(--brand) 34%,var(--line)),var(--line));
}
.product-card{
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;padding:11px;
  border-radius:17px;
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  background:color-mix(in srgb,var(--surface) 95%,var(--surface2));
  box-shadow:var(--shadow-soft);
}
.product-card:active{transform:translateY(1px);box-shadow:none}
.product-image-btn{
  width:72px;height:72px;min-width:72px;border-radius:14px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--surface2)),var(--surface2));
}
.product-copy strong{font-size:15px;line-height:1.35}
.product-copy small{font-size:11.7px;line-height:1.55}
.product-badge{
  padding:4px 8px;
  border-color:color-mix(in srgb,var(--brand) 28%,var(--line));
  background:color-mix(in srgb,var(--brand) 8%,var(--surface));
}
.product-price b{font-size:15px}
.favorite{
  width:32px;height:32px;
  border:1px solid transparent;
  background:transparent;
}
.favorite:active{background:var(--surface2)}
.quick-add{
  width:33px;height:33px;min-height:33px;border-radius:10px;
  box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 20%,transparent);
}
.featured-grid{gap:10px}
.featured-card{
  border-radius:18px;
  border-color:color-mix(in srgb,var(--line) 86%,transparent);
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}
.featured-media{height:112px}
.featured-body{padding:11px 12px 12px}
.featured-copy strong{font-size:14.5px}
.featured-tag{
  border-color:color-mix(in srgb,var(--brand) 24%,transparent);
  box-shadow:0 3px 10px rgba(0,0,0,.06);
}
.home-message-card,.quick-info-card,.hours-card,.contact-card,.ratings-section{
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}
.home-message-card p{padding:13px 15px 3px}
.home-message-card .inline-link{padding:8px 15px 13px}
.home-banner-wrap{background:var(--surface2)}
.quick-info-card{gap:0}
.quick-info-item{
  background:transparent;
  padding:13px 12px;
  border-inline-start:1px solid var(--line);
}
.quick-info-item:first-child{border-inline-start:0}
.quick-info-item small{font-size:10.5px}
.quick-info-item strong{font-size:12.5px}
.hours-card{padding:15px}
.hours-card small{font-size:11px}
.contact-card>a,.contact-card>div{padding:15px}
.contact-card>a:active{background:var(--surface2)}
.rating-summary{padding:15px}
.review-card{border-radius:14px;background:color-mix(in srgb,var(--surface2) 72%,var(--surface))}
.menu-search{
  top:78px;min-height:50px;border-radius:15px;
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  box-shadow:0 5px 18px rgba(0,0,0,.04);
  padding-inline:15px;
}
.category-tabs{top:136px;padding:7px 0 8px}
.category-tabs button{
  min-height:40px;padding-inline:14px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  font-size:12px;
}
.category-tabs button.active{
  box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 18%,transparent);
}
.btn-wide,.submit-order,.btn.primary,.add-btn{
  border-radius:15px;
  box-shadow:0 7px 18px color-mix(in srgb,var(--brand) 18%,transparent);
}
.btn.secondary{border-radius:14px}
.store-bottom-nav{
  padding:6px 8px calc(7px + env(safe-area-inset-bottom));
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  border-top-color:color-mix(in srgb,var(--line) 82%,transparent);
  box-shadow:0 -8px 24px rgba(0,0,0,.06);
}
.store-bottom-nav button{
  min-height:55px;border-radius:14px;
  grid-template-rows:26px 15px;
  align-content:center;
  gap:2px;
}
.store-bottom-nav button.active{
  background:color-mix(in srgb,var(--brand) 9%,transparent);
}
.store-bottom-nav button.active .bottom-nav-icon{transform:translateY(-1px)}
.bottom-nav-icon{width:21px;height:21px}
.sheet{
  border-radius:24px 24px 0 0;
  box-shadow:0 -18px 54px rgba(0,0,0,.22);
}
.sheet::before{
  content:"";display:block;width:38px;height:4px;border-radius:999px;
  background:color-mix(in srgb,var(--muted) 35%,transparent);
  margin:8px auto 2px;
}
.sheet-head{padding-top:10px}
.close-btn{border-radius:13px}
.choice-card,.option-row,.checkout-field input,.checkout-field textarea,.message-preview,.totals-box{border-radius:14px}
.choice-card:has(input:checked){
  background:color-mix(in srgb,var(--brand) 7%,var(--surface2));
  box-shadow:inset 0 0 0 1px var(--brand);
}
.cart-line{padding:12px 0}
.cart-line-copy strong{font-size:14.5px}
.totals-box{padding:14px}
.receipt-view{padding:24px 0 30px}
.success-mark{box-shadow:0 8px 22px color-mix(in srgb,var(--success) 15%,transparent)}
@media(max-width:380px){
  .store-main{padding-inline:10px}
  .product-card{grid-template-columns:66px minmax(0,1fr);gap:10px;padding:10px}
  .product-image-btn{width:66px;height:66px;min-width:66px}
  .brand-tagline{max-width:44vw}
  .quick-info-card{grid-template-columns:1fr}
  .quick-info-item{border-inline-start:0;border-top:1px solid var(--line)}
  .quick-info-item:first-child{border-top:0}
}
@media(min-width:650px){
  .store-main{padding:22px}
  .featured-media{height:136px}
  .sheet{border-radius:24px}
}


/* Category image banner */
.category-section.has-category-image{display:grid;gap:10px}
.category-banner{
  position:relative;
  width:100%;
  aspect-ratio:16/6;
  min-height:118px;
  max-height:210px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:18px;
  background:var(--surface2);
  box-shadow:var(--shadow-soft);
}
.category-banner-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:420px){
  .category-banner{aspect-ratio:16/7;min-height:104px;border-radius:16px}
}


/* Compact ratings cards */
.ratings-wrap{gap:10px}
.ratings-section{
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.rating-summary{
  padding:11px 13px;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:16px;
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}
.rating-summary>strong{font-size:26px;line-height:1}
.rating-summary>div{gap:1px}
.rating-summary small{font-size:10.5px}
.rating-stars{font-size:13px;letter-spacing:.5px}
.reviews-list{gap:8px}
.review-card{
  gap:4px;
  padding:10px 12px;
  min-height:0;
  border-radius:14px;
  background:color-mix(in srgb,var(--surface2) 64%,var(--surface));
  box-shadow:none;
}
.review-head{gap:8px}
.review-head strong{font-size:13.5px}
.review-card p{
  margin:1px 0 0;
  font-size:12.5px;
  line-height:1.55;
}
.review-card small{font-size:10.5px}
.rating-summary a,.review-card a{font-size:10.5px}
@media(min-width:760px){
  .reviews-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Contact page cards */
.contact-page{gap:14px}
.contact-actions-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.contact-action{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:76px;
  padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:17px;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 50%,var(--surface)));
  color:var(--text);
  text-decoration:none;
  box-shadow:var(--shadow-soft);
}
.contact-action:active{transform:translateY(1px);box-shadow:none}
.contact-action-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:color-mix(in srgb,var(--brand) 10%,var(--surface2));
  color:var(--brand);
  position:relative;
}
.contact-action-icon::before{
  content:"";width:21px;height:21px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 12h8M12 8v8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 12h8M12 8v8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-phone::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 3.5 9 7.8 7.5 9.3c1.4 2.8 3.4 4.8 6.2 6.2l1.5-1.5 4.3 2.4c.4.2.6.7.5 1.1-.3 1.8-1.9 3.1-3.7 3-6.6-.6-12.2-6.2-12.8-12.8-.1-1.8 1.2-3.4 3-3.7.4-.1.9.1 1.1.5Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 3.5 9 7.8 7.5 9.3c1.4 2.8 3.4 4.8 6.2 6.2l1.5-1.5 4.3 2.4c.4.2.6.7.5 1.1-.3 1.8-1.9 3.1-3.7 3-6.6-.6-12.2-6.2-12.8-12.8-.1-1.8 1.2-3.4 3-3.7.4-.1.9.1 1.1.5Z' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-whatsapp::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11.7a8 8 0 0 1-11.7 7.1L4 20l1.2-4.2A8 8 0 1 1 20 11.7Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8.3 8.2c.5 3.1 2.4 5 5.5 5.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11.7a8 8 0 0 1-11.7 7.1L4 20l1.2-4.2A8 8 0 1 1 20 11.7Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8.3 8.2c.5 3.1 2.4 5 5.5 5.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-instagram::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.15' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.15' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-snapchat::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5c-3 0-5 2.1-5 5.2v2.1c0 .9-.5 1.8-1.3 2.2l-1.5.8c-.5.3-.4 1 .1 1.2l2 .7c.4.1.7.5.8.9.2.8.8 1.1 1.6.9.9-.2 1.6.1 2.1.6.7.7 1.7.7 2.4 0 .5-.5 1.2-.8 2.1-.6.8.2 1.4-.1 1.6-.9.1-.4.4-.8.8-.9l2-.7c.5-.2.6-.9.1-1.2l-1.5-.8c-.8-.4-1.3-1.3-1.3-2.2V8.7c0-3.1-2-5.2-5-5.2Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5c-3 0-5 2.1-5 5.2v2.1c0 .9-.5 1.8-1.3 2.2l-1.5.8c-.5.3-.4 1 .1 1.2l2 .7c.4.1.7.5.8.9.2.8.8 1.1 1.6.9.9-.2 1.6.1 2.1.6.7.7 1.7.7 2.4 0 .5-.5 1.2-.8 2.1-.6.8.2 1.4-.1 1.6-.9.1-.4.4-.8.8-.9l2-.7c.5-.2.6-.9.1-1.2l-1.5-.8c-.8-.4-1.3-1.3-1.3-2.2V8.7c0-3.1-2-5.2-5-5.2Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-tiktok::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4v10.2a4.8 4.8 0 1 1-3.6-4.65v2.65a2.3 2.3 0 1 0 1.1 2V4h2.5c.5 2.2 1.9 3.6 4.5 4.2v2.5c-2-.25-3.4-.95-4.5-2Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4v10.2a4.8 4.8 0 1 1-3.6-4.65v2.65a2.3 2.3 0 1 0 1.1 2V4h2.5c.5 2.2 1.9 3.6 4.5 4.2v2.5c-2-.25-3.4-.95-4.5-2Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-x::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h3.9l3.8 5.1L17 4h2l-5.4 6.5L20 20h-3.9l-4.3-5.8L7 20H5l5.8-7.1Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h3.9l3.8 5.1L17 4h2l-5.4 6.5L20 20h-3.9l-4.3-5.8L7 20H5l5.8-7.1Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-facebook::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 21v-8h3l.5-3H14V8.2c0-.9.3-1.7 1.8-1.7H18V3.8c-.4-.1-1.7-.2-3-.2-3 0-5 1.8-5 5.1V10H7v3h3v8Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 21v-8h3l.5-3H14V8.2c0-.9.3-1.7 1.8-1.7H18V3.8c-.4-.1-1.7-.2-3-.2-3 0-5 1.8-5 5.1V10H7v3h3v8Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-youtube::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='4' fill='black'/%3E%3Cpath d='m10 9 5 3-5 3Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='4' fill='black'/%3E%3Cpath d='m10 9 5 3-5 3Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-other::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 14.5 14.5 9M8 17H6a4 4 0 0 1 0-8h3M16 7h2a4 4 0 0 1 0 8h-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 14.5 14.5 9M8 17H6a4 4 0 0 1 0-8h3M16 7h2a4 4 0 0 1 0 8h-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-icon.icon-website::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 3.7 5.5 3.7 9S14.5 18.5 12 21c-2.5-2.5-3.7-5.5-3.7-9S9.5 5.5 12 3Z' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 3.7 5.5 3.7 9S14.5 18.5 12 21c-2.5-2.5-3.7-5.5-3.7-9S9.5 5.5 12 3Z' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;
}
.contact-action-copy{display:grid;gap:2px;min-width:0}
.contact-action-copy strong{font-size:13.5px}
.contact-action-copy small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-action-arrow{font-size:24px;color:var(--muted)}
.contact-location-card{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;
  padding:13px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)
}
.contact-location-icon{
  width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--brand) 10%,var(--surface2));position:relative
}
.contact-location-icon::before{
  content:"";position:absolute;inset:11px;background:var(--brand);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat
}
.contact-location-copy{display:grid;gap:2px;min-width:0}.contact-location-copy small{color:var(--muted);font-size:10.5px}.contact-location-copy strong{font-size:13px;overflow-wrap:anywhere}
.contact-map-button{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:11px;
  background:var(--brand);color:var(--on-brand);text-decoration:none;font-size:11px;font-weight:900
}
@media(max-width:520px){
  .contact-actions-grid{grid-template-columns:1fr}
  .contact-location-card{grid-template-columns:42px minmax(0,1fr)}
  .contact-map-button{grid-column:1/-1;width:100%;min-height:44px}
}


/* ===== Registered fixes batch: product sheet visual alignment ===== */
.choice-card{
  padding:9px 6px;
  align-content:center;
}
.choice-card>span{
  display:flex;
  min-height:48px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  line-height:1.2;
}
.choice-card strong{display:block;line-height:1.2}
.choice-card small{
  display:flex;
  min-height:18px;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.choice-card .money-inline{
  min-height:18px;
  align-items:center;
  line-height:1;
}
.close-btn{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
  border-radius:13px;
  background:var(--surface2);
  color:var(--text);
  font-size:0;
  line-height:1;
}
.close-btn::before{
  content:"";
  display:block;
  width:18px;
  height:18px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.close-btn:active{background:color-mix(in srgb,var(--surface2) 78%,var(--line))}