/*
 * The Imports Mart Ltd. — Version 19.12.0
 * Mobile, tablet and desktop responsive-design audit.
 * Loaded last so it safely normalises the complete storefront and admin UI.
 */
:root{
  --tim-page-gutter:clamp(14px,2.6vw,34px);
  --tim-touch-size:44px;
  --tim-mobile-nav-height:64px;
  --tim-sticky-offset:0px;
}
html{min-width:320px;max-width:100%;overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{min-width:320px;max-width:100%;overflow-x:hidden;overflow-x:clip}
body>*,main,header,footer,nav,section,article,aside{min-width:0}
.container{width:min(var(--container,1280px),calc(100% - (var(--tim-page-gutter) * 2)));max-width:100%;margin-inline:auto}
:where(img,video,canvas,svg,iframe){max-width:100%}
:where(input,select,textarea,button){max-width:100%}
:where(h1,h2,h3,h4,h5,h6,p,li,a,label,strong,small,span,code,td,th){overflow-wrap:anywhere}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(250,34,118,.48);outline-offset:3px}

/* ---------- Shared storefront controls ---------- */
.button,.btn,.icon-button,.mobile-menu-button,.mobile-menu-close,.shop-filter-toggle,.shop-filter-close{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.button,.btn{min-height:var(--tim-touch-size)}
.icon-button,.mobile-menu-button,.mobile-menu-close{min-width:var(--tim-touch-size);min-height:var(--tim-touch-size)}
.actions,.purchase-row,.shop-toolbar,.section-head,.brand-carousel-heading,.footer-bottom{min-width:0}
.actions>*{min-width:0}
.alert,.card,.summary,.product-card,.category-modern,.promo-banner,.shop-sidebar{max-width:100%}

/* ---------- Header and desktop navigation ---------- */
.site-header{width:100%;max-width:100%}
.header-main{grid-template-columns:minmax(155px,215px) minmax(220px,1fr) minmax(max-content,auto);min-width:0}
.header-main>*{min-width:0}
.brand{display:flex;align-items:center;min-width:0}
.brand img{width:min(205px,100%);height:auto}
.header-search{min-width:0}
.header-search input{min-width:0;width:100%}
.header-actions{min-width:0;justify-content:flex-end}
.header-action{min-width:0}
.nav-row,.navlinks{min-width:0}
.navlinks>a,.nav-dropdown>a{white-space:nowrap}
.dropdown-panel{max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain}
.announcement-inner{padding-block:7px;min-height:38px;text-align:center;line-height:1.35}

/* ---------- Hero, catalogue and general content ---------- */
.hero-layout>*{min-width:0}
.hero-modern h1{font-size:clamp(44px,6vw,82px);text-wrap:balance}
.hero-modern p{max-width:64ch}
.hero-visual,.hero-product,.hero-product img{max-width:100%}
.section-head h2,.section h2{font-size:clamp(32px,4vw,42px);text-wrap:balance}
.grid{min-width:0}
.grid>*{min-width:0}
.product-card{height:100%}
.product-card-body{min-width:0}
.product-card h3,.product-card h3 a{overflow-wrap:anywhere}
.product-card-bottom{gap:8px;min-width:0}
.product-list-grid{align-items:stretch}
.product-list-grid>*{min-width:0}
.product-list-grid .product-card .image img{object-fit:contain}
.product-list-grid .mini-cart{min-width:36px;min-height:36px}
.product-list-grid .wishlist-button button{min-width:36px;min-height:36px}
.nav-dropdown-trigger button,.shop-filter-close{min-width:40px;min-height:40px}
.pagination{justify-content:center;gap:6px}
.pagination a,.pagination span{min-width:40px;min-height:40px;display:inline-grid;place-items:center}

/* ---------- Shop filters and toolbar ---------- */
.shop-layout,.shop-results,.shop-toolbar,.shop-filter-form{min-width:0}
.shop-toolbar{gap:12px}
.shop-toolbar>div,.shop-toolbar>form{min-width:0}
.shop-filter-heading{position:static;z-index:3;padding-block:12px;background:inherit}
.shop-sidebar{overscroll-behavior:contain}
.shop-filter-backdrop{-webkit-tap-highlight-color:transparent}

/* ---------- Product page ---------- */
.product-detail,.product-detail-wide,.gallery-layout,.product-info,.product-tabs{min-width:0}
.product-detail-wide{align-items:start}
.gallery-layout>*{min-width:0}
.product-main-image.product-media-viewer-v19-9-6{width:100%;max-width:100%;aspect-ratio:1/1;min-height:0}
.product-main-image.product-media-viewer-v19-9-6>img{width:100%;height:100%;max-height:none;object-fit:contain}
.gallery-thumbs{max-width:100%;overscroll-behavior-inline:contain;scrollbar-width:thin}
.gallery-thumbs button{min-width:62px;min-height:62px}
.product-detail-title-v19-9-3{max-width:30ch;text-wrap:balance}
.product-subtitle-v19-9{max-width:65ch}
.product-variation-picker-v19-10-6,.product-variation-values-v19-10-6{min-width:0}
.product-variation-values-v19-10-6{display:flex;flex-wrap:wrap;gap:8px}
.product-variation-option-v19-10-6{min-height:44px;max-width:100%}
.product-variation-summary-v19-10-6{max-width:100%}
.purchase-row{display:flex;flex-wrap:wrap}
.purchase-row .qty{flex:0 0 auto}
.purchase-row .button,.purchase-row .btn{min-width:160px}
.product-tabs{width:min(1240px,calc(100% - (var(--tim-page-gutter) * 2)));max-width:100%}
.product-tabs .tab-buttons{display:flex;max-width:100%;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.product-tabs .tab-buttons>[role="tab"],.product-tabs .tab-buttons>button{flex:0 0 auto;scroll-snap-align:start}
.product-tabs .prose{max-width:100%;overflow-wrap:anywhere}
.product-tabs .prose :where(table,pre){max-width:100%}
.product-tabs .prose iframe{width:100%;aspect-ratio:16/9}
.product-shipping-time>.container{min-width:0}

/* ---------- Forms, account, basket and checkout ---------- */
.form-row,.checkout-grid,.account-layout,.contact-layout-v19-10-5,.auth-layout-v19-10-5{min-width:0}
.form-group{min-width:0}
.form-group input,.form-group select,.form-group textarea{width:100%}
.password-field-v19-10-5,.admin-password-field-v19-10-5{min-width:0}
.checkout-grid>*{min-width:0}
.summary{max-width:100%}
.summary-line{min-width:0}
.summary-line>*{min-width:0}
.radio-card{min-width:0}
.table-wrap{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table-wrap table{min-width:max-content}

/* ---------- Newsletter and footer ---------- */
.newsletter-grid>*{min-width:0}
.newsletter-form{min-width:0}
.newsletter-form input{min-width:0;width:100%}
.footer-grid{grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(145px,.7fr));align-items:start}
.footer-grid>*{min-width:0}
.footer-brand img{width:min(245px,100%)}
.footer a,.footer p{max-width:100%}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer-trust-note{white-space:normal}
.mobile-bottom-nav{display:none}

/* ---------- Admin shell and every admin route ---------- */
body[class*="admin-route-"],body.admin-login-page{min-width:320px;max-width:100%;overflow-x:clip}
body[class*="admin-route-"] .admin-layout{grid-template-columns:var(--admin-sidebar-width,224px) minmax(0,1fr);width:100%;max-width:100%}
body[class*="admin-route-"] .sidebar{max-width:100%;overscroll-behavior:contain}
body[class*="admin-route-"] .main{min-width:0;max-width:100%;overflow-x:clip}
body[class*="admin-route-"] .admin-page-content{min-width:0;max-width:100%}
body[class*="admin-route-"] :where(.admin-card,.card,.panel,.admin-page-head,.page-head,.admin-toolbar,.toolbar,.filter-toolbar,.actions,.button-row,.page-actions,.admin-actions){min-width:0;max-width:100%}
body[class*="admin-route-"] :where(.admin-card,.card,.panel)>*{min-width:0}
body[class*="admin-route-"] :where(.admin-page-head,.page-head,.card-heading,.admin-card-header,.panel-header){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
body[class*="admin-route-"] :where(.actions,.button-row,.page-actions,.admin-actions,.toolbar-actions){display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body[class*="admin-route-"] :where(.actions,.button-row,.page-actions,.admin-actions,.toolbar-actions)>*{min-width:0}
body[class*="admin-route-"] :where(.btn,.button,button[type="submit"],input[type="submit"]){min-height:40px;max-width:100%;white-space:normal;line-height:1.2}
body[class*="admin-route-"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){width:100%;max-width:100%;min-width:0}
body[class*="admin-route-"] input[type="file"]{font-size:13px;overflow:hidden;text-overflow:ellipsis}
body[class*="admin-route-"] :where(.form-grid,.form-grid-3,.admin-form-grid,.settings-grid,.compact-form-grid){min-width:0}
body[class*="admin-route-"] :where(.form-grid,.admin-form-grid,.settings-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
body[class*="admin-route-"] :where(.form-grid-3){grid-template-columns:repeat(3,minmax(0,1fr))}
body[class*="admin-route-"] :where(.form-grid,.form-grid-3,.admin-form-grid,.settings-grid)>*{min-width:0}
body[class*="admin-route-"] :where(.table-wrap,.tim-variation-table-wrap){width:100%;max-width:100%;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body[class*="admin-route-"] table{max-width:none}
body[class*="admin-route-"] table :where(th,td){vertical-align:middle}
body[class*="admin-route-"] table .actions{min-width:max-content}
body[class*="admin-route-"] .admin-section-tabs{display:flex;grid-template-columns:none;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:4px}
body[class*="admin-route-"] .admin-section-tab{flex:0 0 clamp(190px,22vw,260px);scroll-snap-align:start}
body[class*="admin-route-"] .admin-top{max-width:100%}
body[class*="admin-route-"] .admin-top-heading{min-width:0}
body[class*="admin-route-"] .admin-top h1{min-width:0;text-wrap:balance}
body[class*="admin-route-"] :where(.admin-hub-grid,.dashboard-chart-grid,.dashboard-report-grid,.invoice-finance-grid,.support-stat-grid,.return-admin-grid,.permission-grid,.integration-button-grid,.brand-admin-grid,.gallery-admin-grid){min-width:0}
body[class*="admin-route-"] :where(.stock-hero,.inventory-workspace-hero,.inbound-hero,.channel-allocation-hero,.disposal-hero,.stockcheck-hero,.invoice-admin-hero,.admin-hub-hero){max-width:100%}
body[class*="admin-route-"] :where(.stock-hero-actions,.inventory-workspace-actions){flex-wrap:wrap}
body[class*="admin-route-"] :where(.tim-listing-main,.tim-listing-sidebar,.tim-variation-workspace,.tim-variation-manager-v19-10-6,.tim-photo-grid-v19-9-5){min-width:0}
body[class*="admin-route-"] .tim-variation-table-v19-10-6{min-width:1120px}
body[class*="admin-route-"] :where(.tim-attribute-card-v19-10-6,.tim-variation-detail-row-v19-10-6,.tim-photo-card-v19-9-5){max-width:100%}
body[class*="admin-route-"] :where(.tim-variation-filters-v19-10-6,.tim-variation-quick-tools-v19-10-6,.tim-variation-selection-actions-v19-10-6,.tim-variation-photo-controls-v19-10-7){display:flex;flex-wrap:wrap;gap:8px;min-width:0}
body[class*="admin-route-"] :where(.integration-button,.admin-hub-button,.dashboard-top-button,.dashboard-action-button){min-width:0}
body[class*="admin-route-"] :where(.code,.mono,code,pre,.integration-message,.alert){max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
body[class*="admin-route-"] :where(img,video,svg,canvas,iframe){max-width:100%}

/* ---------- Large desktop ---------- */
@media(min-width:1441px){
  :root{--tim-page-gutter:36px}
  .header-main{grid-template-columns:215px minmax(360px,1fr) auto}
  .product-list-grid{gap:18px}
  body[class*="admin-route-"] .admin-page-content{max-width:1700px;margin-inline:auto}
}

/* ---------- Small desktop / landscape tablet ---------- */
@media(max-width:1180px){
  :root{--tim-page-gutter:24px}
  .header-main{grid-template-columns:minmax(150px,180px) minmax(190px,1fr) auto;gap:16px}
  .brand img{width:min(178px,100%)}
  .header-actions{gap:10px}
  .hero-layout{gap:34px}
  .hero-visual{min-height:450px}
  .footer-grid{grid-template-columns:minmax(230px,1.2fr) repeat(3,minmax(130px,.7fr));gap:26px}
  body[class*="admin-route-"] :where(.form-grid-3){grid-template-columns:repeat(2,minmax(0,1fr))}
  body[class*="admin-route-"] :where(.dashboard-chart-grid,.dashboard-report-grid,.invoice-finance-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Tablet ---------- */
@media(max-width:900px){
  :root{--tim-page-gutter:18px}
  .announcement-side{display:none}
  .header-main{height:74px;grid-template-columns:var(--tim-touch-size) minmax(120px,1fr) auto;gap:10px}
  .brand{justify-self:center}
  .brand img{width:clamp(148px,28vw,190px)}
  .header-search{display:none}
  .header-action:not(.compact){display:none}
  .header-action.compact{min-width:44px;min-height:44px;justify-content:center}
  .header-action.compact .action-copy{display:none}
  body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}
  .site-header{z-index:400;backdrop-filter:none;-webkit-backdrop-filter:none}
  .header-main{position:relative;z-index:401}
  .mobile-menu-button{display:grid;place-items:center}
  .nav-shell{display:block!important;height:0;border:0;overflow:visible}
  .nav-row{display:block;width:100%;height:0}
  .mobile-menu-backdrop{position:fixed;z-index:402;top:var(--mobile-menu-top,112px);right:0;bottom:0;left:0;width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:rgba(39,49,131,.28)}
  body.mobile-menu-open .mobile-menu-backdrop:not([hidden]){display:block!important}
  .navlinks{display:flex!important;position:fixed;z-index:403;top:var(--mobile-menu-top,112px);right:auto;bottom:0;left:0;width:min(88vw,410px);height:auto;max-height:none;padding:0 18px calc(96px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:0;border-right:1px solid var(--line);border-radius:0;background:#fff;box-shadow:18px 0 45px rgba(18,24,76,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-105%);transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s}
  .navlinks.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}
  .mobile-nav-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -18px 8px;padding:17px 18px 15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.98);backdrop-filter:blur(12px)}
  .mobile-nav-head small,.mobile-nav-head strong{display:block}
  .mobile-menu-close{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);font-size:30px;line-height:1;cursor:pointer}
  .navlinks>a,.nav-dropdown>a{min-height:48px;height:auto;padding:12px 4px;border-bottom:1px solid #f0f1f6}
  .nav-dropdown{display:block;height:auto;padding:0 0 10px}
  .nav-dropdown-trigger{height:auto;justify-content:space-between}
  .nav-dropdown-trigger>a{height:auto;flex:1;padding:11px 3px}
  .dropdown-panel,.nav-dropdown:hover .dropdown-panel{position:static;display:grid;width:100%;margin:0;padding:8px;border:1px solid #e1e4f2;border-radius:15px;background:linear-gradient(145deg,#f8f9ff,#fff6fa);box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
  .mobile-search{display:block;padding-block:10px}
  .mobile-search form{min-width:0}
  .mobile-search input{min-width:0;min-height:44px;font-size:16px}
  .mobile-search button{min-height:44px}
  .nav-shell{display:block;border:0}
  .nav-row{height:0}
  .navlinks{width:min(88vw,410px);padding-bottom:calc(30px + env(safe-area-inset-bottom))}
  .hero-layout{grid-template-columns:1fr}
  .hero-modern{padding-block:48px 58px}
  .hero-modern h1{font-size:clamp(44px,8vw,66px)}
  .hero-visual{width:min(680px,100%);min-height:410px;margin-inline:auto}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-layout{display:block}
  .shop-filter-toggle{display:inline-flex;align-items:center;gap:9px}
  .shop-filter-close{display:grid;place-items:center;width:44px;height:44px;padding:0}
  .shop-sidebar{position:fixed;z-index:431;top:0;bottom:0;left:0;width:min(90vw,420px);height:100dvh;max-height:none;padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow:auto;transform:translateX(-105%);transition:transform .24s ease}
  body.shop-filters-open{overflow:hidden}
  body.shop-filters-open .shop-sidebar{transform:translateX(0)}
  .shop-filter-backdrop,.shop-filter-backdrop[hidden]{display:none!important}
  body.shop-filters-open .shop-filter-backdrop:not([hidden]){position:fixed;z-index:430;inset:0;display:block!important;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(39,49,131,.28)}
  .shop-filter-heading{position:sticky;top:-1px}
  .product-list-grid .mini-cart,.product-list-grid .wishlist-button button{min-width:40px;min-height:40px}
  .shop-toolbar{align-items:stretch;flex-direction:column}
  .shop-toolbar form,.shop-toolbar select{width:100%;max-width:none}
  .product-detail-wide{grid-template-columns:1fr;gap:30px}
  .product-detail-wide>.product-info{width:min(760px,100%);margin-inline:auto}
  .gallery-layout{width:min(760px,100%);margin-inline:auto}
  .product-detail-title-v19-9-3{max-width:none}
  .auth-layout-v19-10-5{grid-template-columns:1fr;max-width:680px;min-height:0}
  .auth-intro-v19-10-5{min-height:auto}
  .auth-security-note-v19-10-5{position:static;margin-top:24px}
  .checkout-grid,.account-layout,.contact-layout-v19-10-5{grid-template-columns:1fr}
  .summary{position:static}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
  .footer-brand{grid-column:1/-1}
  body[class*="admin-route-"] .admin-layout{display:block}
  body[class*="admin-route-"] .sidebar{width:min(320px,88vw);padding-bottom:calc(22px + env(safe-area-inset-bottom))}
  body[class*="admin-route-"] .main{padding:0}
  body[class*="admin-route-"] .admin-top{margin:0;padding:10px var(--tim-page-gutter);min-height:58px}
  body[class*="admin-route-"] .admin-page-content{padding:14px var(--tim-page-gutter) 30px}
  body[class*="admin-route-"] .admin-top h1{font-size:clamp(20px,4vw,26px)}
  body[class*="admin-route-"] :where(.admin-hub-grid,.dashboard-chart-grid,.dashboard-report-grid,.invoice-finance-grid,.message-admin-grid,.return-admin-grid){grid-template-columns:1fr}
  body[class*="admin-route-"] :where(.integration-button-grid,.brand-admin-grid,.gallery-admin-grid,.support-stat-grid,.permission-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  body[class*="admin-route-"] .tim-listing-layout{grid-template-columns:1fr!important}
  body[class*="admin-route-"] .tim-listing-sidebar{position:static!important;order:-1}
}

/* ---------- Phone ---------- */
@media(max-width:600px){
  :root{--tim-page-gutter:11px;--tim-mobile-nav-height:66px}
  body[class*="site-route-"]:not(.site-auth-route){padding-bottom:calc(var(--tim-mobile-nav-height) + env(safe-area-inset-bottom))}
  .announcement-inner{min-height:34px;padding-block:6px;font-size:11px}
  .header-main{height:68px;grid-template-columns:42px minmax(112px,1fr) auto;gap:6px}
  .brand img{width:clamp(132px,43vw,158px)}
  .header-actions{gap:3px}
  .header-action.compact{min-width:40px;min-height:42px}
  .action-icon{font-size:22px}
  .count-dot{top:-4px;right:-2px}
  .mobile-search{padding-block:8px}
  .mobile-search form{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .mobile-search input{border-radius:999px 0 0 999px!important;padding-inline:15px}
  .mobile-search button{border-radius:0 999px 999px 0!important;padding-inline:14px}
  .navlinks{width:min(92vw,390px);padding-inline:16px}
  .mobile-nav-head{margin-inline:-16px;padding:14px 16px}
  .hero-modern{padding-block:36px 44px}
  .hero-modern h1{font-size:clamp(37px,12vw,49px);line-height:1.02}
  .hero-modern p{font-size:15.5px;line-height:1.65}
  .hero-points{gap:10px 14px;margin-block:20px 25px}
  .hero-visual{min-height:330px}
  .hero-orb{inset:18px 0 0 18px;border-radius:34px}
  .hero-product{inset:24px 14px 12px 0;border-radius:25px}
  .hero-note{right:0;bottom:18px;max-width:165px;padding:11px 13px}
  .hero-discount{left:0;width:72px;height:72px}
  .section{padding-block:44px}
  .section-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}
  .section-head h2,.section h2{font-size:clamp(30px,9vw,36px)}
  .benefit-item{justify-content:flex-start;padding:14px 10px}
  .benefit-item small{display:block;font-size:10px}
  .grid-3,.grid-2,.footer-grid,.form-row,.invoice-addresses{grid-template-columns:1fr}
  .category-modern{min-height:210px;padding:22px}
  .category-modern h3{font-size:24px}
  .product-list-grid,.shop-layout .product-list-grid,.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-list-grid .product-card .image{height:clamp(122px,39vw,162px)}
  .product-list-grid .product-card-body{padding:9px}
  .product-list-grid .product-card h3{font-size:12px;line-height:1.32}
  .product-card-bottom{align-items:center}
  .product-list-grid .mini-cart{width:40px;height:40px;min-width:40px;min-height:40px}
  .product-list-grid .wishlist-button button{width:40px;height:40px;min-width:40px;min-height:40px}
  .shop-filter-toggle{width:100%;justify-content:center}
  .shop-sidebar{width:min(94vw,390px)}
  .shop-toolbar{padding:10px}
  .page-head h1{font-size:clamp(34px,11vw,43px)}
  .gallery-layout{grid-template-columns:1fr}
  .gallery-thumbs{order:2;display:flex;flex-direction:row;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
  .gallery-thumbs button{flex:0 0 66px;scroll-snap-align:start}
  .product-main-image.product-media-viewer-v19-9-6{border-radius:17px}
  .product-detail-wide>.product-info{padding-inline:1px}
  .product-detail-title-v19-9-3{font-size:clamp(21px,6.3vw,27px)!important;line-height:1.18!important;max-width:34ch}
  .product-variation-values-v19-10-6{gap:7px}
  .product-variation-option-v19-10-6{flex:1 1 auto;min-width:76px;justify-content:center}
  .product-variation-summary-v19-10-6{grid-template-columns:minmax(0,1fr) 54px}
  .purchase-row{align-items:stretch;flex-direction:column}
  .purchase-row .qty,.purchase-row .button,.purchase-row .btn{width:100%!important;min-width:0}
  .product-tabs{width:calc(100% - (var(--tim-page-gutter) * 2))}
  .product-tabs .tab-buttons{margin-inline:0}
  .product-tabs [role="tab"]{min-height:44px;padding:10px 13px}
  .auth-shell-v19-10-5{padding:16px 0 32px}
  .auth-layout-v19-10-5{width:calc(100% - 18px);border-radius:20px}
  .auth-intro-v19-10-5{padding:28px 22px}
  .auth-intro-v19-10-5 h2{font-size:clamp(30px,9vw,37px)}
  .auth-panel-v19-10-5{padding:30px 20px}
  .auth-card-v19-10-5 h1{font-size:clamp(32px,10vw,40px)}
  .auth-form-v19-10-5 input{font-size:16px}
  .contact-form-v19-10-5 textarea{min-height:150px}
  .newsletter-grid{gap:22px}
  .newsletter-form{display:grid;grid-template-columns:1fr;padding:8px;border-radius:16px}
  .newsletter-form .button{width:100%}
  .footer-grid{gap:25px}
  .footer-brand{grid-column:auto}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
  .footer-trust-note{align-items:flex-start}
  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;height:calc(var(--tim-mobile-nav-height) + env(safe-area-inset-bottom));padding:5px 2px env(safe-area-inset-bottom);z-index:300}
  .mobile-bottom-nav a{min-width:0;min-height:54px;justify-content:center;gap:1px;font-size:20px}
  .mobile-bottom-nav a>span:last-of-type{font-size:9px;line-height:1.1}
  body[class*="admin-route-"] .admin-top{padding-inline:11px}
  body[class*="admin-route-"] .admin-top-heading{width:100%}
  body[class*="admin-route-"] .admin-top h1{font-size:19px}
  body[class*="admin-route-"] .mobile-admin-nav{min-width:44px;min-height:44px;padding:7px 9px}
  body[class*="admin-route-"] .mobile-admin-nav span:last-child{display:none}
  body[class*="admin-route-"] .admin-page-content{padding:11px 10px 24px}
  body[class*="admin-route-"] :where(.form-grid,.form-grid-3,.admin-form-grid,.settings-grid,.compact-form-grid){grid-template-columns:1fr}
  body[class*="admin-route-"] :where(.span-2,.tim-span-2){grid-column:auto}
  body[class*="admin-route-"] :where(.integration-button-grid,.brand-admin-grid,.gallery-admin-grid,.support-stat-grid,.permission-grid,.stats,.admin-hub-metrics,.dashboard-top-actions){grid-template-columns:1fr}
  body[class*="admin-route-"] .admin-section-tab{flex-basis:min(78vw,245px)}
  body[class*="admin-route-"] .admin-card{padding:12px}
  body[class*="admin-route-"] :where(.actions,.button-row,.page-actions,.admin-actions,.toolbar-actions)>.btn,
  body[class*="admin-route-"] :where(.actions,.button-row,.page-actions,.admin-actions,.toolbar-actions)>.button,
  body[class*="admin-route-"] :where(.actions,.button-row,.page-actions,.admin-actions,.toolbar-actions)>form{flex:1 1 145px}
  body[class*="admin-route-"] :where(.actions,.button-row,.page-actions,.admin-actions,.toolbar-actions)>form>.btn{width:100%}
  body[class*="admin-route-"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){font-size:16px}
  body[class*="admin-route-"] .table-wrap:before,
  body[class*="admin-route-"] .tim-variation-table-wrap:before{content:"Swipe sideways to see all columns";position:sticky;left:0;display:block;width:max-content;margin:0 0 7px;padding:5px 8px;border-radius:7px;background:#eef0ff;color:#273183;font-size:10px;font-weight:800}
  body.admin-login-page .admin-login-shell-v19-10-5{grid-template-columns:1fr;min-height:100dvh}
  body.admin-login-page .admin-login-intro-v19-10-5{display:none}
  body.admin-login-page .admin-login-panel-v19-10-5{padding:14px}
  body.admin-login-page .admin-login-card-v19-10-5{width:100%;padding:24px 19px;border-radius:18px}
}

/* ---------- Very small supported phones ---------- */
@media(max-width:360px){
  :root{--tim-page-gutter:9px}
  .brand img{width:128px}
  .header-action.compact{min-width:37px}
  .product-list-grid,.shop-layout .product-list-grid,.shop-product-grid{gap:7px}
  .product-list-grid .product-card .image{height:116px}
  .product-list-grid .product-card-body{padding:8px}
  .product-list-grid .product-card h3{font-size:11px}
  .benefit-grid{grid-template-columns:1fr}
  .benefit-item{border-right:0!important;border-bottom:1px solid var(--line)}
  .benefit-item:last-child{border-bottom:0}
  body[class*="admin-route-"] .admin-page-content{padding-inline:8px}
}

@media(hover:none){
  .button:hover,.btn:hover,.product-card:hover,.category-modern:hover,.partner-brand-row>a:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
@media print{
  .mobile-bottom-nav,.mobile-search,.mobile-menu-backdrop,.shop-filter-backdrop,.admin-sidebar-backdrop,.mobile-admin-nav{display:none!important}
  body{padding-bottom:0!important;overflow:visible!important}
}