/** Shopify CDN: Minification failed Line 755:0 All "@import" rules must come first **/ .product-form__info-item{display:table-row;float:left;width:100%}.length_cover label{width:100%;float:left}.length_cover input[type=text]{padding:10px;border:1px solid #d4d6d8;margin-top:5px}#looxReviews{max-width:inherit}.slick-slide{cursor:grab}.product-item__price-list span{font-size:14px!important}.length_cover label{color:red}.quick-links__image-ie-fix{max-width:100%!important}a.download_pdf{width:100%;display:flex;align-items:center}.download_pdf span{margin-right:10px}.download_pdf img{height:50px;margin:5px 0 0}.template-cart .line-item__property-list{display:none}.inner-logos .slick-slide img,.inner-logos .slick-slide a{display:block;max-height:150px;margin:0 auto;align-items:center}.inner-logos .slick-prev,.inner-logos .slick-next{width:40px;height:40px}.inner-logos .slick-slide{cursor:grab;align-items:center;display:flex!important;min-height:150px;background:#fff;margin-left:5px;margin-right:5px;padding:5px}.template-collection #shopify-section-client-logo{padding-top:30px;margin-bottom:20px}.inner-logos .slick-prev{left:0;z-index:9}.inner-logos .slick-next{right:0;z-index:9}.inner-logos .slick-prev:before,.inner-logos .slick-next:before{display:none}.product-form__payment-container{width:100%}.st_msg{color:#008a00;position:relative;padding-left:14px}.st_msg:before{position:absolute;display:inline-block;content:"";width:8px;height:8px;left:0;top:11px;border-radius:100%;background:#008a00}a.promo-block:after{content:"";position:absolute;bottom:-30px;width:100%;left:0;height:100%}a.promo-block{overflow:visible}.left-nav::-webkit-scrollbar{width:0}.left-nav::-webkit-scrollbar-thumb:hover{background:#b2b1af!important}.left-nav::-webkit-scrollbar-thumb{background:#1e1e1e}.left-nav::-webkit-scrollbar-track{background:#b2b1af}.left-nav>h2{text-align:left;padding:25px 0 30px;font-weight:700}.left-nav ul li.acc-container{border:1px solid #dadce0;border-radius:8px;margin-bottom:8px;padding:10px}.left-nav h2.acc-title{padding:9px 18px 9px 0;border-top:0}.left-nav .active h2.acc-title{margin-bottom:10px}.product-form__payment-container button.product-form__add-button{background:#ffd814;border-style:solid;border-width:1px;border-color:#fcd200;box-shadow:0 2px 5px #d5d9d980;border-radius:100px}.product-form__payment-container button.product-form__add-button:hover{background:#f7ca00;border-color:#f2c200}.ama-payments ul li{position:relative}.payment-popup.active{display:block}.payment-popup{display:block;position:absolute;right:-10px;overflow:hidden;top:120%;border:1px solid #BBBFBF;border-color:#bbbfbf;border-radius:8px;box-shadow:0 2px 5px #0f111126;background-color:#fff;padding:25px;width:106%;z-index:1}.payment-popup span.close-icon{z-index:0;position:absolute;right:10px;top:10px;width:15px;height:16px;cursor:pointer}.payment-popup span.close-icon svg.icon{width:15px;height:16px}.payment-popup .payment-list{padding:0 0 6px!important;margin:0}.payment-popup p{font-size:14px}.payment-popup:after{content:"";bottom:calc(100% - 2px);right:15%;margin-left:-8px;border:8px solid transparent;border-top:2px;position:absolute;border-bottom-color:#fff}.payment-popup:before{content:"";bottom:100%;right:15%;margin-left:-8px;border:8px solid transparent;border-top:2px;position:absolute;border-bottom-color:#bbbfbf}.product-form__info-content:has(.price-list[style="display: none;"]) .in-stock-wrapper{display:none!important}@media only screen and (max-width:768px){.quick-links .quick-links__link{width:50%!important}}@media only screen and (max-width:767px){.product-item__price-list{width:100%;padding:10px 0;line-height:normal}.product-list--collection a.product-item__action-button{padding:7px 8px;letter-spacing:0;font-size:14px;line-height:14px}body .header__logo-image{max-width:160px!important}.product-list.product-list--collection .product-item.product-item--list{flex-direction:column}body .helpdesk-channel-btn-show{right:15px!important}.left-nav ul li.acc-container{padding:6px}}body:not(.page-loaded) :is(.needsclick,#slipnotAssistantBtn,#PBarNextFrameWrapper,.loox-float-toggler-container,.nav-bar .nav-bar__inner,.tmenu_wrapper,#shopify-buyer-consent,#shopify-accelerated-checkout-cart,#shopify-pc__banner,div#google-merchantwidget-iframe-wrapper){display:none!important}.column-trust-1 img{max-width:40%}.mp4-video video.lazy-video{width:auto;max-height:550px;height:100%}body{overflow-x:hidden}@media only screen and (max-width:768px){.slideshow.flickity-enabled.is-draggable .flickity-viewport{overflow:visible!important;height:630px!important;background:#cdcdcd}.slideshow.slideshow--preserve-ratio .slideshow__content-wrapper{position:static;transform:none;color:#000;padding:0 0 10px}.slideshow.slideshow--preserve-ratio .slideshow__slide{height:0%}.slideshow .flickity-page-dots .dot{border:3px solid #000;background:#000}.slideshow h2.slideshow__title.heading.h1{font-size:18px;padding:10px 0 0}.slideshow p.slideshow__content{font-size:14px;margin:0 auto 20px}}@media only screen and (max-width:500px){.slideshow.flickity-enabled.is-draggable .flickity-viewport{height:520px!important}}.header__desktop-nav{background:linear-gradient(180deg,#1a1a1a,#2d2d2d);border-bottom:3px solid #f6c915}.header__desktop-nav-toggle{color:#fff;font-weight:600;padding:12px 20px;transition:all .2s ease}.header__desktop-nav-toggle:hover{background:#f6c91526}.nav-dropdown{background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e5e5}.nav-dropdown__link{padding:12px 20px;font-size:14px;font-weight:500;color:#333;transition:all .15s ease}.nav-dropdown__link:hover{background:#f8f8f8;color:#1a1a1a;padding-left:24px}.mega-menu{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 20px 60px #0003}.mega-menu__inner{padding:30px}.mega-menu__title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f6c915;display:inline-block}.mega-menu__link{font-size:13px;color:#555;padding:6px 0;transition:all .15s ease}.mega-menu__link:hover{color:#1a1a1a;padding-left:8px}.mega-menu__promo{border-radius:8px;overflow:hidden;transition:transform .3s ease}.mega-menu__promo:hover{transform:scale(1.02)}.mega-menu__promo-content{background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:20px}.mega-menu__promo-heading{font-size:16px;font-weight:700;color:#fff}.ss-usp-bar,section.ss-usp-bar,.shopify-section-ss-usp-bar,[class*=shopify-section][class*=usp],[class*=ss-usp],div[class*=ss-usp-bar]{display:none!important;height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}[style*="background: #f7f7f5"],[style*="background:#f7f7f5"],.trust-bar-homepage,#homepage-trust-bar,.top-bar-copy,.section-top-bar-copy{display:none!important}section:has(.ss-usp-item):has(img[alt*=Trust]),section:has(.ss-usp-item):has(img[alt*=Trade]){display:none!important}.sn-pro-topbar{display:block!important}#shopify-section-ss_usp_bar_MHEYBn,.shopify-section-ss_usp_bar_MHEYBn,[id*=ss_usp_bar],[class*=ss_usp_bar]{display:none!important;height:0!important;overflow:hidden!important}.faq-section{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:8px}.faq-section h2{margin-bottom:1rem;font-size:1.5rem;color:#333}.faq-item{margin-bottom:.75rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff}.faq-item summary{padding:1rem;cursor:pointer;list-style:none;display:flex;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";margin-right:.75rem;font-size:1.25rem;color:#f6c915;font-weight:700}.faq-item[open] summary:before{content:"\2212"}.faq-item p{padding:0 1rem 1rem;margin:0;color:#555;line-height:1.6}.product-meta__stock .text--positive{font-size:0!important}.product-meta__stock .text--positive:before{content:"In Stock"!important;font-size:14px!important;color:#007600!important}.whatsapp-wrapper,button.quote-modal.button--secondary,[class*=referral],[id*=referral],[class*=smile],[id*=smile],.gr-tab,#gr-tab,[class*=gr-],.loox-referrals-widget,.loox-referrals-tab,[data-loox-referrals],div[style*="Get \a3 10"],.referral-tab,#referral-tab{display:none!important}.product-meta__description.rte div[style*=background],.product-meta__description div[style*="background: #"],.product-meta__description div[style*="background:#"],.rte div[style*="334155"],.rte div[style*="1e293b"],.rte div[style*=slate],.rte div[style*=dark],.product-meta__description.rte div[style*=background] h1,.product-meta__description.rte div[style*=background] h2,.product-meta__description.rte div[style*=background] h3,.product-meta__description.rte div[style*=background] p,.product-meta__description.rte div[style*=background] span{color:#fff!important}.product-meta__description.rte>div>div[style*="2c3e50"] *,.product-meta__description.rte>div>div[style*="34495e"] *,.product-meta__description.rte>div>div[style*=gradient] h1,.product-meta__description.rte>div>div[style*=gradient] h2,.product-meta__description.rte>div>div[style*=gradient] h3,.product-meta__description.rte>div>div[style*=gradient] p,.rte>div>div[style*="2c3e50"] h1,.rte>div>div[style*="2c3e50"] h2,.rte>div>div[style*="2c3e50"] p,.rte div[style*="background: linear-gradient"] h1,.rte div[style*="background: linear-gradient"] h2,.rte div[style*="background: linear-gradient"] p,.rte div[style*="background:#2c3e50"] *,.rte div[style*="background: #2c3e50"] *{color:#fff!important}@media screen and (max-width:999px){.header__action-item--cart,.header__cart-toggle,a[href*="/cart"],.header__action-item-link[aria-controls=mini-cart]{position:relative!important;z-index:100!important;pointer-events:auto!important}.header__mobile-nav,.header__mobile-nav-toggle{pointer-events:auto}}@media screen and (max-width:999px){.header__action-item--cart .icon-state__primary{display:block!important;opacity:1!important}.header__action-item--cart .icon-state__secondary{display:none!important;opacity:0!important}.header__action-item--cart[aria-expanded=true] .icon-state__secondary,.header__cart-icon[aria-expanded=true] .icon-state__secondary{display:block!important;opacity:1!important}.header__action-item--cart[aria-expanded=true] .icon-state__primary,.header__cart-icon[aria-expanded=true] .icon-state__primary{display:none!important;opacity:0!important}}@media screen and (max-width:999px){body,html{overflow-x:hidden!important}.search-bar__inner,.search-bar__inner-animation,.search-bar__results{max-width:100vw!important;overflow:hidden!important}.popover__panel--sliding{max-width:100vw!important}}@media screen and (max-width:999px){.search-bar__inner{left:0!important;right:0!important;max-width:100%!important}}@media screen and (max-width:640px){.mini-cart{width:100%!important;left:auto!important;right:0!important;position:fixed!important;top:0!important;height:100vh!important;max-height:100vh!important}.mini-cart[aria-hidden=false]{max-height:100vh!important}}.mini-cart__close-btn{display:none}@media screen and (max-width:640px){.mini-cart__close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:12px;width:40px;height:40px;background:#0000000f;border:none;border-radius:50%;cursor:pointer;z-index:1000;color:var(--text-color, #333);padding:0}.mini-cart__close-btn:hover{background:#0000001f}.mini-cart__content,.mini-cart__content--empty{padding-top:50px!important}}.cart-wrapper .quantity-selector button.quantity-selector__button{display:flex!important}.shopify-section{margin-bottom:40px!important}.section{padding-top:50px!important;padding-bottom:50px!important}.product-card,.collection-item,.ss-collection-item{box-shadow:0 2px 8px #00000014!important;border-radius:8px!important;transition:transform .2s ease,box-shadow .2s ease!important}.product-card:hover,.collection-item:hover,.ss-collection-item:hover{transform:translateY(-4px)!important;box-shadow:0 8px 25px #0000001f!important}.section__title,.heading.h2{margin-bottom:30px!important;font-weight:700!important}.button--primary,.btn-primary{background:#f6c915!important;color:#1a1a1a!important;border-radius:6px!important;font-weight:600!important;padding:12px 28px!important;transition:all .2s ease!important}.button--primary:hover,.btn-primary:hover{background:#e5b800!important;transform:translateY(-2px)!important}.shopify-section+.shopify-section{border-top:none!important}.collection-item__image,.product-card__image{aspect-ratio:4/3!important;object-fit:cover!important}.ss-product-card,.ss-collection-card,.sn-guide-card,.sn-case-study-card,.type-card,.product-card,.collection-item{background:#fff!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 12px #00000014!important;transition:all .3s ease!important;border:1px solid rgba(0,0,0,.05)!important}.ss-product-card:hover,.ss-collection-card:hover,.sn-guide-card:hover,.sn-case-study-card:hover,.type-card:hover,.product-card:hover,.collection-item:hover{transform:translateY(-6px)!important;box-shadow:0 12px 35px #00000026!important;border-color:#f6c9154d!important}.ss-product-card img,.ss-collection-card img,.sn-guide-card__image,.sn-case-study-card__image,.type-card img,.product-card__image,.collection-item__image{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;transition:transform .3s ease!important}.ss-product-card:hover img,.ss-collection-card:hover img,.sn-guide-card:hover .sn-guide-card__image,.sn-case-study-card:hover .sn-case-study-card__image{transform:scale(1.05)!important}.ss-product-card__content,.ss-collection-card__content,.sn-guide-card__content,.sn-case-study-card__content,.product-card__info{padding:20px!important}.ss-product-card__title,.ss-collection-card__title,.sn-guide-card__title,.sn-case-study-card__title,.product-card__title{font-size:1.1rem!important;font-weight:700!important;color:#1a1a1a!important;line-height:1.3!important;margin-bottom:8px!important}.ss-product-card__desc,.sn-guide-card__desc,.sn-case-study-card__excerpt{font-size:.9rem!important;color:#666!important;line-height:1.5!important}.sn-guide-card__category,.sn-case-study-card__category{font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#f6c915!important;background:#1a1a1a!important;padding:2px 8px!important;border-radius:3px!important;display:inline-block!important;margin-bottom:8px!important}.ss-collection-list__grid,.ss-featured-collection__grid,.sn-case-studies__grid,.sn-expert-guides__grid,.product-grid{display:grid!important;gap:24px!important}@media(min-width:1024px){.ss-collection-list__grid,.ss-featured-collection__grid,.sn-case-studies__grid{grid-template-columns:repeat(3,1fr)!important}.sn-expert-guides__grid{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:768px)and (max-width:1023px){.ss-collection-list__grid,.ss-featured-collection__grid,.sn-case-studies__grid,.sn-expert-guides__grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:767px){.ss-collection-list__grid,.ss-featured-collection__grid,.sn-case-studies__grid,.sn-expert-guides__grid{grid-template-columns:1fr!important}}.ss-product-card__price,.product-card__price{font-size:1.1rem!important;font-weight:700!important;color:#1a1a1a!important}.ss-product-card__price--compare,.product-card__price--compare{text-decoration:line-through!important;color:#999!important;font-weight:400!important;margin-left:8px!important}.ss-collection-card__overlay{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)!important}.ss-collection-card__title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.shopify-section,section,.section{background:#fff!important}.shopify-section:nth-child(2n){background:#f8f9fa!important}.shopify-section:first-child,[class*=image-banner],[class*=ss-image-banner]{background:transparent!important}.sn-expert-guides,section.sn-expert-guides,.shopify-section .sn-expert-guides{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}[style*="background: #"],[style*=background-color],.section--blue,.section--yellow,.section--grey{background:inherit!important}.ss-usp-bar{background:#1a1a1a!important}.testimonials-conversion,[class*=testimonial]{background:#fafafa!important}.sn-case-studies,.sn-featured-case-studies{background:#fff!important}.ss-video,[class*=video-section]{background:#1a1a1a!important}.ss-multicolumn,[class*=why-choose]{background:#fff!important}.ss-collection-list{background:#f8f9fa!important}.ss-featured-collection{background:#fff!important}.image-with-text{background:linear-gradient(135deg,#fff,#f9f9f9)!important}.seo-rubber-flooring,[class*=seo-content]{background:#fff!important}.footer,footer{background:#1a1a1a!important}[style*="background: linear-gradient(135deg, #fff3cd"],[style*="background: #fff3cd"],[style*="background: #e3f2fd"],[style*="background: #f0f4f8"]{background:#f8f9fa!important}.shopify-section:has(.sn-expert-guides),.shopify-section:has([class*=expert-guides]){background:linear-gradient(135deg,#1a1a2e,#16213e)!important;margin-bottom:0!important}#trustpilot-widget-header,.trustpilot-widget-header,[data-trustpilot-widget=header],[class*=trustpilot][class*=header]:not(.sn-pro-topbar__trustpilot){display:none!important;height:0!important}.collection-seo-content a{color:#7d6508!important}.collection-seo-content a:hover{color:#5a4906!important}.text-with-icons a{color:#7d6508!important}.text-with-icons a:hover{color:#5a4906!important}.footer__aside-title{color:#d0d5d8!important}.footer__title,.footer__title span{color:#f3f5f6!important}.footer__nav-separator{color:#d0d5d8!important}.footer .footer__link-item,.footer .footer__nav a{color:#9aa5ab!important}.footer .footer__link-item:hover,.footer .footer__nav a:hover{color:#d0d5d8!important}.footer p,.footer .footer__bottom p,.footer__copyright{color:#9aa5ab!important} /*# sourceMappingURL=/cdn/shop/t/90/assets/custom.css.map?v=89173459590073710691773011369 */ /* Enhanced Color Swatches - Slip-Not */ .color-swatch-list--enhanced { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px !important; margin-bottom: 8px; } .color-swatch-list--enhanced .color-swatch { margin: 0 !important; } .color-swatch-list--enhanced .color-swatch__item { width: 48px !important; height: 48px !important; border-radius: 8px; border: 2px solid #e0e0e0; box-shadow: 0 2px 4px rgba(0,0,0,0.08); transition: all 0.2s ease; cursor: pointer; } .color-swatch-list--enhanced .color-swatch__item:hover { transform: scale(1.1); box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-color: #015732; } .color-swatch-list--enhanced .color-swatch__radio:checked + .color-swatch__item { border-color: #015732 !important; border-width: 3px; box-shadow: 0 0 0 3px rgba(1, 87, 50, 0.2), 0 4px 12px rgba(0,0,0,0.15); } .color-swatch-list--enhanced .color-swatch--white .color-swatch__item { border: 2px solid #ccc; } /* Color name tooltip on hover */ .color-swatch-list--enhanced .color-swatch { position: relative; } .color-swatch-list--enhanced .color-swatch__item[title]::after { content: attr(title); position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: #333; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; z-index: 100; } .color-swatch-list--enhanced .color-swatch:hover .color-swatch__item[title]::after { opacity: 1; } /* Mobile adjustments */ @media (max-width: 768px) { .color-swatch-list--enhanced .color-swatch__item { width: 44px !important; height: 44px !important; } .color-swatch-list--enhanced .color-swatch__item[title]::after { display: none; } } /* Premium Free Shipping Display - Amazon-inspired */ .in-stock-wrapper { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; padding: 12px 16px; background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border: 1px solid #22c55e; border-radius: 8px; border-left: 4px solid #22c55e; } .in-stock-wrapper > div { display: flex; align-items: center; gap: 10px; } .in-stock-wrapper svg.truck { width: 24px !important; height: 24px !important; min-width: 24px; flex-shrink: 0; } .in-stock-wrapper span { font-size: 14px; font-weight: 600; color: #166534; } /* Quick View Modal - Fix layout */ .product-form__price-wrapper { margin-bottom: 16px; } /* Variant selector/* ============================================ PREMIUM VARIANT SWATCHES - Amazon Style ============================================ */ .product-form__option { margin-bottom: 14px; } .product-form__option-name { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } .product-form__selected-value { color: #0f2540; font-weight: 700; } .product-form__option .block-swatch-list, .product-form__option .color-swatch-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; } /* Block (size/type) chips */ .block-swatch { position: relative; } .block-swatch__radio { position: absolute; opacity: 0; width: 0; height: 0; } .block-swatch__item { display: inline-flex; align-items: center; justify-content: center; padding: 7px 14px; border: 1.5px solid #d1d5db; border-radius: 8px; font-size: 13px; font-weight: 600; color: #111827; background: #fff; cursor: pointer; transition: all 0.15s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; line-height: 1.3; min-width: 44px; text-align: center; user-select: none; box-sizing: border-box; } .block-swatch__item:hover { border-color: #0f2540; background: #f8fafc; } .block-swatch__radio:checked + .block-swatch__item, .block-swatch__radio:checked ~ .block-swatch__item { border-color: #0f2540; border-width: 2px; background: #fff; color: #0f2540; box-shadow: 0 0 0 1px #0f2540; } .block-swatch.is-unavailable .block-swatch__item { color: #9ca3af; border-color: #e5e7eb; background: #f9fafb; position: relative; overflow: hidden; } .block-swatch.is-unavailable .block-swatch__item::after { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #d1d5db; transform: rotate(-15deg); } /* Colour swatches */ .color-swatch-list { gap: 6px !important; } .color-swatch { position: relative; } .color-swatch__radio { position: absolute; opacity: 0; width: 0; height: 0; } .color-swatch__item { display: block; width: 28px; height: 28px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1.5px #d1d5db; cursor: pointer; transition: all 0.15s ease; overflow: hidden; background-size: cover; background-position: center; } .color-swatch__radio:checked + .color-swatch__item { box-shadow: 0 0 0 2px #0f2540; transform: scale(1.1); } .color-swatch__item:hover { box-shadow: 0 0 0 2px #374151; transform: scale(1.05); } .color-swatch--white .color-swatch__item { box-shadow: 0 0 0 1.5px #d1d5db; } .color-swatch--white .color-swatch__radio:checked + .color-swatch__item { box-shadow: 0 0 0 2px #0f2540; } /* Amazon-Style Compact Shipping Badge */ .shipping-badge-amazon { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 10px 0 !important; padding: 8px 12px !important; background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important; border: 1px solid #22c55e !important; border-radius: 6px !important; border-left: 4px solid #22c55e !important; max-height: 44px !important; height: auto !important; width: auto !important; max-width: fit-content !important; box-sizing: border-box !important; } .shipping-badge-amazon svg { width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; flex-shrink: 0 !important; } .shipping-badge-amazon span { font-size: 13px !important; font-weight: 600 !important; color: #166534 !important; white-space: nowrap !important; line-height: 1.2 !important; } /* Hide old in-stock-wrapper completely */ .in-stock-wrapper { display: none !important; } /* Modal fixes */ .modal .shipping-badge-amazon { display: inline-flex !important; } /* Modal specific fixes */ .modal .shipping-badge-amazon, .modal__inner .shipping-badge-amazon, #modal-quick-view .shipping-badge-amazon { display: flex !important; } /* Hide old in-stock-wrapper if any remain */ .in-stock-wrapper { display: none !important; } /* Quick View Modal Layout Improvements */ .modal .product-form__info-item { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin-bottom: 12px; } .modal .product-form__info-title { font-weight: 600; margin-right: 8px; } .modal .product-form__info-content { flex: 1; } .modal .price-list { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; } .modal .price { font-size: 18px !important; font-weight: 700 !important; } .modal .price--highlight { color: #b12704 !important; } .modal .price--compare { font-size: 14px !important; color: #565959 !important; text-decoration: line-through !important; } /* Variant selector in modal */ .modal .product-form__variants { margin-bottom: 16px; } .modal .product-form__option { margin-bottom: 16px; } .modal .block-swatch-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .modal .block-swatch__item { padding: 8px 14px; border: 2px solid #e5e5e5; border-radius: 6px; font-size: 13px; font-weight: 500; background: #fff; cursor: pointer; transition: all 0.15s ease; min-height: auto; line-height: 1.4; } .modal .block-swatch__item:hover { border-color: #015732; background: #f8fdf9; } .modal .block-swatch__radio:checked + .block-swatch__item { border-color: #015732; background: #015732; color: #fff; } /* Fix for Shop Pay and Payment terms in modal */ .modal .shopify-payment-terms, .modal [data-shopify-payment-terms] { margin-top: 12px; } /* Fix quantity selector positioning - ensure it's below variants, not floating */ .product-form__info-list { display: flex !important; flex-direction: column !important; } .product-form__info-list > .product-form__info-item:first-child { order: 1 !important; } .product-form__variants { order: 2 !important; } .product-form__info-items.product-form__info-item--quantity { order: 3 !important; position: relative !important; float: none !important; clear: both !important; width: 100% !important; } .button-wrap { order: 4 !important; clear: both !important; width: 100% !important; } /* Ensure quantity doesn't float to top-right */ .pdp-new .product-form__info-item--quantity, .pdp-new .quantity-selector--product { position: relative !important; float: none !important; top: auto !important; right: auto !important; } /* Clean Professional Quantity Selector - Above Add to Cart */ .qty-clean-wrapper { display: flex; justify-content: center; margin: 15px 0; width: 100%; } .qty-clean { display: inline-flex !important; align-items: center !important; border: 1px solid #d5d9d9 !important; border-radius: 8px !important; overflow: hidden !important; background: #fff !important; box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important; } .qty-clean button { width: 44px !important; height: 44px !important; border: none !important; background: #f7f8fa !important; cursor: pointer !important; font-size: 20px !important; font-weight: 400 !important; color: #333 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.15s !important; } .qty-clean button:hover { background: #e7e9ec !important; } .qty-clean input { width: 60px !important; height: 44px !important; border: none !important; border-left: 1px solid #d5d9d9 !important; border-right: 1px solid #d5d9d9 !important; text-align: center !important; font-size: 16px !important; font-weight: 500 !important; background: #fff !important; -moz-appearance: textfield !important; } .qty-clean input::-webkit-outer-spin-button, .qty-clean input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /* Hide old quantity selector */ .button-wrap .product-form__info-items.product-form__info-item--quantity { display: none !important; } /* Hide Exc VAT prices - show only Inc VAT (Kasim request 16 Mar 2026) */ .exemptify_ex_vat, span.exemptify_ex_vat, .price-wrapper .exemptify_ex_vat, [class*="exemptify_ex"], .product-form__info-content .exemptify_ex_vat, .sticky-add-to-cart .exemptify_ex_vat { display: none !important; } /* Also hide any "Exc. VAT" text labels */ .exemptify_ex_vat_label, .ex-vat-label { display: none !important; } span.sn-calc-total-label { font-weight: bolder; } /* ===================================================== SLIP-NOT PDP CONVERSION OPTIMISATION v2.0 Sticky ATC | Trust Badges | Urgency Timer ===================================================== */ /* === SUPERIOR STICKY ADD TO CART BAR v3.0 === */ /* ---- Base container ---- */ .sn-sticky-atc { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: #111111; border-top: 3px solid #FFD700; box-shadow: 0 -6px 32px rgba(0,0,0,0.55); transform: translateY(100%); transition: transform 0.35s cubic-bezier(0.4,0,0.2,1); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } .sn-sticky-atc.is-visible { transform: translateY(0); } /* ---- Inner layout ---- */ .sn-satc__inner { display: flex; align-items: center; gap: 12px; max-width: 1400px; margin: 0 auto; padding: 10px 20px; } /* ---- Product image ---- */ .sn-satc__img-wrap { flex-shrink: 0; width: 52px; height: 52px; border-radius: 8px; overflow: hidden; border: 2px solid rgba(255,215,0,0.35); background: #1e1e1e; } .sn-satc__img { width: 100%; height: 100%; object-fit: cover; display: block; } /* ---- Product info ---- */ .sn-satc__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; } .sn-satc__title-row { display: flex; align-items: center; gap: 8px; } .sn-satc__title { font-size: 13px; font-weight: 700; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; letter-spacing: -0.01em; } .sn-satc__badge { flex-shrink: 0; background: #FFD700; color: #111111; font-size: 10px; font-weight: 800; padding: 2px 6px; border-radius: 4px; letter-spacing: 0.02em; } .sn-satc__price-row { display: flex; align-items: center; gap: 6px; } .sn-satc__price-sale { font-size: 15px; font-weight: 800; color: #FFD700; letter-spacing: -0.02em; } .sn-satc__price-compare { font-size: 12px; font-weight: 500; color: rgba(255,255,255,0.45); text-decoration: line-through; } /* ---- Trust + Actions ---- */ .sn-satc__actions { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; flex-shrink: 0; } .sn-satc__trust { display: flex; gap: 14px; } .sn-satc__trust-item { display: flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.55); letter-spacing: 0.02em; white-space: nowrap; } .sn-satc__trust-item svg { color: #FFD700; flex-shrink: 0; } /* ---- CTA Button ---- */ .sn-satc__cta-btn { display: flex; align-items: center; gap: 8px; background: #FFD700; color: #111111; border: none; border-radius: 8px; padding: 11px 22px; font-size: 14px; font-weight: 800; font-family: inherit; letter-spacing: -0.01em; cursor: pointer; white-space: nowrap; transition: background 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease; box-shadow: 0 3px 14px rgba(255,215,0,0.3); position: relative; overflow: hidden; } .sn-satc__cta-btn::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 60%); pointer-events: none; } .sn-satc__cta-btn:hover { background: #FFC300; transform: translateY(-1px); box-shadow: 0 5px 20px rgba(255,215,0,0.45); } .sn-satc__cta-btn:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(255,215,0,0.25); } .sn-satc__cta-btn.sn-satc--adding .sn-satc__btn-text::after { content: '...'; } .sn-satc__cart-icon { flex-shrink: 0; } /* ---- Responsive ---- */ @media (max-width: 768px) { .sn-satc__inner { padding: 8px 14px; gap: 10px; } .sn-satc__img-wrap { width: 42px; height: 42px; } .sn-satc__title { font-size: 12px; max-width: 160px; } .sn-satc__price-sale { font-size: 14px; } .sn-satc__trust { display: none; } .sn-satc__cta-btn { padding: 10px 16px; font-size: 13px; gap: 6px; } .sn-satc__actions { gap: 0; } } /* ================================================================ SLIP-NOT® PROFESSIONAL USP BAR v5.0 — COMPLETE REBUILD ================================================================ */ /* --- Global Tokens --- */ :root { --sn-gold: #F5C518; --sn-gold-dark: #C9A000; --sn-black: #111111; --sn-usp-bg: #1C1C1E; --sn-usp-border: rgba(245,197,24,0.3); --sn-white: #ffffff; --sn-white-muted: rgba(255,255,255,0.70); --sn-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --sn-transition: 0.22s ease; } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); /* ================================================================ USP BAR — PROFESSIONAL DARK DESIGN ================================================================ */ /* Section wrapper override */ #shopify-section-header .container-trust, .container-trust { background-color: var(--sn-usp-bg) !important; background-image: none !important; border-top: 3px solid var(--sn-gold) !important; border-bottom: 1px solid rgba(245,197,24,0.15) !important; padding: 0 !important; width: 100% !important; box-sizing: border-box !important; } .row-trust { display: flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: space-between !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background-color: transparent !important; background-image: none !important; } /* ── Column 1: Trustpilot badge ─────────────────────────────── */ .column-trust-1 { display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 0 !important; padding: 12px 24px !important; border-right: 1px solid rgba(255,255,255,0.08) !important; min-height: 72px !important; box-sizing: border-box !important; } .column-trust-1 a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } .column-trust-1 img { width: auto !important; max-width: 200px !important; height: 28px !important; object-fit: contain !important; filter: brightness(1.1) !important; } /* ── Columns 2 & 3: USP items ───────────────────────────────── */ .column-trust-2, .column-trust-3 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; flex: 1 1 0 !important; gap: 16px !important; padding: 14px 28px !important; box-sizing: border-box !important; transition: background var(--sn-transition) !important; } .column-trust-2 { border-right: 1px solid rgba(255,255,255,0.08) !important; } .column-trust-2:hover, .column-trust-3:hover { background-color: rgba(245,197,24,0.06) !important; } /* ── Icon: Remove the gold circle wrapper, show the PNG properly ── */ .trust-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; width: 52px !important; height: 52px !important; background: none !important; background-image: none !important; box-shadow: none !important; border-radius: 0 !important; } /* The PNG icons are already circular yellow icons — show them as-is, full size */ .img-trst { width: 52px !important; height: 52px !important; object-fit: contain !important; filter: none !important; display: block !important; } /* ── USP Text ───────────────────────────────────────────────── */ .trust-text { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 3px !important; } /* Title line — e.g. "Trade Prices" */ .trust-text p:first-child, .trust-text p:first-of-type { color: var(--sn-white) !important; font-family: var(--sn-font) !important; font-weight: 700 !important; font-size: 15px !important; line-height: 1.2 !important; margin: 0 0 2px 0 !important; letter-spacing: 0.01em !important; white-space: nowrap !important; } /* Subtitle line — e.g. "and generous bulk discounts" */ .trust-text p:last-child, .trust-text p:nth-child(2) { color: var(--sn-white-muted) !important; font-family: var(--sn-font) !important; font-weight: 400 !important; font-size: 12px !important; line-height: 1.3 !important; margin: 0 !important; } /* ================================================================ PRODUCT CARDS — Rounded, elevated, professional ================================================================ */ .ss-product-card, .product-card, .card--product, .grid-product { border-radius: 14px !important; box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important; border: 1.5px solid #ebebeb !important; overflow: hidden !important; } .ss-product-card:hover, .product-card:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 32px rgba(0,0,0,0.14) !important; border-color: var(--sn-gold) !important; } .ss-product-card img, .product-card img { transition: transform 0.4s ease !important; } .ss-product-card:hover img, .product-card:hover img { transform: scale(1.04) !important; } /* ================================================================ CTA BUTTONS — Gold gradient, high-conversion ================================================================ */ .btn-cart, .product-form__submit, button[name="add"], [data-action="add-to-cart"] { background: linear-gradient(135deg, var(--sn-gold) 0%, var(--sn-gold-dark) 100%) !important; color: var(--sn-black) !important; font-weight: 700 !important; border: none !important; border-radius: 8px !important; box-shadow: 0 3px 14px rgba(245,197,24,0.28) !important; transition: all 0.22s ease !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; } .btn-cart:hover, .product-form__submit:hover, button[name="add"]:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(245,197,24,0.42) !important; } /* ================================================================ STAR RATINGS — Gold ================================================================ */ .spr-icon-star, .rating__star, [class*="star"], .stamped-fa-star { color: var(--sn-gold) !important; fill: var(--sn-gold) !important; } /* ================================================================ FOOTER GOLD ACCENT ================================================================ */ footer, .site-footer { border-top: 3px solid var(--sn-gold) !important; } /* ================================================================ FORM FOCUS — Gold ring ================================================================ */ input:focus, textarea:focus, select:focus { outline: 2px solid var(--sn-gold) !important; box-shadow: 0 0 0 3px rgba(245,197,24,0.15) !important; } /* ================================================================ TESTIMONIAL CARDS ================================================================ */ .sn-case-study-card, [class*="testimonial"], .review-card { border-left: 4px solid var(--sn-gold) !important; border-radius: 12px !important; box-shadow: 0 2px 16px rgba(0,0,0,0.08) !important; transition: transform 0.22s ease !important; } .sn-case-study-card:hover { transform: translateY(-3px) !important; } /* ================================================================ ACCESSIBILITY & POLISH ================================================================ */ ::selection { background: var(--sn-gold) !important; color: var(--sn-black) !important; } a:focus-visible, button:focus-visible { outline: 2px solid var(--sn-gold) !important; outline-offset: 3px !important; } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb { background: var(--sn-gold); border-radius: 3px; } /* ================================================================ MOBILE ================================================================ */ @media (max-width: 768px) { .column-trust-2, .column-trust-3 { padding: 12px 16px !important; gap: 10px !important; } .img-trst { width: 40px !important; height: 40px !important; } .trust-icon { width: 40px !important; height: 40px !important; } .trust-text p:first-child { font-size: 13px !important; } .trust-text p:last-child { font-size: 11px !important; } .column-trust-1 img { max-width: 140px !important; height: 22px !important; } } /* ================================================================ END SLIP-NOT® v5.0 ================================================================ */ /* ============================================ CART PAGE - Minimal safe enhancements ============================================ */ /* Checkout button - green, always visible, never override layout */ .cart-recap__checkout { background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important; color: #fff !important; border-radius: 10px !important; font-weight: 800 !important; font-size: 16px !important; box-shadow: 0 3px 12px rgba(22,163,74,0.3) !important; transition: all 0.2s !important; } .cart-recap__checkout:hover { box-shadow: 0 5px 18px rgba(22,163,74,0.4) !important; transform: translateY(-1px) !important; } .cart-recap__checkout span { color: #fff !important; } /* Total row emphasis */ .total-price-checkout .cart-recap__price-line-label { font-size: 16px !important; font-weight: 800 !important; } .total-price-checkout .cart-recap__price-line-price { font-size: 20px !important; font-weight: 800 !important; } /* FREE delivery green */ .cart-recap__price-line:nth-of-type(3) .cart-recap__price-line-price { color: #16a34a !important; font-weight: 700 !important; } a.sn-satc__quote:hover { color:white; } /* Mega Menu Link Images */ .mega-menu__link-image { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; flex-shrink: 0; } .mega-menu__link--has-image, .mega-menu__title--has-image { display: flex !important; align-items: center; gap: 10px; } .mega-menu__item { margin-bottom: 2px; } .mega-menu__link--has-image { padding: 4px 0; } /* ============================================ PERFORMANCE FIXES - Sophie AI - July 2026 ============================================ */ /* 1. content-visibility on mega menu dropdowns - browser skips rendering hidden panels */ .sn-mega-nav__dropdown, .sn-mega-nav__panel, .sn-mega-nav__megadrop { content-visibility: auto; contain-intrinsic-size: auto 400px; } /* 2. Hide nav thumbnails on mobile - they serve no purpose and waste bandwidth */ @media (max-width: 1023px) { .sn-mega-nav__thumb, .sn-mega-nav__sublink--with-thumb .sn-mega-nav__thumb, .sn-vtabs__card-img { display: none !important; } } /* 3. Prevent layout shift on images - explicit aspect ratio */ .sn-mega-nav__thumb img { aspect-ratio: 1 / 1; object-fit: cover; width: 40px; height: 40px; } /* 4. Defer featured panel background images until hover */ .sn-mega-nav__item:not(:hover):not(:focus-within) .sn-mega-nav__featured-img { background-image: none !important; } /* 5. Reduce paint area for inactive dropdowns */ .sn-mega-nav__item:not(:hover):not(:focus-within) .sn-mega-nav__dropdown { visibility: hidden; pointer-events: none; }