/* Glowrity Marketplace 1.2.0 — mobile, tablet and desktop responsive design QA */
:root{
  --glw-page-gutter:clamp(12px,2.3vw,32px);
  --glw-control-height:42px;
}
html,body{max-width:100%}
body{overflow-x:clip}
.container{width:min(var(--container),calc(100% - (var(--glw-page-gutter) * 2)))}
main,section,article,aside,nav,form,fieldset,.container,.main,.seller-content,.shop-results,.marketplace-product-information,.marketplace-product-media,.marketplace-buy-box{min-width:0}
img,video,canvas,svg,iframe{max-width:100%;height:auto}
textarea{max-width:100%;resize:vertical}
:where(.button,.btn,button:not([type="checkbox"]):not([type="radio"]),input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-height:var(--glw-control-height)}
:where(.button,.btn,button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
.table-wrap,.glw-tabs,.seller-sidebar,.account-nav,.product-tabs .tab-buttons{overscroll-behavior-inline:contain;scrollbar-width:thin}
.table-wrap{max-width:100%;border-radius:12px}
.table-wrap>.table,.table-wrap>table{width:max-content;min-width:100%}
.card-heading,.seller-panel-title,.panel-head,.section-title,.shop-toolbar,.admin-top{min-width:0}
.card-heading>:first-child,.seller-panel-title>:first-child,.panel-head>:first-child,.section-title>:first-child,.shop-toolbar>:first-child,.admin-top>:first-child{min-width:0}
.actions,.toolbar,.filters{max-width:100%}

/* Wide desktop: use the available screen without creating stretched content. */
@media(min-width:1500px){
  :root{--container:1400px}
  .header-main{grid-template-columns:220px minmax(380px,1fr) auto}
  .header-search{max-width:720px}
  .admin-layout{grid-template-columns:250px minmax(0,1fr)}
  .main{padding:28px clamp(28px,3vw,48px)}
  .seller-portal-layout{grid-template-columns:245px minmax(0,1fr)}
  .amazon-listing-card{grid-template-columns:267px minmax(0,1fr) 230px}
}
@media(min-width:1800px){:root{--container:1480px}}

/* Desktop and landscape-tablet header compression. */
@media(max-width:1240px){
  .header-main{grid-template-columns:185px minmax(220px,1fr) auto;gap:16px}
  .brand img{width:180px}
  .header-actions{gap:10px}
  .navlinks{gap:14px;font-size:12px;min-width:0}
  .nav-category-link{display:none!important}
  .nav-row{gap:12px}
  .nav-benefit{font-size:11px}
  .announcement-inner{gap:18px}
  .marketplace-hero .hero-layout{gap:34px}
}
@media(min-width:851px) and (max-width:1050px){
  .header-main{grid-template-columns:170px minmax(180px,1fr) auto;gap:12px}
  .brand img{width:165px}
  .header-search input{padding-inline:14px;font-size:13px}
  .header-search button{width:44px}
  .header-actions{gap:7px}
  .navlinks{gap:11px;font-size:11px;overflow:hidden}
  .navlinks>a[href*="about-us"],.navlinks>a[href*="contact-us"]{display:none}
  .nav-benefit{display:none}
  .marketplace-hero .hero-layout{grid-template-columns:1fr!important;min-height:auto!important}
  .marketplace-visual{width:min(720px,100%);margin-inline:auto}
}

/* Storefront tablet layout. */
@media(max-width:1100px){
  .section{padding:56px 0}
  .section-head h2,.section h2{font-size:clamp(30px,4vw,38px)}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefit-item:nth-child(2n){border-right:0}
  .benefit-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .account-layout{grid-template-columns:1fr}
  .account-nav{display:flex;overflow-x:auto;overflow-y:hidden;border-radius:14px}
  .account-nav a{flex:0 0 auto;white-space:nowrap;border-right:1px solid var(--line);border-bottom:0}
  .account-nav a:last-child{border-right:0}
  .seller-portal-layout{grid-template-columns:1fr}
  .seller-sidebar{position:static;display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:8px}
  .seller-sidebar a{flex:0 0 auto;white-space:nowrap;padding:11px 13px}
  .seller-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketplace-product-page,.mp100-product-page{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .marketplace-product-page>.marketplace-product-media,.marketplace-product-page>.marketplace-product-information,.marketplace-product-page>.marketplace-buy-box,
  .mp100-product-page>.marketplace-product-media,.mp100-product-page>.marketplace-product-information,.mp100-product-page>.marketplace-buy-box{grid-column:1!important;grid-row:auto!important}
  .marketplace-buy-box{position:static!important}
  .marketplace-product-media{width:min(760px,100%);margin-inline:auto}
  .mp110-amazon-gallery{grid-template-columns:84px minmax(0,1fr)!important}
}

/* Super Admin: collapse the full sidebar earlier so tablets retain usable content width. */
@media(max-width:1100px){
  .admin-layout{display:block;min-width:0}
  .main{min-width:0;padding:18px}
  .mobile-admin-nav{display:inline-flex!important}
  .sidebar{display:none!important;position:fixed!important;z-index:1100;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh!important;padding:20px 16px;box-shadow:20px 0 55px rgba(8,22,60,.3)}
  .sidebar.open{display:block!important}
  .sidebar:after{position:absolute}
  .admin-top{align-items:flex-start;gap:12px}
  .admin-top>div:first-child{display:flex;min-width:0;align-items:center;gap:10px}
  .admin-top h1{font-size:clamp(27px,4vw,35px);line-height:1.08}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-profile-grid,.dashboard-chart-grid,.dashboard-report-grid,.admin-hub-grid{grid-template-columns:1fr!important}
}

/* Amazon-style catalogue list: balanced at every width. */
.amazon-listing-card,.amazon-listing-information,.amazon-listing-buy-box{min-width:0}
.amazon-listing-information h2,.amazon-listing-description,.amazon-listing-marketplace-summary{overflow-wrap:anywhere}
.amazon-listing-primary{min-height:42px}
@media(min-width:851px) and (max-width:1180px){
  .amazon-listing-card{grid-template-columns:180px minmax(0,1fr);gap:15px}
  .amazon-listing-media{max-width:180px}
  .amazon-listing-buy-box{grid-column:1/-1;grid-template-columns:minmax(125px,.65fr) minmax(170px,1fr) minmax(140px,.85fr) minmax(150px,.8fr)}
}
@media(max-width:700px){
  .amazon-listing-card{grid-template-columns:132px minmax(0,1fr);gap:10px;padding:10px}
  .amazon-listing-information h2{font-size:14px;line-height:1.3}
  .amazon-listing-description{-webkit-line-clamp:2}
  .amazon-listing-buy-box{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 2px 2px}
  .amazon-listing-primary{min-height:40px}
}
@media(max-width:430px){
  .amazon-listing-card{grid-template-columns:108px minmax(0,1fr);gap:8px;padding:8px}
  .amazon-listing-information h2{font-size:12.5px}
  .amazon-listing-description{display:none}
  .amazon-listing-facts span:first-child{display:none}
  .amazon-listing-buy-box{grid-template-columns:1fr 1fr;gap:7px}
  .amazon-listing-delivery{margin:0}
}
@media(max-width:350px){
  .amazon-listing-card{grid-template-columns:96px minmax(0,1fr)}
  .amazon-listing-buy-box{grid-template-columns:1fr}
  .amazon-listing-price-line,.amazon-listing-saving,.amazon-listing-delivery,.amazon-listing-seller-line,.amazon-listing-stock,.amazon-listing-cart-form,.amazon-listing-buy-box>.amazon-listing-primary,.amazon-listing-offers-link{grid-column:1!important;grid-row:auto!important}
}

/* Product viewer and information tabs. */
.marketplace-product-information h1,.mp100-product-page h1{font-size:clamp(21px,2.3vw,31px)!important;line-height:1.25!important}
.marketplace-product-media img,.mp100-main-media img,.mp110-main-media img{object-fit:contain!important}
.product-tabs .tab-buttons,.mp104-item-tabs{display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
.product-tabs .tab-buttons button,.mp104-item-tabs button,.mp104-item-tabs a{flex:0 0 auto;min-height:42px}
@media(max-width:900px){
  .mp110-amazon-gallery{grid-template-columns:1fr!important}
  .mp110-gallery-thumbs,.gallery-thumbs{display:flex!important;order:2;gap:7px;overflow-x:auto;overflow-y:hidden;padding:5px 2px}
  .mp110-gallery-thumbs button,.gallery-thumbs button{flex:0 0 68px;width:68px;height:68px}
  .mp100-main-media,.mp110-main-media,.product-main-image{min-height:clamp(285px,72vw,560px)!important}
  .marketplace-buy-box{width:100%}
}

/* Buyer Account. */
@media(max-width:700px){
  .account-nav{margin-inline:calc(var(--glw-page-gutter) * -0.25);padding:5px}
  .account-nav a{padding:11px 13px;font-size:12px}
  .account-panel,.account-layout>.card,.account-layout>.panel{padding:16px!important}
  .order-card,.invoice-card{min-width:0}
}

/* Seller Central. */
@media(max-width:900px){
  .seller-portal-head{padding:22px 0}
  .seller-portal-head>.container{align-items:flex-start;flex-direction:column;gap:12px}
  .seller-panel,.seller-auth-card{padding:20px}
  .seller-form-grid,.mp26-form-grid,.mp27-form-grid,.mp103-location-grid,.mp104-category-path{grid-template-columns:1fr!important}
  .seller-form-wide,.mp26-span-2,.mp31-span-3{grid-column:auto!important}
  .seller-panel-title{align-items:flex-start;flex-direction:column;gap:10px}
  .seller-panel-title .actions{width:100%}
  .seller-panel-title .actions .button{flex:1 1 180px}
  .seller-order-form{min-width:0;grid-template-columns:1fr}
  .seller-order-form button{grid-column:auto}
  .mp29-support-thread-layout,.mp29-admin-thread-layout{grid-template-columns:1fr!important}
  .seller-performance-grid,.mp112-performance-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .seller-stat-grid{grid-template-columns:1fr}
  .seller-sidebar{margin-inline:calc(var(--glw-page-gutter) * -0.35);border-radius:12px}
  .seller-sidebar a{padding:10px 12px;font-size:12px}
  .seller-auth-section{padding:26px 0}
  .seller-auth-copy h1{font-size:clamp(34px,11vw,48px)}
  .seller-feature-list{grid-template-columns:1fr}
}

/* Super Admin compact controls and tables. */
@media(max-width:760px){
  .main{padding:14px}
  .admin-card{padding:15px;margin-bottom:15px;border-radius:14px}
  .admin-top{margin-bottom:16px}
  .admin-top>div:first-child{align-items:flex-start;flex-direction:column}
  .stats,.report-grid,.permission-grid,.quick-tile-grid,.dashboard-action-grid,.seller-status-grid,.mp29-support-admin-stats{grid-template-columns:1fr!important}
  .form-grid,.form-grid-3,.filter-toolbar,.mp29-support-filters,.mp29-ticket-meta{grid-template-columns:1fr!important}
  .filter-toolbar{display:grid}
  .filter-toolbar input,.filter-toolbar select,.toolbar input,.toolbar select{width:100%;max-width:none;min-width:0}
  .card-heading{align-items:flex-start;flex-direction:column}
  .card-heading .actions,.card-heading .toolbar{width:100%}
  .card-heading .actions .btn{flex:1 1 140px}
  .table{font-size:12px}
  .table th,.table td{padding:9px}
  .login-card{width:min(100%,450px);padding:24px}
}
@media(max-width:480px){
  .main{padding:10px}
  .admin-card{padding:13px}
  .admin-top h1{font-size:25px}
  .btn,.button{min-height:42px}
  .actions{display:grid;grid-template-columns:1fr}
  .actions .btn,.actions .button{width:100%}
}

/* Subscription management and Seller subscription pages. */
.glw-sub-shell{max-width:1600px}
.glw-tabs{scroll-snap-type:x proximity}
.glw-tabs a{scroll-snap-align:start}
@media(max-width:980px){
  .glw-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .glw-grid.plan-layout,.pricing-grid{grid-template-columns:1fr!important}
  .entitlement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .current-plan{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .glw-sub-top{height:auto;min-height:58px;align-items:flex-start;gap:8px;flex-direction:column;padding:10px 12px}
  .glw-sub-top a{margin-left:0}
  .glw-sub-shell{width:calc(100% - 16px);margin:10px auto 34px}
  .glw-sub-heading{display:block}
  .glw-stat-grid,.glw-sub-balance-grid,.entitlement-grid,.current-plan{grid-template-columns:1fr!important}
  .glw-tabs{margin-inline:-2px}
  .panel{padding:13px}
  .row-actions{min-width:280px}
}

/* Mobile storefront finishing. */
@media(max-width:850px){
  .announcement-inner{min-height:32px;gap:8px;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .announcement-inner>span:first-child{overflow:hidden;text-overflow:ellipsis}
  .header-main{min-height:68px;height:68px;gap:8px}
  .brand,.brand img{width:clamp(132px,40vw,165px)}
  .mobile-menu-button{width:42px;height:42px;padding:0}
  .mobile-search{padding-top:8px;padding-bottom:9px}
  .mobile-search form{min-height:44px}
  .mobile-search input{min-width:0;padding-inline:14px}
  .hero-modern,.marketplace-hero{padding-block:42px!important}
  .marketplace-hero h1,.hero-modern h1{font-size:clamp(38px,11vw,56px)!important}
  .hero-layout{gap:26px}
  .marketplace-visual,.hero-visual{min-height:320px!important}
  .section{padding:46px 0}
  .section-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}
  .section-head h2,.section h2{font-size:clamp(28px,8vw,36px)}
  .footer-grid{gap:25px}
  .newsletter-grid{gap:22px}
}
@media(max-width:560px){
  :root{--glw-page-gutter:10px;--glw-control-height:42px}
  .announcement{font-size:10px}
  .header-actions{gap:5px!important}
  .header-actions .account-action,.header-actions .cart-action{width:40px!important;min-width:40px!important;height:40px!important;flex-basis:40px!important}
  .mobile-search button{padding-inline:13px}
  .benefit-grid{grid-template-columns:1fr}
  .benefit-item{justify-content:flex-start;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:15px 12px}
  .benefit-item:last-child{border-bottom:0!important}
  .grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .newsletter-form{align-items:stretch;flex-direction:column;border-radius:16px;padding:8px}
  .newsletter-form input,.newsletter-form .button{width:100%;border-radius:12px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:360px){
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr}
  .mobile-bottom-nav .mobile-nav-label{font-size:8px!important}
}

@supports not (overflow:clip){body{overflow-x:hidden}}

/* Final responsive QA corrections. */
@media(max-width:850px){
  .container.header-main{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }
  .header-main .brand{
    width:clamp(132px,40vw,165px)!important;
    max-width:100%!important;
    justify-self:center!important;
  }
  .header-main .brand img{width:100%!important;max-width:100%!important}
  .header-main .header-actions{min-width:0!important;justify-self:end!important}
}

/* Avoid global section-heading rules enlarging product-row and dashboard headings. */
.section .amazon-listing-information h2{font-size:18px!important;line-height:1.34!important}
.account-panel h2,.seller-panel h2,.seller-content>.card h2{font-size:clamp(22px,4vw,28px)!important;line-height:1.2!important}
@media(max-width:1280px){.section .amazon-listing-information h2{font-size:16px!important}}
@media(max-width:850px){.section .amazon-listing-information h2{font-size:15px!important;line-height:1.3!important}}
@media(max-width:560px){.section .amazon-listing-information h2{font-size:13px!important}}
@media(max-width:430px){.section .amazon-listing-information h2{font-size:12.5px!important}}
@media(max-width:380px){.section .amazon-listing-information h2{font-size:12px!important}}

/* Keep service labels and values visually separated in the product purchase box. */
.marketplace-buy-box .product-meta>div{display:grid;align-content:start;gap:3px}
.marketplace-buy-box .product-meta strong,.marketplace-buy-box .product-meta span{display:block;min-width:0}

/* Make intentional horizontal areas visibly scrollable on touch devices. */
@media(max-width:700px){
  .account-nav,.seller-sidebar,.glw-tabs,.table-wrap,.product-tabs .tab-buttons{padding-bottom:6px}
  .table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}
  .table-wrap>.table,.table-wrap>table{min-width:680px}
}

/* Prevent wide account tables from forcing the complete buyer page beyond the viewport. */
@media(max-width:1100px){
  .account-layout{grid-template-columns:minmax(0,1fr)!important}
  .account-layout>div,.account-panel,.account-panel .card-body{min-width:0!important;max-width:100%}
  .account-panel .table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto}
}