/* Selected warm red and gold identity; decorative assets never intercept taps. */
:root{--teal:#ad3023;--deep:#7d231d;--ink:#44251e;--cream:#fff5e6;--gold:#f1c66e;--muted:#81695b;--line:#e7d3b9}
body,#home{background:var(--cream)}
.header{background:#a42b21;color:var(--cream);border-bottom:1px solid #edc57455}
.languages button{color:#f9e5cd}.languages span{opacity:.65}.languages button.active{color:var(--gold)}
.desktop-nav a:hover,#mobile-nav a:hover{color:var(--gold)}
#home .hero{background:linear-gradient(110deg,#b63425,#9b271f);isolation:isolate;padding-block:28px 38px;border-bottom:2px solid #e9ba61}
#home .hero::before{inset:0;background:url('assets/arabesque-gold.svg') repeat;background-size:76px;opacity:.45;z-index:-2}
#home .hero::after{content:'';position:absolute;inset:auto 0 0;height:21px;border-block:1px solid #e8bd67;background:#9b271f url('assets/arabesque-gold.svg') repeat-x center/34px;pointer-events:none;z-index:-1}
#home .hero-copy{position:relative;max-width:760px;margin-inline:auto;text-align:center;padding:24px 32px 10px;background:linear-gradient(90deg,transparent,#a92f23 7%,#a92f23 93%,transparent)}
#home .hero-copy::before{content:'';position:absolute;inset:-16px -15px 0;background:url('assets/arabesque-arch.svg') no-repeat top center/100% 100%;opacity:.9;z-index:-1;pointer-events:none}
#home .hero h1{color:#fff1d8;max-width:690px;margin-inline:auto;font-weight:600;line-height:1.15}
#home .quick-actions{margin:22px auto 8px;max-width:560px;gap:12px}
.quick-action{background:#a32b20;border:1px solid #efc474;color:#fff1d8;border-radius:16px}
.quick-action:hover{background:#8e231c;border-color:#ffe3a2}
.quick-action:first-child{background:#ffe1a0;border-color:#ffe1a0;color:#83271e}
.quick-action:first-child:hover{background:#ffedc6}
.featured{background:#fff5e6;padding-block:28px 36px}
.featured>h2{text-align:center;color:#4d251d}
.featured>h2::after{content:'';display:block;height:20px;width:180px;margin:12px auto 2px;background:linear-gradient(#d8a14e,#d8a14e) left center/65px 1px no-repeat,url('assets/arabesque-gold.svg') center/20px no-repeat,linear-gradient(#d8a14e,#d8a14e) right center/65px 1px no-repeat}
.featured-card{background:#fffaf1;border-color:#e0c7a5;box-shadow:0 3px 14px #6a35100a;border-radius:20px}
.featured-photo{background:#efdfcb}
.featured-info h3{color:#4d251d}
.featured-description{color:#806b5c}
.bestseller-badge{background:#f2c66c;color:#4a281d;box-shadow:0 2px 10px #5426131a}
.portion-option{background:#fffaf1;border-color:#cda891;color:#672c21;border-radius:11px}
.portion-option.selected{background:#ad3023;border-color:#ad3023;color:#fff8e9}
.featured-add{background:#ad3023;border-color:#ad3023;color:#fff7e7;border-radius:13px}
.featured-add:hover{background:#86241c}.featured-purchase>strong{color:#59291f}
.full-menu-link{border-color:#b56d50;color:#8e2b20;background:#fffaf0;border-radius:14px}
.full-menu-link:hover{background:#f7e6d0}
.signature{background:#fffaf0;border:1px solid #e3bf80;box-shadow:none;color:#642d21}
.contacts{background:#84251f;border-top:3px solid #d8ad5d}
.contact-note{color:#f1dcc4}.contact-info small{color:#e4bd90}.contact-icon{color:#f1c66e}
footer{background:#70211b;color:#ecd5ba}
.stepper{background:#f6e8d7;border-color:#dfc2a5}
.qty-button{color:#9b2c21;border-color:#d6ab8d;background:#fffaf1;box-shadow:none}
.qty-button[data-change="1"]{background:#ad3023;border-color:#ad3023;color:#fff7e8}
.qty-button:hover{background:#f6dfc2}.qty-button[data-change="1"]:hover{background:#84251f}
.stepper .quantity{color:#552a21}
#menu-screen,#menu-screen .menu-top,#menu-screen .category-wrap{background:#fffaf3;color:#44251e}
#menu-screen .menu-heading h1,#menu-screen .menu-section>h2,#menu-screen .item-name,#menu-screen .price{color:#4d251d}
#menu-screen #search-toggle{background:#f6e8d8}
#menu-screen .scroll-row button{background:#f4e8d9;color:#6a3c2d}
#menu-screen #group-tabs button.active{background:#ad3023;color:#fff5e6}
#menu-screen #category-tabs button{background:#f7eddf;color:#6a3c2d}
#menu-screen #category-tabs button.active{background:#f6d99b;color:#58311f}
#menu-screen .catalog-item{border-bottom-color:#ead8c2}
#menu-screen .item-description,#menu-screen .item-variant{color:#806b5c}
.choose-product{background:#f5ddc9;color:#8c2b20}.choose-product:hover{background:#edc7ae}
.catalog-placeholder,.product-placeholder{background:linear-gradient(135deg,#f7e8d6,#f5dcb1);color:#ab704c}
.menu-hint{background:#fae6b7;color:#6b4926}
#search{background:#fffaf3;border-color:#d5b99d;color:#4d251d}
#order-bar{background:linear-gradient(transparent,#fff5e6 30%)}
#cart,#product,#cart .dialog-heading,.product-bottom{background:#fffaf4;color:#44251e}
#cart h2,#cart h3,#product h2,#product h3{color:#4d251d}
#cart .price{color:#622d22}
#cart .stepper{background:#f3e7d9;border-color:#e1cbb2}
#cart .qty-button{color:#9a2d21}#cart .quantity{background:#fffaf4}
.product-option{background:#f7ebde;border-color:#e1c8ac;color:#633c2b}
.product-option.selected{background:#ad3023;border-color:#ad3023;color:#fff7e7}
#product-description,.cart-note{color:#806b5c}
.order-comment-box{background:#f4e8d9}.order-comment-box label{color:#5a3025}
#order-comment{background:#fffdf8;border-color:#d7bda1;color:#4d251d}
#order-comment::placeholder{color:#8d7c6e}
.close-product{background:#fff7e9ed;color:#912d22}
dialog::backdrop{background:#3b1911ad}
:is(button,a,input,textarea):focus-visible{outline-color:#bc8032}
@media(max-width:760px){
  #home .hero{padding:16px 16px 29px}
  #home .hero-copy{padding:24px 5px 2px;background:linear-gradient(90deg,transparent,#a92f23 9%,#a92f23 91%,transparent)}
  #home .hero-copy::before{inset:-9px -8px 0;background-size:100% 100%}
  #home .hero h1{font-size:clamp(27px,7.5vw,34px);line-height:1.13;max-width:440px}
  #home .quick-actions{margin-top:18px;gap:8px}
  .quick-action{min-height:70px;border-radius:12px;gap:7px;padding-inline:2px}
  .quick-action span{font-size:9px}.quick-action svg{width:24px;height:24px}
  .featured{padding-top:22px}.featured>h2{font-size:27px;margin-bottom:18px}
  .featured>h2::after{margin-block:9px 0;height:16px;background-size:65px 1px,16px,65px 1px}
}
@media(max-width:350px){.quick-action span{font-size:8px}#home .hero h1{font-size:27px}.languages button{min-width:37px}}