/* FoxiWorld V28 — enlarged, denser UI without browser zoom or transforms */
:root{
  --fw-scale-font:17px;
  --fw-scale-container:1440px;
}
html{font-size:var(--fw-scale-font)}
body{font-size:1rem}

/* Storefront: wider usable area and larger core controls */
body:not(.admin-body) .container{width:min(100% - 44px,var(--fw-scale-container))}
body:not(.admin-body) .fw-topbar{height:40px;font-size:13px}
body:not(.admin-body) .fw-header__main{height:98px;grid-template-columns:290px minmax(360px,1fr) auto;gap:32px}
body:not(.admin-body) .fw-logo__mark{width:56px;height:56px;border-radius:18px;font-size:32px}
body:not(.admin-body) .fw-logo__text b{font-size:27px}
body:not(.admin-body) .fw-logo__text small{font-size:11px}
body:not(.admin-body) .fw-search{height:60px!important;border-radius:18px!important;grid-template-columns:54px minmax(0,1fr) auto!important}
body:not(.admin-body) .fw-search input[type="search"]{font-size:16px!important;padding-inline:16px!important}
body:not(.admin-body) .fw-search button{padding-inline:28px!important;font-size:15px}
body:not(.admin-body) .fw-tools>a{min-height:64px;padding:9px 12px}
body:not(.admin-body) .fw-tools>a>span{font-size:25px}
body:not(.admin-body) .fw-tools small{font-size:11px}
body:not(.admin-body) .fw-tools b{font-size:13px}
body:not(.admin-body) .fw-nav{height:58px}
body:not(.admin-body) .fw-nav a,
body:not(.admin-body) .fw-nav__all{font-size:14px;padding-inline:19px}
body:not(.admin-body) .fw-nav__all{padding-inline:23px}
body:not(.admin-body) main:not(.admin-main){min-height:450px}
body:not(.admin-body) .v12-catalog-main,
body:not(.admin-body) .product-page,
body:not(.admin-body) .cart-page,
body:not(.admin-body) .checkout-page,
body:not(.admin-body) .account-page{padding-top:26px}
body:not(.admin-body) .fw-footer{margin-top:76px}
body:not(.admin-body) .fw-newsletter{min-height:132px;padding:28px 38px}
body:not(.admin-body) .fw-newsletter__copy b{font-size:24px}
body:not(.admin-body) .fw-newsletter form{height:54px;min-width:min(100%,480px)}
body:not(.admin-body) .fw-footer__grid{gap:44px;padding-bottom:48px}

/* Common storefront cards and form controls */
body:not(.admin-body) button,
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea{font-size:1rem}
body:not(.admin-body) .btn,
body:not(.admin-body) button[type="submit"]{min-height:48px}
body:not(.admin-body) .product-card,
body:not(.admin-body) .v12-product-card,
body:not(.admin-body) .v15-product-card{font-size:1.02rem}
body:not(.admin-body) .product-grid,
body:not(.admin-body) .v12-product-grid,
body:not(.admin-body) .v15-product-grid{gap:22px}

/* Chat follows the larger visual rhythm */
body:not(.admin-body) .v15-chat,
body:not(.admin-body) .fw-chat-launcher--left{min-width:170px!important;height:64px!important;min-height:64px!important}
body:not(.admin-body) .fw-chat-panel{width:min(430px,calc(100vw - 30px));height:min(650px,calc(100vh - 132px))}
body:not(.admin-body) .fw-chat-head{padding:20px 22px}
body:not(.admin-body) .fw-chat-msg{font-size:15px;padding:13px 15px}
body:not(.admin-body) .fw-chat-compose-row textarea{height:50px;min-height:50px}

/* Admin: larger, consistent and less empty */
.admin-body{font-size:16px}
.admin-sidebar{width:250px}
.admin-main{margin-left:250px}
.admin-topbar{height:78px;padding-inline:28px}
.admin-content{padding:26px 30px 38px;max-width:1760px;margin-inline:auto;width:100%;box-sizing:border-box}
.admin-search{height:48px;max-width:620px}
.admin-search input{font-size:14px}
.admin-icon-btn{width:46px;height:46px}
.admin-profile{min-height:52px;padding:6px 10px}
.admin-avatar{width:40px;height:40px}
.admin-nav a{min-height:46px;font-size:13px}
.admin-brand{min-height:82px}
.page-head{margin-bottom:20px}
.page-head h1{font-size:36px;line-height:1.12}
.page-head p{font-size:15px}
.admin-card{border-radius:18px}
.admin-card-head{padding:20px 22px}
.admin-stats{gap:16px}
.stat-card{padding:20px}
.btn{min-height:44px;padding-inline:16px;font-size:13px}
.toolbar,.filter-bar{padding:16px;border-radius:17px}
.admin-table th{font-size:11px;padding:13px 15px}
.admin-table td{font-size:13px;padding:15px}
.admin-modal-panel{width:min(760px,100%);padding:30px}
.admin-modal-panel input,.admin-modal-panel select,.admin-modal-panel textarea{min-height:46px;font-size:14px}
.admin-chat-layout{grid-template-columns:370px minmax(0,1fr);height:700px}
.admin-chat-thread-content{height:700px!important;max-height:calc(100vh - 220px)!important;min-height:560px!important}
.admin-chat-list-head input,.admin-chat-list-head select{height:46px}
.admin-chat-conversation{padding:17px}
.admin-chat-avatar{width:48px;height:48px}
.admin-chat-messages{padding:24px!important}
.admin-chat-message{font-size:14px;padding:13px 16px}
.admin-chat-reply-box textarea{min-height:64px;height:64px}

@media(max-width:1180px){
  body:not(.admin-body) .fw-header__main{grid-template-columns:235px minmax(260px,1fr);gap:20px}
  body:not(.admin-body) .fw-tools>a:not(.fw-cart){display:none}
  .admin-content{padding-inline:22px}
}
@media(max-width:820px){
  html{font-size:16px}
  body:not(.admin-body) .container{width:min(100% - 24px,var(--fw-scale-container))}
  body:not(.admin-body) .fw-header__main{height:auto;grid-template-columns:1fr auto;padding-block:13px}
  body:not(.admin-body) .fw-search{height:52px!important;grid-column:1/-1}
  body:not(.admin-body) .fw-nav{height:52px}
  .admin-sidebar{width:250px}
  .admin-main{margin-left:0}
  .admin-topbar{height:70px}
  .admin-content{padding:20px 16px 30px}
  .page-head h1{font-size:31px}
  .admin-chat-layout{grid-template-columns:1fr;height:auto}
  .admin-chat-thread-content{height:590px!important;min-height:500px!important}
}
@media(max-width:520px){
  body:not(.admin-body) .fw-logo__mark{width:48px;height:48px}
  body:not(.admin-body) .fw-logo__text b{font-size:23px}
  body:not(.admin-body) .fw-search button{padding-inline:18px!important}
  body:not(.admin-body) .v15-chat,
  body:not(.admin-body) .fw-chat-launcher--left{min-width:158px!important;height:58px!important;min-height:58px!important}
}
