/* New Empire — mise à l’échelle générale et réorganisation du panel
   Version 2026-07-27-scale-v2 */

:root{
  --ui-body-size:15px;
  --ui-small-size:11px;
  --ui-label-size:10px;
}

html{font-size:16px}
body{
  font-size:var(--ui-body-size);
  line-height:1.55;
  text-rendering:optimizeLegibility;
}

/* Navigation commune */
.site-header,.topbar{min-height:76px}
.site-header .main-nav,.topbar nav{gap:clamp(18px,2.2vw,36px)}
.site-header .main-nav a,.topbar nav a,.staff-link{
  font-size:11px!important;
  letter-spacing:1.35px!important;
}
.site-header .login-button,.site-header .account-trigger,.cart-button{
  min-height:40px!important;
  font-size:10px!important;
}
.site-credit,.rockstar-disclaimer{font-size:11px!important;line-height:1.55}

/* Boutons et champs : légèrement plus grands, sans effet massif */
.button,.primary,.ghost,.danger,.icon-btn{
  font-size:9px!important;
  letter-spacing:.9px!important;
}
input,select,textarea,button{line-height:1.35}
input,select,textarea{font-size:13px!important}

/* Accueil */
.home-page .hero-content{max-width:780px}
.home-page .hero-content .kicker,.home-page .hero-content>span{font-size:12px!important}
.home-page .hero-content p{font-size:15.5px!important;line-height:1.75!important}
.home-page .hero-actions{gap:14px!important}
.home-page .hero-actions .button{
  min-width:212px!important;
  min-height:48px!important;
  font-size:10px!important;
}
.home-best-sellers{padding:18px!important;gap:14px!important}
.best-sellers-heading span{font-size:10px!important}
.best-sellers-heading strong{font-size:19px!important}
.best-sellers-heading small{font-size:11px!important}
.best-seller-item{height:94px!important;padding:10px!important;gap:12px!important}
.best-seller-visual{width:88px!important;height:68px!important}
.best-seller-copy small,.best-seller-copy em{font-size:9.5px!important}
.best-seller-copy strong{font-size:14.5px!important}
.best-seller-price{font-size:13px!important}
.best-seller-badge{font-size:8.5px!important}
.best-sellers-link{height:47px!important;font-size:10px!important}

/* Connexion */
.auth-page .login-page{padding-left:clamp(30px,8vw,150px);padding-right:clamp(30px,8vw,150px)}
.auth-page .login-card{
  width:min(590px,100%);
  padding:39px 42px 35px;
}
.auth-page .login-brand{margin-bottom:32px}
.auth-page .login-brand img{width:66px;height:42px}
.auth-page .login-brand span{font-size:11.5px}
.auth-page .login-brand strong{font-size:15px}
.auth-page .secure-pill{padding:8px 12px;font-size:11.5px}
.auth-page .login-eyebrow{font-size:12px;margin-top:24px}
.auth-page .login-card h1{font-size:clamp(50px,4.8vw,68px)}
.auth-page .login-description{
  max-width:500px;
  margin:20px 0 28px;
  font-size:16px;
  line-height:1.75;
}
.auth-page .discord-button,.auth-page .logout-button{min-height:58px}
.auth-page .discord-button{font-size:12px;padding:0 20px}
.auth-page .logout-button{font-size:10px}
.auth-page .connected-profile small{font-size:11px}
.auth-page .connected-profile strong{font-size:16px}
.auth-page .connected-profile span{font-size:12px}
.auth-page .security-notes{font-size:11.5px;gap:10px 18px}
.auth-page .login-footer{font-size:11px}
.auth-page .error{font-size:13px}

/* Boutique */
.shop-page .shop-hero.shop-hero-premium{min-height:700px;padding-top:142px;padding-bottom:78px}
.shop-page .premium-hero-inner,.shop-page .shop-hero-content{max-width:940px}
.shop-page .shop-kicker{font-size:12.5px!important}
.shop-page .hero-title-main{font-size:clamp(58px,6.4vw,94px)!important}
.shop-page .hero-title-accent{font-size:clamp(48px,5.6vw,82px)!important}
.shop-page .hero-lead,.shop-page .shop-hero-content>p:not(.shop-kicker){
  max-width:720px!important;
  font-size:17px!important;
  line-height:1.75!important;
}
.shop-page .shop-hero-actions{gap:12px!important}
.shop-page .hero-action{min-height:48px!important;padding:0 22px!important;font-size:10px!important}
.shop-page .shop-hero-meta span,.shop-page .shop-trust{font-size:10px!important}
.shop-page .centered-filters{padding-top:18px!important;padding-bottom:18px!important}
.shop-page .filter{min-height:42px!important;font-size:10px!important}
.shop-page .catalog-title-row h2{font-size:clamp(28px,3vw,42px)!important}
.shop-page .catalog-title-row p,.shop-page .shop-catalog-intro p{font-size:14px!important;line-height:1.7!important}
.shop-page .product-grid{gap:20px!important}
.shop-page .product-card{border-radius:13px!important}
.shop-page .product-content{padding:22px!important}
.shop-page .product-type,.shop-page .product-badge,.shop-page .stock-badge{font-size:9.5px!important}
.shop-page .product-content h3{font-size:20px!important;line-height:1.25!important}
.shop-page .product-content p,.shop-page .product-details{font-size:13px!important;line-height:1.7!important}
.shop-page .product-footer strong{font-size:18px!important}
.shop-page .add-cart,.shop-page .details-button{min-height:42px!important;font-size:9px!important}
.shop-page .shop-info-card h3,.shop-page .faq-grid h3{font-size:16px!important}
.shop-page .shop-info-card p,.shop-page .faq-grid p,.shop-page .legal-note{font-size:12.5px!important;line-height:1.7!important}

/* Règlements */
.rules-page .page-wrap{width:min(1260px,calc(100% - 34px))}
.rules-page .intro{padding:34px 36px!important}
.rules-page .intro h1{font-size:clamp(36px,4vw,52px)!important}
.rules-page .intro-copy{font-size:15px!important;line-height:1.75!important}
.rules-page .status-pill{font-size:10px!important}
.rules-page .rules-nav a{min-height:56px!important;font-size:11px!important}
.rules-page .rules-nav-icon{width:30px!important;height:30px!important;font-size:16px!important}
.rules-page .rules-shell{padding:34px!important}
.rules-page .rules-heading h2{font-size:22px!important}
.rules-page .rules-heading>p{font-size:12.5px!important}
.rules-page .rules-search input{height:52px!important;font-size:13px!important}
.rules-page .rules-count{height:52px!important;font-size:11px!important}
.rules-page .rule-trigger{min-height:108px!important;padding:19px 21px!important}
.rules-page .bubble-copy strong{font-size:15px!important}
.rules-page .bubble-copy small{font-size:11.5px!important;line-height:1.55!important}
.rules-page .rule-content p,.rules-page .rule-content ul{font-size:13.5px!important;line-height:1.85!important}
.rules-page .rule-content h3{font-size:14.5px!important}
.rules-page .accept-box h2{font-size:20px!important}
.rules-page .accept-box p{font-size:13px!important}

/* Whitelist */
.whitelist-page .page-wrap{width:min(1260px,calc(100% - 34px))}
.whitelist-page .intro{padding:34px 36px!important}
.whitelist-page .intro h1{font-size:clamp(36px,4vw,50px)!important}
.whitelist-page .intro-copy{font-size:15px!important;line-height:1.75!important}
.whitelist-page .status-pill{font-size:10px!important}
.whitelist-page .form-panel,.whitelist-page .side-panel,.whitelist-page .wl-booking{padding:24px!important}
.whitelist-page .panel-title-row h2,.whitelist-page .booking-head h2{font-size:20px!important}
.whitelist-page .panel-title-row p,.whitelist-page .booking-head p:last-child{font-size:12.5px!important}
.whitelist-page .steps li{min-height:38px!important;font-size:10px!important}
.whitelist-page .section-heading h3{font-size:15px!important}
.whitelist-page .section-heading p{font-size:11.5px!important}
.whitelist-page label{font-size:10.5px!important}
.whitelist-page input,.whitelist-page select,.whitelist-page textarea{font-size:13.5px!important;padding:13px!important}
.whitelist-page .check-row{font-size:12.5px!important}
.whitelist-page .side-panel h3{font-size:12px!important}
.whitelist-page .side-panel article p,.whitelist-page .tip p{font-size:11.5px!important}
.whitelist-page .public-session{padding:18px!important}
.whitelist-page .public-session h3{font-size:14px!important}
.whitelist-page .public-session p{font-size:11.5px!important}
.whitelist-page .public-session .slot-badge{font-size:10.5px!important}
.whitelist-page .session-loading,.whitelist-page .no-session{font-size:12px!important}

/* Panel staff général */
.staff-page .topbar{height:76px!important;padding-inline:clamp(22px,4vw,66px)}
.staff-page .mini-brand img{width:70px!important}
.staff-page .dashboard{
  width:min(1540px,calc(100% - 32px));
  margin:32px auto 70px;
  grid-template-columns:245px minmax(0,1fr);
  gap:20px;
}
.staff-page .sidebar{padding:18px;gap:7px;border-radius:13px}
.staff-page .profile{padding:12px 10px 22px}
.staff-page .avatar{width:46px;height:46px;font-size:12px}
.staff-page .profile strong{font-size:13px}
.staff-page .profile span{font-size:10.5px}
.staff-page .side-item,.staff-page .logout{
  min-height:44px;
  padding:13px 14px;
  font-size:9.5px!important;
  letter-spacing:1px;
}
.staff-page .side-item b{font-size:8.5px;padding:3px 6px}
.staff-page .hero{padding:32px 34px;border-radius:13px}
.staff-page .kicker{font-size:11px!important;letter-spacing:1.8px}
.staff-page .hero h1{font-size:38px}
.staff-page .hero p:last-child{font-size:14px;line-height:1.65}
.staff-page .server-status{padding:13px 16px}
.staff-page .server-status small{font-size:10px}
.staff-page .server-status strong{font-size:12.5px}
.staff-page .view{margin-top:20px}
.staff-page .stats{gap:14px}
.staff-page .stat{padding:20px;border-radius:11px}
.staff-page .stat span{font-size:10px}
.staff-page .stat strong{font-size:30px}
.staff-page .stat small{font-size:10.5px}
.staff-page .block{padding:22px;border-radius:12px}
.staff-page .block-head{margin-bottom:18px}
.staff-page .block-head h2{font-size:15px;letter-spacing:1px}
.staff-page .block-head p{font-size:11.5px;line-height:1.55}
.staff-page .block-head input,.staff-page .block-head select,.staff-page .head-tools input,.staff-page .head-tools select{
  min-height:42px!important;
  font-size:11.5px!important;
}
.staff-page th,.staff-page td{font-size:11.5px;padding:14px 10px}
.staff-page th{font-size:10px}
.staff-page .tag{font-size:9px}
.staff-page .activity b{font-size:12px}
.staff-page .activity p,.staff-page .activity small{font-size:10.5px}
.staff-page .primary,.staff-page .ghost,.staff-page .danger{
  min-height:41px;
  padding-inline:16px;
  font-size:8.5px!important;
}

/* Gérance staff : tâches en haut puis annuaire */
#staff-management .staff-manager-intro{
  padding:22px 24px!important;
  margin-bottom:14px!important;
}
#staff-management .staff-manager-intro h2{font-size:22px!important}
#staff-management .staff-manager-intro p:last-child{font-size:12.5px!important;max-width:780px!important}
#staff-management .staff-manager-stats{gap:12px!important;margin-bottom:14px}
#staff-management .staff-manager-stats .stat{min-height:96px!important;padding:16px 18px!important}
#staff-management .staff-manager-stats .stat span{font-size:9.5px!important}
#staff-management .staff-manager-stats .stat strong{font-size:27px!important}
#staff-management .staff-manager-stats .stat small{font-size:9.5px!important}
#staff-management .staff-task-board{
  margin:0 0 14px!important;
  padding:20px!important;
}
#staff-management .staff-task-board .block-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,410px);
  align-items:end;
  gap:18px;
}
#staff-management .staff-task-board .block-head h2{font-size:16px!important}
#staff-management .staff-task-board .block-head p{font-size:11.5px!important}
#staff-management .staff-task-board .head-tools{display:grid;grid-template-columns:1fr 170px;gap:9px}
#staff-management .staff-task-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
#staff-management .staff-task-card{
  min-height:205px!important;
  padding:16px 17px!important;
  border-radius:9px!important;
}
#staff-management .task-priority,#staff-management .task-overdue,#staff-management .task-assignee{
  min-height:24px!important;
  padding:0 8px!important;
  font-size:8.5px!important;
}
#staff-management .staff-task-card h3{font-size:14px!important;margin:13px 0 8px!important}
#staff-management .staff-task-card>p{font-size:11.5px!important;line-height:1.6!important}
#staff-management .staff-task-meta{font-size:9px!important;padding-top:12px!important}
#staff-management .staff-task-actions{padding-top:10px!important;margin-top:10px!important}
#staff-management .staff-task-actions select{min-height:34px!important;font-size:10px!important}
#staff-management .staff-command-layout{
  grid-template-columns:minmax(0,1.55fr) minmax(350px,.65fr)!important;
  gap:14px!important;
  margin-top:0!important;
  align-items:start;
}
#staff-management .staff-manager-panel,#staff-management .staff-task-composer{
  padding:20px!important;
  border-radius:11px!important;
}
#staff-management .staff-manager-panel .block-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,410px);
  align-items:end;
}
#staff-management .head-tools{display:grid;grid-template-columns:1fr 165px;gap:8px}
#staff-management .staff-manager-list{gap:11px!important}
#staff-management .staff-manager-card{
  grid-template-columns:minmax(250px,1fr) minmax(230px,.72fr)!important;
  gap:12px 16px!important;
  padding:16px 17px!important;
  border-radius:9px!important;
}
#staff-management .staff-manager-identity img,#staff-management .staff-manager-avatar{width:46px!important;height:46px!important}
#staff-management .staff-manager-identity b{font-size:13px!important}
#staff-management .staff-manager-identity p{font-size:9.5px!important}
#staff-management .staff-presence{font-size:8.5px!important;padding:4px 7px!important}
#staff-management .staff-position{font-size:10px!important}
#staff-management .staff-workload>div{padding:9px 7px!important}
#staff-management .staff-workload span{font-size:8.5px!important}
#staff-management .staff-workload b{font-size:17px!important}
#staff-management .staff-manager-card label{font-size:9.5px!important;gap:6px!important}
#staff-management .staff-manager-card select{height:38px!important;font-size:11px!important;padding-inline:10px!important}
#staff-management .staff-manager-card textarea{min-height:58px!important;max-height:100px!important;font-size:11px!important;padding:9px 10px!important}
#staff-management .staff-manager-actions small{font-size:9px!important}
#staff-management .staff-manager-actions .primary.compact,#staff-management .staff-manager-actions .ghost.compact{
  min-height:34px!important;
  padding:0 11px!important;
  font-size:7.5px!important;
}
#staff-management .staff-task-composer .block-head h2{font-size:16px!important}
#staff-management .staff-task-composer .block-head p{font-size:11px!important}
#staff-management .staff-task-composer form{gap:11px!important}
#staff-management .staff-task-composer label{font-size:9.5px!important;gap:6px!important}
#staff-management .staff-task-composer input,#staff-management .staff-task-composer select{
  min-height:39px!important;
  font-size:11px!important;
  padding-inline:10px!important;
}
#staff-management .staff-task-composer textarea{min-height:98px!important;font-size:11px!important;padding:10px!important}
#staff-management .staff-task-composer .primary{min-height:42px!important;font-size:8px!important}
#staff-management .task-priority-key span{font-size:8.5px!important}

/* Autres blocs du panel */
.staff-page label,.staff-page .field-label{font-size:10px!important}
.staff-page .form-feedback,.staff-page .decision-message{font-size:10.5px!important}
.staff-page .modal-card h2{font-size:27px}
.staff-page .candidate-info p{font-size:11.5px}
.staff-page .modal-card label{font-size:10px}
.staff-page .modal-card textarea{font-size:12px!important}
.staff-page .role-card h3,.staff-page .designer-card h3{font-size:14px!important}
.staff-page .role-card p,.staff-page .designer-card p{font-size:11px!important}

@media(max-width:1280px){
  .staff-page .dashboard{grid-template-columns:220px minmax(0,1fr)}
  #staff-management .staff-task-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #staff-management .staff-command-layout{grid-template-columns:1fr!important}
  #staff-management .staff-task-composer{position:static!important}
}
@media(max-width:950px){
  .staff-page .dashboard{grid-template-columns:1fr}
  #staff-management .staff-task-board .block-head,#staff-management .staff-manager-panel .block-head{grid-template-columns:1fr}
  #staff-management .staff-task-board .head-tools,#staff-management .head-tools{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .site-header .main-nav a,.topbar nav a{font-size:9px!important}
  .auth-page .login-card{padding:31px 25px 28px}
  .auth-page .login-card h1{font-size:46px}
  .auth-page .login-description{font-size:14.5px}
  .rules-page .rules-shell{padding:20px!important}
  .rules-page .rules-nav a{min-height:48px!important;font-size:9.5px!important}
  .whitelist-page .form-panel,.whitelist-page .side-panel,.whitelist-page .wl-booking{padding:18px!important}
  .staff-page .hero{padding:25px 22px}
  .staff-page .hero h1{font-size:31px}
  #staff-management .staff-manager-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #staff-management .staff-task-list{grid-template-columns:1fr!important}
  #staff-management .staff-task-board .head-tools,#staff-management .head-tools{grid-template-columns:1fr}
  #staff-management .staff-manager-card{grid-template-columns:1fr!important}
  #staff-management .staff-manager-fields{grid-template-columns:1fr!important}
}

/* Page de maintenance */
.splash-page .wrap{width:min(760px,100%)}
.splash-page .eyebrow{font-size:15px!important}
.splash-page h1{font-size:clamp(30px,4.4vw,52px)!important}
.splash-page p{font-size:18px!important;line-height:1.65!important}
.splash-page .owner-btn{font-size:11px!important;padding:9px 13px!important}

/* =========================================================
   Navigation et accueil — proportions renforcées
   Version 2026-07-27-scale-v3
   ========================================================= */

/* Barre publique plus présente, avec une navigation réellement centrée. */
.home-page .site-header,
.shop-page .site-header,
.rules-page .topbar,
.whitelist-page .topbar{
  min-height:96px!important;
  height:96px!important;
  padding-inline:clamp(28px,3.2vw,64px)!important;
  border-bottom:1px solid rgba(92,219,242,.10);
}

.home-page .home-site-header{
  grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,300px)!important;
}
.shop-page .shop-header.site-header{
  grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(220px,270px)!important;
}
.rules-page .topbar,
.whitelist-page .topbar{
  grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(210px,250px)!important;
}

.home-page .site-header .brand,
.shop-page .site-header .brand,
.rules-page .topbar .mini-brand,
.whitelist-page .topbar .mini-brand{
  width:112px!important;
  max-width:112px!important;
  justify-self:start!important;
}
.home-page .site-header .brand img,
.shop-page .site-header .brand img,
.rules-page .topbar .mini-brand img,
.whitelist-page .topbar .mini-brand img{
  width:112px!important;
  height:auto!important;
  filter:drop-shadow(0 0 14px rgba(8,217,246,.22))!important;
}

.home-page .site-header .main-nav,
.shop-page .site-header .main-nav,
.rules-page .topbar nav,
.whitelist-page .topbar nav{
  width:max-content;
  max-width:100%;
  justify-self:center!important;
  justify-content:center!important;
  gap:clamp(34px,3vw,58px)!important;
}
.home-page .site-header .main-nav>a,
.shop-page .site-header .main-nav>a,
.rules-page .topbar nav>a,
.whitelist-page .topbar nav>a{
  padding:37px 0 31px!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:1.75px!important;
}
.home-page .site-header .main-nav>a::after,
.shop-page .site-header .main-nav>a::after{
  bottom:24px!important;
  height:2px!important;
}

.home-page .home-header-actions,
.shop-page .shop-header-actions,
.rules-page .account-actions,
.whitelist-page .account-actions{
  justify-self:end!important;
}

/* Accueil beaucoup plus lisible, tout en restant centré et équilibré. */
.home-page .hero-with-promos{
  min-height:100vh!important;
  padding:116px 28px 188px!important;
  place-items:center!important;
}
.home-page .hero-with-promos .hero-content{
  width:min(900px,100%)!important;
  max-width:900px!important;
  margin:0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:translateY(-10px)!important;
}
.home-page .hero-logo{
  width:min(590px,68vw)!important;
  max-width:590px!important;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.58)) drop-shadow(0 0 20px rgba(8,217,246,.05))!important;
}
.home-page .hero-actions{
  width:100%!important;
  margin-top:62px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:20px!important;
}
.home-page .hero-actions .button{
  min-width:264px!important;
  min-height:58px!important;
  height:58px!important;
  padding:0 34px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.45px!important;
}

/* Le bandeau d'offres reste au centre et gagne légèrement en présence. */
.home-page .home-best-sellers{
  width:min(1320px,calc(100% - 64px))!important;
  bottom:26px!important;
}

@media(max-width:1280px){
  .home-page .home-site-header{grid-template-columns:220px minmax(0,1fr) 220px!important}
  .shop-page .shop-header.site-header,
  .rules-page .topbar,
  .whitelist-page .topbar{grid-template-columns:190px minmax(0,1fr) 190px!important}
  .home-page .site-header .main-nav,
  .shop-page .site-header .main-nav,
  .rules-page .topbar nav,
  .whitelist-page .topbar nav{gap:clamp(22px,2.25vw,38px)!important}
  .home-page .site-header .main-nav>a,
  .shop-page .site-header .main-nav>a,
  .rules-page .topbar nav>a,
  .whitelist-page .topbar nav>a{font-size:12.5px!important;letter-spacing:1.35px!important}
}

@media(max-width:1000px){
  .home-page .site-header,
  .shop-page .site-header,
  .rules-page .topbar,
  .whitelist-page .topbar{
    min-height:82px!important;
    height:82px!important;
    padding-inline:20px!important;
  }
  .home-page .home-site-header,
  .shop-page .shop-header.site-header{
    grid-template-columns:110px minmax(0,1fr) auto!important;
  }
  .rules-page .topbar,
  .whitelist-page .topbar{
    grid-template-columns:110px minmax(0,1fr) 110px!important;
  }
  .home-page .site-header .brand,
  .shop-page .site-header .brand,
  .rules-page .topbar .mini-brand,
  .whitelist-page .topbar .mini-brand,
  .home-page .site-header .brand img,
  .shop-page .site-header .brand img,
  .rules-page .topbar .mini-brand img,
  .whitelist-page .topbar .mini-brand img{
    width:90px!important;
  }
  .rules-page .topbar nav,
  .whitelist-page .topbar nav{gap:18px!important}
  .rules-page .topbar nav>a,
  .whitelist-page .topbar nav>a{font-size:10.5px!important;padding-block:31px 27px!important}
}

@media(max-width:760px){
  .home-page .site-header,
  .shop-page .site-header,
  .rules-page .topbar,
  .whitelist-page .topbar{
    min-height:74px!important;
    height:auto!important;
  }
  .home-page .site-header .brand,
  .shop-page .site-header .brand,
  .rules-page .topbar .mini-brand,
  .whitelist-page .topbar .mini-brand,
  .home-page .site-header .brand img,
  .shop-page .site-header .brand img,
  .rules-page .topbar .mini-brand img,
  .whitelist-page .topbar .mini-brand img{width:76px!important}
  .home-page .hero-with-promos{padding:104px 18px 34px!important}
  .home-page .hero-with-promos .hero-content{transform:none!important}
  .home-page .hero-logo{width:min(470px,88vw)!important}
  .home-page .hero-actions{margin-top:44px!important;gap:12px!important;flex-wrap:wrap!important}
  .home-page .hero-actions .button{min-width:min(260px,100%)!important;width:min(310px,100%)!important;min-height:54px!important;height:54px!important;font-size:11px!important}
  .home-page .home-best-sellers{width:min(100%,540px)!important}
}