.sauna-ui .s-wordmark.s-brand{display:inline-flex;align-items:center;gap:11px;min-width:0;text-decoration:none;line-height:1.08;letter-spacing:-.035em}
.sauna-ui .s-brand>img{display:block;flex-shrink:0;width:46px;height:46px;object-fit:contain;border-radius:50%}
.sauna-ui .s-brand>span{display:block;font:400 27px/1.08 Georgia,'Times New Roman',serif;min-width:0}
.sauna-ui .s-brand small{display:block;font:600 9px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.26em;margin-top:5px}
.sauna-ui .s-footer-new .s-brand>img{width:49px;height:49px}.sauna-ui .s-footer-new .s-brand>span{font-size:26px}.sauna-ui .s-footer-new .s-brand small{color:#d2b985}
@media(max-width:1100px){.sauna-ui .s-header .s-brand>span{font-size:24px}.sauna-ui .s-header .s-brand>img{width:40px;height:40px}}
@media(max-width:560px){.sauna-ui .s-header{gap:10px}.sauna-ui .s-header .s-brand{gap:8px}.sauna-ui .s-header .s-brand>span{font-size:21px}.sauna-ui .s-header .s-brand>img{width:34px;height:34px}.sauna-ui .s-header .s-brand small{font-size:8px;margin-top:4px;letter-spacing:.2em}}
@media(max-width:370px){.sauna-ui .s-header{gap:8px}.sauna-ui .s-header .s-brand{gap:6px}.sauna-ui .s-header .s-brand>span{font-size:17px}.sauna-ui .s-header .s-brand>img{width:28px;height:28px}.sauna-ui .s-header .s-tools{gap:7px}}

/* Preserve the colored payment marks at their original card proportions. */
.s-footer-new .sft-payment-badge{padding:0;background:transparent;overflow:hidden}
.sauna-ui .s-footer-new .sft-payment-badge img{width:48px;height:32px}
.s-footer-new .sft-payment-badge:has(span){padding:6px;background:#fff}
@media(max-width:560px){.sauna-ui .s-footer-new .sft-payment-badge img{width:52px;height:35px}}

/* Mobile navigation: opaque surface and consistent, touch-sized controls. */
@media(max-width:1099px){
 .sauna-ui .s-header{background:#f6f5ee;gap:12px;min-height:72px;padding:12px 20px}
 .sauna-ui .s-header .s-brand{flex:0 1 auto;overflow:hidden}
 .sauna-ui .s-header .s-brand>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sauna-ui .s-header .s-tools{flex:0 0 auto;gap:0}
 .sauna-ui .s-header .s-tools>a,.sauna-ui .s-header .s-tools>button{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;position:relative}
 .sauna-ui .s-header .s-tools svg{display:block;width:22px;height:22px;flex-shrink:0}
 .sauna-ui .s-header .s-cart-count{position:absolute;top:0;right:1px;margin:0;font:10px/15px Arial,sans-serif;min-width:15px;text-align:center;background:#f6f5ee;border-radius:50%}
 .sauna-ui .s-menu{max-height:100dvh;max-width:100vw;overscroll-behavior:contain;background:#f6f5ee;padding:24px 24px calc(24px + env(safe-area-inset-bottom))}
 .sauna-ui .s-menu .s-dialog-top{position:sticky;top:-24px;background:#f6f5ee;z-index:1;padding-top:8px;margin-bottom:12px}
 .sauna-ui .s-menu .s-dialog-top button{min-width:44px;min-height:44px}
 .sauna-ui .s-menu nav a{font-size:25px;padding:15px 0;min-height:56px}
}
@media(max-width:560px){
 .sauna-ui .s-header{padding:10px 12px;min-height:64px;gap:4px}
 .sauna-ui .s-header .s-brand{gap:7px}
 .sauna-ui .s-header .s-brand>img{width:32px;height:32px}
 .sauna-ui .s-header .s-brand>span{font-size:20px}
}
@media(max-width:370px){
 .sauna-ui .s-header .s-brand{gap:5px}
 .sauna-ui .s-header .s-brand>img{width:26px;height:26px}
 .sauna-ui .s-header .s-brand>span{font-size:17px}
 .sauna-ui .s-header .s-brand small{font-size:7px;letter-spacing:.18em}
 .sauna-ui .s-header .s-tools>a,.sauna-ui .s-header .s-tools>button{width:40px;min-width:40px}
}

/* WordPress makes the admin toolbar absolute below 601px.
   It scrolls away, so the mobile sticky header must use the viewport edge. */
@media(max-width:600px){.admin-bar.sauna-ui .s-header{top:0}}