/* ===== HEADER FIJO (sticky) ===== */     .csmh-wrap {       --csmh-h: 53px;   /* alto del header */     }     .csmh-wrap .client-simple-mobile-header {       position: fixed !important;       top: 0;       left: 0;       right: 0;       width: 100%;       min-height: var(--csmh-h);       z-index: 99999 !important;       box-shadow: 0 2px 12px rgba(0, 0, 0, .28);     }     /* empuja el contenido para que no quede tapado por el header */     .csmh-spacer {       height: var(--csmh-h);       width: 100%;       flex: 0 0 auto;     }     @media (max-width: 360px) {       .csmh-wrap { --csmh-h: 47px; }     }     /* Dentro del editor de WordPress / SeedProd NO se fija el header,        para que no tape la barra de herramientas del builder.        En la página publicada sí queda fijo. */     body.wp-admin .csmh-wrap .client-simple-mobile-header,     body.seedprod-builder .csmh-wrap .client-simple-mobile-header,     #wpwrap .csmh-wrap .client-simple-mobile-header,     #seedprod-app .csmh-wrap .client-simple-mobile-header {       position: relative !important;       z-index: 1 !important;       box-shadow: none;     }     body.wp-admin .csmh-spacer,     body.seedprod-builder .csmh-spacer,     #wpwrap .csmh-spacer,     #seedprod-app .csmh-spacer {       display: none;     }     .client-simple-mobile-header {       --csmh-bg: #0b1b2b;       --csmh-cta-bg: #f28c1c;       --csmh-cta-text: #ffffff;       --csmh-hamburger-color: #ffffff;       display: flex;       flex-direction: row;       flex-wrap: nowrap;       align-items: center;       justify-content: space-between;       background: var(--csmh-bg);       padding: 10px 14px;       gap: 8px;       width: 100%;       box-sizing: border-box;       position: relative;       z-index: 9000;     }     .client-simple-mobile-header * {       box-sizing: border-box;     }     /* checkbox invisible que controla el menú */     .client-simple-mobile-header .csmh-toggle {       position: absolute;       opacity: 0;       width: 1px;       height: 1px;       pointer-events: none;       margin: 0;     }     .client-simple-mobile-header .csmh-hamburger {       flex: 0 0 auto;       display: flex;       flex-direction: column;       justify-content: center;       gap: 4px;       background: transparent;       border: none;       padding: 6px;       cursor: pointer;       position: relative;       z-index: 10001;       margin: 0;     }     .client-simple-mobile-header .csmh-bar {       display: block;       width: 22px;       height: 2.5px;       background: var(--csmh-hamburger-color);       border-radius: 2px;       transition: transform .28s ease, opacity .2s ease;     }     /* hamburguesa -> X cuando está abierto */     .client-simple-mobile-header .csmh-toggle:checked ~ .csmh-hamburger .csmh-bar:nth-child(1) {       transform: translateY(6.5px) rotate(45deg);     }     .client-simple-mobile-header .csmh-toggle:checked ~ .csmh-hamburger .csmh-bar:nth-child(2) {       opacity: 0;     }     .client-simple-mobile-header .csmh-toggle:checked ~ .csmh-hamburger .csmh-bar:nth-child(3) {       transform: translateY(-6.5px) rotate(-45deg);     }     .client-simple-mobile-header .csmh-toggle:focus-visible ~ .csmh-hamburger {       outline: 2px solid #f28c1c;       outline-offset: 2px;       border-radius: 4px;     }     .client-simple-mobile-header .csmh-logo-wrap {       flex: 1 1 auto;       display: flex;       justify-content: center;       align-items: center;       min-width: 0;     }     .client-simple-mobile-header .csmh-logo-wrap a {       display: block;       max-width: 100%;     }     .client-simple-mobile-header .csmh-logo {       display: block;       max-height: 32px;       width: auto;       max-width: 100%;       object-fit: contain;     }     .client-simple-mobile-header .csmh-cta {       flex: 0 0 auto;       display: inline-flex;       align-items: center;       justify-content: center;       background: var(--csmh-cta-bg);       color: var(--csmh-cta-text);       text-decoration: none;       font-size: 11px;       font-weight: 700;       letter-spacing: 0.3px;       text-transform: uppercase;       white-space: nowrap;       padding: 10px 16px;       border-radius: 999px;     }     @media (max-width: 360px) {       .client-simple-mobile-header .csmh-cta {         font-size: 10px;         padding: 8px 12px;       }       .client-simple-mobile-header .csmh-logo {         max-height: 26px;       }     }     /* ===== MENÚ DESPLEGABLE ===== */     .client-simple-mobile-header .csmh-overlay {       position: fixed;       top: 0; right: 0; bottom: 0; left: 0;       background: rgba(0, 0, 0, .55);       opacity: 0;       visibility: hidden;       transition: opacity .28s ease, visibility .28s ease;       z-index: 9998;       margin: 0;       cursor: pointer;     }     .client-simple-mobile-header .csmh-toggle:checked ~ .csmh-overlay {       opacity: 1;       visibility: visible;     }     .client-simple-mobile-header .csmh-panel {       position: fixed;       top: 0;       left: 0;       height: 100%;       height: 100dvh;       width: 82%;       max-width: 320px;       background: #0b1b2b;       transform: translateX(-100%);       transition: transform .3s cubic-bezier(.4, 0, .2, 1);       z-index: 9999;       display: flex;       flex-direction: column;       padding: 18px 0 24px;       overflow-y: auto;       -webkit-overflow-scrolling: touch;       box-shadow: 4px 0 24px rgba(0, 0, 0, .35);     }     .client-simple-mobile-header .csmh-toggle:checked ~ .csmh-panel {       transform: translateX(0);     }     .client-simple-mobile-header .csmh-panel-head {       display: flex;       justify-content: flex-end;       padding: 0 16px 10px;     }     .client-simple-mobile-header .csmh-close {       color: #fff;       font-size: 26px;       line-height: 1;       padding: 4px 10px;       cursor: pointer;       opacity: .8;       margin: 0;     }     .client-simple-mobile-header .csmh-nav {       display: flex;       flex-direction: column;     }     .client-simple-mobile-header .csmh-nav a {       display: block;       color: #ffffff;       text-decoration: none;       font-size: 16px;       font-weight: 600;       letter-spacing: .3px;       padding: 15px 24px;       border-bottom: 1px solid rgba(255, 255, 255, .08);     }     .client-simple-mobile-header .csmh-nav a:hover,     .client-simple-mobile-header .csmh-nav a:focus {       background: rgba(255, 255, 255, .06);       color: #f28c1c;     }     .client-simple-mobile-header .csmh-nav a.is-current {       color: #f28c1c;     }     .client-simple-mobile-header .csmh-panel-cta {       margin: 22px 24px 0;       display: inline-flex;       align-items: center;       justify-content: center;       background: #f28c1c;       color: #fff;       text-decoration: none;       font-size: 13px;       font-weight: 700;       text-transform: uppercase;       letter-spacing: .4px;       padding: 13px 18px;       border-radius: 999px;     }     body.csmh-no-scroll { overflow: hidden; }     @media (prefers-reduced-motion: reduce) {       .client-simple-mobile-header .csmh-panel,       .client-simple-mobile-header .csmh-overlay,       .client-simple-mobile-header .csmh-bar { transition: none; }     }     /* ===== Fix para SeedProd / Elementor =====        Evita que la sección padre recorte el panel (overflow, transform o        filter rompen el position:fixed del menú). */     .seedprod-section:has(.csmh-wrap),     .sp-section:has(.csmh-wrap),     .sp-row:has(.csmh-wrap),     .sp-col:has(.csmh-wrap),     .elementor-section:has(.csmh-wrap),     .elementor-container:has(.csmh-wrap),     .elementor-widget-html:has(.csmh-wrap) {       overflow: visible !important;       transform: none !important;       filter: none !important;       perspective: none !important;     }      :root{     --m-ink:#08101E;     --m-teal:#1C6A88;     --m-teal-bright:#3698B2;     --m-gold:#DEA01C;     --m-gold-light:#F0C02E;     --m-silver:#A6B4C4;   }   .mswish-wrap{     background: transparent;     padding: 24px 8px 10px;     font-family: 'Segoe UI', Arial, sans-serif;     position: relative;     overflow: visible !important;     height: auto !important;     min-height: 360px;     box-sizing: border-box;   }   .mswish-heading{     text-align:center;     color:#EAEEF4;     font-size: 12px;     font-weight: 700;     letter-spacing: 0.24em;     text-transform: uppercase;     margin: 0 0 20px;     opacity: 0.85;   }   .mswish-heading span{ color: var(--m-gold-light); }   .mswish-stage{     position: relative;     max-width: 420px;     margin: 0 auto;     padding: 0 44px;     box-sizing: border-box;   }   .mswish-viewport{     overflow-x: hidden;     overflow-y: visible;   }   .mswish-track{     display:flex;     gap: 16px;     transition: transform 420ms ease;   }   @media (prefers-reduced-motion: reduce){     .mswish-track{ transition: none; }   }   .mswish-card{     flex: 0 0 auto;     width: calc(50% - 8px);     max-width: 150px;     display:flex;     flex-direction:column;     align-items:center;     text-decoration:none;   }   .mswish-art{     width: 100%;     aspect-ratio: 1 / 1;     display:flex;     align-items:center;     justify-content:center;     margin-bottom: 16px;   }   .mswish-art img{     width: 100%;     height: 100%;     object-fit: contain;     filter: drop-shadow(0 8px 14px rgba(0,0,0,0.45));   }   .mswish-label{     display:inline-block;     width: 100%;     text-align: center;     background: linear-gradient(180deg, var(--m-gold-light), var(--m-gold));     color: var(--m-ink);     font-weight: 800;     font-size: 10px;     letter-spacing: 0.03em;     text-transform: uppercase;     padding: 12px 8px;     border-radius: 999px;     border: 2px solid var(--m-ink);     box-shadow: 0 3px 0 var(--m-ink);     box-sizing: border-box;   }   .mswish-card:active .mswish-label{     transform: translateY(2px);     box-shadow: 0 1px 0 var(--m-ink);   }   .mswish-arrow{     position:absolute;     top: calc(50% - 24px);     width: 40px;     height: 40px;     border-radius: 50%;     background: #132844;     border: 2px solid var(--m-teal-bright);     color: var(--m-teal-bright);     display:flex;     align-items:center;     justify-content:center;     z-index: 3;     padding: 0;   }   .mswish-arrow.prev{ left: 0; }   .mswish-arrow.next{ right: 0; }   .mswish-arrow svg{ width: 18px; height: 18px; }   .mswish-dots{     display:flex;     justify-content:center;     gap: 9px;     margin-top: 10px;   }   .mswish-dot{     width: 8px;     height: 8px;     border-radius: 50%;     background: var(--m-silver);     opacity: 0.4;     border: none;     padding: 0;   }   .mswish-dot.active{     background: var(--m-gold-light);     opacity: 1;   }    :root{     --navy-deep:#060E1C;     --navy:#0C1A2E;     --navy-med:#132844;     --ink:#08101E;     --teal:#1C6A88;     --teal-bright:#3698B2;     --gold:#DEA01C;     --gold-light:#F0C02E;     --silver:#A6B4C4;     --paper:#EAEEF4;   }   .swish-carousel-wrap{     background: transparent;     padding: 56px 16px 44px;     font-family: 'Segoe UI', Arial, sans-serif;     position: relative;     overflow: visible;   }   .swish-heading{     text-align:center;     color: var(--paper);     font-size: 13px;     font-weight: 700;     letter-spacing: 0.28em;     text-transform: uppercase;     margin: 0 0 28px;     opacity: 0.85;   }   .swish-heading span{ color: var(--gold-light); }   .swish-stage{     position:relative;     max-width: 1180px;     margin: 0 auto;   }   .swish-viewport{     overflow-x: hidden;     overflow-y: visible;     padding-bottom: 4px;   }   .swish-track{     display:flex;     gap: 22px;     will-change: transform;     transition: transform 480ms cubic-bezier(.65,0,.35,1);   }   @media (prefers-reduced-motion: reduce){     .swish-track{ transition: none; }   }   .swish-card{     flex: 0 0 auto;     width: 190px;     display:flex;     flex-direction:column;     align-items:center;     text-decoration:none;   }   .swish-art{     position:relative;     width: 190px;     height: 190px;     display:flex;     align-items:center;     justify-content:center;     margin-bottom: 22px;   }   .swish-glow{     position:absolute;     inset: 8%;     border-radius: 50%;     background: radial-gradient(circle, rgba(54,152,178,0.35), rgba(54,152,178,0) 70%);     filter: blur(4px);     transition: opacity 300ms ease, transform 400ms ease;     opacity: 0.6;   }   .swish-card img{     position:relative;     z-index:1;     width: 100%;     height: 100%;     object-fit: contain;     filter: drop-shadow(0 10px 18px rgba(0,0,0,0.45));     transition: transform 320ms cubic-bezier(.34,1.56,.64,1);   }   .swish-card:hover img, .swish-card:focus-visible img{     transform: translateY(-6px) scale(1.05);   }   .swish-card:hover .swish-glow, .swish-card:focus-visible .swish-glow{     opacity: 1;     transform: scale(1.15);   }   .swish-label{     position:relative;     display:inline-block;     background: linear-gradient(180deg, var(--gold-light), var(--gold));     color: var(--ink);     font-weight: 800;     font-size: 14px;     letter-spacing: 0.05em;     text-transform: uppercase;     padding: 10px 22px;     border-radius: 999px;     border: 2px solid var(--ink);     box-shadow: 0 3px 0 var(--ink);     transition: transform 160ms ease, box-shadow 160ms ease;   }   .swish-card:hover .swish-label, .swish-card:focus-visible .swish-label{     transform: translateY(-2px);     box-shadow: 0 5px 0 var(--ink);   }   .swish-card:active .swish-label{     transform: translateY(1px);     box-shadow: 0 2px 0 var(--ink);   }   .swish-arrow{     position:absolute;     top: 95px;     transform: translateY(-50%);     width: 44px;     height: 44px;     border-radius: 50%;     background: var(--navy-med);     border: 2px solid var(--teal-bright);     color: var(--teal-bright);     display:flex;     align-items:center;     justify-content:center;     cursor:pointer;     z-index: 3;     transition: background 160ms ease, color 160ms ease, transform 160ms ease;   }   .swish-arrow:hover{     background: var(--teal-bright);     color: var(--navy-deep);   }   .swish-arrow:active{ transform: translateY(-50%) scale(0.94); }   .swish-arrow.prev{ left: -6px; }   .swish-arrow.next{ right: -6px; }   .swish-arrow svg{ width: 18px; height: 18px; }   .swish-dots{     display:flex;     justify-content:center;     gap: 10px;     margin-top: 30px;   }   .swish-dot{     width: 9px;     height: 9px;     border-radius: 50%;     background: var(--silver);     opacity: 0.4;     border: none;     cursor: pointer;     padding: 0;     transition: opacity 160ms ease, transform 160ms ease, background 160ms ease;   }   .swish-dot:hover{ opacity: 0.7; }   .swish-dot.active{     background: var(--gold-light);     opacity: 1;     transform: scale(1.3);   }   @media (max-width: 720px){     .swish-card, .swish-art{ width: 130px; height: 130px; }     .swish-track{ gap: 14px; }     .swish-arrow{ width: 36px; height: 36px; top: 65px; }     .swish-label{ font-size: 12px; padding: 8px 16px; }   }   @media (max-width: 480px){     .swish-card, .swish-art{ width: 96px; height: 96px; }     .swish-track{ gap: 8px; }     .swish-arrow{ width: 30px; height: 30px; top: 48px; }     .swish-arrow.prev{ left: -4px; }     .swish-arrow.next{ right: -4px; }     .swish-label{ font-size: 10px; padding: 6px 12px; letter-spacing: 0.02em; }   }  @import url('https://fonts.googleapis.com/css2?family=Bungee&family=Inter:wght@400;500;600;700&display=swap'); :root{   --bg-deep:#050b16;   --bg-card:#0d1a2b;   --bg-card-2:#112238;   --teal:#21c7c0;   --teal-dim:#12716c;   --orange:#f2762e;   --crimson:#e02446;   --gold:#f4b400;   --violet:#8b3fd1;   --ink:#eaf3f4;   --muted:#8fa6b8;   --line:rgba(255,255,255,0.08); } *{box-sizing:border-box;} body{   margin:0;   min-height:100vh;   background:     radial-gradient(ellipse 900px 500px at 12% 20%, rgba(33,199,192,0.10), transparent 60%),     radial-gradient(ellipse 900px 500px at 88% 80%, rgba(139,63,209,0.10), transparent 60%),     var(--bg-deep);   font-family:'Inter',sans-serif;   color:var(--ink);   padding:32px 16px 64px; } .wrap{max-width:960px;margin:0 auto;} /* Hidden radios: kept 1px and out of flow, and placed in the markup directly    above the tab row so focusing one can never scroll the page away. */ .day-radio{   position:absolute;   opacity:0;   pointer-events:none;   width:1px;   height:1px;   margin:0;   padding:0;   border:0; } /* ---------- Header ---------- */ .brandbar{   display:flex;   align-items:center;   justify-content:center;   flex-direction:column;   text-align:center;   margin-bottom:24px; } .brandbar img.logo{   max-width:280px;   width:60%;   height:auto;   filter:drop-shadow} .brandbar .sub{   margin-top:10px;   font-size:13px;   letter-spacing:4px;   text-transform:uppercase;   color:var(--gold);   font-weight:600;   font-family:'Bungee',sans-serif; } .brandbar .rule{   width:64px;height:3px;margin-top:14px;   background:linear-gradient(90deg,var(--teal),var(--orange),var(--crimson));   border-radius:2px; }  /* ---------- BIG "Everyday Specials" tab ---------- */ .everyday-tab{   display:flex;   align-items:center;   justify-content:center;   gap:14px;   width:100%;   padding:20px 24px;   margin-bottom:10px;   border-radius:16px;   border:2px solid var(--teal-dim);   background:     linear-gradient(135deg, rgba(33,199,192,0.16), rgba(139,63,209,0.16)),     var(--bg-card);   color:var(--ink);   font-family:'Bungee',sans-serif;   font-size:clamp(15px,2.8vw,22px);   letter-spacing:2px;   text-align:center;   cursor:pointer;   user-select:none;   transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease; } .everyday-tab:hover{   transform:translateY(-2px);   border-color:var(--teal);   box-shadow:0 10px 26px rgba(33,199,192,0.22); } .everyday-tab .et-dot{   width:12px;height:12px;border-radius:50%;   background:var(--gold);   box-shadow:0 0 0 0 rgba(244,180,0,0.6);   animation:pulse 2.2s infinite;   flex:0 0 auto; } .everyday-tab .et-sub{   display:block;   font-family:'Inter',sans-serif;   font-size:11px;   letter-spacing:2px;   font-weight:600;   text-transform:uppercase;   color:var(--muted);   margin-top:6px; } @keyframes pulse{   0%{box-shadow:0 0 0 0 rgba(244,180,0,0.55);}   70%{box-shadow:0 0 0 12px rgba(244,180,0,0);}   100%{box-shadow:0 0 0 0 rgba(244,180,0,0);} } #tab-everyday:checked ~ .everyday-tab{   background:linear-gradient(135deg, var(--teal), var(--violet));   border-color:transparent;   color:#04101a;   box-shadow:0 10px 28px rgba(33,199,192,0.35); } #tab-everyday:checked ~ .everyday-tab .et-sub{color:rgba(4,16,26,0.75);} #tab-everyday:checked ~ .everyday-tab .et-dot{background:#04101a;animation:none;box-shadow:none;}  /* ---------- "or browse by day" divider ---------- */ .day-nav-label{   display:flex;   align-items:center;   gap:12px;   margin:18px 2px 10px;   font-size:11px;   letter-spacing:3px;   text-transform:uppercase;   font-weight:600;   color:var(--muted); } .day-nav-label::before, .day-nav-label::after{   content:"";   flex:1;   height:1px;   background:var(--line); }  /* ---------- Day tabs ---------- */ .day-navigation{   display:flex;   gap:8px;   margin-bottom:22px;   overflow-x:auto;   padding:4px 2px 10px; } .day-tab{   flex:1;   min-width:64px;   padding:12px 4px;   background:var(--bg-card);   border:1px solid var(--line);   border-radius:8px;   color:var(--muted);   cursor:pointer;   font-family:'Bungee',sans-serif;   font-size:13px;   letter-spacing:1px;   text-align:center;   transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;   user-select:none; } .day-tab:hover{border-color:var(--teal-dim);color:var(--ink);} #tab-sun:checked ~ .day-navigation label[for="tab-sun"] { background: linear-gradient(160deg, var(--orange), var(--crimson)); color: #1a0603; border-color: transparent; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 6px 14px rgba(224,36,70,0.35); } #tab-mon:checked ~ .day-navigation label[for="tab-mon"] { background: linear-gradient(160deg, var(--orange), var(--crimson)); color: #1a0603; border-color: transparent; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 6px 14px rgba(224,36,70,0.35); } #tab-tue:checked ~ .day-navigation label[for="tab-tue"] { background: linear-gradient(160deg, var(--orange), var(--crimson)); color: #1a0603; border-color: transparent; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 6px 14px rgba(224,36,70,0.35); } #tab-wed:checked ~ .day-navigation label[for="tab-wed"] { background: linear-gradient(160deg, var(--orange), var(--crimson)); color: #1a0603; border-color: transparent; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 6px 14px rgba(224,36,70,0.35); } #tab-thu:checked ~ .day-navigation label[for="tab-thu"] { background: linear-gradient(160deg, var(--orange), var(--crimson)); color: #1a0603; border-color: transparent; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 6px 14px rgba(224,36,70,0.35); } #tab-fri:checked ~ .day-navigation label[for="tab-fri"] { background: linear-gradient(160deg, var(--orange), var(--crimson)); color: #1a0603; border-color: transparent; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 6px 14px rgba(224,36,70,0.35); } #tab-sat:checked ~ .day-navigation label[for="tab-sat"] { background: linear-gradient(160deg, var(--orange), var(--crimson)); color: #1a0603; border-color: transparent; transform: translateY(-3px) rotate(-1deg); box-shadow: 0 6px 14px rgba(224,36,70,0.35); }  /* ---------- Slider ---------- */ .slider-window{   border-radius:16px;   border:1px solid var(--line);   background:var(--bg-card);   padding: 4px; } .day-slide{   display:none;   box-sizing:border-box;   padding:28px 24px 30px;   flex-direction:column;   align-items:center;   gap:18px; } .everyday-slide{   display:none;   box-sizing:border-box;   padding:28px 24px 32px;   flex-direction:column;   align-items:center;   gap:18px; } #tab-everyday:checked ~ .slider-window #slide-everyday { display: flex; } #tab-sun:checked ~ .slider-window #slide-sun { display: flex; } #tab-mon:checked ~ .slider-window #slide-mon { display: flex; } #tab-tue:checked ~ .slider-window #slide-tue { display: flex; } #tab-wed:checked ~ .slider-window #slide-wed { display: flex; } #tab-thu:checked ~ .slider-window #slide-thu { display: flex; } #tab-fri:checked ~ .slider-window #slide-fri { display: flex; } #tab-sat:checked ~ .slider-window #slide-sat { display: flex; }  .day-heading{   display:flex;   align-items:center;   gap:10px; } .day-badge{   font-family:'Bungee',sans-serif;   font-size:12px;   color:var(--bg-deep);   background:var(--gold);   padding:4px 10px;   border-radius:5px;   letter-spacing:1px; } .day-title{   font-family:'Bungee',sans-serif;   font-size:20px; } .day-caption{   max-width:480px;   text-align:center;   font-size:14px;   color:var(--muted); }  /* ---------- Everyday panel layout ---------- */ .everyday-head{   text-align:center; } .everyday-head .eh-badge{   display:inline-block;   font-family:'Bungee',sans-serif;   font-size:11px;   letter-spacing:1px;   color:var(--bg-deep);   background:linear-gradient(135deg,var(--teal),var(--gold));   padding:5px 12px;   border-radius:20px; } .everyday-head h2{   font-family:'Bungee',sans-serif;   font-size:clamp(20px,4vw,28px);   margin:12px 0 8px; } .everyday-head p{   margin:0 auto;   max-width:520px;   font-size:14px;   color:var(--muted); } /* the single Everyday frame — slightly larger than the day frames */ #slide-everyday .hover-swap-box{   max-width:560px; }  /* ---------- Hover swap box ---------- */ .hover-swap-box{   position:relative;   width:100%;   max-width:460px;   aspect-ratio:4/3;   border-radius:12px;   overflow:hidden;   border:1px solid var(--line);   outline:none;   background:     repeating-linear-gradient(45deg, rgba(255,255,255,0.02) 0 10px, transparent 10px 20px),     #081222; } /* Images are never cropped or zoomed: the box is a fixed 4:3 frame and    every image is scaled down to fit fully inside it, centered. */ .slot-img{   position:absolute;   inset:14px;                 /* breathing room inside the frame */   width:calc(100% - 28px);   height:calc(100% - 28px);   object-fit:contain;         /* show the WHOLE image, no crop */   object-position:center;   display:block; } .slot-img.base{   opacity:1;   transition:opacity .35s ease; } .slot-img.reveal{   opacity:0;   transition:opacity .35s ease; } /* hover on desktop, tap/keyboard focus on touch + accessibility */ .hover-swap-box:hover .slot-img.reveal, .hover-swap-box:focus .slot-img.reveal, .hover-swap-box:focus-within .slot-img.reveal{opacity:1;} .hover-swap-box:hover .slot-img.base, .hover-swap-box:focus .slot-img.base, .hover-swap-box:focus-within .slot-img.base{opacity:0;} .hover-swap-box:focus{box-shadow:inset 0 0 0 2px var(--teal);} .reveal-pill{   position:absolute;   top:10px;   right:10px;   background:rgba(5,11,22,0.75);   color:var(--gold);   font-size:10px;   letter-spacing:1px;   text-transform:uppercase;   padding:4px 8px;   border-radius:20px;   border:1px solid var(--gold);   pointer-events:none;   transition:opacity .25s ease; } .hover-swap-box:hover .reveal-pill, .hover-swap-box:focus .reveal-pill, .hover-swap-box:focus-within .reveal-pill{opacity:0;}  .footer-tip{   text-align:center;   margin-top:22px;   font-size:12px;   color:var(--muted); } .footer-tip b{color:var(--gold);font-weight:600;}  @media (max-width:520px){   .everyday-tab{padding:16px 14px;gap:10px;}   .day-tab{font-size:11px;min-width:56px;padding:10px 2px;} }      #sp-gszefs .sp-divider-separator::after , #sp-gszefs .sp-divider-separator::before  {content:""}     #sp-gszefs .sp-divider .sp-divider-separator::after , #sp-gszefs .sp-divider .sp-divider-separator::before {display:block;border-top:2px solid #E5F3FC}     #sp-gszefs .sp-divider .sp-divider-text-block .sp-divider-text      {color:#E5F3FC}     #sp-gszefs .sp-divider .sp-divider-text-block.sp-divider-icon-block      {color:#E5F3FC}        #sp-spku0w .sp-divider-separator::after , #sp-spku0w .sp-divider-separator::before  {content:""}     #sp-spku0w .sp-divider .sp-divider-separator::after , #sp-spku0w .sp-divider .sp-divider-separator::before {display:block;border-top:3px solid #fb8c00}     #sp-spku0w .sp-divider .sp-divider-text-block .sp-divider-text      {color:#fb8c00}     #sp-spku0w .sp-divider .sp-divider-text-block.sp-divider-icon-block      {color:#fb8c00}        #sp-uaj2ju .sp-divider-separator::after , #sp-uaj2ju .sp-divider-separator::before  {content:""}     #sp-uaj2ju .sp-divider .sp-divider-separator::after , #sp-uaj2ju .sp-divider .sp-divider-separator::before {display:block;border-top:3px solid #fb8c00}     #sp-uaj2ju .sp-divider .sp-divider-text-block .sp-divider-text      {color:#fb8c00}     #sp-uaj2ju .sp-divider .sp-divider-text-block.sp-divider-icon-block      {color:#fb8c00}        #sp-ubqbtjiafnxt .sp-map-responsive{padding-bottom:0px;overflow:unset;}   #sp-wck3v5egawqv{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://eri.meb.mybluehost.me/website_2e87399c/wp-content/uploads/2026/08/HEROOO.png'); width: 100%; max-width: 100%; padding: 0px 0px 40px;}#sp-lmhdpv{width: 100%; max-width: 100%;}#sp-pullx3{width: calc(100% + 0px);}#sp-tv4umw{margin: 0px; display: flex;}#sp-qkf0f64wgjcp{padding: 30px 50px 50px; width: 100%; max-width: 100%; margin-top: 0px;}#sp-io7p4s7vigd{width: calc(100% + 0px);}#sp-x3uyab{margin: 0px; text-align: center;}#sp-qd1sqobls1{width: 300px;}#sp-0e21r3t7o9{text-decoration: none;}#sp-una3twt3hdfo{font-size: 55px; font-family: Bungee; color: rgb(229, 243, 252); text-align: center; margin: 20px 0px 0px;}#sp-diiqmyya2z{color: #ffcc00;}#sp-kd5bnpcex1xq{font-size: 20px; font-family: Inconsolata; color: rgb(229, 243, 252); padding: 0px 100px; margin: 12px 50px 0px; text-align: center;}#sp-button-parent-odcpsv970gi{margin: 50px 0px 30px; text-align: center;}#sp-odcpsv970gi{font-size: 20px; background: linear-gradient(-180deg, rgb(251, 140, 0), rgb(215, 120, 0) 90%); color: rgb(255, 255, 255); width: auto; padding: 20px 26px; border: 2px solid rgb(253, 216, 53); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset;}#sp-06ioecbixg{font-family: Bungee;}#sp-lazzkw{height: 330px;}#sp-f82rv5{background-color: rgb(17, 25, 39); width: 100%; max-width: 100%;}#sp-zmry2y{background-color: rgb(17, 25, 39); width: 100%; max-width: 100%;}#sp-q2b9er{width: calc(100% + 0px);}#sp-fj5fy2{margin: 0px;}#sp-p3uu1e{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://eri.meb.mybluehost.me/website_2e87399c/wp-content/uploads/2026/08/HEROOO.png'); width: 100%; max-width: 100%; padding: 0px 0px 40px; background-position: -32px 0px; background-attachment: scroll; background-size: 205%;}#sp-l6oqwg{padding: 30px 50px 50px; width: 100%; max-width: 100%; margin-top: 0px;}#sp-je9lmd{width: calc(100% + 0px);}#sp-x3hvtw{margin: 0px; text-align: center;}#sp-lgqhqg6fnj{width: 150px;}#sp-01z3n03r3f{text-decoration: none;}#sp-r1qw69{font-size: 55px; font-family: Bungee; color: rgb(229, 243, 252); text-align: center; margin: 20px 0px 0px;}#sp-g3bbm7i8t3{color: #ffcc00;}#sp-iy5the{font-size: 20px; font-family: Inconsolata; color: rgb(229, 243, 252); padding: 0px 100px; margin: 12px 50px 0px; text-align: center;}#sp-button-parent-gietcj{margin: 50px 0px 30px; text-align: center;}#sp-gietcj{font-size: 15px; background: linear-gradient(-180deg, rgb(251, 140, 0), rgb(215, 120, 0) 90%); color: rgb(255, 255, 255); width: auto; padding: 8px 12px; border: 2px solid rgb(253, 216, 53); box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset;}#sp-ypp8xfzbbo{font-family: Bungee;}#sp-qet7x6{height: 330px;}#sp-yfbmxvfl9vo8{background-image: linear-gradient(0deg, rgb(4, 55, 103) 0%, rgb(1, 27, 52) 100%); background-color: rgb(0, 0, 0); width: 100%; max-width: 100%; padding: 50px 0px; margin-top: 3px;}#sp-rud6q00rhe97{width: auto; max-width: 1200px;}#sp-xtx6y2932gze{width: calc(100% + 0px);}#sp-8vo0i1pl9z{text-decoration: none;}#sp-apswdv54xnp{font-size: 50px; font-family: Bungee; color: rgb(229, 243, 252); text-align: center; margin: 0px;}#sp-7tpxz6ebk5{color: #ff9900;}#sp-s0vmek{margin: 0px;}#sp-vq9vjr{width: 100%; max-width: 100%;}#sp-ssgi60{width: calc(100% + 0px);}#sp-bd66a1{margin: 0px;}#sp-e7ipd1{background-color: rgb(251, 140, 0); width: 100%; max-width: 100%; padding: 60px 0px 100px; margin-top: 3px;}#sp-v8z4su{background-color: rgb(229, 243, 252); margin-top: 0px; border-radius: 50px;}#sp-ur1fv4{width: calc(100% + 0px);}#sp-vpux32{margin: 0px;}#sp-r7qhf9{margin-top: 70px;}#sp-m71wk1{width: calc(100% + 0px);}#sp-3tqlmzwsfa{text-decoration: none;}#sp-jus99cwf0nq{font-size: 45px; font-weight: bold; font-family: Bungee; color: rgb(4, 55, 103); text-align: center; margin: 0px;}#sp-yp2i1t9d2i{color: #ffff00;}#sp-gszefs{margin: 15px 0px 0px; justify-content: center; padding: 10px 0px;}#sp-15z2sctgvg{width: 50%; border-top: 2px solid rgb(229, 243, 252);}#sp-qd2hft{padding: 0px; width: auto; max-width: 1300px; margin-top: 15px;}#sp-c59dcv{border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.4) 0px 10px 10px -5px; background-color: rgb(229, 243, 252); width: calc(20% - 10px);}#sp-vsemv9{margin: 0px; text-align: center;}#sp-87qi4m3mpe{width: 1000px;}#sp-e3qro6{border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.4) 0px 10px 10px -5px; background-color: rgb(229, 243, 252); width: calc(20% - 10px);}#sp-euhrjc{margin: 0px; text-align: center;}#sp-hg9yh1zapd{width: 500px;}#sp-ldnlcm{border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.4) 0px 10px 10px -5px; background-color: rgb(229, 243, 252); width: calc(20% - 10px);}#sp-ddqkm1{margin: 0px; text-align: center;}#sp-5c7sbhk135{width: 2560px;}#sp-egkjmn{border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.4) 0px 10px 10px -5px; background-color: rgb(229, 243, 252); width: calc(20% - 10px);}#sp-sz9yea{margin: 0px; text-align: center;}#sp-g1rzet3ktw{width: 1673px;}#sp-u1pf9q{border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.4) 0px 10px 10px -5px; background-color: rgb(229, 243, 252); width: calc(20% - 10px);}#sp-fpyvdu{margin: 0px; text-align: center;}#sp-8z0heo47g4{width: 978px;}#sp-ogyng6rnjttn{background-image: linear-gradient(0deg, rgb(1, 27, 52) 0%, rgb(4, 55, 103) 100%); background-color: rgb(4, 55, 103); width: 100%; max-width: 100%; padding: 50px 0px 100px; margin-top: 3px;}#sp-jxilox3tohod{margin-top: 0px;}#sp-trtyvr2j68g{width: calc(100% + 0px);}#sp-h185bwk17l{text-decoration: none;}#sp-mqw4lz{font-size: 45px; font-weight: bold; font-family: Bungee; color: rgb(229, 243, 252); text-align: center; margin: 0px;}#sp-3ditp1pmj1{color: #ff9900;}#sp-spku0w{margin: 15px 0px 0px; justify-content: center; padding: 10px 0px;}#sp-ihuh5pz993{width: 50%; border-top: 3px solid rgb(251, 140, 0);}#sp-z1r4wj1lmmtc{font-size: 20px; font-family: Inconsolata; color: rgb(229, 243, 252); margin: 0px 50px; text-align: center;}#sp-vlt09ufp17u{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://eri.meb.mybluehost.me/website_2e87399c/wp-content/uploads/2026/08/SwishStore.png'); border-width: 5px; border-style: solid; border-color: rgb(251, 140, 0); width: auto; max-width: 1220px; margin-top: 30px; border-radius: 30px;}#sp-qvcucoekwzx{width: calc(100% + 0px);}#sp-vsxp9gi0n7p{height: 306px;}#sp-co4u35rnwezm{background-image: linear-gradient(0deg, rgba(30, 41, 59, 0.2), rgba(30, 41, 59, 0.2)), url('https://eri.meb.mybluehost.me/website_2e87399c/wp-content/uploads/2026/08/Swish-Graffitis.png'); background-color: rgb(229, 243, 252); width: 100%; max-width: 100%; padding: 200px 10px; margin-top: 3px; margin-bottom: 3px;}#sp-gry9u1zgzan{padding: 0px; background-color: rgba(229, 243, 252, 0.84); width: auto; max-width: 1100px; border-radius: 50px;}#sp-vyywdkapo6{width: calc(44% + 0px); padding: 40px 30px;}#sp-vto1ux3wnw{text-decoration: none;}#sp-sn0tvh8chz5b{font-size: 60px; font-weight: 700; font-style: normal; font-family: Bungee; color: rgb(4, 55, 103); text-align: left; margin: 0px;}#sp-uaj2ju{margin: 30px 0px 0px; justify-content: flex-start; padding: 10px 0px;}#sp-wwd1oxa3a8{width: 60%; border-top: 3px solid rgb(251, 140, 0);}#sp-oj8p9diwj3{text-decoration: none;}#sp-dg9m4mqpnxdt{font-size: 34px; font-weight: bold; font-style: normal; font-family: Inconsolata; color: rgb(4, 55, 103); text-align: left; margin: 0px;}#sp-jswwry4jeb{color: #043767;}#sp-l3i9usag6k{color: #043767;}#sp-399zmqmuws{text-decoration: none;}#sp-af5qy2m3bmzh{font-size: 20px; font-weight: bold; font-style: normal; font-family: Inconsolata; color: rgb(0, 0, 0); text-align: left; margin: 0px;}#sp-iz60murwbh{color: #043767;}#sp-50n3wrjy68{color: #043767;}#sp-ip1lbtm5xe{text-decoration: none;}#sp-a947h9{font-size: 20px; font-weight: bold; font-style: normal; font-family: Inconsolata; color: rgb(0, 0, 0); text-align: left; margin: 0px;}#sp-nklvr9ssng{color: #043767;}#sp-kn131n9k5z{color: #043767;}#sp-iy84m51vmyd{width: calc(56% + 0px); padding: 20px;}#sp-ubqbtjiafnxt{justify-content: center; margin: 0px;}#sp-72ljwgohjq{max-height: 100%; height: 223px; width: 100%; max-width: 100%; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}#sp-3m72fo05cu{height: 223px;}@media only screen and (max-width: 480px) { #sp-t8mqt4 {text-align:center !important;} #sp-yhkohe .nav-menu .menu-item  {text-align:center !important;width:100% !important;} #sp-yhkohe ul li a  {text-align:center !important;} #sp-yhkohe .nav-bar  {align-items:center !important;} #sp-button-parent-d6ithb {text-align:center !important;margin:0px 0px 0px 0px  !important;} #sp-x3uyab {text-align:center !important;} .sp-headline-block-una3twt3hdfo,   #sp-una3twt3hdfo,   #una3twt3hdfo {font-size:29px !important;text-align:center !important;} .sp-text-wrapper-kd5bnpcex1xq,   #sp-kd5bnpcex1xq,   #kd5bnpcex1xq {text-align:left !important;} #sp-button-parent-odcpsv970gi {text-align:center !important;} #sp-lazzkw {height:40px !important;} #sp-f82rv5 {margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-zmry2y {margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-fj5fy2 {margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-x3hvtw {text-align:center !important;} .sp-headline-block-r1qw69,   #sp-r1qw69,   #r1qw69 {font-size:24px !important;text-align:center !important;} .sp-text-wrapper-iy5the,   #sp-iy5the,   #iy5the {font-size:12px !important;line-height:1.2 !important;text-align:center !important;margin:0px 0px 2px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-button-parent-gietcj {text-align:center !important;margin:0px 0px 0px 0px  !important;} #sp-gietcj {font-size:13px !important;} #sp-qet7x6 {height:260px !important;} #sp-yfbmxvfl9vo8 {padding:20px 0px 20px 0px  !important;} .sp-headline-block-apswdv54xnp,   #sp-apswdv54xnp,   #apswdv54xnp {font-size:25px !important;text-align:center !important;} #sp-s0vmek {margin:0px 0px -70px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-bd66a1 {margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-e7ipd1 {padding:40px 10px 20px 10px  !important;} #sp-v8z4su {margin:0px 0px 0px 0px  !important;} #sp-r7qhf9 {margin:30px 0px 0px 0px  !important;} .sp-headline-block-jus99cwf0nq,   #sp-jus99cwf0nq,   #jus99cwf0nq {font-size:25px !important;text-align:center !important;margin:0px 0px 0px 0px  !important;} #sp-gszefs .sp-divider-text-block .sp-divider-text,   #sp-gszefs {justify-content:center !important;padding:0px 0px 10px 0px  !important;} #sp-qd2hft {margin:0px 0px 0px 0px  !important;} #sp-c59dcv {margin-bottom:10px !important;} #sp-vsemv9 {text-align:center !important;} #sp-e3qro6 {margin-bottom:10px !important;} #sp-euhrjc {text-align:center !important;} #sp-ldnlcm {margin-bottom:10px !important;} #sp-ddqkm1 {text-align:center !important;} #sp-egkjmn {margin-bottom:10px !important;} #sp-sz9yea {text-align:center !important;} #sp-u1pf9q {margin-bottom:10px !important;} #sp-fpyvdu {text-align:center !important;} #sp-ogyng6rnjttn {margin:3px 0px 0px 0px  !important;padding:20px 0px 40px 0px  !important;} .sp-headline-block-mqw4lz,   #sp-mqw4lz,   #mqw4lz {font-size:25px !important;text-align:center !important;} #sp-spku0w .sp-divider-text-block .sp-divider-text,   #sp-spku0w {justify-content:center !important;padding:10px 0px 10px 0px  !important;} .sp-text-wrapper-z1r4wj1lmmtc,   #sp-z1r4wj1lmmtc,   #z1r4wj1lmmtc {font-size:13px !important;line-height:1.3 !important;text-align:center !important;margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-vsxp9gi0n7p {height:140px !important;} #sp-co4u35rnwezm {padding:20px 20px 20px 20px  !important;} .sp-headline-block-sn0tvh8chz5b,   #sp-sn0tvh8chz5b,   #sn0tvh8chz5b {font-size:25px !important;text-align:center !important;margin:20px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} #sp-uaj2ju .sp-divider-text-block .sp-divider-text,   #sp-uaj2ju {justify-content:center !important;padding:0px 0px 10px 0px  !important;} .sp-headline-block-dg9m4mqpnxdt,   #sp-dg9m4mqpnxdt,   #dg9m4mqpnxdt {font-size:20px !important;text-align:center !important;} .sp-headline-block-af5qy2m3bmzh,   #sp-af5qy2m3bmzh,   #af5qy2m3bmzh {font-size:15px !important;text-align:center !important;} .sp-headline-block-a947h9,   #sp-a947h9,   #a947h9 {font-size:20px !important;text-align:center !important;} #sp-iy84m51vmyd {padding:10px 10px 10px 10px  !important;}#sp-wck3v5egawqv {display: none !important;}#sp-vq9vjr {display: none !important;}}@media only screen and (min-width: 481px) and (max-width: 1024px) { #sp-t8mqt4 {text-align:center !important;} #sp-yhkohe .nav-menu .menu-item  {text-align:center !important;} #sp-yhkohe {justify-content:center !important;} #sp-yhkohe ul li a  {text-align:center !important;} #sp-button-parent-d6ithb {text-align:center !important;} #sp-x3uyab {text-align:center !important;} .sp-headline-block-una3twt3hdfo,   #sp-una3twt3hdfo,   #una3twt3hdfo {text-align:center !important;} .sp-text-wrapper-kd5bnpcex1xq,   #sp-kd5bnpcex1xq,   #kd5bnpcex1xq {text-align:left !important;padding:0px 0px 0px 0px  !important;} #sp-button-parent-odcpsv970gi {text-align:center !important;} #sp-lazzkw {height:10px !important;} #sp-x3hvtw {text-align:center !important;} .sp-headline-block-r1qw69,   #sp-r1qw69,   #r1qw69 {text-align:center !important;} .sp-text-wrapper-iy5the,   #sp-iy5the,   #iy5the {text-align:left !important;padding:0px 0px 0px 0px  !important;} #sp-button-parent-gietcj {text-align:center !important;} #sp-qet7x6 {height:10px !important;} #sp-yfbmxvfl9vo8 {margin:0px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;} .sp-headline-block-apswdv54xnp,   #sp-apswdv54xnp,   #apswdv54xnp {text-align:center !important;} .sp-headline-block-jus99cwf0nq,   #sp-jus99cwf0nq,   #jus99cwf0nq {text-align:center !important;} #sp-gszefs .sp-divider-text-block .sp-divider-text,   #sp-gszefs {justify-content:center !important;padding:10px 0px 10px 0px  !important;} #sp-vsemv9 {text-align:center !important;} #sp-euhrjc {text-align:center !important;} #sp-ddqkm1 {text-align:center !important;} #sp-sz9yea {text-align:center !important;} #sp-fpyvdu {text-align:center !important;} .sp-headline-block-mqw4lz,   #sp-mqw4lz,   #mqw4lz {text-align:center !important;} #sp-spku0w .sp-divider-text-block .sp-divider-text,   #sp-spku0w {justify-content:center !important;padding:10px 0px 10px 0px  !important;} .sp-text-wrapper-z1r4wj1lmmtc,   #sp-z1r4wj1lmmtc,   #z1r4wj1lmmtc {text-align:left !important;padding:0px 0px 0px 0px  !important;} #sp-vsxp9gi0n7p {height:240px !important;} #sp-co4u35rnwezm {margin:0px 0px 0px 0px  !important;padding:35px 0px 49px 0px  !important;} .sp-headline-block-sn0tvh8chz5b,   #sp-sn0tvh8chz5b,   #sn0tvh8chz5b {font-size:40px !important;text-align:center !important;} #sp-uaj2ju .sp-divider-text-block .sp-divider-text,   #sp-uaj2ju {justify-content:center !important;padding:10px 0px 10px 0px  !important;} .sp-headline-block-dg9m4mqpnxdt,   #sp-dg9m4mqpnxdt,   #dg9m4mqpnxdt {font-size:22px !important;text-align:center !important;} .sp-headline-block-af5qy2m3bmzh,   #sp-af5qy2m3bmzh,   #af5qy2m3bmzh {text-align:center !important;} .sp-headline-block-a947h9,   #sp-a947h9,   #a947h9 {text-align:center !important;}#sp-vq9vjr {display: none !important;}}@media only screen and (min-width: 1024px) {#sp-f82rv5 {display: none !important;}#sp-zmry2y {display: none !important;}#sp-p3uu1e {display: none !important;}.sp-custom-html-block-s0vmek {display: none !important;}}