/* SONURUN Premium V4 – 2026-08-07
   Final layout/panel alignment pass. Loaded after V3 intentionally. */
:root{
  --sn4-red:#ef1f2a;
  --sn4-red-dark:#c9141d;
  --sn4-ink:#111318;
  --sn4-muted:#757b84;
  --sn4-line:#e8eaee;
  --sn4-soft:#f6f7f9;
  --sn4-shell:1380px;
  --sn4-radius:20px;
  --sn4-shadow:0 18px 54px rgba(17,19,24,.09);
}

/* ---------- hard layout reset ---------- */
body.sn3-site{overflow-x:hidden;background:#fff}
body.sn3-site .sn3-shell,
body.sn3-site .sn3-container,
body.sn3-site .btq-page-breadcrumb,
body.sn3-site .btq-collection-hero,
body.sn3-site .btq-category-listing-head,
body.sn3-site .btq-page-hero,
body.sn3-site .btq-info-hero,
body.sn3-site .btq-legal-hero,
body.sn3-site .btq-cms-hero,
body.sn3-site .btq-shop-layout,
body.sn3-site .btq-contact-shell,
body.sn3-site .contact-wrap{
  width:min(var(--sn4-shell),calc(100% - 48px))!important;
  max-width:var(--sn4-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.sn3-site .sn3-main{width:100%;overflow:clip}

/* ---------- header ---------- */
.sn3-topbar{height:34px!important;background:#fafafa!important;color:#656a72!important;border-color:#f0f1f3!important}
.sn3-topbar>.sn3-shell{font-size:11px}
.sn3-header{box-shadow:0 2px 12px rgba(17,19,24,.025)}
.sn3-header-main{height:84px!important;grid-template-columns:220px minmax(340px,1fr) 102px 102px auto!important;gap:14px!important}
.sn3-logo span{font-size:34px!important}.sn3-logo img{height:42px!important}
.sn3-search{height:50px!important;border-radius:14px!important;background:#f7f8fa!important;border-color:#e2e5e9!important}
.sn3-search button{background:var(--sn4-ink)!important;border-radius:10px!important}.sn3-search button:hover{background:var(--sn4-red)!important}
.sn3-head-trust{font-size:10px!important}.sn3-head-trust>span{width:36px!important;height:36px!important;border-radius:11px!important}
.sn3-action{width:42px!important;height:42px!important;border-radius:12px!important}
.sn3-nav{background:#fff!important}
.sn3-nav-inner{height:56px!important;grid-template-columns:190px minmax(0,1fr) 134px!important;gap:16px!important}
.sn3-all-cats{height:40px!important;border-radius:12px!important;background:#f1f2f4!important;padding:0 15px!important}
.sn3-menu{gap:0!important;overflow:visible!important;justify-content:flex-start!important}
.sn3-menu-item>a{padding:0 11px!important;font-size:12px!important;font-weight:780!important;letter-spacing:-.12px}
.sn3-menu-item>a:hover,.sn3-menu-item:focus-within>a{color:var(--sn4-red)!important}
.sn3-flash{font-size:11px!important;white-space:nowrap}

/* all categories – no giant panel / use 4 columns */
.sn3-all-cats-menu{width:min(920px,82vw)!important;padding:20px!important;border-radius:0 0 22px 22px!important;box-shadow:0 24px 70px rgba(17,19,24,.16)!important;max-height:min(72vh,720px)!important;overflow:hidden!important}
.sn3-all-cats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 12px!important;max-height:58vh!important;padding-right:8px!important}
.sn3-cat-group{padding:10px!important;border:1px solid transparent!important}
.sn3-cat-group:hover{border-color:#eceef1!important;background:#fafbfc!important}
.sn3-cat-parent b{font-size:12px!important}.sn3-cat-children{gap:5px!important}
.sn3-cat-children a{background:#f7f8fa!important;border:0!important;font-size:9px!important;padding:5px 7px!important}

/* dynamic menu mega honors panel mega_columns */
.sn3-submenu{width:320px!important;min-width:300px!important;padding:10px!important;border-radius:0 0 18px 18px!important;overflow:visible!important}
.sn3-submenu.sn3-mega{
  width:min(calc(var(--sn-menu-cols,4) * 230px + 32px),82vw)!important;
  display:grid!important;
  grid-template-columns:repeat(var(--sn-menu-cols,4),minmax(0,1fr))!important;
  gap:10px!important;
  padding:16px!important;
  max-height:70vh!important;
  overflow:auto!important;
}
.sn3-subgroup{min-width:0;border:1px solid transparent;border-radius:14px;padding:2px}
.sn3-submenu.sn3-mega .sn3-subgroup{padding:7px;border-color:#eff0f2;background:#fff}
.sn3-subitem{min-height:58px!important;padding:7px 8px!important;border-radius:11px!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.sn3-subitem:hover{background:#f6f7f9!important}
.sn3-subthumb,.sn3-subicon{width:42px!important;height:42px!important;border-radius:10px!important;overflow:hidden;background:#f0f1f3;display:grid;place-items:center;color:#979ca4;font-style:normal;font-weight:900}
.sn3-subthumb img{width:100%;height:100%;object-fit:cover}
.sn3-subitem b{font-size:11px!important;line-height:1.25}.sn3-subitem small{font-size:9px!important}
.sn3-subnested{padding:4px 7px 7px 58px!important;gap:4px!important}.sn3-submenu.sn3-mega .sn3-subnested{padding:3px 7px 8px 8px!important}
.sn3-subnested a{font-size:9px!important;border-radius:8px!important;background:#f6f7f9!important;padding:5px 7px!important}

/* ---------- homepage: centered, balanced ---------- */
.sn3-home-hero{
  width:min(var(--sn4-shell),calc(100% - 48px))!important;
  margin:22px auto 0!important;
  border-radius:26px!important;
  box-shadow:0 20px 60px rgba(17,19,24,.12)!important;
  min-height:0!important;
}
.sn3-home-slide,.sn3-home-slide-copy{min-height:440px!important}
.sn3-home-slide-copy{padding-left:48px!important;padding-right:48px!important}
.sn3-home-slide-copy h1{font-size:clamp(42px,4.2vw,66px)!important;line-height:.98!important;letter-spacing:-3px!important;max-width:680px!important}
.sn3-home-slide-copy p{font-size:14px!important;max-width:560px!important}
.sn3-default-orb{width:430px!important;height:430px!important;right:8%!important;opacity:.7!important}
.sn3-stat-strip{margin-top:16px!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(17,19,24,.035)!important}
.sn3-stat-strip>div{padding:17px 20px!important}.sn3-stat-strip b{font-size:20px!important}
.sn3-home-section{padding-top:40px!important;padding-bottom:4px!important}
.sn3-section-head{margin-bottom:16px!important}.sn3-section-head h2{font-size:28px!important;letter-spacing:-1.15px!important}
.sn3-category-pill{flex-basis:176px!important;min-height:76px!important;border-radius:16px!important;padding:15px!important}
.sn3-product-rail{gap:14px!important;padding-bottom:14px!important}.sn3-product-rail>.btq-product-card{flex-basis:238px!important}
.sn3-rail-arrow{width:40px!important;height:40px!important;box-shadow:0 7px 22px rgba(17,19,24,.12)!important}
.sn3-rail-arrow.prev{left:-14px!important}.sn3-rail-arrow.next{right:-14px!important}
.sn3-promo-strip{border-radius:22px!important}.sn3-market-grid article{border-radius:22px!important}
.sn3-home-stores{margin-top:44px!important;padding:50px 0 56px!important}
.sn3-how{margin-top:48px!important}

/* product cards – less oversized */
.btq-product-card{border-radius:16px!important;box-shadow:none!important}
.btq-product-card:hover{box-shadow:0 15px 38px rgba(17,19,24,.09)!important}
.btq-product-visual{aspect-ratio:4/4.75!important;background:#f3f4f6!important}
.btq-product-copy{padding:13px 13px 15px!important;min-height:126px!important}
.btq-product-name{font-size:13px!important;line-height:1.35!important;font-weight:800!important}
.btq-product-meta p{font-size:10px!important;line-height:1.45!important;color:#858a92!important}
.btq-product-price strong{font-size:14px!important;color:var(--sn4-red)!important}.btq-product-price del{font-size:10px!important}
.btq-card-badges{top:9px!important;left:9px!important;gap:5px!important}.btq-card-badges span{font-size:8px!important;padding:5px 7px!important;border-radius:7px!important}
.btq-fav{width:34px!important;height:34px!important;right:9px!important;top:9px!important}

/* ---------- breadcrumbs / page headers ---------- */
.btq-page-breadcrumb,.btq-breadcrumb{margin-top:18px!important;margin-bottom:0!important;padding:0!important;background:transparent!important;overflow:visible!important}
.btq-page-breadcrumb__inner{min-height:38px!important;padding:0 4px!important;gap:8px!important;font-size:11px!important;white-space:normal!important;flex-wrap:wrap!important}
.btq-page-breadcrumb__inner a{color:#777d85!important}.btq-page-breadcrumb__inner a:hover{color:var(--sn4-red)!important}.btq-page-breadcrumb__inner strong{font-weight:800!important;color:#17191d!important}
.btq-collection-hero,.btq-category-listing-head,.btq-page-hero,.btq-info-hero,.btq-legal-hero,.btq-cms-hero{
  margin-top:10px!important;min-height:142px!important;padding:28px 32px!important;border-radius:20px!important;background:linear-gradient(125deg,#f7f8fa 0,#fff 70%)!important;border-color:#e6e8ec!important;
}
.btq-collection-hero h1,.btq-category-listing-head h1,.btq-page-hero h1,.btq-info-hero h1,.btq-legal-hero h1,.btq-cms-hero h1{font-size:38px!important;letter-spacing:-1.6px!important}

/* ---------- catalog/sidebar ---------- */
.btq-shop-layout{grid-template-columns:280px minmax(0,1fr)!important;gap:28px!important;margin-top:20px!important;margin-bottom:70px!important}
.sn4-shop-sidebar{position:sticky!important;top:18px!important;z-index:8!important}
.btq-mobile-filter-panel{display:block!important}
.sn4-filter-card,.sn4-quick-card{background:#fff;border:1px solid var(--sn4-line);border-radius:20px;box-shadow:0 12px 30px rgba(17,19,24,.04)}
.sn4-filter-card{padding:18px}
.sn4-filter-card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.sn4-filter-card__head span{display:block;font-size:8px;letter-spacing:.16em;font-weight:900;color:var(--sn4-red);margin-bottom:4px}
.sn4-filter-card__head h3{margin:0;font-size:18px;letter-spacing:-.5px}
.sn4-filter-card__head>a{font-size:10px;color:var(--sn4-red);font-weight:850}
.sn4-filter-search{height:42px;border:1px solid #e3e5e9;border-radius:11px;background:#f7f8fa;display:grid;grid-template-columns:36px 1fr;align-items:center;margin-bottom:10px}
.sn4-filter-search svg{width:16px;height:16px;justify-self:center;fill:none;stroke:#858a92;stroke-width:1.8}
.sn4-filter-search input{height:40px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0 10px 0 0!important;font-size:11px!important}
.sn4-filter-list{max-height:430px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c8cbd0 transparent}
.sn4-filter-list>a{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;color:#2c3035;font-size:11px;font-weight:700;border-bottom:1px solid #f0f1f3}
.sn4-filter-list>a:last-child{border-bottom:0}.sn4-filter-list>a:hover{background:#f7f8fa}.sn4-filter-list>a.is-active{background:#111318;color:#fff;border-color:#111318}
.sn4-filter-list>a b{font-size:9px;color:#a0a4aa;font-weight:850}.sn4-filter-list>a.is-active b{color:#fff}.sn4-filter-list>a[hidden]{display:none!important}
.sn4-quick-card{padding:10px;margin-top:12px}.sn4-quick-card__title{padding:8px 9px 10px}.sn4-quick-card__title span{display:block;font-size:12px;font-weight:900}.sn4-quick-card__title small{color:#92969d;font-size:9px}
.sn4-quick-card>a{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px}.sn4-quick-card>a:hover{background:#f7f8fa}.sn4-quick-card>a i{font-style:normal;width:36px;height:36px;border-radius:10px;background:#fff0f1;color:var(--sn4-red);display:grid;place-items:center;font-size:13px;font-weight:900}.sn4-quick-card>a span b{display:block;font-size:11px}.sn4-quick-card>a span small{display:block;font-size:9px;color:#999ea5}.sn4-quick-card>a em{font-style:normal;color:#a7abb1}
.btq-shop-toolbar{min-height:50px!important;margin-bottom:16px!important;padding:0 2px!important}.btq-shop-toolbar select{height:40px!important;border-radius:10px!important}
.btq-shop-grid,.btq-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}

/* generic internal page safety */
.sn3-site .container,.sn3-site .container-fluid{max-width:100%}
.sn3-site .btq-main table{max-width:100%}.sn3-site .btq-main .table-responsive{overflow:auto}
.sn3-site input,.sn3-site select,.sn3-site textarea{max-width:100%}
.sn3-site .sn3-float-stack{right:20px!important;bottom:20px!important;gap:9px!important}.sn3-site .sn3-float{box-shadow:0 9px 24px rgba(17,19,24,.12)!important}.sn3-site .sn3-float-wa{height:46px!important;padding:0 14px!important;border-radius:14px!important}.sn3-site .sn3-float-wa span{font-size:10px!important}.sn3-site .sn3-float-top{width:46px!important;height:46px!important;border-radius:14px!important}

@media(max-width:1240px){
 .sn3-header-main{grid-template-columns:190px minmax(300px,1fr) auto!important}.sn3-head-trust{display:none!important}
 .sn3-nav-inner{grid-template-columns:180px minmax(0,1fr) 120px!important}.sn3-menu-item>a{padding:0 8px!important;font-size:11px!important}
 .sn3-all-cats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .btq-shop-grid,.btq-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
 body.sn3-site .sn3-shell,body.sn3-site .sn3-container,body.sn3-site .btq-page-breadcrumb,body.sn3-site .btq-collection-hero,body.sn3-site .btq-category-listing-head,body.sn3-site .btq-page-hero,body.sn3-site .btq-info-hero,body.sn3-site .btq-legal-hero,body.sn3-site .btq-cms-hero,body.sn3-site .btq-shop-layout{width:calc(100% - 24px)!important}
 .sn3-home-hero{width:calc(100% - 24px)!important;border-radius:20px!important;margin-top:12px!important}
 .sn3-home-slide,.sn3-home-slide-copy{min-height:410px!important}.sn3-home-slide-copy{padding-left:26px!important;padding-right:26px!important}
 .sn3-all-cats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .btq-shop-layout{display:block!important}.sn4-shop-sidebar{position:relative!important;top:auto!important;margin-bottom:14px!important}.btq-mobile-filter-trigger{display:flex!important;width:100%!important}.btq-mobile-filter-panel{display:none!important}.sn4-shop-sidebar.is-open .btq-mobile-filter-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:10px!important}.sn4-filter-list{max-height:320px}
 .btq-shop-grid,.btq-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .sn3-topbar{display:none!important}.sn3-header-main{height:70px!important}.sn3-logo span{font-size:28px!important}.sn3-header-actions{gap:5px!important}.sn3-action{width:38px!important;height:38px!important}.sn3-search{display:none!important}
 .sn3-home-slide,.sn3-home-slide-copy{min-height:390px!important}.sn3-home-slide-copy{padding:24px 20px 55px!important;justify-content:flex-end!important}.sn3-home-slide-copy h1{font-size:36px!important;letter-spacing:-1.8px!important}.sn3-default-orb{width:270px!important;height:270px!important;right:-70px!important;top:34%!important}
 .sn3-stat-strip{grid-template-columns:1fr 1fr!important}.sn3-home-section{padding-top:32px!important}.sn3-section-head h2{font-size:24px!important}
 .btq-collection-hero,.btq-category-listing-head,.btq-page-hero,.btq-info-hero,.btq-legal-hero,.btq-cms-hero{padding:22px!important;display:block!important;min-height:0!important}.btq-collection-hero h1,.btq-category-listing-head h1,.btq-page-hero h1{font-size:31px!important}.btq-collection-hero p,.btq-category-listing-head p{margin-top:12px!important}
 .sn4-shop-sidebar.is-open .btq-mobile-filter-panel{grid-template-columns:1fr!important}.btq-shop-grid,.btq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.btq-product-copy{padding:10px!important;min-height:114px!important}.btq-product-name{font-size:11px!important}.btq-product-price strong{font-size:12px!important}
 .sn3-product-rail>.btq-product-card{flex-basis:180px!important}.sn3-category-pill{flex-basis:150px!important}
 .sn3-float-wa span{display:none!important}.sn3-site .sn3-float-wa{width:46px!important;padding:0!important;justify-content:center!important}
}
@media(max-width:430px){.btq-shop-grid,.btq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sn3-home-slide-copy h1{font-size:32px!important}.sn3-stat-strip>div{padding:13px 8px!important}}
.sn3-menu-item.sn4-open>.sn3-submenu{opacity:1!important;visibility:visible!important;transform:none!important}