/* ===================================================================
   Saudi National Day — independent green and white template
   National green inspired by the official Saudi flag: #006C35.
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--sn-green:#006C35;--sn-deep:#004B2A;--sn-bright:#0B7A45;--sn-mist:#EAF5EE;--sn-white:#FFFFFF;--sn-ink:#173527;--sn-muted:#5F7869;--sn-line:rgba(0,108,53,.24);--sn-shadow:0 14px 32px rgba(0,75,42,.13),0 3px 8px rgba(0,75,42,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:'Tajawal',Tahoma,Arial,sans-serif}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;color:var(--sn-ink);background:radial-gradient(circle at 90% 5%,rgba(11,122,69,.15),transparent 22rem),radial-gradient(circle at 10% 86%,rgba(0,108,53,.09),transparent 24rem),linear-gradient(145deg,#f8fcf9,#edf7f0)}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.48;background-image:linear-gradient(45deg,transparent 48%,rgba(0,108,53,.055) 49%,rgba(0,108,53,.055) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,108,53,.055) 49%,rgba(0,108,53,.055) 51%,transparent 52%);background-size:38px 38px}body:after{content:"";position:fixed;inset:10px;z-index:-1;pointer-events:none;border:1px solid rgba(0,108,53,.14);border-radius:8px}.hide{display:none!important}
/* Shared forms, containers, buttons */
.container{width:min(980px,calc(100% - 32px));margin:30px auto;padding:clamp(20px,4vw,34px);border:1px solid var(--sn-line);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:var(--sn-shadow)}.container h1,.container h2,.container h3{color:var(--sn-deep);font-family:'Tajawal',Tahoma,Arial,sans-serif}.form-group{margin-bottom:17px}.form-group label{display:block;margin:0 0 8px;color:var(--sn-deep);font-weight:800}.form-group input,.form-group select,.form-group textarea,input,select,textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(0,108,53,.3);border-radius:8px;background:#fff;color:var(--sn-ink);font:inherit}.form-group textarea,textarea{min-height:130px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,select:focus,textarea:focus{outline:0;border-color:var(--sn-green);box-shadow:0 0 0 3px rgba(0,108,53,.13)}button,.btn,.button,input[type=submit]{font:inherit;cursor:pointer}.field-error{display:none;margin-top:6px;color:#a33030;font-size:13px}.field-error.show{display:block}.public-error-message{margin-bottom:16px;padding:13px 15px;border:1px solid #da9999;border-radius:8px;background:#fff3f3;color:#8c2727;text-align:center}.direct-hidden-select{display:none}.direct-selection{padding:12px 14px;border:1px solid rgba(0,108,53,.28);border-radius:8px;background:#edf8f0;color:var(--sn-deep);font-weight:700}.branch-info-box,.service-notice{display:none;margin-top:12px;padding:12px 14px;border-radius:8px}.branch-info-box.show{display:block;border:1px solid rgba(0,108,53,.25);background:#eef8f1;color:var(--sn-deep)}.service-notice.show{display:block;border:1px solid #d6b565;background:#fff8e4;color:#7c5c19}.branch-map-btn,.btn-home,.template-action-link,.contact-submit-button,.menu-add-button,.cart-toggle,.table-order-submit,.table-order-new-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border:1px solid var(--sn-green);border-radius:8px;background:linear-gradient(135deg,var(--sn-bright),var(--sn-green));color:#fff;box-shadow:3px 4px 0 rgba(0,108,53,.14);font-weight:800;text-decoration:none}.branch-map-btn:hover,.btn-home:hover,.template-action-link:hover,.template-action-link:focus-visible,.contact-submit-button:hover,.menu-add-button:hover,.cart-toggle:hover,.table-order-submit:hover,.table-order-new-link:hover{background:linear-gradient(135deg,#0b8a4d,var(--sn-deep));transform:translateY(-2px)}.template-action-link.secondary{border-color:#a6beae;background:#f2f8f4;color:var(--sn-deep)}.template-action-link.danger,.cancel-danger,.cancel-link,.result-cancel-link{border-color:#c77979;background:linear-gradient(135deg,#c16c6c,#9d4646);color:#fff;box-shadow:3px 4px 0 rgba(157,70,70,.12)}.back-home{text-align:center;margin:20px auto}.template-page-actions{width:min(980px,calc(100% - 32px));margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.back-btn{display:block;width:min(290px,100%);margin:16px auto 0;padding:12px 16px;border:1px solid var(--sn-green);border-radius:8px;background:linear-gradient(135deg,var(--sn-bright),var(--sn-green));color:#fff;text-align:center;text-decoration:none;font-weight:800;box-shadow:3px 4px 0 rgba(0,108,53,.14)}.back-btn:hover{background:var(--sn-deep)}
/* Header, atmosphere, footer */
.national-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.national-atmosphere__halo{position:absolute;border-radius:50%;filter:blur(2px)}.national-atmosphere__halo--one{width:32rem;height:32rem;top:-20rem;right:-12rem;background:radial-gradient(circle,rgba(0,108,53,.13),rgba(0,108,53,.01) 68%,transparent 72%)}.national-atmosphere__halo--two{width:34rem;height:34rem;bottom:-24rem;left:-15rem;background:radial-gradient(circle,rgba(11,122,69,.11),rgba(11,122,69,.01) 69%,transparent 73%)}.national-atmosphere__line{position:absolute;width:18rem;height:18rem;border:1px solid rgba(0,108,53,.12);transform:rotate(45deg)}.national-atmosphere__line--one{top:22%;right:-12rem}.national-atmosphere__line--two{bottom:12%;left:-13rem}.header.national-header{position:relative;isolation:isolate;padding:24px 20px 27px;color:#fff;background:linear-gradient(112deg,var(--sn-deep),var(--sn-green) 58%,#087542);border-bottom:4px solid #fff;box-shadow:0 10px 24px rgba(0,75,42,.22);overflow:hidden}.national-header:before,.national-header:after{content:"";position:absolute;z-index:-1;width:250px;height:250px;border:1px solid rgba(255,255,255,.22);transform:rotate(45deg)}.national-header:before{top:-175px;right:9%}.national-header:after{bottom:-190px;left:9%}.national-header__shell{width:min(1060px,100%);min-height:84px;margin:auto;display:flex;align-items:center;justify-content:center;position:relative}.national-brand{display:flex;align-items:center;justify-content:center;gap:17px;text-align:start}.national-brand__mark{position:relative;display:grid;place-items:center;width:76px;height:76px;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.1);box-shadow:0 0 0 6px rgba(255,255,255,.11)}.national-brand__halo{position:absolute;inset:7px;border:1px solid rgba(255,255,255,.58);border-radius:50%}.national-brand .header-img{position:relative;z-index:1;width:53px;max-width:53px;height:53px;margin:0;border-radius:50%;background:#fff;padding:3px;object-fit:contain}.national-brand__copy h1{margin:0;color:#fff;font-size:clamp(1.42rem,3.2vw,2.08rem);font-weight:800}.national-lang-switcher{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%)}.national-lang-switcher .btn-lang{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.7);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:800}.national-lang-switcher .btn-lang:hover{background:#fff;color:var(--sn-deep)}.national-lang-dot{width:8px;height:8px;background:#fff;transform:rotate(45deg)}.national-banner-ad{width:min(1120px,calc(100% - 32px));margin:18px auto;overflow:hidden;border:1px solid var(--sn-line);border-radius:8px;background:#fff;box-shadow:var(--sn-shadow)}.national-banner-ad a{display:block}.banner-img{display:block;width:100%;height:auto;object-fit:contain}.national-footer{position:relative;margin-top:42px;padding:30px 20px 28px;overflow:hidden;color:#e3f0e7;background:linear-gradient(112deg,var(--sn-deep),var(--sn-green),#087542);border-top:4px solid #fff;box-shadow:0 -7px 20px rgba(0,75,42,.18);text-align:center}.national-footer:before,.national-footer:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.17);transform:rotate(45deg)}.national-footer:before{top:-160px;left:13%}.national-footer:after{bottom:-165px;right:13%}.national-footer__line{position:relative;width:min(270px,70%);height:14px;margin:0 auto 12px;border-top:1px solid #fff;background:linear-gradient(90deg,transparent 45%,#fff 45% 55%,transparent 55%)}.national-footer__content{position:relative}.national-footer p{margin:0}
/* Main page: national pattern tiles */
.national-home{width:min(1080px,calc(100% - 32px));margin:34px auto 48px;padding:0;border:0;background:transparent;box-shadow:none}.national-services{position:relative;padding:clamp(22px,4vw,42px);overflow:hidden;border:1px solid var(--sn-line);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:var(--sn-shadow)}.national-services:before{content:"";position:absolute;width:260px;height:260px;top:-165px;inset-inline-end:-105px;border:1px solid rgba(0,108,53,.18);transform:rotate(45deg)}.national-section-heading{position:relative;max-width:650px;margin:0 auto 30px;padding-bottom:18px;text-align:center}.national-section-heading:after{content:"";position:absolute;bottom:0;left:50%;width:150px;height:3px;background:linear-gradient(90deg,transparent,var(--sn-green) 20% 80%,transparent);transform:translateX(-50%)}.national-section-heading span{display:block;color:var(--sn-deep);font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800}.national-section-heading p{margin:8px 0 0;color:var(--sn-muted);line-height:1.9}.national-ledger{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin:0;padding:0}.national-ledger-card{position:relative;display:grid!important;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;gap:11px;min-height:205px;margin:0!important;padding:22px 18px!important;overflow:hidden;border:1px solid rgba(0,108,53,.28);border-radius:11px;background:linear-gradient(145deg,#fff,#edf8f0);box-shadow:0 7px 15px rgba(0,75,42,.07);color:var(--sn-ink);text-align:center;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.national-ledger-card:before{content:"";position:absolute;width:92px;height:92px;inset-inline-start:-50px;inset-block-end:-50px;border:1px solid rgba(0,108,53,.15);transform:rotate(45deg)}.national-ledger-card:after{content:"";position:absolute;top:0;inset-inline:22px;height:4px;background:linear-gradient(90deg,transparent,var(--sn-green),transparent)}.national-ledger-card:hover,.national-ledger-card:focus-visible{border-color:var(--sn-green);background:#fff;box-shadow:0 14px 23px rgba(0,75,42,.15);color:var(--sn-ink);transform:translateY(-5px)}.national-ledger-card__index{position:absolute;top:14px;inset-inline-start:16px;color:var(--sn-bright);font-size:.8rem;font-weight:800;letter-spacing:.15em}.national-ledger-card__body{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:7px}.national-ledger-card__body strong{color:var(--sn-deep);font-size:1.2rem;font-weight:800;line-height:1.45}.national-ledger-card__tag{color:var(--sn-muted);font-size:.8rem;font-weight:700;line-height:1.5}.national-ledger-card__emblem{display:grid;place-items:center;grid-row:1;width:56px;height:56px;border:1px solid var(--sn-green);border-radius:50%;background:var(--sn-green);color:#fff;box-shadow:0 0 0 6px var(--sn-mist)}.national-ledger-card__emblem svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.national-ledger-card__route{position:absolute;bottom:15px;inset-inline-end:16px;color:var(--sn-green);font-size:1.2rem;font-weight:800;transition:transform .2s ease}.national-ledger-card:hover .national-ledger-card__route{transform:translate(-3px,-3px)}
/* Waiting and booking flows */
.waiting-page .container,.booking-page .container{max-width:700px}.waiting-page .form,.booking-page .form{display:grid;gap:2px}.waiting-page button,.booking-page button{width:100%;min-height:53px;border:1px solid var(--sn-green);border-radius:8px;background:linear-gradient(135deg,var(--sn-bright),var(--sn-green));color:#fff;box-shadow:3px 4px 0 rgba(0,108,53,.14);font-weight:800}.waiting-page button:hover,.booking-page button:hover{background:var(--sn-deep);transform:translateY(-2px)}.waiting-page .success-message,.booking-page .success-message{display:none;padding:clamp(24px,5vw,42px);border:1px solid rgba(0,108,53,.28);border-radius:12px;background:linear-gradient(145deg,#fff,#edf8f0);box-shadow:var(--sn-shadow);color:var(--sn-ink);text-align:center}.waiting-page .success-message.show,.booking-page .success-message.show{display:block}.waiting-page .success-message h2,.booking-page .success-message h2{margin:0 0 19px;color:var(--sn-deep);font-size:clamp(1.8rem,6vw,2.5rem)}.waiting-page .success-message h2:after,.booking-page .success-message h2:after{content:"";display:block;width:90px;height:3px;margin:16px auto 0;background:linear-gradient(90deg,transparent,var(--sn-green),transparent)}.waiting-page .waiting-number,.booking-page .reservation-code{display:block;margin:18px auto;color:var(--sn-green);font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:1;text-align:center;word-break:break-word}.waiting-page .waiting-info,.booking-page .reservation-info{margin:18px 0;padding:14px;border-top:1px solid rgba(0,108,53,.25);border-bottom:1px solid rgba(0,108,53,.25);color:var(--sn-muted);line-height:1.8;text-align:center}.waiting-page .waiting-info strong,.booking-page .reservation-info strong{color:var(--sn-deep)}.waiting-page #live-position-box{margin-top:18px;padding:18px;border:1px solid rgba(0,108,53,.25);border-radius:9px;background:#eff8f2;text-align:center}.position-count{font-size:42px;font-weight:800;line-height:1}.waiting-page #live-position-box .position-count{color:var(--sn-green)}.waiting-page #live-position-box .waiting-position-label,.waiting-page #live-position-box .position-label{display:block;margin-top:9px;color:var(--sn-deep);font-weight:700}.live-update-time{margin-top:7px;color:var(--sn-muted);font-size:12px}.status-badge{display:inline-block;padding:6px 12px;border:1px solid rgba(0,108,53,.32);border-radius:7px;font-size:13px;font-weight:800}.waiting-page #live-position-box .status-badge{margin-top:10px;border-color:var(--sn-green);background:#e3f3e8;color:var(--sn-deep)}
/* Check and result cards */
.check-page .container{max-width:760px}.check-page .msg{margin-bottom:17px;padding:13px 15px;border:1px solid rgba(0,108,53,.28);border-inline-start:4px solid var(--sn-green);border-radius:8px;background:#eff8f2;color:var(--sn-deep)}.check-page .check-form{margin:0;padding:clamp(18px,4vw,28px);border:1px solid rgba(0,108,53,.25);border-radius:10px;background:linear-gradient(145deg,#fff,#f0f9f3);box-shadow:0 7px 16px rgba(0,75,42,.07)}.check-page .check-form h3{margin:0 0 19px;padding-bottom:13px;border-bottom:1px solid rgba(0,108,53,.23);color:var(--sn-deep);font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800;line-height:1.45;text-align:center}.check-page .check-form button{width:100%;min-height:53px;margin-top:7px;border:1px solid var(--sn-green);border-radius:8px;background:linear-gradient(135deg,var(--sn-bright),var(--sn-green));color:#fff;box-shadow:3px 4px 0 rgba(0,108,53,.14);font-weight:800}.check-page .check-form button:hover{background:var(--sn-deep)}.check-page .check-separator{height:1px;margin:26px 0;border:0;background:linear-gradient(90deg,transparent,var(--sn-green),transparent)}.results-count{margin-bottom:17px;color:var(--sn-deep);font-weight:800;text-align:center}.card-box,.check-page .result-card{margin-bottom:20px;padding:22px;border:1px solid rgba(0,108,53,.27);border-radius:10px;background:linear-gradient(145deg,#fff,#eff8f2);box-shadow:0 8px 18px rgba(0,75,42,.08)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:9px;border-bottom:1px solid rgba(0,108,53,.24)}.card-header h3{margin:0;color:var(--sn-deep);font-size:1.35rem}.card-code{display:inline-block;padding:8px 13px;border:1px solid var(--sn-green);border-radius:7px;background:var(--sn-green);color:#fff;font-weight:800}.card-body{display:flex;flex-direction:column}.card-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:53px;padding:12px 0;border-bottom:1px solid rgba(0,108,53,.16)}.card-row:last-child{border-bottom:0}.card-row span{color:var(--sn-muted)}.card-row strong{color:var(--sn-deep);text-align:end}.check-page #live-position-box,.live-reservation-box{margin-top:18px;padding:17px;border:1px solid rgba(0,108,53,.24);border-radius:8px;background:#eff8f2;text-align:center}.check-page #live-position-box .position-count{color:var(--sn-green)}.check-page #live-position-box .position-label{margin-top:9px;color:var(--sn-deep)}.result-cancel-link{display:block;width:min(260px,100%);margin:18px auto 0;padding:12px 14px;border:1px solid #c77979;border-radius:8px;background:linear-gradient(135deg,#c16c6c,#9d4646);box-shadow:3px 4px 0 rgba(157,70,70,.12);color:#fff;font-weight:800;text-align:center;text-decoration:none}
/* Menu and cart */
.menu-top-actions{display:flex;justify-content:flex-end;margin:0 auto 14px}.menu-section{margin-bottom:30px}.menu-section h3{padding-bottom:10px;border-bottom:1px solid rgba(0,108,53,.28);color:var(--sn-deep);font-size:1.35rem;text-align:center}.menu-items{list-style:none;margin:0;padding:0}.menu-item{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:16px;padding:17px;border:1px solid rgba(0,108,53,.25);border-radius:9px;background:linear-gradient(145deg,#fff,#eff8f2);box-shadow:0 6px 14px rgba(0,75,42,.06)}.menu-item-image{width:104px;height:104px;overflow:hidden;border:1px solid rgba(0,108,53,.28);border-radius:7px;background:#eaf5ee}.menu-item-image img{display:block;width:100%;height:100%;object-fit:cover}.menu-item-info{display:flex;flex-direction:column;gap:5px}.menu-item-name{color:var(--sn-deep);font-size:1.15rem;font-weight:800}.menu-item-description{color:var(--sn-muted);line-height:1.7}.menu-item-price{color:var(--sn-green);font-weight:800;white-space:nowrap}.cart-toggle{position:relative}.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border:1px solid #fff;border-radius:50%;background:#fff;color:var(--sn-green);font-size:12px}.cart-panel{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-end;justify-content:center;background:rgba(0,75,42,.34)}.cart-panel.open{display:flex}.cart-card{width:min(700px,100%);max-height:86vh;overflow:auto;padding:21px;border:1px solid rgba(0,108,53,.3);border-radius:11px 11px 0 0;background:#fff;box-shadow:0 -10px 34px rgba(0,75,42,.2)}.cart-header,.cart-row,.cart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-header{padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid rgba(0,108,53,.22)}.cart-header h2{margin:0;color:var(--sn-deep)}.cart-close,.qty-button,.cart-remove{padding:7px 9px;border-radius:7px;font-weight:800;cursor:pointer}.cart-close,.cart-remove{border:1px solid #da9999;background:#fff3f3;color:#8c2727}.qty-button{border:1px solid rgba(0,108,53,.3);background:#edf8f0;color:var(--sn-deep)}.cart-row{padding:13px 0;border-bottom:1px solid rgba(0,108,53,.15)}.cart-name{color:var(--sn-deep);font-weight:800}.cart-price,.cart-muted,.cart-note,.cart-empty{color:var(--sn-muted)}.cart-qty{display:inline-flex;align-items:center;gap:8px}.cart-footer{padding-top:17px;flex-wrap:wrap}.cart-total{color:var(--sn-deep);font-size:1.15rem;font-weight:800}.cart-empty{text-align:center;padding:30px 10px}.cart-note{flex-basis:100%;margin:0;line-height:1.7}.cart-sync-notice{display:none;margin-bottom:11px;padding:10px 12px;border:1px solid #d6b565;border-radius:8px;background:#fff8e4;color:#7c5c19}.cart-sync-notice.show{display:block}
/* Loyalty, contact, cancel, table menu, 404 */
.loyalty-wrap{width:min(980px,calc(100% - 32px));margin:24px auto}.loyalty-hero,.table-menu-banner{position:relative;overflow:hidden;width:min(980px,calc(100% - 32px));margin:0 auto 20px;padding:24px;border:1px solid var(--sn-green);border-radius:12px;background:linear-gradient(132deg,var(--sn-deep),var(--sn-green) 64%,#0b7a45);box-shadow:var(--sn-shadow)}.loyalty-hero:after,.table-menu-banner:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.34);pointer-events:none}.loyalty-hero h1,.loyalty-hero p,.table-menu-banner>*{position:relative;z-index:1;color:#fff}.loyalty-hero h1,.table-menu-banner h1{margin:0 0 8px}.loyalty-hero p,.table-menu-banner p{margin:0;color:#e5f4e9}.table-menu-banner{display:flex;align-items:center;gap:14px}.table-menu-banner>span{font-size:30px}.loyalty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.loyalty-card,.cancel-card,.contact-section,.not-found-card,.table-order-receipt{border:1px solid rgba(0,108,53,.25);border-radius:10px;background:linear-gradient(145deg,#fff,#eff8f2);box-shadow:var(--sn-shadow)}.loyalty-card{padding:22px}.loyalty-card h2,.cancel-card h2{margin-top:0;color:var(--sn-deep)}.loyalty-alert,.contact-alert,.cancel-alert,.table-order-alert{margin-bottom:16px;padding:13px 15px;border-radius:8px}.loyalty-balance{padding:22px;margin:18px 0;border:1px solid rgba(0,108,53,.26);border-radius:9px;background:#eff8f2;text-align:center}.loyalty-balance strong{display:block;color:var(--sn-green);font-size:2.5rem;line-height:1.2}.loyalty-table{width:100%;border:1px solid rgba(0,108,53,.28);border-collapse:collapse;background:#fff}.loyalty-table th{padding:11px;background:var(--sn-green);color:#fff;text-align:start}.loyalty-table td{padding:11px;border-color:rgba(0,108,53,.16);color:var(--sn-ink)}.loyalty-badge{display:inline-block;padding:4px 9px;border:1px solid #69a273;border-radius:7px;background:#e7f4e9;color:#286337;font-size:12px;font-weight:800}.loyalty-security-note,.cancel-muted{color:var(--sn-muted);line-height:1.75}.loyalty-otp-actions{display:flex;gap:10px;flex-wrap:wrap}.loyalty-otp-actions form{margin:0}.cancel-wrap{width:min(650px,calc(100% - 32px));margin:24px auto}.cancel-card{padding:26px}.cancel-summary{margin:17px 0;padding:14px;border:1px solid rgba(0,108,53,.22);border-radius:8px;background:#eff8f2;color:var(--sn-muted);line-height:1.8}.contact-section{width:min(900px,calc(100% - 32px));margin:28px auto;padding:26px}.contact-section-heading{text-align:center;margin-bottom:20px}.contact-section-heading h2{margin:0 0 8px;color:var(--sn-deep)}.contact-section-heading p,.contact-message-field small{color:var(--sn-muted);line-height:1.8}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.contact-form .form-group{margin:0}.contact-message-field{grid-column:1/-1}.contact-message-field small{display:block;margin-top:7px}.contact-submit-button{display:block;margin:20px auto 0}.table-order-alert,.table-orders-closed-note{width:min(980px,calc(100% - 32px));margin:0 auto 16px;padding:13px 15px;border-radius:8px}.table-orders-closed-note,.table-order-waiting-note{border:1px solid #d6b565;background:#fff8e4;color:#7c5c19}.table-order-submit-form{display:grid;gap:8px;margin-top:14px}.table-order-submit-form label{color:var(--sn-deep);font-weight:800}.table-order-waiting-note{margin:0;padding:9px 11px;border-radius:8px;line-height:1.6}.table-order-submit{min-height:46px}.table-order-receipt{width:min(760px,calc(100% - 32px));margin:0 auto 33px;padding:22px}.table-order-receipt-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(0,108,53,.24)}.table-order-receipt-head h2{margin:0;color:var(--sn-deep)}.table-order-status{display:inline-block;padding:6px 10px;border:1px solid rgba(0,108,53,.3);border-radius:7px;font-size:13px;font-weight:800}.table-order-readonly-note,.table-order-active-note,.table-order-finished{margin:16px 0;padding:12px;border:1px solid rgba(0,108,53,.22);border-radius:8px;background:#eff8f2;color:var(--sn-muted);line-height:1.7}.table-order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.table-order-summary div{padding:11px;border:1px solid rgba(0,108,53,.17);border-radius:8px;background:#f6fbf7}.table-order-summary dt{margin-bottom:5px;color:var(--sn-muted);font-size:13px;font-weight:700}.table-order-summary dd{margin:0;color:var(--sn-deep);font-weight:800}.table-order-items-readonly{border-top:1px solid rgba(0,108,53,.2)}.table-order-items-readonly>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(0,108,53,.15);color:var(--sn-ink)}.not-found-wrap{min-height:48vh;display:grid;place-items:center;padding:22px 0 42px}.not-found-card{width:min(560px,calc(100% - 32px));padding:38px 28px;text-align:center}.not-found-code{margin:0;color:var(--sn-green);font-size:clamp(64px,16vw,124px);font-weight:800;line-height:1}.not-found-card h2{margin:17px 0 12px;color:var(--sn-deep)}.not-found-card p{margin:0 auto 23px;color:var(--sn-muted);line-height:1.8}
/* Status feedback */
.status-waiting,.status-scheduled,.table-order-status.status-new{background:#e7f4e9;color:#276537}.status-arrived,.status-done,.table-order-status.status-received{background:#e1f3e6;color:#1e6e3a}.status-late,.status-your_turn,.table-order-status.status-ready{background:#fff2cf;color:#7a5710}.status-cancelled,.table-order-status.status-cancelled{background:#fff0f0;color:#942e2e}.table-order-status.status-accepted,.table-order-status.status-preparing{background:#e7f0ff;color:#285b8f}.contact-alert.error,.loyalty-alert.error,.cancel-alert.error,.table-order-alert.error{border:1px solid #da9999;background:#fff3f3;color:#8c2727}.contact-alert.success,.loyalty-alert.success,.cancel-alert.success,.table-order-alert.success{border:1px solid #86b88e;background:#e8f5eb;color:#296339}
@media(max-width:760px){body:after{inset:6px}.national-header__shell{min-height:72px;flex-direction:column}.national-brand{gap:12px}.national-brand__mark{width:64px;height:64px}.national-brand .header-img{width:45px;max-width:45px;height:45px}.national-lang-switcher{position:relative;inset:auto;top:auto;transform:none;margin-top:14px}.national-ledger{grid-template-columns:repeat(2,minmax(0,1fr))!important}.national-home{width:min(100% - 20px,1080px);margin-top:21px}.container{width:min(100% - 20px,980px);margin-top:21px}.national-services{padding:22px 15px}.loyalty-grid{grid-template-columns:1fr}.template-page-actions{width:min(100% - 20px,980px)}.contact-form-grid{grid-template-columns:1fr}.contact-message-field{grid-column:auto}.contact-submit-button{width:100%}}
@media(max-width:480px){.national-ledger{grid-template-columns:1fr!important}.national-ledger-card{min-height:165px;grid-template-columns:62px minmax(0,1fr);grid-template-rows:1fr auto;justify-items:start;text-align:start;padding:20px 43px 20px 20px!important}.national-ledger-card__emblem{grid-row:1;grid-column:1;width:52px;height:52px}.national-ledger-card__body{grid-column:2;grid-row:1}.national-ledger-card__index{top:14px}.national-ledger-card__route{bottom:14px}.menu-item{grid-template-columns:80px minmax(0,1fr);padding:14px}.menu-item-image{width:80px;height:80px}.menu-item-price,.menu-add-button{grid-column:2}.table-order-summary{grid-template-columns:1fr}.table-order-receipt-head{align-items:flex-start;flex-direction:column}.card-header{align-items:flex-start}.card-row{min-height:0;flex-direction:column;align-items:flex-start;gap:5px}.card-row strong{text-align:start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}