/* KRAMS GRILL 2026 — themed pages only. Standalone visual shell inside Astra child. */
body.krams-ui{--kr-bg:#0e1012;--kr-surface:#1a1c1f;--kr-line:#35383c;--kr-red:#ec4032;--kr-red-deep:#c92724;--kr-muted:#b4b4b6;margin:0;background:var(--kr-bg);color:#f9f8f6;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.krams-ui *, .krams-ui *::before,.krams-ui *::after{box-sizing:border-box}
.krams-ui h1,.krams-ui h2,.krams-ui h3,.krams-ui p{margin-top:0}
.krams-ui h1,.krams-ui h2,.krams-ui h3{font-family:inherit;font-style:normal;letter-spacing:-.03em;color:#fff;line-height:1.16}
.krams-ui a{text-decoration:none;color:inherit}
.krams-ui button,.krams-ui input{font-family:inherit}
.krams-ui button{cursor:pointer}
.krams-ui button:focus-visible,.krams-ui a:focus-visible,.krams-ui input:focus-visible{outline:3px solid #ffb36e;outline-offset:3px}
.krams-ui .krams-width{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.krams-ui .krams-site{min-height:100dvh}
.krams-ui .krams-skip{position:absolute;left:-99999px;top:4px;background:#fff;color:#111;padding:9px 14px;z-index:200}
.krams-ui .krams-skip:focus{left:10px}
/* Header / top navigation */
.krams-ui .krams-site-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:30;background:rgba(12,14,16,.97);backdrop-filter:blur(14px);border-bottom:1px solid #2c2d30}
.krams-ui .krams-header-row{min-height:78px;display:flex;align-items:center;gap:38px}
.krams-ui .krams-wordmark{display:block;flex:0 0 auto;color:#f5f5f4;font-size:25px;line-height:1;font-weight:950;letter-spacing:-1px;white-space:nowrap}
.krams-ui .krams-wordmark strong,.krams-ui .krams-footer-brand span{color:var(--kr-red);font-weight:950}
.krams-ui .krams-wordmark small{display:block;margin-top:6px;color:#c2c0bd;font-size:8px;font-weight:800;letter-spacing:1.7px}
.krams-ui .krams-fire{font-size:20px;margin-left:5px}
.krams-ui .krams-main-nav{display:flex;align-items:center;gap:28px;flex:1}
.krams-ui .krams-main-nav a{font-size:13px;font-weight:680;color:#d5d7d8;transition:color .15s}
.krams-ui .krams-main-nav a:hover,.krams-ui .krams-main-nav a.krams-current{color:#ff7265}
.krams-ui .krams-header-cta{display:inline-flex;align-items:center;gap:12px;background:var(--kr-red);color:#fff;border-radius:11px;padding:12px 17px;font-size:13px;font-weight:800;white-space:nowrap}
.krams-ui .krams-header-cta:hover,.krams-ui .krams-primary-action:hover{background:var(--kr-red-deep);color:#fff}
/* Hero */
.krams-ui .krams-hero{min-height:505px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 55%,rgba(221,78,26,.4),transparent 45%),linear-gradient(125deg,#17100e,#0e1012 70%)}
.krams-ui .krams-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--krams-hero-image);background-size:cover;background-position:66% center;opacity:.95}
.krams-ui .krams-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,11,12,.98) 0%,rgba(9,11,12,.9) 26%,rgba(9,11,12,.55) 53%,rgba(9,11,12,.15) 100%),linear-gradient(0deg,rgba(9,11,12,.4),transparent 65%)}
.krams-ui .krams-hero-inner{min-height:505px;display:flex;align-items:center}
.krams-ui .krams-hero-copy{padding:62px 0 66px;width:min(100%,655px)}
.krams-ui .krams-eyebrow,.krams-ui .krams-kicker{color:#ffab67;font-size:11px;font-weight:850;letter-spacing:2px;text-transform:uppercase}
.krams-ui .krams-hero h1{margin:12px 0 9px;font-size:clamp(44px,5.8vw,82px);letter-spacing:-.055em;font-weight:930;line-height:1.05;text-shadow:0 2px 9px rgba(0,0,0,.3)}
.krams-ui .krams-hero-subtitle{font-size:clamp(19px,2.25vw,27px);line-height:1.25;font-weight:660;color:#f0edea;margin-bottom:19px}
.krams-ui .krams-hero-location{font-size:15px;font-weight:740;margin-bottom:18px;color:#ece5df}
.krams-ui .krams-service-notes{display:flex;flex-wrap:wrap;gap:11px 26px;color:#f5f3f1;font-size:13px;font-weight:680}
.krams-ui .krams-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.krams-ui .krams-primary-action,.krams-ui .krams-outline-action{display:inline-flex;align-items:center;gap:17px;justify-content:center;padding:13px 19px;min-height:48px;border-radius:11px;font-weight:800;font-size:14px}
.krams-ui .krams-primary-action{color:#fff;background:var(--kr-red);box-shadow:0 5px 14px rgba(228,46,28,.22)}
.krams-ui .krams-outline-action{color:#fff;border:1px solid var(--kr-red);background:rgba(0,0,0,.38)}
.krams-ui .krams-outline-action:hover{background:rgba(210,65,49,.24)}
/* Quick categories */
.krams-ui .krams-quick-cats{margin-top:22px}
/* All quick categories stay visible: wrap into additional rows instead of clipping behind a horizontal scrollbar. */
.krams-ui .krams-cat-scroll{display:flex;flex-wrap:wrap;align-items:stretch;overflow:visible;gap:10px;padding:0}
.krams-ui .krams-cat-pill{display:flex;align-items:center;justify-content:center;gap:9px;flex:0 1 auto;max-width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.25;padding:13px 17px;min-height:47px;background:#1a1d20;border:1px solid #42464a;border-radius:13px;font-size:13px;font-weight:770;color:#f0eeeb}
.krams-ui .krams-cat-pill span{font-size:18px}
.krams-ui .krams-cat-pill:hover{border-color:var(--kr-red);background:#252327}
.krams-ui .krams-cat-pill.krams-cat-primary{background:var(--kr-red);border-color:var(--kr-red)}
/* Sections and cards */
.krams-ui .krams-section{padding-top:45px;padding-bottom:30px}
.krams-ui .krams-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.krams-ui .krams-section-title h2{font-size:clamp(26px,3vw,37px);font-weight:890;margin:5px 0 4px}
.krams-ui .krams-section-title p{color:#aeb5b6;font-size:14px;margin:0}
.krams-ui .krams-text-link{flex:none;color:#f0efee;font-size:13px;font-weight:730;padding:8px 0}
.krams-ui .krams-text-link:hover{color:#ff7568}
.krams-ui .krams-card-grid,.krams-ui .krams-today-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.krams-ui .krams-product-card,.krams-ui .krams-today-card{border-radius:16px;overflow:hidden;border:1px solid #393d40;background:#1b1d20;min-width:0;box-shadow:0 12px 22px rgba(0,0,0,.15);transition:transform .18s,border-color .18s}
.krams-ui .krams-product-card:hover,.krams-ui .krams-today-card:hover{transform:translateY(-3px);border-color:#77504a}
.krams-ui .krams-product-card[hidden]{display:none!important}
.krams-ui .krams-product-photo{background:radial-gradient(ellipse at center,#33302f,#222428);aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center}
.krams-ui .krams-product-photo img,.krams-ui .krams-today-card img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}
.krams-ui .krams-product-card:hover img,.krams-ui .krams-today-card:hover img{transform:scale(1.025)}
.krams-ui .krams-photo-placeholder{font-size:45px;opacity:.65}
.krams-ui .krams-product-content,.krams-ui .krams-today-details{padding:18px}
.krams-ui .krams-product-category{display:block;color:#ff8776;font-size:11px;font-weight:850;letter-spacing:.9px;text-transform:uppercase;margin-bottom:7px}
.krams-ui .krams-product-content h3,.krams-ui .krams-today-details h3{color:#fff;font-weight:830;font-size:19px;line-height:1.3;margin:0 0 6px}
.krams-ui .krams-product-content p,.krams-ui .krams-today-details p{font-size:13px;color:#c4c5c6;line-height:1.5;margin:0 0 14px}
.krams-ui .krams-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}
.krams-ui .krams-product-bottom strong,.krams-ui .krams-today-price{font-size:21px;letter-spacing:-.02em;font-weight:880;color:#fff}
.krams-ui .krams-detail-trigger{border:1px solid #e84b3b;background:var(--kr-red);color:#fff;border-radius:9px;min-height:36px;font-size:12px;font-weight:780;padding:7px 11px;white-space:nowrap}
.krams-ui .krams-detail-trigger:hover{background:#c73127}
.krams-ui .krams-today-root{max-width:none;margin:0;padding:0;background:transparent;color:#fff;font-family:inherit}
.krams-ui .krams-today-root .krams-today-header{display:none}
.krams-ui .krams-today-root .krams-today-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.krams-ui .krams-today-root .krams-today-card{border-color:#393d40;background:#1b1d20;border-radius:16px;color:#fff;box-shadow:0 12px 22px rgba(0,0,0,.15)}
.krams-ui .krams-today-root .krams-today-card img{aspect-ratio:16/9;max-height:225px;object-fit:cover}
.krams-ui .krams-today-root .krams-today-details{padding:18px}
.krams-ui .krams-today-root .krams-today-card h3{color:#fff;font-size:19px}
.krams-ui .krams-today-root .krams-today-card p{color:#c4c5c6;font-size:13px}
.krams-ui .krams-today-root .krams-today-price{color:#fff;font-size:21px}
.krams-ui .krams-today-root .krams-today-empty,.krams-ui .krams-setup-note,.krams-ui .krams-no-dishes{padding:25px;border:1px dashed #51575e;background:#191b1d;color:#d0d1d1;border-radius:13px;font-size:14px}
.krams-ui .krams-highlights{background:#17191b;border-top:1px solid #282c2f;margin-top:35px}
.krams-ui .krams-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-top:30px;padding-bottom:30px}
.krams-ui .krams-highlights-grid>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:13px}
.krams-ui .krams-highlights-grid>div>span{grid-row:span 2;font-size:30px}
.krams-ui .krams-highlights-grid strong{font-size:14px;font-weight:800}
.krams-ui .krams-highlights-grid small{font-size:12px;color:#b8bfc1}
/* Menu / search */
.krams-ui .krams-menu-hero{padding:65px 0 45px;background:radial-gradient(ellipse at right,rgba(179,44,31,.24),transparent 55%),#151718;border-bottom:1px solid #2c3033}
.krams-ui .krams-menu-hero h1{font-size:clamp(42px,6vw,65px);margin:5px 0;font-weight:930}
.krams-ui .krams-menu-hero p{font-size:17px;color:#c6c6c7;margin:0}
.krams-ui .krams-menu-daily{border-bottom:1px solid #292d30}
.krams-ui .krams-menu-filter-bar{display:flex;justify-content:space-between;align-items:start;gap:14px;margin:8px 0 25px}
.krams-ui .krams-menu-categories{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.krams-ui .krams-filter-chip{border:1px solid #44484c;border-radius:10px;padding:10px 15px;color:#ededee;background:#202327;font-size:13px;font-weight:750}
.krams-ui .krams-filter-chip:hover{background:#34383c}
.krams-ui .krams-filter-chip.active{border-color:var(--kr-red);background:var(--kr-red);color:#fff}
.krams-ui .krams-menu-search-wrap{position:relative;display:block;flex:0 0 230px}
.krams-ui .krams-menu-search-wrap input{width:100%;min-height:41px;padding:10px 35px 10px 12px;background:#232629;border:1px solid #4a4c4f;color:#fff;border-radius:9px;font-size:13px}
.krams-ui .krams-menu-search-wrap input::placeholder{color:#b0b4b7}
.krams-ui .krams-menu-search-wrap>span:not(.screen-reader-text){position:absolute;right:11px;top:3px;font-size:25px;color:#dadadd}
.krams-ui .krams-no-dishes[hidden]{display:none!important}
/* Full menu: show category title and its cards in the admin-defined order. */
.krams-ui .krams-menu-groups{display:flex;flex-direction:column;gap:39px}
.krams-ui .krams-menu-group{min-width:0}
.krams-ui .krams-menu-group[hidden]{display:none!important}
.krams-ui .krams-menu-group-heading{display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid #393c40}
.krams-ui .krams-menu-group-heading::before{content:"";width:4px;height:29px;border-radius:4px;background:var(--kr-red);flex:none}
.krams-ui .krams-menu-group-heading h3{font-size:clamp(21px,2.3vw,27px);font-weight:850;letter-spacing:-.025em;margin:0;min-width:0;overflow-wrap:anywhere}
.krams-ui .krams-menu-group-count{margin-left:auto;flex:none;font-size:12px;font-weight:700;color:#aeb5b8;white-space:nowrap}
.krams-ui .krams-menu-groups .krams-product-category{display:none}
@media(max-width:740px){
 .krams-ui .krams-menu-groups{gap:27px}
 .krams-ui .krams-menu-group-heading{margin-bottom:12px;padding-bottom:10px}
 .krams-ui .krams-menu-group-heading::before{height:25px}
 .krams-ui .krams-menu-group-heading h3{font-size:21px}
 .krams-ui .krams-menu-group-count{font-size:11px}
}

/* Footer */
.krams-ui .krams-site-footer{border-top:1px solid #303336;background:#0b0d0f;padding:36px 0 20px;margin-top:42px}
.krams-ui .krams-footer-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.krams-ui .krams-footer-brand{font-size:23px;font-weight:940;letter-spacing:-1px;color:#fff}
.krams-ui .krams-footer-row>div>strong:not(.krams-footer-brand){font-size:13px;color:#fff}
.krams-ui .krams-footer-row p{color:#aaaeb0;font-size:12px;margin:9px 0 0}
.krams-ui .krams-footer-row a:hover{color:#fa7b6a}
.krams-ui .krams-copyright{border-top:1px solid #242629;margin-top:27px;padding-top:14px;color:#81898e;font-size:11px}
.krams-ui .krams-bottom-nav{display:none}
/* Read-only details overlay */
.krams-ui.krams-modal-open{overflow:hidden}
.krams-ui .krams-modal[hidden]{display:none!important}
.krams-ui .krams-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.krams-ui .krams-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.83)}
.krams-ui .krams-modal-dialog{position:relative;z-index:2;max-width:760px;width:100%;max-height:min(92dvh,900px);overflow:auto;background:#1b1e21;color:#fff;display:grid;grid-template-columns:42% 58%;border-radius:19px;border:1px solid #3a3d41;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.krams-ui .krams-modal-close{position:absolute;z-index:2;right:10px;top:10px;border:0;background:rgba(0,0,0,.7);color:#fff;border-radius:50%;font-size:25px;width:37px;height:37px}
.krams-ui .krams-modal-image{min-height:260px;background:#2e2827;display:flex;align-items:center;justify-content:center;font-size:60px}
.krams-ui .krams-modal-image img{height:100%;width:100%;object-fit:cover}
.krams-ui .krams-modal-info{padding:35px 28px}
.krams-ui .krams-modal-info h2{font-size:30px;font-weight:880;margin:8px 0}
.krams-ui .krams-modal-info>p{font-size:14px;color:#c9cbcb}
.krams-ui #krams-modal-price{display:block;color:#ff7668;font-size:24px;margin:12px 0}
.krams-ui .krams-modal-addon-group{border-top:1px solid #34393d;padding-top:14px;margin-top:15px}
.krams-ui .krams-modal-addon-group h3{font-size:15px;margin-bottom:10px}
.krams-ui .krams-modal-addon-line{display:flex;justify-content:space-between;gap:18px;color:#c9cdd0;font-size:12px;padding:4px 0}
.krams-ui .krams-modal-addon-group p{font-size:12px;color:#a6a9aa}
.krams-ui .krams-modal-info p.krams-modal-note{border-top:1px solid #42454a;padding-top:15px;margin-top:22px;color:#a5aaae;font-size:12px}
/* Device-specific layouts */
@media(max-width:1050px){.krams-ui .krams-main-nav{gap:16px}.krams-ui .krams-header-row{gap:22px}.krams-ui .krams-card-grid,.krams-ui .krams-today-root .krams-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.krams-ui .krams-menu-filter-bar{flex-direction:column}.krams-ui .krams-menu-search-wrap{flex:auto;width:min(100%,360px)}}
@media(max-width:740px){
  .krams-ui .krams-width{width:min(100% - 28px,560px)}
  .krams-ui .krams-site{padding-bottom:68px}
  .krams-ui .krams-site-header{position:relative}
  .krams-ui .krams-header-row{min-height:66px;gap:12px}
  .krams-ui .krams-wordmark{font-size:21px}
  .krams-ui .krams-wordmark small{font-size:7px;letter-spacing:1px}
  .krams-ui .krams-main-nav{display:none}
  .krams-ui .krams-header-cta{margin-left:auto;padding:10px 12px;font-size:11px;border-radius:9px;gap:6px}
  .krams-ui .krams-hero,.krams-ui .krams-hero-inner{min-height:430px}
  .krams-ui .krams-hero::before{background-position:63% center;opacity:.75}
  .krams-ui .krams-hero::after{background:linear-gradient(90deg,rgba(8,9,10,.91),rgba(8,9,10,.55) 82%),linear-gradient(0deg,rgba(8,9,10,.55),transparent)}
  .krams-ui .krams-hero-copy{padding:42px 0}
  .krams-ui .krams-hero h1{font-size:clamp(40px,10vw,56px);max-width:440px}
  .krams-ui .krams-hero-subtitle{font-size:18px;max-width:360px}
  .krams-ui .krams-service-notes{gap:7px 13px;font-size:12px}
  .krams-ui .krams-hero-actions{margin-top:24px}
  .krams-ui .krams-primary-action,.krams-ui .krams-outline-action{font-size:12px;min-height:44px;padding:10px 12px}
  .krams-ui .krams-quick-cats{margin-top:14px}
  .krams-ui .krams-cat-scroll{gap:8px}
  .krams-ui .krams-cat-pill{padding:9px 12px;font-size:12px;min-height:43px}
  .krams-ui .krams-cat-pill span{font-size:16px}
  .krams-ui .krams-section{padding-top:34px;padding-bottom:15px}
  .krams-ui .krams-section-title{align-items:start;margin-bottom:16px}
  .krams-ui .krams-section-title h2{font-size:26px}
  .krams-ui .krams-section-title p{font-size:12px}
  .krams-ui .krams-text-link{font-size:11px;white-space:nowrap}
  .krams-ui .krams-card-grid,.krams-ui .krams-today-root .krams-today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .krams-ui .krams-product-content,.krams-ui .krams-today-root .krams-today-details{padding:12px}
  .krams-ui .krams-product-content h3,.krams-ui .krams-today-root .krams-today-card h3{font-size:15px}
  .krams-ui .krams-product-content p,.krams-ui .krams-today-root .krams-today-card p{font-size:11px;margin-bottom:8px}
  .krams-ui .krams-product-bottom strong,.krams-ui .krams-today-root .krams-today-price{font-size:17px}
  .krams-ui .krams-detail-trigger{font-size:10px;padding:6px 9px;min-height:32px}
  .krams-ui .krams-product-category{font-size:9px}
  .krams-ui .krams-highlights-grid{gap:15px;grid-template-columns:1fr;padding:23px 0}
  .krams-ui .krams-highlights-grid>div{max-width:260px}
  .krams-ui .krams-menu-hero{padding:36px 0 29px}
  .krams-ui .krams-menu-hero h1{font-size:44px}
  .krams-ui .krams-menu-hero p{font-size:14px}
  .krams-ui .krams-menu-categories{max-width:100%;gap:7px}
  .krams-ui .krams-filter-chip{font-size:12px;padding:8px 11px}
  .krams-ui .krams-menu-search-wrap{width:100%}
  .krams-ui .krams-footer-row{grid-template-columns:1fr 1fr;gap:20px}
  .krams-ui .krams-footer-row>div:first-child{grid-column:span 2}
  .krams-ui .krams-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;justify-content:space-evenly;align-items:stretch;background:#111518;border-top:1px solid #45484a;padding:8px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(0,0,0,.32)}
  .krams-ui .krams-bottom-nav a{display:flex;flex-direction:column;gap:1px;align-items:center;flex:1;font-size:10px;font-weight:700;color:#d7d7d8}
  .krams-ui .krams-bottom-nav a span{font-size:21px;color:#f06859;line-height:1.2}
  .krams-ui .krams-modal{padding:8px 8px calc(72px + env(safe-area-inset-bottom))}
  .krams-ui .krams-modal-dialog{display:block;max-height:85dvh}
  .krams-ui .krams-modal-image{height:180px;min-height:0}
  .krams-ui .krams-modal-info{padding:22px 20px}
  .krams-ui .krams-modal-info h2{font-size:25px}
}
@media(max-width:370px){.krams-ui .krams-header-cta{font-size:10px}.krams-ui .krams-service-notes{font-size:11px}.krams-ui .krams-detail-trigger{font-size:9px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.krams-ui *{scroll-behavior:auto!important;transition:none!important}}

/* V1.0.2: category accordions for À la carte extras, with selected quantities. */
.krams-ui .krams-modal-dialog{max-width:900px;grid-template-columns:38% minmax(0,62%)}
.krams-ui .krams-modal-image{align-self:start;position:sticky;top:0}
.krams-ui .krams-modal-info{min-width:0}
.krams-ui .krams-modal-addons{margin-top:20px}
.krams-ui .krams-addon-intro{font-size:16px;margin:0 0 11px;font-weight:800}
.krams-ui .krams-modal-addon-group{margin:0 0 9px;padding:0;border:1px solid #404449;border-radius:12px;overflow:hidden;background:#202327}
.krams-ui .krams-addon-toggle{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;min-height:69px;padding:12px 14px;border:0;background:transparent;color:#f8f8f8;text-align:left}
.krams-ui .krams-addon-toggle:hover,.krams-ui .krams-addon-toggle[aria-expanded="true"]{background:#2e2d2c}
.krams-ui .krams-addon-heading{display:flex;gap:12px;align-items:center;min-width:0}
.krams-ui .krams-addon-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;background:#383637;border-radius:10px;font-size:19px}
.krams-ui .krams-addon-info{display:flex;flex-direction:column;gap:2px}
.krams-ui .krams-addon-info strong{font-size:15px;font-weight:800}
.krams-ui .krams-addon-info small{font-size:12px;color:#b7babd}
.krams-ui .krams-addon-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.krams-ui .krams-addon-selected-count{font-size:11px;color:#ffa494;white-space:nowrap}
.krams-ui .krams-addon-chevron{font-size:26px;color:#ff7969;line-height:1;transition:transform .15s}
.krams-ui .krams-addon-toggle[aria-expanded="true"] .krams-addon-chevron{transform:rotate(180deg)}
.krams-ui .krams-addon-list{border-top:1px solid #42464a;padding:4px 12px 8px;max-height:290px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#676d71 #202327}
.krams-ui .krams-addon-list[hidden],.krams-ui .krams-modal-selection[hidden]{display:none!important}
.krams-ui .krams-modal-addon-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #383b3f;font-size:13px;color:#ececed}
.krams-ui .krams-modal-addon-line:last-child{border-bottom:0}
.krams-ui .krams-modal-addon-line.krams-addon-selected .krams-addon-item-name{color:#ffad9e;font-weight:750}
.krams-ui .krams-addon-item-name{min-width:0;overflow-wrap:anywhere}
.krams-ui .krams-addon-item-price{font-size:13px;white-space:nowrap;color:#fff;font-weight:700}
.krams-ui .krams-addon-qty{display:flex;align-items:center;gap:5px}
.krams-ui .krams-addon-qty button{background:#e94234;border:1px solid #ef584b;border-radius:8px;min-width:32px;height:32px;padding:0;color:#fff;font-size:19px;font-weight:800;line-height:1}
.krams-ui .krams-addon-qty button:hover{background:#bf2a20}
.krams-ui .krams-addon-qty button:disabled{background:#32363a;border-color:#42464a;color:#777e83;cursor:default}
.krams-ui .krams-addon-qty-count{display:inline-block;min-width:17px;text-align:center;font-size:13px;font-weight:800;color:#fff}
.krams-ui .krams-modal-selection{margin-top:17px;background:#16191b;border:1px solid #44484b;border-radius:13px;padding:15px}
.krams-ui .krams-modal-selection h3{font-size:15px;margin:0 0 10px}
.krams-ui #krams-modal-selected-items{margin:0 0 13px;padding:0;list-style:none}
.krams-ui #krams-modal-selected-items li{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#dde0e0;padding:4px 0}
.krams-ui #krams-modal-selected-items li strong{white-space:nowrap;color:#fff}
.krams-ui #krams-modal-selected-items li.krams-selection-empty{color:#a9aeaf}
.krams-ui .krams-modal-total{border-top:1px solid #454a4d;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#c5c8c9}
.krams-ui .krams-modal-total strong{font-size:21px;font-weight:850;color:#ff8070;white-space:nowrap}
@media(max-width:740px){
 .krams-ui .krams-modal-dialog{display:block;max-height:86dvh}
 .krams-ui .krams-modal-image{position:static;min-height:0}
 .krams-ui .krams-modal-info{padding:20px 16px}
 .krams-ui .krams-addon-toggle{padding:12px 10px}
 .krams-ui .krams-modal-addon-line{gap:6px;grid-template-columns:minmax(0,1fr) auto auto}
 .krams-ui .krams-addon-qty{gap:4px}
 .krams-ui .krams-addon-qty button{min-width:30px;height:30px}
 .krams-ui .krams-modal-total strong{font-size:18px}
}


/* V1.0.3: ensure mobile daily specials show their names and prices. */
.krams-ui .krams-today-root .krams-today-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:auto;
}
.krams-ui .krams-today-root .krams-today-card > img{
  display:block;
  width:100%;
  height:auto !important;
  aspect-ratio:16 / 10;
  max-height:225px;
  object-fit:cover;
  flex:0 0 auto;
}
.krams-ui .krams-today-root .krams-today-card .krams-today-details{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-width:0;
  height:auto !important;
  overflow:visible;
  background:#1b1d20;
  color:#fff;
}
.krams-ui .krams-today-root .krams-today-card .krams-today-details h3{
  display:block;
  color:#fff;
  font-weight:800;
  overflow-wrap:break-word;
  height:auto;
  overflow:visible;
}
.krams-ui .krams-today-root .krams-today-card .krams-today-price{
  display:block;
  margin-top:auto;
  padding-top:8px;
  color:#fff;
  font-weight:850;
  white-space:nowrap;
}
@media(max-width:740px){
  /* One legible row per meal, as in the mobile app design reference. */
  .krams-ui .krams-today-root .krams-today-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:11px;
  }
  .krams-ui .krams-today-root .krams-today-card{
    display:grid;
    grid-template-columns:minmax(112px,38%) minmax(0,1fr);
    align-items:stretch;
    min-height:140px;
  }
  .krams-ui .krams-today-root .krams-today-card > img{
    width:100%;
    height:150px !important;
    min-height:150px;
    max-height:none;
    aspect-ratio:auto;
    align-self:stretch;
    object-fit:cover;
  }
  .krams-ui .krams-today-root .krams-today-card .krams-today-details{
    padding:12px 13px;
    min-width:0;
    justify-content:center;
  }
  .krams-ui .krams-today-root .krams-today-card .krams-today-details h3{
    font-size:16px;
    line-height:1.32;
    margin:0 0 5px;
  }
  .krams-ui .krams-today-root .krams-today-card .krams-today-details p{
    font-size:12px;
    line-height:1.38;
    margin:0 0 5px;
  }
  .krams-ui .krams-today-root .krams-today-card .krams-today-price{
    font-size:19px;
    margin-top:3px;
    padding-top:3px;
  }
}
@media(max-width:370px){
  .krams-ui .krams-today-root .krams-today-card{
    grid-template-columns:minmax(102px,37%) minmax(0,1fr);
  }
  .krams-ui .krams-today-root .krams-today-card .krams-today-details{padding:10px}
  .krams-ui .krams-today-root .krams-today-card .krams-today-details h3{font-size:14px}
  .krams-ui .krams-today-root .krams-today-card .krams-today-price{font-size:17px}
}

/* v1.0.6: legible day and date, directly beneath the daily-offer heading. */
.krams-ui .krams-offer-date {
    display: block;
    width: fit-content;
    max-width: 100%;
    color: #ffe0d8;
    font-size: clamp(14px, 1.45vw, 17px);
    line-height: 1.45;
    font-weight: 750;
    letter-spacing: .01em;
    margin: 5px 0 10px;
    padding: 0;
}
@media (max-width: 740px) {
    .krams-ui .krams-offer-date { font-size: 14px; margin: 5px 0 9px; }
}
/* v1.0.7 – WhatsApp kosarica, checkout and pickup/delivery */
.krams-ui .krams-header-cart,.krams-ui .krams-today-add,.krams-ui .krams-detail-cart-action{border:0;border-radius:10px;background:#e84637;color:white;font-weight:800;cursor:pointer;padding:12px 16px;font-family:inherit;font-size:13px;}
.krams-ui .krams-header-cart{white-space:nowrap;flex-shrink:0}
.krams-ui .krams-cart-count{display:inline-grid;place-items:center;background:#fff;color:#ca2d22;border-radius:10px;min-width:21px;padding:1px 5px;margin-left:4px}
.krams-ui .krams-today-add{width:100%;margin-top:12px;padding:10px 11px}
.krams-ui .krams-detail-cart-action{width:100%;margin-top:18px;font-size:15px}
.krams-ui .krams-cart-overlay[hidden]{display:none!important}
.krams-ui .krams-cart-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:stretch;justify-content:flex-end;color:#252c32;font-family:inherit}
.krams-ui .krams-cart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78)}
.krams-ui .krams-cart-dialog{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;max-width:570px;background:#f7f8fa;box-shadow:0 0 30px rgba(0,0,0,.3);outline:0}
.krams-ui .krams-cart-header{padding:22px 25px;background:#131b20;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px}
.krams-ui .krams-cart-header small{display:block;color:#fe7264;font-weight:800;letter-spacing:.05em}
.krams-ui .krams-cart-header h2{font-size:25px;color:#fff;margin:5px 0 0}
.krams-ui .krams-cart-header button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:30px;line-height:1;border:1px solid #626970;border-radius:12px;color:#fff;background:#252a30;width:44px;height:44px;padding:0;cursor:pointer;text-align:center}
.krams-ui .krams-cart-scroll{flex:1;overflow-y:auto;padding:23px 25px 40px}
.krams-ui .krams-cart-empty{background:#fff;border:1px dashed #ccc;border-radius:12px;padding:25px;color:#58636e}
.krams-ui .krams-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #dce2e7}
.krams-ui .krams-cart-item strong{font-size:14px;overflow-wrap:anywhere;color:#252b30}
.krams-ui .krams-cart-item small{display:block;font-size:12px;color:#617080;margin-top:4px;line-height:1.4}
.krams-ui .krams-cart-qty{display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px}
.krams-ui .krams-cart-qty button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cad1d7;background:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:24px;font-weight:700;line-height:1;color:#252b30;padding:0;text-align:center}
.krams-ui .krams-cart-qty b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;text-align:center;font-size:18px;line-height:1;font-weight:800}
.krams-ui .krams-cart-item-price{white-space:nowrap}
.krams-ui .krams-cart-remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #d0d6dc;background:#fff;color:#5a6670;border-radius:10px;font-size:24px;line-height:1;padding:0;cursor:pointer;text-align:center}
.krams-ui .krams-cart-remove:hover{background:#f1f4f6;color:#242d34}
.krams-ui .krams-cart-remove:focus-visible{outline:2px solid #e84637;outline-offset:2px}
.krams-ui .krams-cart-totals{background:#fff;border:1px solid #e3e6e9;border-radius:13px;padding:14px 18px;margin:18px 0}
.krams-ui .krams-cart-totals p{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:6px 0;font-size:14px;color:#434c53}
.krams-ui .krams-cart-totals strong{color:#1d272e;white-space:nowrap}
.krams-ui .krams-cart-totals .krams-cart-grand{font-size:18px;font-weight:800;border-top:1px solid #e8e9eb;margin-top:12px;padding-top:14px}
.krams-ui .krams-cart-grand strong{color:#dc3d2e}
.krams-ui #krams-checkout-form{display:grid;gap:15px}
.krams-ui #krams-checkout-form h3{font-size:18px;font-weight:800;color:#202a32;margin:3px 0 0}
.krams-ui .krams-cart-methods{display:flex;gap:11px;flex-wrap:wrap}
.krams-ui .krams-cart-methods label{padding:12px 15px;border:1px solid #d1d8df;background:white;border-radius:10px;cursor:pointer;font-weight:750;font-size:14px;color:#2d3942}
.krams-ui .krams-cart-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.krams-ui .krams-cart-form-grid[hidden]{display:none}
.krams-ui .krams-cart-form-grid label,.krams-ui .krams-cart-note{display:grid;gap:7px;font-size:13px;font-weight:750;color:#404a52}
.krams-ui #krams-checkout-form input:not([type=radio]),.krams-ui #krams-checkout-form textarea{width:100%;box-sizing:border-box;min-height:43px;border:1px solid #c8d1d8;border-radius:9px;background:#fff;color:#232c33;padding:10px 12px;font-size:15px;font-family:inherit}
.krams-ui .krams-cart-honey{position:absolute;left:-9999px;opacity:0}
.krams-ui .krams-cart-disclaimer,.krams-ui .krams-cart-privacy{color:#63717b;font-size:12px;line-height:1.55;margin:0}
.krams-ui .krams-cart-privacy a{color:#ad241b}
.krams-ui .krams-cart-error{background:#fff0ef;color:#a62319;padding:11px;border-radius:9px;border:1px solid #f8b5ae;font-size:13px}
.krams-ui #krams-checkout-send,.krams-ui #krams-whatsapp-link{display:block;width:100%;border:0;background:#e63d32;border-radius:10px;padding:14px;color:white;text-align:center;font-weight:850;text-decoration:none;cursor:pointer;font-size:15px}
.krams-ui #krams-checkout-send:disabled{opacity:.6;cursor:not-allowed}
.krams-ui .krams-cart-success{background:#fff;border-radius:14px;padding:18px;border:1px solid #d6dedc}
.krams-ui .krams-cart-success h3{margin:0;font-size:20px}
.krams-ui .krams-cart-success p{line-height:1.5;color:#394b48}
.krams-ui [data-krams-new-order]{border:1px solid #c5cbd1;background:white;padding:11px 16px;border-radius:9px;margin-top:16px;cursor:pointer}
body.krams-cart-open{overflow:hidden}
@media(max-width:880px){.krams-ui .krams-header-cart{padding:10px;font-size:12px}}
@media(max-width:740px){.krams-ui .krams-header-cart{display:none}.krams-ui .krams-cart-dialog{max-width:none}.krams-ui .krams-cart-header{padding:17px}.krams-ui .krams-cart-scroll{padding:17px 14px 80px}.krams-ui .krams-cart-form-grid{grid-template-columns:1fr}.krams-ui .krams-cart-item{grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px}.krams-ui .krams-cart-item-price{grid-column:auto}.krams-ui .krams-cart-header button{width:46px;height:46px;border-radius:12px;font-size:32px}.krams-ui .krams-cart-qty{min-width:126px;gap:10px}.krams-ui .krams-cart-qty button{width:38px;height:38px}.krams-ui .krams-cart-qty b{min-width:24px}.krams-ui .krams-cart-remove{width:36px;height:36px;font-size:26px}}

.krams-ui .krams-bottom-nav button[data-krams-open-cart]{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:1px;background:transparent;border:0;color:#fff;font:inherit;cursor:pointer;min-width:0;padding:6px 2px;font-size:11px;font-weight:700;}
.krams-ui .krams-bottom-nav button[data-krams-open-cart]>span:first-child{font-size:21px;}
.krams-ui .krams-bottom-nav button[data-krams-open-cart]>span[data-krams-cart-count]{font-size:10px;color:#ff8275;font-weight:850;}

.krams-ui #krams-checkout-form[hidden]{display:none!important;}

/* v1.0.8 – accessible second button in completed WhatsApp checkout. */
.krams-ui [data-krams-new-order]{display:block;width:100%;text-align:center;line-height:1.35;background:#f0f2f4!important;color:#18222d!important;border:2px solid #b9c5cf!important;font-family:inherit;font-size:14px;font-weight:800;padding:13px 15px;}
.krams-ui [data-krams-new-order]:focus-visible,.krams-ui #krams-whatsapp-link:focus-visible{outline:3px solid #2967b2;outline-offset:3px;}
.krams-ui #krams-whatsapp-link{background:#168949!important;color:#fff!important;border:0!important;}
.krams-ui #krams-whatsapp-link:hover{background:#116a39!important;color:#fff!important;}

/* v1.0.13: visible return action after preparing a WhatsApp order. */
.krams-ui [data-krams-back-menu]{display:block;width:100%;background:#26323d;border:1px solid #506271;color:#fff;border-radius:10px;padding:13px 15px;font-weight:800;text-align:center;cursor:pointer;margin-top:12px;}
.krams-ui [data-krams-back-menu]:hover{background:#35495a;}

/* v1.0.14 – keep the close icon geometrically centered in its round button. */
.krams-ui .krams-modal-close {
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;width:42px!important;height:42px!important;
  min-width:42px!important;min-height:42px!important;
  margin:0!important;padding:0!important;
  border:1px solid #666!important;border-radius:50%!important;
  background:#101317!important;color:#fff!important;
  font-family:Arial,sans-serif!important;font-size:28px!important;
  font-weight:500!important;line-height:1!important;text-align:center!important;
  top:12px!important;right:12px!important;cursor:pointer;
}
.krams-ui .krams-modal-close:hover {background:#30373a!important;border-color:#ff7a68!important;}
.krams-ui .krams-modal-close:focus-visible {outline:2px solid #ff9e91!important;outline-offset:2px!important;}
.krams-ui .krams-modal-dialog:focus {outline:0!important;}

/* KRAMS Osoblje – discreet link to the independent, branded front-end login. */
.krams-ui .krams-copyright{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.krams-ui .krams-staff-footer-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #394046;background:#191f22;color:#b8c3c8;border-radius:9px;text-decoration:none;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
.krams-ui .krams-staff-footer-link:hover,.krams-ui .krams-staff-footer-link:focus-visible{background:#2b3338;color:#fff;border-color:#f0493b;text-decoration:none}
.krams-ui .krams-staff-footer-link:focus-visible{outline:2px solid #ffb1a9;outline-offset:2px}
@media(max-width:740px){.krams-ui .krams-copyright{justify-content:center;text-align:center;padding-bottom:60px}.krams-ui .krams-staff-footer-link{width:auto;min-height:40px}}

/* Bazna cijena: neutralni informativni redak, nikada precrtana cijena. */
.krams-ui .krams-product-prices{display:flex;flex-direction:column;min-width:0;align-items:flex-start;gap:4px}.krams-ui .krams-product-prices>strong{white-space:nowrap}.krams-ui .krams-base-price{display:block;color:#b7bdc0;font-size:12px;font-weight:500;line-height:1.45;letter-spacing:0;text-decoration:none;overflow-wrap:anywhere}.krams-ui .krams-base-price[hidden]{display:none!important}.krams-ui .krams-today-root .krams-base-price{color:#bac1c5;margin:4px 0 7px}.krams-ui .krams-product-bottom{align-items:flex-end}.krams-ui .krams-modal-base-price{margin:-5px 0 16px;color:#c3c7c9}.krams-ui .krams-today-root .krams-today-price{margin-bottom:0}@media(max-width:740px){.krams-ui .krams-product-bottom{align-items:flex-start}.krams-ui .krams-product-prices{min-width:0}.krams-ui .krams-base-price{font-size:11px}}