/* Shared customer typography. Reference: CellphoneS uses Inter with restrained
   navigation weights; keep the Sông Thương palette and existing page layouts. */
:root{--stw-font-ui:"Inter","Inter Fallback",Arial,sans-serif}
.store-header,.store-mobile-nav,.combined-home{font-family:var(--stw-font-ui);font-kerning:normal}
.store-header :is(.store-category-button,.store-header-action){font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:normal}
.store-header .store-category-button{font-weight:500}
.store-header .store-search input{font-family:inherit;font-size:14px;font-weight:400;line-height:1.5}
.store-header .store-search button{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5}
.store-header .store-session-greeting{font-size:13px;line-height:1.5}
.store-header .store-session-greeting a:first-child{font-weight:500}
.combined-home .store-category-rail a{min-height:42px;height:auto;font-size:14px;font-weight:400;line-height:1.5}
.combined-home .store-quick-tabs a{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:normal}
.combined-home .store-eyebrow{font-weight:600;letter-spacing:normal}
.combined-home .store-hero__actions a{font-weight:600;letter-spacing:normal}
.combined-home .personal-toolbar b{font-size:14px;font-weight:600;line-height:1.5}
.combined-home .personal-toolbar span{font-size:12px;font-weight:400;line-height:1.5}
.combined-home .brand-selector button{font-family:inherit;min-height:36px;font-size:13px;font-weight:400;line-height:1.5}
.combined-home .brand-selector button.active{font-weight:500}
.combined-home .personal-status{font-size:12px;font-weight:400;line-height:1.5}
.combined-home .personal-status b{font-weight:500}
.combined-home .personal-heading strong{font-weight:600;line-height:1.25;letter-spacing:normal}
.combined-home .personal-heading small{font-size:11px;font-weight:400;line-height:1.5}
.combined-home .main-tab span{font-weight:600;line-height:1.4;letter-spacing:normal}
.combined-home .main-tab small{font-size:11px;font-weight:400;line-height:1.5}
.combined-home .campaign-tabs--approved .campaign-tab strong{font-weight:600;font-style:normal;letter-spacing:normal;text-shadow:none}
.combined-home .campaign-tabs--approved .campaign-tab small{font-weight:400;line-height:1.5}
@media(max-width:980px) and (min-width:721px){.combined-home .store-category-rail a{font-size:13px}.combined-home .store-quick-tabs a{font-size:11px}}
@media(max-width:720px){
 .store-header .store-search input{font-size:16px}
 .store-mobile-nav a{font-family:var(--stw-font-ui);font-size:10px;font-weight:500;line-height:1.3}
 .combined-home .brand-selector button{min-height:44px;font-size:13px}
 .combined-home .personal-heading strong{font-size:14px}
 .combined-home .personal-heading small{font-size:10px}
 .combined-home .personal-status{font-size:11px}
 .combined-home .main-tab span{font-size:13px}
 .combined-home .main-tab small{font-size:10px}
 .combined-home .campaign-tabs--approved .campaign-tab.active strong{text-shadow:none}
}

/* Preserve the existing mobile layout. Desktop readability adjustments stay on desktop. */
@media(min-width:721px){
:root{--sale:#cc1233}
/* Readable product labels and larger touch targets, keeping the shop layout. */
.combined-home .campaign-tab small{font-size:12px}
@media(max-width:720px){
 .store-header .store-category-button,.store-header .store-header-action{flex:0 0 44px;width:44px;height:44px;min-width:44px}
 .store-header .store-brand{width:88px;flex:0 0 88px}
 .store-header .store-search{height:44px}
 .store-header .store-search button{min-width:44px}
 .store-header .store-search input{padding-inline:6px}
 .combined-home .store-quick-tabs{height:44px}
 .combined-home .store-quick-tabs a{min-height:44px}
 .combined-home .store-hero-slider{height:282px}
 .combined-home .store-eyebrow{font-size:11px}
 .combined-home .store-hero__copy p{font-size:12px;line-height:1.35}
 .combined-home .store-hero__actions a{min-height:44px;font-size:11px}
 .combined-home .store-hero-arrow{width:44px;height:44px;margin-top:-22px;font-size:26px}
 .combined-home .store-hero-dots{bottom:0;gap:0}
 .combined-home .store-hero-dots button,.combined-home .store-hero-dots button.active{position:relative;width:44px;height:44px;background:transparent;border-radius:0}
 .combined-home .store-hero-dots button::after{position:absolute;content:"";width:8px;height:8px;top:18px;left:18px;border-radius:8px;background:#829fba}
 .combined-home .store-hero-dots button.active::after{width:24px;left:10px;background:#0752ac}
 .combined-home .campaign-tabs.campaign-tabs--approved{height:68px}
 .combined-home .campaign-tabs.campaign-tabs--approved .campaign-tab strong{font-size:11px;line-height:1.2;white-space:normal}
 .combined-home .campaign-tabs.campaign-tabs--approved .campaign-tab small{font-size:11px;line-height:1.2;white-space:normal}
 .combined-home .campaign-tabs--approved .campaign-tab>.campaign-tab__content{width:100%;padding-inline:7px}
}

.combined-home .store-mini-products a{min-height:68px;height:auto}
.combined-home .store-mini-products span{font-size:12px}
.combined-home .store-mini-products strong{font-size:13px}
.combined-home .schedule .slot{font-size:12px;padding:7px 10px}
.combined-home .campaign-benefits{font-size:12px}
.combined-home .campaign-benefits span{gap:6px;padding:8px}
.combined-home .campaign-benefits em{white-space:normal;text-overflow:clip;line-height:1.4}
@media(max-width:720px){.combined-home .schedule{flex-wrap:wrap}.combined-home .campaign-benefits{font-size:11px}}
.store-header .store-search input::placeholder{color:#64748b;opacity:1}
.combined-home .store-eyebrow{font-size:11px}
.combined-home .personal-heading{background:linear-gradient(135deg,#08689e,#0754a7)}
.combined-home .personal-heading small{font-size:11px;color:#fff}
.combined-home .personal-toolbar span,.combined-home .personal-status{color:#405c75}
.combined-home .main-tab,.combined-home .main-tab small{color:#075b9e}
@media(max-width:720px){
 .combined-home .store-hero-arrow{top:auto;bottom:0;margin-top:0}
 .combined-home .store-hero-arrow--left{left:8px}
 .combined-home .store-hero-arrow--right{right:8px}
}

}

/* Hide the secondary brand summary and product count requested by the owner. */
.combined-home .personal-status{display:none}
