/* swiper/css/swiper.min.css */ 

/**
 * Swiper 5.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2019
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

 /* /style/listitem-v2.css */ 

/* ==========================================================================
   listitem-v2.css — Product listing page (listItem.php), UI v2 "Warm Modern".

   Extracted from the former ~654-line inline <style> block in listItem.php and
   rewritten onto the design-system tokens (headerStyle.php :root / components.css).
   The grid/filter/pagination markup is emitted by the SHARED ListItemHTML class
   (also used by listItemProcessor.php AJAX, furniture.php, collections.php,
   stock-list.php, Offers/seasonalOffer.php) and by the 24h full-page HTML cache,
   so the legacy class names (.ProList, .FilterSidebar, .Pagination, …) are kept
   and compatible-styled here — same route index.php took for its cached fragments.

   Sections:
     1. Local palette bridge (system colors with no :root token)
     2. Page shell + breadcrumbs
     3. Listing hero (h1 + sort)
     4. Applied-filter chips / top filter bar
     5. Sub-category slider (.ListCateSlide — Swiper now, Owl retired on this page)
     6. Filter sidebar
     7. Product grid cards (2-col mobile / 3 @1024 / 4 @1280)
     8. Pagination + category description
     9. Mattress finder (conditional markup, mattress category only)
    10. Landing sub-view ($googleItem single-product mode)
    11. Responsive: collapsible filters <=1180px, small-screen <=760px
   ========================================================================== */

/* ---- 1. Local palette bridge --------------------------------------------- */
/* Success/error accents follow components.css (.tch-badge--ok/--err); there is
   no :root token for them yet, so they are bridged here in ONE place. */
:root{
	--li-ok:#1e6b2d;      /* components.css .tch-badge--ok text */
	--li-ok-bg:#e7f4e8;   /* components.css .tch-badge--ok bg */
	--li-warn:#8a5a00;    /* components.css .tch-badge--warn text */
	--li-warn-bg:#fdf3e0; /* components.css .tch-badge--warn bg */
	--li-err:#b3261e;     /* components.css .tch-badge--err text */
	--li-affirm:#00c8e5;  /* Affirm third-party brand cyan */
}

/* ---- 2. Page shell + breadcrumbs ----------------------------------------- */
.stickyBodyContent{background:var(--tch-surface-warm);padding-top:20px;}
.ListContainer{max-width:1600px;margin:0 auto 56px;width:auto;font-family:var(--tch-font-body);padding:26px 16px 0;}
.ListContainer .ProductList h1{color:var(--tch-ink);font-size:22px;font-weight:600;margin-bottom:5px;font-family:var(--tch-font-body);}
.Breadcrumbs{padding:0 0 15px;font-size:var(--tch-text-sm);color:var(--tch-muted);}
.Breadcrumbs span{color:var(--tch-muted);padding:0 8px;}
.Breadcrumbs a{color:var(--tch-muted);}
.Breadcrumbs a:hover{color:var(--tch-brand);}
.Breadcrumbs .LandingPage{background:var(--tch-surface-warm);}
.Breadcrumbs .SiteContainer{max-width:1600px !important;}

.specialMsg{width:100%;height:auto;background-color:var(--li-warn-bg);padding:8px 5px;}
.SpecialOrderMsg{color:var(--li-warn);padding:3px 5px;font-size:var(--tch-text-xs);font-weight:normal;font-style:italic;margin-left:10px;}

/* ---- 3. Listing hero ------------------------------------------------------ */
.ListingHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;margin:0 0 28px;padding:32px 34px;border:1px solid var(--tch-line);border-radius:var(--tch-radius-lg);background:linear-gradient(135deg,var(--tch-ink) 0%,var(--tch-ink-2) 100%);box-shadow:var(--tch-shadow);}
.ListingHeroText h1,.ListingHero h1#CategoryTitle{margin:0;font-size:var(--tch-text-3xl);line-height:1.05;color:var(--tch-on-dark);font-family:var(--tch-font-display);font-weight:600;}
.ListingHeroResult{display:block;margin-top:12px;color:var(--tch-on-dark);opacity:.8;font-size:var(--tch-text-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:600;}
.ListingHero .SortSelect{float:none;align-self:start;}
.ListingHero .SortSelect label{display:flex;align-items:center;gap:10px;color:var(--tch-on-dark);font-size:var(--tch-text-sm);text-transform:uppercase;letter-spacing:.08em;font-weight:600;}
.ListingHero .SortSelect select{width:220px;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.28);border-radius:var(--tch-radius-pill);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:var(--tch-on-dark);font-family:var(--tch-font-body);font-size:14px;}
.ListingHero .SortSelect select option{color:var(--tch-text);background:var(--tch-surface);}
/* White "sort only" variant (search results etc.) */
.ListingHeroSimple{grid-template-columns:auto;justify-content:end;padding:20px 24px;background:var(--tch-surface);border-color:var(--tch-line);box-shadow:var(--tch-shadow-sm);}
.ListingHeroSimple .SortSelect label{color:var(--tch-muted);}
.ListingHeroSimple .SortSelect select{background:var(--tch-surface-warm);border-color:var(--tch-line);color:var(--tch-text);}
/* Legacy fallback (sort bar outside the hero) */
.SortSelect{float:right;}
.SortSelect select{width:150px;display:inline-block;padding:5px 7px;border:1px solid var(--tch-line);border-radius:var(--tch-radius-sm);background-color:var(--tch-surface);font-family:var(--tch-font-body);color:var(--tch-text);}

/* ---- 4. Applied-filter chips / top bar ----------------------------------- */
.topFilerBar{margin-bottom:10px;}
.topFilerBar p{position:absolute;top:0;left:55px;transform:translate(-50%,-50%);margin:0;font-weight:600;background:var(--tch-surface);color:var(--tch-muted);font-size:var(--tch-text-xs);padding-right:2px;padding-left:4px;}
.appliedFilterTop{padding:9px 14px;border-radius:var(--tch-radius-pill);border:1px solid var(--tch-line);background:var(--tch-surface);font-weight:600;margin-right:10px;margin-bottom:10px;display:inline-block;box-shadow:none;font-size:var(--tch-text-sm);}
.appliedFilterTop a{color:var(--tch-ink-2);text-decoration:none;}
.appliedFilterTop:hover{border-color:var(--tch-brand);background:var(--tch-hover-bg);cursor:pointer;}
.appliedFilterTop:hover a{color:var(--tch-brand-dark);}

/* ---- 5. Sub-category slider (Swiper) -------------------------------------
   Raw AJAX markup is still `<div class="owl-carousel ListCateSlide"><div class="item">…`
   (shared emitter: ListItemHTML::listSubCategory, also consumed by other pages that
   keep Owl). listItem.js rewraps it client-side into a Swiper (tchListSwiper), which
   removes the owl-carousel class. The first rule keeps the strip visible even if the
   rewrap does not run (owl.carousel.min.css in the shared footer bundle sets
   .owl-carousel{display:none}). */
.owl-carousel.ListCateSlide{display:block;}
.ListCateSlide{position:relative;margin:10px 0;}
.ListCateSlide .item{text-align:center;}
.ListCateSlide a{text-align:center;display:block;color:var(--tch-text);font-size:var(--tch-text-sm);font-weight:500;line-height:24px;max-width:84px;margin:0 auto;}
.ListCateSlide a:hover{color:var(--tch-brand);}
.ListCateSlide .item span{overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap;width:100%;}
.ListCateSlide .item img{display:block;width:100%;max-width:80px;margin:0 auto;border:1px solid var(--tch-line);border-radius:var(--tch-radius);background:var(--tch-surface);}
.ListCateSlide .item a:hover img{border-color:var(--tch-brand);}
/* Swiper shell — same look as the homepage carousels (indexInline.css) */
.tch-home-swiper{--swiper-theme-color:var(--tch-brand);--swiper-navigation-size:15px;padding-bottom:var(--tch-space-2);}
.tch-home-swiper .swiper-button-prev,
.tch-home-swiper .swiper-button-next{width:40px;height:40px;border-radius:var(--tch-radius-pill);background:var(--tch-surface);border:1px solid var(--tch-line);box-shadow:var(--tch-shadow-sm);color:var(--tch-brand);transition:background .2s ease,border-color .2s ease;}
.tch-home-swiper .swiper-button-prev:hover,
.tch-home-swiper .swiper-button-next:hover{background:var(--tch-hover-bg);border-color:var(--tch-brand);}
.tch-home-swiper .swiper-button-prev:after,
.tch-home-swiper .swiper-button-next:after{font-weight:700;}
.tch-home-swiper .swiper-button-disabled{opacity:0;pointer-events:none;}
.tch-home-swiper .swiper-slide{box-sizing:border-box;height:auto;}
.tch-home-swiper .swiper-slide .item{width:100%;min-width:0;}

/* ---- 6. Filter sidebar ---------------------------------------------------- */
.FilterSidebar{max-width:290px;width:100%;float:left;position:sticky;top:132px;}
.filterBoxMain{border:1px solid var(--tch-line);border-radius:var(--tch-radius-lg);margin-bottom:14px;background:var(--tch-surface);overflow:hidden;box-shadow:var(--tch-shadow-sm);}
.FilterSidebar h3{font-size:var(--tch-text-sm);font-weight:700;color:var(--tch-ink);cursor:pointer;margin:0;padding:16px 18px;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:center;background:var(--tch-surface-warm);transition:background .15s;user-select:none;letter-spacing:.04em;text-transform:uppercase;}
.FilterSidebar h3:hover{background:var(--tch-hover-bg);}
.FilterSidebar h3.open{border-bottom:1px solid var(--tch-line);}
.FilterSidebar h3 span{background:none;width:16px;height:16px;padding:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;float:none;flex-shrink:0;}
.FilterSidebar h3.close span:after{content:"";display:block;width:7px;height:7px;border-right:2px solid var(--tch-muted);border-bottom:2px solid var(--tch-muted);transform:rotate(45deg);margin-top:-3px;}
.FilterSidebar h3.open span:after{content:"";display:block;width:7px;height:7px;border-right:2px solid var(--tch-muted);border-bottom:2px solid var(--tch-muted);transform:rotate(-135deg);margin-top:2px;}
.filterBoxMain > .openFilterDiv,.filterBoxMain > .closeFilterDiv{padding:14px 18px 0;}
.filterBoxMain > .CustomCheckbox{padding:16px 18px 12px 50px;margin-bottom:0;}
.filterBoxMain > .CustomCheckbox .checkmark{left:18px;}
.openFilterDiv{display:block;}
.closeFilterDiv{display:none;}

/* Custom checkboxes */
.CustomCheckbox{display:flex;align-items:center;position:relative;padding:6px 0 6px 28px;min-height:18px;line-height:18px;margin-bottom:8px;cursor:pointer;color:var(--tch-text);font-size:var(--tch-text-sm);font-weight:500;}
.CustomCheckbox input{position:absolute;opacity:0;cursor:pointer;}
.CustomCheckbox .checkmark{position:absolute;top:50%;transform:translateY(-50%);left:0;height:18px;width:18px;background:var(--tch-surface);border:1.5px solid var(--tch-line);border-radius:5px;transition:border-color .15s,background-color .15s;}
.CustomCheckbox:hover .checkmark{border-color:var(--tch-brand);}
.CustomCheckbox .checkmark:after{content:"";position:absolute;display:none;}
.CustomCheckbox input:checked ~ .checkmark{background-color:var(--tch-brand);border-color:var(--tch-brand);}
.CustomCheckbox input:checked ~ .checkmark:after{display:block;}
.CustomCheckbox .checkmark:after{left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.CustomCheckbox.oneLineFilter{font-size:14px;font-weight:600;color:var(--tch-ink);}

.FilterSidebar .List{margin-bottom:10px;max-height:220px;overflow-y:auto;}
.FilterSidebar .List::-webkit-scrollbar{width:4px;}
.FilterSidebar .List::-webkit-scrollbar-track{background:var(--tch-surface-warm);border-radius:2px;}
.FilterSidebar .List::-webkit-scrollbar-thumb{background:var(--tch-line);border-radius:2px;}
.filterBoxMain .filterBtn{padding:4px 18px 18px;display:flex;gap:10px;align-items:center;justify-content:center;}
.FilterSidebar .filterBtn a.go{background:var(--tch-brand);color:#fff;font-size:var(--tch-text-sm);font-weight:700;display:inline-block;padding:10px 22px;border-radius:var(--tch-radius-pill);border:none;transition:background .15s;}
.FilterSidebar .filterBtn a.go:hover{background:var(--tch-brand-dark);color:#fff;}
.FilterSidebar .filterBtn a.reset{font-size:var(--tch-text-xs);color:var(--tch-muted);display:inline-block;font-weight:500;font-style:normal;text-decoration:none;transition:color .15s;}
.FilterSidebar .filterBtn a.reset:hover{color:var(--tch-brand);text-decoration:none;}
.filterSearch{width:100%;box-sizing:border-box;padding:10px 12px 10px 34px;border:1px solid var(--tch-line);border-radius:var(--tch-radius);font-size:var(--tch-text-sm);color:var(--tch-text);outline:none;margin:0 0 10px 0;display:block;background:var(--tch-surface-warm) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23aaa' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.099zm-5.242 1.156a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11z'/%3E%3C/svg%3E") 12px center no-repeat;}
.filterSearch:focus{border-color:var(--tch-brand);background-color:var(--tch-surface);}
.filterSearch::placeholder{color:var(--tch-muted);}
.showMoreFilterBtn{margin-top:15px;display:block;font-size:14px;font-weight:600;text-align:center;border:1px solid var(--tch-ink);border-radius:var(--tch-radius-pill);padding:10px;margin-bottom:20px;color:var(--tch-ink);background:var(--tch-surface);}
.showMoreFilterBtn:hover{color:var(--tch-on-dark);background:var(--tch-ink);}

/* Price / dimension inputs */
.FilterSidebar .DimensionField{display:flex;align-items:center;gap:6px;padding-bottom:10px;overflow:visible;}
.FilterSidebar .DimensionField label{width:58px;font-size:var(--tch-text-xs);color:var(--tch-muted);float:none;line-height:1;text-align:left;}
.FilterSidebar .DimensionField input{flex:1;height:32px;text-align:center;color:var(--tch-text);font-size:var(--tch-text-xs);background:var(--tch-surface-warm);border:1.5px solid var(--tch-line);border-radius:var(--tch-radius-sm);width:auto;float:none;margin:0;transition:border-color .15s;}
.FilterSidebar .DimensionField input.min,.FilterSidebar .DimensionField input.max{border-radius:var(--tch-radius-sm);}
.FilterSidebar .DimensionField input:focus{outline:none;border-color:var(--tch-brand);background:var(--tch-surface);}
.FilterSidebar .DimensionField.Price{gap:8px;justify-content:center;padding:5px 0 5px;}
.FilterSidebar .DimensionField.Price input{height:36px;font-size:var(--tch-text-sm);max-width:95px;border-radius:var(--tch-radius-sm);}

/* In-grid filter strips (Azure "inside" filters) */
.ListFilter{padding:20px 10px;}
.ListFilter h3,.ListFilter .h3,.ListFilter h2{margin:0;color:var(--tch-ink);font-weight:600;font-size:var(--tch-text-md);margin-bottom:8px;font-family:var(--tch-font-body);}
.ListFilter ul{margin:0;padding:0;}
.ListFilter ul li{list-style:none;display:inline-block;padding:5px 8px 5px 0;margin-right:10px;}
.ListFilter ul li .CustomCheckbox{margin-bottom:0;}
.ListFilter .Apply,.ListFilter .apply{border-radius:var(--tch-radius-pill);padding:8px 18px;background:var(--tch-brand);border:1px solid var(--tch-brand);color:#fff;font-weight:600;cursor:pointer;}
.ListFilter .Apply:hover,.ListFilter .apply:hover{background:var(--tch-brand-dark);border-color:var(--tch-brand-dark);color:#fff;}

/* Color swatch filter */
.List-Color{list-style:none;margin:0;padding:0;}
.List-Color li{display:inline-block;width:40px;height:40px;border:1px solid var(--tch-line);margin:2px;border-radius:var(--tch-radius-sm);overflow:hidden;text-align:center;}
.List-Color li.active{border-color:var(--tch-brand);}

/* ---- 7. Product grid ------------------------------------------------------ */
.ProductList{margin-left:324px;}
.ProductList h1{margin:0;}
/* Column rules: 2-up on mobile, 3-up at 1024px, 4-up at 1280px. minmax(0,1fr)
   stops long product names from forcing horizontal scroll at 390px. */
.ListingProductRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;}
@media screen and (min-width:1024px){
	.ListingProductRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
}
@media screen and (min-width:1280px){
	.ListingProductRow{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;}
}
.ProductList .ProList,.ListingProductRow .ProList{box-shadow:var(--tch-shadow-sm);border:1px solid var(--tch-line);border-radius:var(--tch-radius-lg);width:100%;max-width:none;margin:0;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease;background:var(--tch-surface);}
.ProductList .ProList:hover,.ListingProductRow .ProList:hover{transform:translateY(-4px);box-shadow:var(--tch-shadow-lg);}
/* "New" flag sits top-LEFT (even though the markup class is .BadgeRight) so it never
   collides with the .actionHover buttons pinned top-right. */
.ProductList .ProList .New{background:var(--tch-ink-2);position:absolute;left:12px;right:auto;top:12px;color:var(--tch-on-dark);padding:5px 10px;text-transform:uppercase;font-weight:700;z-index:2;border-radius:var(--tch-radius-pill);font-size:11px;letter-spacing:.08em;}
.ProductList .ProList .Thumb{aspect-ratio:1/1;height:auto;position:relative;overflow:hidden;background:var(--tch-surface);display:flex;align-items:center;justify-content:center;padding:14px 14px 6px;box-sizing:border-box;border-bottom:1px solid var(--tch-line);}
.ProductList .ProList .Thumb img{transition:transform .4s ease;max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain;}
.ProductList .ProList:hover .Thumb img{transform:scale(1.05);}
.ProductList .ProList .HeartWishlist{position:absolute;right:10px;top:10px;background:var(--tch-surface);display:block;height:28px;width:28px;text-align:center;border-radius:var(--tch-radius-pill);color:var(--tch-ink);border:1px solid var(--tch-line);}
.ProductList .ProList .HeartWishlist:hover{background:var(--tch-surface);color:var(--tch-brand);border-color:var(--tch-brand);}
.ProductList .ProList .HeartWishlist i{vertical-align:middle;line-height:28px;}
.ProductList .ProList .SearchSimilar{text-align:center;padding-bottom:10px;}
.ProductList .ProList .ProItemInfo{padding:12px 16px 16px;min-height:0;display:flex;flex-direction:column;flex:1;}
.ProductList .ProList .ProItemInfo h4{margin:0 0 6px;font-size:var(--tch-text-base);font-weight:normal;height:46px;overflow:hidden;line-height:1.5;}
.ProductList .ProList .ProItemInfo h4 a{color:var(--tch-ink);font-size:var(--tch-text-base);font-weight:600;}
.ProductList .ProList .ProItemInfo h4 a:hover{color:var(--tch-brand-dark);}
.ProductList .ProList .ProItemInfo .LookLoveStar{margin:0 0 8px;display:block;min-height:20px;font-size:var(--tch-text-sm);color:var(--tch-star);}
.ProductList .ProList .ProItemInfo .StockInfo{font-weight:700;min-height:20px;color:var(--li-ok);font-size:var(--tch-text-sm);}
.ProductList .ProList .ProItemInfo .OfferPrice{margin-top:auto;padding-top:10px;}
.ProductList .ProList .ProItemInfo .OfferPrice b{font-size:var(--tch-text-lg);vertical-align:middle;font-weight:700;color:var(--tch-brand-dark);}
.ProductList .ProList .ProItemInfo .OfferPrice span{background:var(--tch-hover-bg);color:var(--tch-brand-dark);border-radius:var(--tch-radius-pill);padding:5px 10px;font-size:11px;font-weight:700;display:inline-block;float:right;letter-spacing:.06em;text-transform:uppercase;}
.ProductList .ProList .ProItemInfo .ShippingOffer{font-weight:700;color:var(--li-ok);margin:8px 0 0;min-height:24px;font-size:var(--tch-text-sm);}
.ProductList .ProList .ProItemInfo .ShippingOffer img{height:30px;}
.ShippingOffer{min-height:30px;}
.cart_section{margin-bottom:0px;}
.CartBTNL{display:block;line-height:38px;text-align:center;color:var(--tch-brand);overflow:hidden;font-weight:600;border:1px solid var(--tch-brand);border-radius:var(--tch-radius-pill);width:100%;text-transform:uppercase;font-size:var(--tch-text-sm);letter-spacing:.04em;transition:background .2s ease,color .2s ease;}
.CartBTNL:hover{background-color:var(--tch-brand);color:#fff !important;}
.QuickLookPopup .CartBTNL{display:inline-block;width:150px;vertical-align:middle;cursor:pointer;}

/* Quick look + hover actions */
.ProList .QuickLookBtn{position:absolute;right:50%;bottom:42%;margin-right:-60px;display:none;font-size:var(--tch-text-md);background:var(--tch-surface);padding:14px;border-radius:var(--tch-radius);border:1px solid var(--tch-brand);color:var(--tch-brand);}
.ProList .QuickLookBtn:hover{color:var(--tch-brand-dark);background:var(--tch-surface);}
.ProList:hover .QuickLookBtn{display:block;}
.actionHover{justify-content:center;visibility:visible;opacity:1;position:absolute;width:auto;top:12px;text-align:right;right:12px;display:flex;gap:8px;}
.ListingProductRow .ProList:hover .actionHover{visibility:visible;opacity:1;}
.actionHover a{color:var(--tch-brand);background:var(--tch-surface);border-radius:var(--tch-radius-pill);width:40px;height:40px;text-align:center;font-size:17px;padding-top:10px;box-sizing:border-box;border:1px solid var(--tch-line);display:block;margin:0;position:relative;box-shadow:var(--tch-shadow-sm);}
.actionHover a:hover{color:#fff;background:var(--tch-brand);border-color:var(--tch-brand);}
.actionHover a:hover .tooltip-label{visibility:visible;opacity:1;}
.tooltip-label{font-size:11px;text-transform:none;line-height:20px;transition:all .2s ease-in-out;visibility:hidden;opacity:0;background-color:var(--tch-ink);color:var(--tch-on-dark);padding:1px 8px;white-space:nowrap;position:absolute;transform:translate(-50%);left:50%;top:-28px;width:auto;border-radius:var(--tch-radius-pill);font-weight:500;}
.tooltip-label::before{content:"";border:5px solid transparent;border-top-color:var(--tch-ink);position:absolute;top:100%;left:50%;margin-left:-5px;right:auto;}

/* ---- 8. Pagination + category description --------------------------------- */
.Pagination{overflow:hidden;padding:30px 0 10px;line-height:30px;}
.Pagination ul{margin:0 0 5px 0;padding:0;text-align:center;}
.Pagination ul li{list-style:none;display:inline-block;padding:0 4px;font-size:var(--tch-text-base);font-weight:600;vertical-align:top;}
.Pagination ul li a{color:var(--tch-ink-2);min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--tch-line);border-radius:var(--tch-radius-pill);background:var(--tch-surface);}
.Pagination .Pagin{text-align:center;}
.Pagination .Pagin .NextPrev{color:var(--tch-brand);vertical-align:middle;}
.Pagination .Pagin ul li.active a,.Pagination ul li a:hover{color:#fff;background:var(--tch-brand);border-color:var(--tch-brand);}
.Pagination .PageSelect{float:right;}
.Pagination .PageSelect select{width:100%;padding:10px 14px;border:1px solid var(--tch-line);border-radius:var(--tch-radius-pill);background:var(--tch-surface);color:var(--tch-text);font-family:var(--tch-font-body);}
.CategoryDesc h2{font-size:var(--tch-text-md);color:var(--tch-ink);font-weight:600;}
.CategoryDesc.ListingCategoryDesc{margin:32px 0 18px;padding:28px 30px;background:var(--tch-surface);border:1px solid var(--tch-line);border-radius:var(--tch-radius-lg);box-shadow:var(--tch-shadow-sm);}
.CategoryDesc.ListingCategoryDesc h2{font-size:var(--tch-text-xl);color:var(--tch-ink);font-weight:600;font-family:var(--tch-font-display);margin:0 0 12px;}
.CategoryDesc .categoryReadMore{font-size:var(--tch-text-base);color:var(--tch-text);line-height:1.9;}

/* ---- 9. Mattress finder (mattress category only) --------------------------- */
.MattressesFinder h2{margin:0;font-size:var(--tch-text-xl);font-family:var(--tch-font-display);color:var(--tch-ink);}
.MattressesFinder > p{font-size:var(--tch-text-base);font-weight:500;margin-top:5px;color:var(--tch-text);}
.MattressesTopFilter{background:var(--tch-surface-sand);padding:15px;text-align:center;border-radius:var(--tch-radius-lg);margin-bottom:10px;}
.MattressesTopFilter h3{margin:0 0 10px 0;font-size:var(--tch-text-lg);color:var(--tch-ink);}
.MattressesTopFilter ul{margin:0;padding:0;}
.MattressesTopFilter ul li{list-style:none;display:inline-block;background:var(--tch-surface);border-radius:var(--tch-radius);margin:5px;padding:10px;font-size:var(--tch-text-base);font-weight:500;border:1px solid var(--tch-line);position:relative;max-width:100px;width:100%;}
.MattressesTopFilter ul li:hover{border:1px solid var(--tch-brand);}
.MattressesTopFilter ul li.active{border:1px solid var(--li-ok);}
.MattressesTopFilter .custRadio{display:block;margin:0;cursor:pointer;font-size:var(--tch-text-sm);padding-top:10px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.MattressesTopFilter .custRadio input{position:absolute;opacity:0;cursor:pointer;display:block;width:100%;height:100%;top:0;margin:0;margin-left:-10px;}
.MattressesTopFilter .checkmark{position:absolute;top:5px;right:5px;height:20px;width:20px;background-color:var(--tch-surface-warm);border-radius:50%;}
.MattressesTopFilter .custRadio:hover input ~ .checkmark{background-color:var(--tch-line);}
.MattressesTopFilter .custRadio input:checked ~ .checkmark{background-color:var(--li-ok);}
.MattressesTopFilter .checkmark:after{content:"";position:absolute;display:none;}
.MattressesTopFilter .custRadio input:checked ~ .checkmark:after{display:block;}
.MattressesTopFilter .custRadio .checkmark:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:white;}

/* ---- 10. Landing sub-view ($googleItem single-product mode) ----------------
   Selectors below only match landing-mode markup (LandingPageHTML). They used to
   be emitted inline only when ?item= was set; they are static, so they live here
   permanently (harmless on grid pages — the markup does not exist there). */
.RegistryBTN{background:var(--tch-surface);border:1px solid var(--tch-brand);color:var(--tch-brand);border-radius:var(--tch-radius-sm);display:inline-block;padding:10px 20px;font-weight:500;cursor:pointer;}
.priceContent{padding:10px 0;}
.itemPrice{float:left;width:56%;}
.itemPrice p{font-size:24px;font-weight:700;color:var(--tch-ink);margin:0;}
.itemPrice p span.DealPriceMatch1{font-size:24px;font-weight:700;color:var(--tch-ink);margin:0;}
.itemPrice p.couponApplied{font-size:var(--tch-text-xs);color:var(--tch-brand);font-weight:normal;font-style:italic;}
.itemPrice span{color:var(--li-ok);font-weight:normal;font-size:14px;}
.itemPrice strike{color:var(--tch-muted);font-weight:normal;font-size:14px;}
.newClock{float:left;width:44%;}
.newClock > b{color:var(--tch-brand);line-height:20px;}
.DealPriceMatch{display:inline-block;margin:0 5px;vertical-align:middle;}
.AffirmInfo{min-height:22px;}
.AffirmInfo p{margin:0;font-weight:500;}
.AffirmInfo b{font-size:14px;display:inline;}
.AffirmInfo .AffirmIcon{text-decoration:none;color:var(--li-affirm);font-size:14px;}
.AffirmInfo .affirm-as-low-as{margin:0;}
.AffirmInfo .affirm-as-low-as a{color:var(--tch-text);text-decoration:underline;}
a.view-price-match{color:var(--tch-muted);text-decoration:underline;}

.QTYCartSales{padding:15px 0;text-align:center;overflow:hidden;}
.QTYCartSales label{display:inline-block;}
.QTYCartSales .Quantity{display:inline-block;vertical-align:middle;}
.QTYCartSales a.CartBTN,.DetailTop .QTYCartSales span.CartBTN{font-size:20px;text-align:center;line-height:60px;display:inline-block;vertical-align:middle;cursor:pointer;}
.QTYCartSales a.CartBTN span,.DetailTop .QTYCartSales span.CartBTN span{float:left;height:45px;line-height:45px;}
.QTYCartSales .cart-question{font-size:var(--tch-text-xs);}
.QTYCartSales .cart-question .CartBTN{display:block;padding:0;max-width:230px;margin-bottom:4px;}
.QTYCartSales .Qtybox{width:15%;max-width:115px;float:left;}
.QTYCartSales .Qtybox label{text-align:left;display:inherit;}
.QTYCartSales .Qtybox select{width:100%;height:48px;border:1px solid var(--tch-line);text-align:center;border-radius:var(--tch-radius-sm);font-size:20px;padding:10px;}
.QTYCartSales .Qtybox select:hover{border-color:var(--tch-ink);}
.QTYCartSales .AddCart{width:75%;float:left;}
.QTYCartSales .AddCart a{background:var(--tch-brand);color:#fff;display:block;border-radius:var(--tch-radius-pill);font-size:20px;padding:0 10px;margin:27px 15px 0 15px;height:48px;line-height:48px;}
.QTYCartSales .AddCart a:hover{background:var(--tch-brand-dark);}
.QTYCartSales .Wishlist{width:10%;max-width:115px;float:left;padding-top:27px;}
.QTYCartSales .Wishlist a{color:var(--tch-muted);display:block;border:1px solid var(--tch-line);border-radius:var(--tch-radius-sm);font-size:20px;padding:0 10px;height:48px;line-height:48px;}
.QTYCartSales .Wishlist a:hover{color:var(--tch-ink);border-color:var(--tch-ink);}
.Wishlist i{margin-top:15px;}

.StockBouns .Availability{font-size:15px;padding:10px 0 5px 0;}
.StockBouns .BounsPoint{font-size:var(--tch-text-sm);padding:5px 0;color:var(--tch-ink);}
.StockBouns b{font-weight:700;}
.StockBouns span{color:var(--li-ok);font-weight:700;}
.StockBouns span.no-stock-text{color:var(--tch-brand);}
.StockBouns i{color:var(--tch-ink);font-weight:normal;font-style:normal;}
.StockBouns .BounsPoint b{margin:0 2px;}
.StockBouns .BounsPoint span{background:var(--tch-ink);color:var(--tch-on-dark);width:18px;height:18px;line-height:18px;text-align:center;display:inline-block;border-radius:50%;position:relative;}
.StockBouns .BounsPoint .popup{background:var(--tch-ink);position:absolute;right:0;top:28px;width:210px;padding:5px;font-weight:normal;font-size:var(--tch-text-xs);line-height:16px;border-radius:var(--tch-radius-sm);display:none;left:auto;min-height:auto;z-index:9999;color:var(--tch-on-dark);}
.StockBouns .BounsPoint .popup:after{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--tch-ink);position:absolute;top:-7px;right:5px;}
.StockBouns .BounsPoint span:hover .popup{display:block;}
.discontinuedItem{background-color:var(--li-err);color:#fff;font-size:30px;height:auto;opacity:.85;position:absolute;top:50%;width:100%;z-index:10;text-align:center;}

.LandingPage{background:var(--tch-surface);}
.LandingProduct,.list-item-detail-box{background:var(--tch-surface-warm);}
.LandingProduct{padding:0 0 20px 0;margin-bottom:30px;}
.LandingProduct .suppDiscProd.BadgeLeft{color:#fff;font-weight:500;padding:3px 6px;display:inline-block;text-transform:uppercase;font-size:var(--tch-text-sm);left:5px;top:5px;z-index:1;}
.LandingProduct .suppDiscProd{background:var(--tch-ink-2);top:30px;}
.LandingProduct .suppDiscProd sup{text-transform:none;}
.LandingProduct .ProductThumb{text-align:center;position:relative;width:100%;max-width:680px;}
.LandingProduct .ProductThumb .landingPageOtherImageSlider .item{max-width:80px;margin:0 auto;}
.LandingProduct .ProductThumb .landingPageOtherImageSlider .owl-stage-outer{max-width:650px !important;}
.LandingProduct .ProductContent{padding-left:2%;}
.LandingProduct h1{font-size:20px;font-weight:500;margin:0 0 10px;}
.LandingProduct h1 a{color:var(--tch-text);}
.LandingProduct .ManufecReview{font-size:var(--tch-text-xs);}
.LandingProduct .ManufecReview i{color:var(--tch-star);margin:0 1px;font-size:16px;}
.LandingProduct .ManufecReview span{font-size:14px;margin-right:15px;}
.LandingProduct .ManufecReview span a{color:var(--tch-text);margin:0 5px 0 2px;text-decoration:underline;}
.LandingProduct .ManufecReview span a:hover{color:var(--tch-brand);text-decoration:none;}
.LandingProduct .ManufecReview a:hover{color:var(--tch-text);}
.LandingProduct .LandingPricing{padding:15px 0;}
.LandingProduct .SortDetail{font-size:var(--tch-text-sm);}
.LandingProduct .SortDetail td{border-bottom:1px solid var(--tch-line);padding:5px;}
.LandingProduct .SortDetail b{font-weight:500;margin-right:3px;}
.LandingProduct .SortDetail ul{margin:-4px 0 0;padding:0;display:inline-block;vertical-align:top;}
.LandingProduct .SortDetail ul li{list-style:none;padding:0 0 0 15px;position:relative;line-height:22px;}
.LandingProduct .SortDetail ul li:before{color:var(--tch-text);content:"\f00c";font-family:FontAwesome;left:0;position:absolute;top:2px;font-size:var(--tch-text-xs);}
.LandingProduct .FullDetailBTN{text-align:center;}
.LandingProduct .FullDetailBTN a{background:var(--tch-ink-2);padding:10px;border-radius:var(--tch-radius-sm);color:#fff;text-decoration:none;font-weight:500;}

.SortDetail{padding-bottom:10px;}
.SortDetail h5{font-size:15px;font-weight:500;margin:5px 0;}
.SortDetail .itemFeatures ul{margin:-4px 0 0;padding:0;display:inline-block;vertical-align:top;}
.SortDetail .itemFeatures ul li{list-style:none;padding:0 0 0 15px;position:relative;line-height:22px;}
.SortDetail .itemFeatures ul li:before{color:var(--tch-text);content:"\f00c";font-family:FontAwesome;left:0;position:absolute;top:2px;font-size:var(--tch-text-xs);}

.IntrestedCategory ul{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.IntrestedCategory ul li{list-style:none;margin:8px;text-align:center;background:var(--tch-surface);flex:auto;border-radius:var(--tch-radius);min-width:170px;transition:.3s;border:1px solid var(--tch-line);}
.IntrestedCategory ul li a{padding:15px 10px;display:block;font-size:var(--tch-text-base);color:var(--tch-ink);}
.IntrestedCategory ul li:hover{color:var(--tch-ink);box-shadow:var(--tch-shadow);}
.IntrestedCategory ul li a img{max-height:130px;margin-bottom:5px;}
.landingSliderItem{border:1px solid var(--tch-line);border-radius:var(--tch-radius-sm);}

.ProductOption{text-align:left;}
.ProductOption .ProductOptionCol{max-width:32%;display:inline-block;padding:0 2% 0 0;}
.ProductOptionCol > span{font-weight:500;line-height:24px;}
.ProductOptionCol1 > span{font-weight:500;line-height:24px;}

.SelectDropdown{z-index:98;position:relative;margin:0 0 5px;}
.SelectDropdown dd,.SelectDropdown dt,.SelectDropdown ul{margin:0px;padding:0px;}
.SelectDropdown dd{position:relative;}
.SelectDropdown a,.SelectDropdown a:visited{color:var(--tch-text);text-decoration:none;outline:none;}
.SelectDropdown a:hover{color:var(--tch-text);}
.SelectDropdown dt a:hover{color:var(--tch-text);border:1px solid var(--tch-line);}
.SelectDropdown dt a{background:var(--tch-surface) url(https://cdn.theclassyhome.com/newimages/site/select-dropdown-arrow.png) no-repeat scroll right center;display:block;padding:0 20px 0 5px;border:1px solid var(--tch-line);border-radius:var(--tch-radius-sm);font-size:15px;}
.SelectDropdown dt a span{cursor:pointer;display:block;padding:5px;height:30px;line-height:30px;text-align:left;}
.SelectDropdown dd ul{background:var(--tch-surface-warm);border:1px solid var(--tch-line);color:var(--tch-muted);display:none;left:0px;padding:0px;position:absolute;top:0px;width:100%;list-style:none;}
.SelectDropdown dd ul li{border-bottom:1px solid var(--tch-line);}
.SelectDropdown span.value{display:none;}
.SelectDropdown dd ul li a{padding:5px;display:block;text-align:left;}
.SelectDropdown dd ul li a:hover{background-color:var(--tch-hover-bg);}
.SelectDropdown img.ImgThumb{border:none;vertical-align:middle;max-width:54px;max-height:54px;}
.Imgvisibility{display:none;}
#result{display:block;font-size:var(--tch-text-xs);line-height:20px;text-align:left;}
.SelectDropdown.variationColor{z-index:9;}
.SelectDropdown.variationColor ul{background:none;overflow:hidden;}
.SelectDropdown.variationColor li{display:inline-flex;margin:5px;text-align:center;padding:5px;width:auto;max-width:90px;}
.SelectDropdown.variationColor li a{color:var(--tch-muted);}
.SelectDropdown.variationColor li a:hover{color:var(--tch-ink);}
.SelectDropdown.variationColor li p{margin:0 auto 5px auto;border:1px solid var(--tch-line);display:block;padding:5px;border-radius:var(--tch-radius-sm);max-width:54px;line-height:54px;}
.SelectDropdown.variationColor li p span{display:block;height:54px;width:54px;margin:0 auto;}
.SelectDropdown.variationColor li p:hover{border-color:var(--tch-ink);}
.SelectDropdown.variationColor li.selected p{border-color:var(--tch-ink);}
.SelectDropdown.variationColor li.selected a{color:var(--tch-ink);}

/* Landing badges + gallery (product-flag colors follow the warm palette) */
.landingSliderItem .BadgeLeft{color:#fff;display:inline-block;font-size:11px;font-weight:500;left:0;line-height:12px;padding:3px;position:absolute;text-transform:uppercase;top:0;z-index:2;background:var(--tch-brand-dark);}
.landingSliderItem .BadgeRight{color:#fff;font-weight:500;padding:3px;display:inline-block;text-transform:uppercase;font-size:11px;position:absolute;right:0px;top:0px !important;z-index:2;line-height:12px;background:var(--tch-brand);}
.ProductDetailImg .gallery-thumbs .swiper-slide{border:1px solid var(--tch-line);border-radius:3px;margin-right:5px;position:relative;-webkit-transition:border .15s linear;transition:border .15s linear;background:var(--tch-surface);cursor:pointer;overflow:hidden;height:calc(100% - 2px);opacity:.5;}
.ProductThumb .swiper-container .BadgeLeft{color:#fff;font-weight:500;padding:3px 6px;display:inline-block;text-transform:uppercase;font-size:var(--tch-text-sm);position:absolute;left:5px;top:5px;z-index:10;}
.ProductThumb .swiper-container .BadgeRight{color:#fff;font-weight:500;padding:3px 6px;display:inline-block;text-transform:uppercase;font-size:var(--tch-text-sm);position:absolute;right:5px;top:5px;z-index:10;}
.ProductThumb .gallery-top .swiper-slide a img{vertical-align:middle;}
.ProductThumb .swiper-container .HotBuy{background:var(--tch-ink-2);z-index:10;}
.ProductThumb .gallery-thumbs .swiper-slide{border:1px solid var(--tch-line);border-radius:3px;margin-right:5px;background-color:var(--tch-surface);width:120px !important;height:120px;opacity:.5;}
.ProductThumb .swiper-container .HotDeal{background:var(--tch-star);z-index:10;}
.ProductThumb .swiper-container .Exclusive{background:var(--li-ok);z-index:10;}
.ProductThumb .swiper-container .DailyDeal{background:var(--tch-brand-dark);z-index:10;}
.ProductThumb .swiper-container .FreeShipping{background:var(--tch-brand);z-index:10;}
.ProductThumb .swiper-container .Off{background:var(--tch-ink);z-index:10;}
.ProductThumb .swiper-container .New{background:var(--tch-ink-2);top:30px;z-index:10;}
.ProductThumb .swiper-container .suppDiscProd{background:var(--tch-ink-2);top:30px;z-index:10;}
.ProductThumb .swiper-container .suppDiscProd sup{text-transform:none;}
.ProductThumb .swiper-container .BadgeSold{background:var(--tch-ink);border-radius:25px;color:var(--tch-on-dark);font-weight:500;padding:3px 10px;display:inline-block;text-transform:uppercase;font-size:var(--tch-text-sm);position:absolute;left:5px;bottom:5px;z-index:10;}
.ProductThumb .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1;}

/* ---- 11. Responsive -------------------------------------------------------- */
.FilterToggleBtn{display:none;}
@media screen and (max-width:1180px){
	.ListContainer{padding:18px 14px 0;}
	/* Collapsible filters: a "Filters" button (injected by inline JS in listItem.php)
	   toggles the sidebar, collapsed by default at this width so the grid shows first.
	   Desktop (>1180px) keeps the sticky left column. */
	.FilterToggleBtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;margin:0 0 16px;padding:13px 18px;background:var(--tch-brand);color:#fff;border:none;border-radius:var(--tch-radius);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--tch-font-body);line-height:1;}
	.FilterToggleBtn:hover,.FilterToggleBtn.open{background:var(--tch-brand-dark);}
	.FilterToggleBtn .fbChev{font-size:var(--tch-text-xs);transition:transform .2s ease;}
	.FilterToggleBtn.open .fbChev{transform:rotate(180deg);}
	.FilterSidebar{position:static;max-width:none;float:none;margin-bottom:20px;max-height:62vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--tch-line);border-radius:var(--tch-radius-lg);background:var(--tch-surface);}
	.FilterSidebar.fbCollapsed{display:none;}
	.ProductList{margin-left:0;}
	.ListingHero{grid-template-columns:1fr;align-items:start;}
	.ListingHero .SortSelect{order:2;}
}
@media screen and (max-width:760px){
	.ListContainer{padding:14px 12px 0;}
	.ListingHero{padding:24px 20px;border-radius:var(--tch-radius-lg);}
	.ListingHeroText h1,.ListingHero h1#CategoryTitle{font-size:var(--tch-text-2xl);}
	.ListingHero .SortSelect select{width:100%;}
	.ProductList .ProList .Thumb{padding:10px 10px 4px;}
	.ProductList .ProList .ProItemInfo{padding:10px 12px 14px;}
	.ProductList .ProList .ProItemInfo h4{font-size:var(--tch-text-sm);height:auto;max-height:44px;}
	.ProductList .ProList .ProItemInfo h4 a{font-size:var(--tch-text-sm);}
	.ProductList .ProList .ProItemInfo .OfferPrice b{font-size:var(--tch-text-md);}
	.actionHover{top:10px;right:10px;gap:6px;}
	.actionHover a{width:36px;height:36px;padding-top:8px;font-size:15px;}
	.Pagination .PageSelect{float:none;margin-top:10px;}

	/* Landing sub-view (single-product mode, $ProductDetails set) reuses the
	   same LandingPageHTML::getLandingItemHtml() table as landingPage.php --
	   same inline style="width:680px" overflow bug, same fix, ported here
	   with the 2026-07-20 /Mobile/ convergence. */
	.LandingProduct table,
	.LandingProduct table tbody,
	.LandingProduct table tr,
	.LandingProduct table td{display:block !important;width:100% !important;max-width:100% !important;}
	.LandingProduct .ProductThumb{max-width:100% !important;padding-bottom:15px;}
	.LandingProduct .ProductContent{padding-left:0;}
	.ProductThumb .swiper-container img{max-width:100% !important;height:auto !important;}
	.itemPrice,.newClock{float:none !important;width:100% !important;}
	.QTYCartSales .Qtybox,
	.QTYCartSales .AddCart,
	.QTYCartSales .Wishlist{float:none !important;width:100% !important;max-width:none !important;}
	.QTYCartSales .AddCart a{margin:10px 0 !important;}
	.ProductOption .ProductOptionCol,
	.ProductOptionCol1{max-width:100% !important;width:100% !important;display:block !important;padding:0 0 10px 0 !important;}
}