html body .region-header-center > * { visibility: visible !important; }
.ss-native-hero { position: relative; height: min(36vw, 540px); min-height: 390px; overflow: hidden; background: #252525; color: #fff; font-family: Jost, Arial, sans-serif; }
.ss-native-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ss-native-hero-content { position: absolute; left: max(4vw,calc((100vw - 1260px)/2)); top: 50%; transform: translateY(-50%); width: min(515px, 45vw); padding: 34px 40px; background: rgba(0,0,0,.82); }
.ss-native-hero-content h1 { color: white; font-size: clamp(35px,3.4vw,58px); line-height: 1.03; margin: 0 0 10px; text-transform: none; font-weight: 700; }
.ss-native-hero-content p { color: white; font-size: clamp(17px,1.4vw,21px); line-height: 1.45; margin: 0 0 22px; }
.ss-native-hero-content button { background: white; color: #111; border: 0; border-radius: 35px; padding: 13px 23px; font: 700 16px Jost,Arial,sans-serif; cursor: pointer; }
.ss-native-hero-controls { position: absolute; bottom: 20px; left: max(4vw,calc((100vw - 1260px)/2)); display: flex; align-items: center; gap: 10px; }
.ss-native-hero-controls button { border: 0; background: #ddd; width: 22px; height: 5px; padding: 0; font-size: 0; cursor: pointer; }
.ss-native-hero-controls button.active { background: #fff; }
.ss-native-hero-controls button:first-child,.ss-native-hero-controls button:last-child { width: 26px; height: 26px; border-radius: 50%; background: rgba(0,0,0,.6); color: white; font-size: 23px; line-height: 22px; }
.ss-inline-menu { max-width: 1280px; margin: 0 auto; padding: 56px 24px 90px; color: #111; font-family: Jost, Arial, sans-serif; }
.ss-inline-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ss-inline-menu h2 { font-size: clamp(38px,5vw,68px); line-height: 1.05; margin: 0 0 8px; text-transform: uppercase; font-weight: 700; }
.ss-inline-menu h3 { font-size: 28px; text-transform: uppercase; margin: 30px 0 22px; }
.ss-inline-menu p { margin: 0 0 20px; font-size: 18px; }
.ss-inline-order { border: 0; border-radius: 40px; background: #458817; color: white; padding: 15px 25px; font: 700 16px Jost, Arial, sans-serif; cursor: pointer; white-space: nowrap; }
.ss-inline-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 15px 0; border-bottom: 1px solid #ddd; }
.ss-inline-tabs button { border: 1px solid #bbb; border-radius: 30px; background: white; padding: 10px 16px; color: #111; font: 700 14px Jost, Arial, sans-serif; cursor: pointer; white-space: nowrap; }
.ss-inline-tabs button.active { color: white; background: #111; border-color: #111; }
.ss-inline-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.ss-inline-card { display: flex; flex-direction: column; text-align: left; border: 1px solid #eee; border-radius: 14px; background: #f8f8f7; overflow: hidden; padding: 0; color: #111; cursor: pointer; font-family: inherit; }
.ss-inline-photo { display: block; background: #fff; height: 210px; }
.ss-inline-photo img { width: 100%; height: 100%; object-fit: contain; }
.ss-inline-copy { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 17px; }
.ss-inline-copy strong { font-size: 21px; line-height: 1.1; }
.ss-inline-copy span { font-size: 14px; line-height: 1.4; color: #555; }
.ss-inline-copy b { margin-top: auto; font-size: 18px; }
@media(max-width: 900px) { .ss-inline-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 520px) { .ss-native-hero { height: 440px; min-height: 0; } .ss-native-hero-content { left: 16px; right: 16px; top: 50%; width: auto; padding: 26px 23px; } .ss-native-hero-content h1 { font-size: 34px; } .ss-native-hero-content p { font-size: 16px; } .ss-native-hero-controls { left: 20px; bottom: 12px; } .ss-inline-menu { padding: 32px 16px 60px; } .ss-inline-heading { align-items: flex-start; flex-direction: column; } .ss-inline-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .ss-inline-photo { height: 150px; } .ss-inline-copy { padding: 11px; } .ss-inline-copy strong { font-size: 17px; } .ss-inline-copy span { display: none; } }

body.path-frontpage .layout-container > header:not(#ss-app-header) { display: none !important; }
body.path-frontpage .layout-container > main { display:none !important; }
#ss-app-header { position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #e5e5e5;color:#111;font-family:ShakeJost,Jost,Arial,sans-serif; }
.ss-app-header-inner { max-width:2160px;margin:auto;min-height:88px;padding:10px 4.5%;display:flex;align-items:center;gap:18px; }
#ss-app-header button { font:inherit;cursor:pointer;white-space:nowrap; }
.ss-app-logo { display:grid;place-items:center;border:0;background:none;padding:0; }
.ss-app-logo svg { width:48px;height:53px; }
.ss-app-menu { border:0;background:none;font-size:27px!important;font-weight:700!important;display:flex;align-items:center;gap:14px; }
.ss-app-menu span { font-size:27px;font-weight:400; }
.ss-app-spacer { flex:1; }
.ss-app-location,.ss-app-link { border:0;background:none;text-decoration:underline;font-size:17px!important; }
.ss-app-location,.ss-app-link[data-ss-head="offers"] { display:flex;align-items:center;gap:5px; }
.ss-app-location img,.ss-app-link svg { display:block;width:20px;height:22px; }
.ss-app-reorder { border:2px solid #111;border-radius:40px;background:#fff;padding:8px 24px;font-weight:700!important;font-size:17px!important; }
.ss-app-order { border:0;border-radius:40px;background:#418613;color:#fff;padding:11px 25px;font-weight:700!important;font-size:17px!important; }
.ss-app-bag { font-size:38px!important;border:0;background:none;position:relative;line-height:1;padding:0 4px; }
.ss-app-bag img { display:block;width:45px;height:47px; }
.ss-app-bag-count { position:absolute;right:-8px;top:-10px;background:#418613;border-radius:100%;color:white;min-width:28px;height:28px;padding:2px 6px;font-size:16px;font-weight:700; }
.ss-app-menu-panel { position:absolute;top:100%;left:4.5%;display:flex;flex-direction:column;gap:0;min-width:260px;background:#fff;box-shadow:0 12px 24px #0002;padding:14px; }
.ss-app-menu-panel[hidden] { display:none; }
.ss-app-menu-panel a,.ss-app-menu-panel button { display:block;text-align:left;padding:11px;border:0;background:none;color:#111;text-decoration:none;font-weight:700; }
.ss-native-hero { height:min(38vw,900px);min-height:500px; }
.ss-native-hero-content { left:6%;width:min(48%,620px);padding:36px 42px; }
.ss-inline-menu { max-width:1840px;padding:70px 4.5% 110px; }
.ss-inline-menu section { margin-bottom:90px; }
.ss-inline-menu h2 { font-size:clamp(32px,3vw,48px);margin:0 0 30px; }
.ss-inline-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:34px; }
.ss-inline-card { border:1px solid #e5e5e5;background:#fff;border-radius:20px;cursor:default; }
.ss-inline-card.limited { position:relative; }
.ss-inline-card.limited:before { content:'LIMITED TIME  ONLY';position:absolute;z-index:1;left:-12px;top:36px;width:150px;padding:5px 10px;background:#fff;color:#418613;box-shadow:0 5px 15px #0002;transform:rotate(-6deg);font:700 17px ShakeJost,Jost,Arial,sans-serif;line-height:1.1;text-align:center; }
.ss-inline-photo { height:auto;aspect-ratio:1.48;background:#faf9f7; }
.ss-inline-copy { padding:24px 26px 26px;min-height:215px; }
.ss-inline-copy strong { font-size:clamp(21px,2vw,34px); }
.ss-inline-copy>span:not(.ss-inline-card-actions) { font-size:18px;line-height:1.45;color:#777; }
.ss-inline-card-actions { display:flex;gap:10px;margin-top:auto; }
.ss-inline-card-actions button { flex:1;border:2px solid #418613;border-radius:30px;padding:10px;background:#fff;color:#418613;font:700 16px ShakeJost,Jost,Arial,sans-serif;cursor:pointer; }
.ss-inline-card-actions button.filled { background:#418613;color:#fff; }
@media(max-width:1100px){.ss-app-header-inner{gap:12px}.ss-app-location,.ss-app-link{font-size:13px!important}.ss-app-reorder,.ss-app-order{font-size:14px!important;padding:8px 14px}.ss-app-menu{font-size:21px!important}}
@media(max-width:760px){.ss-app-header-inner{min-height:67px}.ss-app-logo svg{width:37px;height:42px}.ss-app-menu{font-size:19px!important}.ss-app-location,.ss-app-link,.ss-app-reorder,.ss-app-link[data-ss-head="offers"]{display:none}.ss-app-bag img{width:32px;height:34px}.ss-native-hero{height:500px}.ss-native-hero-content{left:16px;right:16px;width:auto}.ss-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-inline-copy{padding:15px;min-height:180px}.ss-inline-copy>span:not(.ss-inline-card-actions){font-size:14px}.ss-inline-card-actions{flex-direction:column}.ss-inline-card-actions button{font-size:13px}}
@media(max-width:480px){.ss-inline-grid{grid-template-columns:1fr}.ss-inline-menu{padding:40px 16px}.ss-inline-copy{min-height:0}.ss-inline-card-actions{flex-direction:row}}
