/* Supplify 2026-10 UX: editorial refinement, catalogue discovery and accessible controls. */
:root{--sup-ux-forest:#203d2c;--sup-ux-forest-deep:#193324;--sup-ux-leaf:#4a6949;--sup-ux-paper:#f7f4ed;--sup-ux-white:#fffefb;--sup-ux-line:#d9e1d5;--sup-ux-muted:#516856}
.tp-shop-area .tp-shop-main-wrapper{min-width:0}
.tp-shop-area .tp-shop-top{padding:17px 21px;border:1px solid var(--sup-ux-line);border-radius:10px;background:var(--sup-ux-white);box-shadow:0 7px 20px rgba(25,51,36,.035)}
.tp-shop-area .tp-shop-top .row{row-gap:13px}
.tp-shop-area .tp-shop-top-result p{font-size:14px;color:var(--sup-ux-muted);line-height:1.55}
.tp-shop-area .tp-shop-widget{padding:21px 19px 18px;background:rgba(255,254,251,.76);border:1px solid var(--sup-ux-line);border-radius:10px}
.tp-shop-area .tp-shop-widget .bb-product-filter-title,.tp-shop-area .tp-shop-widget .tp-shop-widget-title{font-weight:700;letter-spacing:-.018em;color:var(--sup-ux-forest)}
.tp-shop-area .tp-sidebar-search-input input[type="search"]{min-height:48px;padding-left:15px;border:1px solid #becfbe;background:var(--sup-ux-white);border-radius:7px;color:var(--sup-ux-forest-deep)}
.tp-shop-area .tp-shop-top select{min-height:42px;border-radius:6px}
.tp-shop-area .bb-product-filter-link{line-height:1.65}
.tp-shop-area .tp-filter-btn{min-height:42px;display:inline-flex;align-items:center;gap:7px}
.tp-shop-area .tp-product-item-3{background:var(--sup-ux-white);border-color:#dce6da;border-radius:11px;box-shadow:0 3px 12px rgba(32,61,44,.035)}
.tp-shop-area .tp-product-item-3:hover,.tp-shop-area .tp-product-item-3:focus-within{border-color:#a9c4a4;box-shadow:0 16px 35px rgba(32,61,44,.09)}
.tp-product-item-3 .tp-product-title-3{overflow-wrap:anywhere}
.tp-product-item-3 .tp-product-thumb-3{overflow:hidden}
.tp-product-item-3 .tp-product-thumb-3 img{transition:transform .35s ease}
.tp-product-item-3:hover .tp-product-thumb-3 img,.tp-product-item-3:focus-within .tp-product-thumb-3 img{transform:scale(1.028)}
.tp-product-item-3 .sup-availability{display:inline-flex;align-items:center;gap:10px;min-height:39px;width:auto;max-width:100%;border:1px solid #b8cfb4;border-radius:5px;padding:7px 12px;background:#eef4e9;color:var(--sup-ux-forest)!important;font-size:12px!important;font-weight:700;text-decoration:none!important;line-height:1.4}
.tp-product-item-3 .sup-availability::after{content:"↗";font-size:15px;font-weight:500;line-height:1}
.tp-product-item-3 .sup-availability:hover,.tp-product-item-3 .sup-availability:focus-visible{background:var(--sup-ux-forest);border-color:var(--sup-ux-forest);color:#fff!important}
.tp-product-item-3 .tp-product-badge-3 .product-out-stock{background:#e6efdf!important;color:#34543a!important;border-radius:0 0 6px 0;font-weight:650;letter-spacing:.01em}
.tp-product-details-area .tp-product-details-title{line-height:1.14;overflow-wrap:anywhere}
.tp-product-details-area .tp-product-details-description{color:var(--sup-ux-muted);line-height:1.75}
.tp-product-details-area .sup-availability:focus-visible{outline:3px solid #93bd80;outline-offset:4px}
.tp-contact-form .contact-form-input:not([type="checkbox"]),#botble-ecommerce-forms-fronts-auth-login-form input.form-control,#botble-ecommerce-forms-fronts-auth-register-form input.form-control{border:1px solid #bfcfc0!important;border-radius:7px!important;background:var(--sup-ux-white)!important;color:var(--sup-ux-forest-deep)!important;min-height:50px;transition:border-color .15s ease,box-shadow .15s ease}
.tp-contact-form textarea.contact-form-input{min-height:155px!important;resize:vertical}
.tp-contact-form .contact-form-input:not([type="checkbox"]):focus,#botble-ecommerce-forms-fronts-auth-login-form input.form-control:focus,#botble-ecommerce-forms-fronts-auth-register-form input.form-control:focus,.tp-shop-area .tp-sidebar-search-input input[type="search"]:focus{border-color:#477453!important;outline:2px solid transparent!important;box-shadow:0 0 0 3px rgba(119,165,112,.22)!important}
.tp-contact-form .contact-button,#botble-ecommerce-forms-fronts-auth-login-form .btn-auth-submit,#botble-ecommerce-forms-fronts-auth-register-form .btn-auth-submit{min-height:50px;border-radius:6px;letter-spacing:.01em;font-weight:700}
.tp-contact-form label,#botble-ecommerce-forms-fronts-auth-login-form label,#botble-ecommerce-forms-fronts-auth-register-form label{color:var(--sup-ux-forest-deep)}
.tp-contact-form .invalid-feedback,.js-base-form .invalid-feedback{color:#a6382c;font-size:13px;line-height:1.55}
.tp-cart-area .tp-cart-checkout-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:170px;padding:12px 20px;border-radius:6px}
.tp-cart-area .tp-cart-checkout-btn:focus-visible{outline:3px solid #8bb875;outline-offset:4px}
.tp-header-action-btn:focus-visible,.tp-mobile-item-btn:focus-visible,.tp-shop-area .tp-filter-btn:focus-visible,.tp-product-item-3 a:focus-visible{outline:3px solid #81ad71;outline-offset:3px}
.sup-ux-catalog-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#e8f0e1,#f3f7ed);border:1px solid #d4e4ce;border-left:4px solid #3e6843;border-radius:11px;padding:20px 23px;margin:0 0 28px;color:var(--sup-ux-forest)}
.sup-ux-catalog-guide .sup-ux-guide-overline{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#587458;margin-bottom:5px}
.sup-ux-catalog-guide strong{display:block;color:#1d3927;font-size:17px;line-height:1.4;letter-spacing:-.02em}
.sup-ux-catalog-guide p{color:#47604c;font-size:13px;line-height:1.65;margin:5px 0 0;max-width:540px}
.sup-ux-catalog-guide a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border-radius:6px;background:var(--sup-ux-forest);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.sup-ux-catalog-guide a::after{content:"↗";font-size:17px;line-height:1}
.sup-ux-catalog-guide a:hover{background:#40684b}
.sup-ux-catalog-guide a:focus-visible{outline:3px solid #80b777;outline-offset:3px}
.tp-search-area .tp-search-form input[type="search"]{min-height:50px}
.offcanvas__area .tp-offcanvas-category-toggle,.offcanvas__area .dropdown-toggle-btn{min-height:44px}
.cartmini__area .cartmini-close-btn,.tp-search-area .tp-search-close-btn,.offcanvas__area .offcanvas-close-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:991px){
 body:has(#tp-bottom-menu-sticky){padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}
 #tp-bottom-menu-sticky{background:var(--sup-ux-white);box-shadow:0 -9px 30px rgba(22,47,32,.08);border-top:1px solid var(--sup-ux-line)}
 #tp-bottom-menu-sticky .tp-mobile-item-btn{min-height:52px;padding-block:8px}
 .tp-shop-area .tp-shop-top{padding:15px}
 .tp-shop-area .tp-shop-widget{padding:17px}
}
@media(max-width:767px){
 .sup-ux-catalog-guide{align-items:flex-start;flex-direction:column;gap:14px;padding:19px 18px}
 .sup-ux-catalog-guide strong{font-size:16px}
 .sup-ux-catalog-guide a{width:100%;white-space:normal}
 .tp-shop-area .tp-shop-top{margin-bottom:25px!important}
 .tp-shop-area .tp-shop-top-left,.tp-shop-area .tp-shop-top-right{gap:12px;flex-wrap:wrap}
 .tp-shop-area .tp-product-item-3 .sup-availability{font-size:12px!important}
 .tp-contact-form .contact-form-input:not([type="checkbox"]){font-size:16px}
}
@media(max-width:420px){
 .tp-shop-area .tp-shop-item-primary .row-cols-2>.col{flex:0 0 100%;max-width:100%}
 .tp-shop-area .tp-shop-item-primary .tp-product-item-3{max-width:390px;margin-inline:auto}
 .tp-shop-area .tp-product-item-3 .tp-product-thumb-3 img{max-height:360px}
}
@media(prefers-reduced-motion:reduce){
 .tp-product-item-3 .tp-product-thumb-3 img,.tp-shop-area .tp-product-item-3,.sup-ux-catalog-guide a{transition:none!important;transform:none!important}
}
