/* XiaomiBazar CSS Split — PRODUCT v3.21.2. Shared header/navigation foundation moved to base.css; route-only rules preserved in cascade order. */
/* Header */
.xb-site-header{border-bottom:1px solid var(--xb-line)}
































.xb-primary-nav>ul{height:100%;display:flex;align-items:center;margin:0;padding:0;list-style:none}









/* Mobile menu */

.xb-mobile-menu-backdrop{position:absolute;inset:0}
.xb-mobile-menu-panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,390px);background:#fff;padding:20px;overflow:auto}















.xb-btn{min-height:48px;padding:0 19px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11.5px;font-weight:800;border:1px solid transparent}
.xb-btn svg{width:17px;height:17px;transform:scaleX(-1)}







/* Generic home sections */

.xb-heading-note{font-size:10.5px!important;color:var(--xb-muted)!important;direction:rtl!important;letter-spacing:0!important;font-weight:500!important;margin:0!important}

/* Woo product cards */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0!important;padding:0!important}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff;border:1px solid #e1e1dc;border-radius:20px;padding:12px 12px 15px!important;position:relative;overflow:hidden;transition:.2s}
.woocommerce ul.products li.product:hover{border-color:#c5c6c0;transform:translateY(-4px);box-shadow:0 18px 42px rgba(18,19,24,.08)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block}
.woocommerce ul.products li.product a img{width:100%!important;height:245px!important;object-fit:contain;margin:0!important;padding:8px;border-radius:14px;background:#f5f5f2;mix-blend-mode:multiply;transition:.25s}
.woocommerce ul.products li.product:hover a img{transform:scale(1.025)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12.5px!important;line-height:1.75!important;font-weight:800!important;color:var(--xb-ink);padding:14px 3px 0!important;margin:0!important;min-height:58px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product .star-rating{font-size:10px!important;margin:8px 3px 0!important;color:var(--xb-orange)}
.woocommerce ul.products li.product .price{display:flex!important;align-items:baseline;gap:7px;flex-wrap:wrap;font-size:13.5px!important;font-weight:900!important;color:var(--xb-ink)!important;margin:11px 3px 12px!important;min-height:24px}
.woocommerce ul.products li.product .price ins{text-decoration:none!important}
.woocommerce ul.products li.product .price del{color:#a5a6a1!important;font-size:10px!important;font-weight:500!important;opacity:1!important}
.woocommerce ul.products li.product .button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:39px;margin:0!important;background:#f0f0ed!important;color:var(--xb-ink)!important;border-radius:10px!important;padding:8px 10px!important;font-size:10.5px!important;font-weight:800!important;transition:.18s}
.woocommerce ul.products li.product:hover .button{background:var(--xb-ink)!important;color:#fff!important}
.woocommerce ul.products li.product .added_to_cart{font-size:10px;font-weight:800;color:var(--xb-green);text-align:center;display:block;margin-top:8px}
.woocommerce span.onsale{position:absolute!important;top:20px!important;right:20px!important;left:auto!important;min-width:0!important;min-height:0!important;line-height:1!important;margin:0!important;padding:7px 8px!important;background:var(--xb-orange)!important;color:#fff!important;border-radius:8px!important;font-size:9px!important;font-weight:900!important;z-index:5;direction:ltr}
.xb-card-badge{position:absolute;top:20px;left:20px;z-index:5;padding:7px 8px;border-radius:8px;font-size:7.5px;letter-spacing:.08em;font-weight:900;direction:ltr}
.xb-card-badge-dark{background:var(--xb-ink);color:#fff}


.xb-editorial-grid{position:relative;z-index:2;display:grid;grid-template-columns:420px 1fr;gap:60px;align-items:center}
.xb-editorial-copy>span{font-size:8px;letter-spacing:.14em;color:var(--xb-orange);direction:ltr}
.xb-editorial-copy h2{font-size:38px;line-height:1.45;margin:12px 0 18px;font-weight:900;letter-spacing:-.03em}
.xb-editorial-copy p{color:#9c9fa7;font-size:12.5px;line-height:2}
.xb-editorial-copy>a{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#fff;font-size:11px;font-weight:800;border-bottom:1px solid var(--xb-orange);padding-bottom:5px}
.xb-editorial-copy svg{width:17px;transform:scaleX(-1)}
.xb-editorial-picks .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
.xb-editorial-picks .woocommerce ul.products li.product{border-color:#2b2d34;background:#1a1c21}
.xb-editorial-picks .woocommerce ul.products li.product a img{background:#22242a;mix-blend-mode:normal}
.xb-editorial-picks .woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff}
.xb-editorial-picks .woocommerce ul.products li.product .price{color:#fff!important}
.xb-editorial-picks .woocommerce ul.products li.product .button{background:#282a30!important;color:#fff!important}
.xb-editorial-picks .woocommerce ul.products li.product:hover .button{background:var(--xb-orange)!important}
/* Product page */
.woocommerce .woocommerce-breadcrumb{font-size:9.5px;color:#999b9f;margin:0 0 12px!important;padding:0 2px}
.single-product div.product{display:block;background:transparent;margin-bottom:0!important}
.single-product .xb-product-top{display:grid;column-gap:18px;align-items:start;position:relative;isolation:isolate}
.single-product div.product .woocommerce-product-gallery{width:auto!important;float:none!important;margin:0!important;border:1px solid var(--xb-line);position:relative}
.single-product .woocommerce-product-gallery__image a{display:block}
.single-product .woocommerce-product-gallery__image img{margin:auto}
.single-product .flex-control-thumbs{display:flex;overflow:auto}
.single-product .flex-control-thumbs li{float:none!important;border:1px solid var(--xb-line)}
.single-product .flex-control-thumbs img{border-radius:8px}
.single-product div.product .summary{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid var(--xb-line);position:sticky;top:18px;overflow:hidden}
.admin-bar.single-product div.product .summary{top:50px}
.xb-product-signature{display:flex;align-items:center;gap:10px;font-size:9.5px;color:#73767d;margin-bottom:12px}
.xb-product-signature strong{font-weight:800}
.single-product .woocommerce-product-rating{display:flex;align-items:center;gap:8px;margin:0 0 14px!important;font-size:10px}
.single-product .star-rating{color:var(--xb-orange);font-size:11px}
.single-product .summary .price{font-weight:900!important;color:var(--xb-ink)!important;border-top:1px solid #ecece8;border-bottom:1px solid #ecece8}
.single-product .summary .price ins{text-decoration:none!important}
.single-product .summary .price del{color:#a0a29f!important;font-size:13px!important;font-weight:500!important}
.single-product .woocommerce-product-details__short-description ul{padding-right:20px}
.single-product form.cart{display:flex;gap:8px;align-items:stretch;margin:18px 0 0!important}
.single-product form.cart .quantity{float:none!important;margin:0!important}
.single-product .quantity .qty{border:1px solid var(--xb-line);padding:0 6px;outline:0}
.single-product .single_add_to_cart_button{flex:1;background:var(--xb-orange)!important;color:#fff!important;font-weight:900!important}
.single-product .single_add_to_cart_button:hover{background:var(--xb-orange-2)!important}
.single-product table.variations tr{display:grid;align-items:center}
.single-product table.variations th,.single-product table.variations td{padding:0!important}
.single-product table.variations select{width:100%!important;border:1px solid var(--xb-line);padding:0 12px;outline:0;font-size:11px}
.single-product .reset_variations{font-size:9px;color:var(--xb-orange)}
.single-product .product_meta{font-size:9.5px;line-height:2;margin-top:18px;color:#96989e}
.single-product .product_meta>span{display:block}
.single-product .product_meta a{color:#5c5f66}
.xb-buy-confidence{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;padding-top:18px;border-top:1px solid #ecece8}
.xb-buy-confidence>div{min-width:0;background:#f5f5f2;border-radius:12px;padding:10px 9px;display:flex;align-items:center;gap:8px}
.xb-buy-confidence svg{width:18px;height:18px;color:var(--xb-orange);flex:0 0 auto}
.xb-buy-confidence span{min-width:0;display:flex;flex-direction:column;line-height:1.5}
.xb-buy-confidence strong{font-size:9.5px}
.xb-buy-confidence small{font-size:7.5px;color:#96989e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.single-product div.product .woocommerce-tabs{display:block;clear:both;margin-top:18px;background:#fff;border:1px solid var(--xb-line);border-radius:24px;overflow:hidden;position:relative;z-index:2}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:0;margin:0!important;padding:0 24px!important;border-bottom:1px solid var(--xb-line);overflow:auto}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0!important;background:transparent!important;border-radius:0!important;margin:0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:18px 15px!important;font-size:11px!important;font-weight:800!important;color:#7a7d83!important;white-space:nowrap}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--xb-ink)!important;box-shadow:inset 0 -3px 0 var(--xb-orange)}
.woocommerce div.product .woocommerce-tabs .panel{padding:32px 36px!important;margin:0!important;font-size:13.5px;line-height:2.1}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:24px;margin:0 0 18px;font-weight:900}
.woocommerce div.product .woocommerce-tabs table{width:100%;border-collapse:collapse}
.woocommerce div.product .woocommerce-tabs table th,.woocommerce div.product .woocommerce-tabs table td{border-bottom:1px solid #ecece8;padding:12px 10px;text-align:right;font-size:11px}
.single-product .related.products,.single-product .upsells.products{display:block;clear:both;margin-top:34px;background:#fff;border:1px solid var(--xb-line);border-radius:24px;padding:28px;position:relative;z-index:3}
.single-product .related.products>h2,.single-product .upsells.products>h2{font-size:28px;margin:0 0 22px;font-weight:900}
.single-product .related.products ul.products,.single-product .upsells.products ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}
.single-product .related.products ul.products li.product a img,.single-product .upsells.products ul.products li.product a img{height:220px!important}
.woocommerce table.shop_table{border-color:var(--xb-line)!important;border-radius:14px!important}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:13px 11px!important;font-size:11.5px}
.woocommerce a.remove{color:var(--xb-red)!important}

.woocommerce .button,.woocommerce button.button,.woocommerce input.button{border-radius:10px!important;font-weight:800!important}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--xb-orange)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single{min-height:44px;border:1px solid var(--xb-line)!important;border-radius:10px!important;padding:8px 10px;background:#fff}
.woocommerce form .form-row label{font-size:10.5px;font-weight:700}











.comment-list{padding-right:20px}
.comment-body{padding:14px 0;border-bottom:1px solid #ecece8}

/* Footer */
.xb-footer{background:var(--xb-paper);padding-top:22px;color:#fff}
.xb-footer-cta{min-height:210px;background:var(--xb-orange);border-radius:28px 28px 0 0;padding:38px 44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px;position:relative;overflow:hidden}
.xb-footer-cta:after{content:"XB";position:absolute;left:-16px;bottom:-62px;font-size:210px;line-height:1;font-weight:900;color:rgba(18,19,24,.08);letter-spacing:-.08em;direction:ltr}
.xb-footer-cta-copy{position:relative;z-index:2;max-width:760px}
.xb-footer-cta-copy>span{font-size:8px;letter-spacing:.15em;font-weight:900;direction:ltr}
.xb-footer-cta-copy h2{font-size:30px;line-height:1.55;margin:8px 0 8px;font-weight:900;color:#111318}
.xb-footer-cta-copy p{margin:0;color:#3b281f;font-size:11.5px;line-height:2}
.xb-footer-cta-actions{position:relative;z-index:2;display:flex;align-items:center;gap:20px;white-space:nowrap}
.xb-btn-light{background:#fff;color:var(--xb-ink);min-height:48px;border-radius:12px;padding:0 19px}
.xb-btn-light:hover{background:var(--xb-ink);color:#fff}
.xb-footer-text-link{display:inline-flex;align-items:center;gap:7px;color:#17181d;font-size:10.5px;font-weight:900;border-bottom:1px solid rgba(18,19,24,.35);padding-bottom:5px}
.xb-footer-text-link svg,.xb-btn-light svg{width:17px;transform:scaleX(-1)}
.xb-footer-main{background:#101115}
.xb-footer-grid{padding:54px 0 48px;display:grid;grid-template-columns:1.35fr .65fr 1fr;gap:70px;align-items:start}
.xb-footer-wordmark{display:inline-flex;align-items:center;gap:13px}
.xb-footer-wordmark-mark{width:52px;height:52px;display:grid;place-items:center;background:var(--xb-orange);color:#fff;font-size:15px;font-weight:900;letter-spacing:-.04em;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}
.xb-footer-wordmark>span:last-child{display:flex;flex-direction:column;line-height:1.2;direction:ltr;text-align:left}
.xb-footer-wordmark strong{font-size:19px;letter-spacing:.06em}
.xb-footer-wordmark small{font-size:7.5px;color:#757982;letter-spacing:.13em;margin-top:6px}
.xb-footer-brand p{max-width:500px;color:#8d9098;font-size:11.5px;line-height:2;margin:20px 0 0}
.xb-footer-label{font-size:7.5px;color:var(--xb-orange);letter-spacing:.14em;direction:ltr}
.xb-footer-nav h3,.xb-footer-services h3{font-size:17px;line-height:1.7;margin:5px 0 13px}
.xb-footer-nav ul{list-style:none;margin:0;padding:0}
.xb-footer-nav li+li{margin-top:7px}
.xb-footer-nav a{font-size:11px;color:#a9acb3;display:inline-flex;align-items:center;gap:6px}
.xb-footer-nav a:before{content:"";width:0;height:1px;background:var(--xb-orange);transition:.18s}
.xb-footer-nav a:hover{color:#fff}
.xb-footer-nav a:hover:before{width:12px}
.xb-footer-service-list{display:grid;gap:7px}
.xb-footer-service-list>div{display:flex;align-items:center;gap:10px;border:1px solid #282a30;background:#15171c;border-radius:12px;padding:10px 11px}
.xb-footer-service-list svg{width:18px;height:18px;color:var(--xb-orange);flex:0 0 auto}
.xb-footer-service-list span{display:flex;flex-direction:column;line-height:1.55}
.xb-footer-service-list strong{font-size:9.5px}
.xb-footer-service-list small{font-size:8px;color:#777b84}
.xb-footer-bottom{border-top:1px solid #292b31;min-height:58px;display:flex;align-items:center;justify-content:space-between;color:#696c74;font-size:8.5px;direction:ltr}
.xb-footer-bottom p{margin:0}
.xb-footer-bottom>div{display:flex;align-items:center;gap:10px}
.xb-footer-bottom i{width:28px;height:1px;background:var(--xb-orange)}
.xb-footer-bottom strong{color:#878a91;font-size:7px;letter-spacing:.12em}
.xb-mobile-bottom{display:none}
@media (max-width:1180px){.xb-mainbar-inner{grid-template-columns:230px minmax(280px,1fr) auto;gap:18px}
.xb-header-action-copy{display:none}
.xb-header-action{width:50px;padding:0;justify-content:center}
.xb-header-action-icon{background:transparent}
.xb-primary-nav>ul{gap:18px}
.xb-nav-editorial{display:none}
.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
.xb-editorial-grid{grid-template-columns:340px 1fr;gap:36px}
.xb-editorial-picks .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
.single-product .xb-product-top{grid-template-columns:minmax(0,1fr) 430px}
}
@media (max-width:860px){body{padding-bottom:64px}
.xb-container{width:min(calc(100% - 28px),var(--xb-container))}
.xb-topbar-inner{justify-content:center}
.xb-topbar-links,
.xb-topbar-brand>span:last-child{display:none}
.xb-mainbar-inner{height:auto;grid-template-columns:44px 1fr auto;gap:10px;padding:10px 0}
.xb-menu-trigger{display:grid}
.xb-brand-wrap{justify-self:center}
.xb-wordmark-copy{display:none}
.custom-logo{max-width:165px;max-height:48px}
.xb-search-wrap{grid-column:1/-1;grid-row:2;margin-top:2px}
.xb-search-wrap .woocommerce-product-search,.xb-search-wrap .search-form{height:48px}
.xb-header-actions .xb-header-action:first-child{display:none}
.xb-header-action{border:0;width:42px;height:42px}
.xb-navigation-bar{display:none}



.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
.woocommerce ul.products li.product a img{height:220px!important}
.xb-editorial-grid{grid-template-columns:1fr}
.xb-editorial-copy{max-width:620px}
.xb-editorial-picks .woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
.single-product .xb-product-top{display:block}
.single-product div.product .summary{position:static;margin-top:14px!important}
.single-product .product_title{font-size:25px}
.single-product div.product .woocommerce-tabs{margin-top:14px}
.xb-buy-confidence{grid-template-columns:repeat(3,1fr)}
.single-product .related.products,.single-product .upsells.products{padding:20px;margin-top:22px}
.single-product .related.products ul.products,.single-product .upsells.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.single-product .related.products ul.products li.product a img,.single-product .upsells.products ul.products li.product a img{height:190px!important}
.xb-footer-cta{grid-template-columns:1fr;padding:32px;gap:22px}
.xb-footer-cta-actions{justify-content:flex-start}
.xb-footer-grid{grid-template-columns:1fr 1fr;gap:35px}
.xb-footer-brand{grid-column:1/-1}
.xb-mobile-bottom{position:fixed;right:0;left:0;bottom:0;z-index:100;height:62px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--xb-line);display:grid;grid-template-columns:repeat(4,1fr);padding:4px 8px max(4px,env(safe-area-inset-bottom))}
.xb-mobile-bottom a,.xb-mobile-bottom button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:#55585f}
.xb-mobile-bottom svg{width:20px;height:20px}

}
@media (max-width:540px){.xb-container{width:min(calc(100% - 20px),var(--xb-container))}
.xb-wordmark-symbol{width:42px;height:42px;font-size:14px}
.xb-mainbar-inner{grid-template-columns:42px 1fr 42px}
.xb-search-wrap button{min-width:55px}
.xb-btn{width:100%}


.xb-section-heading-row>a,.xb-heading-note{display:none!important}
.woocommerce ul.products{gap:8px}
.woocommerce ul.products li.product{padding:8px 8px 11px!important;border-radius:14px}
.woocommerce ul.products li.product a img{height:170px!important;padding:5px;border-radius:10px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:10.5px!important;min-height:50px;padding-top:10px!important}
.woocommerce ul.products li.product .price{font-size:11.5px!important;margin:8px 2px 9px!important}
.woocommerce ul.products li.product .price del{font-size:8.5px!important}
.woocommerce ul.products li.product .button{font-size:9.5px!important;min-height:36px}
.woocommerce span.onsale{top:13px!important;right:13px!important;font-size:8px!important}
.xb-card-badge{top:13px;left:13px;font-size:6.5px}
.xb-editorial-copy h2{font-size:29px}
.xb-editorial-picks .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
.xb-editorial-picks .woocommerce ul.products li.product:nth-child(3){display:none}
.single-product div.product .woocommerce-product-gallery{padding:10px;border-radius:16px}
.single-product div.product .summary{padding:21px;border-radius:16px}
.single-product .product_title{font-size:21px}
.single-product .summary .price{font-size:20px!important}
.single-product form.cart{flex-wrap:wrap}
.single-product .quantity .qty{width:62px}
.single-product .single_add_to_cart_button{min-width:calc(100% - 70px)}
.xb-buy-confidence{grid-template-columns:1fr 1fr}
.xb-buy-confidence>div:last-child{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0 10px!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:14px 11px!important;font-size:10px!important}
.woocommerce div.product .woocommerce-tabs .panel{padding:23px 18px!important;font-size:12.5px}
.single-product .related.products>h2,.single-product .upsells.products>h2{font-size:23px}
.single-product .related.products,.single-product .upsells.products{padding:13px;border-radius:16px}
.single-product .related.products ul.products li.product a img,.single-product .upsells.products ul.products li.product a img{height:155px!important}
.xb-footer{padding-top:12px}
.xb-footer-cta{border-radius:18px 18px 0 0;padding:28px 20px;min-height:0}
.xb-footer-cta-copy h2{font-size:23px}
.xb-footer-cta-copy p{font-size:10.5px}
.xb-footer-cta-actions{align-items:flex-start;flex-direction:column;gap:13px}
.xb-footer-grid{grid-template-columns:1fr;gap:30px;padding:38px 0}
.xb-footer-brand{grid-column:auto}
.xb-footer-bottom{font-size:8px}
.xb-footer-bottom>div strong{display:none}



}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Signature 3.2 — icon navigation + WooCommerce product mega menu */
.xb-navigation-inner{position:relative}
.xb-product-mega-wrap{display:flex;align-items:stretch;position:static;flex:0 0 auto}
button.xb-all-products{min-width:232px;border:0;font-family:inherit;cursor:pointer;justify-content:flex-start;transition:background .18s ease}
button.xb-all-products:hover,button.xb-all-products[aria-expanded="true"]{background:var(--xb-orange-2)}
.xb-all-products-icon,.xb-all-products-chevron{display:grid;place-items:center;flex:0 0 auto}
.xb-all-products-icon svg{width:19px;height:19px}
.xb-all-products-chevron{margin-right:auto;transition:transform .18s ease}
.xb-all-products-chevron svg{width:15px;height:15px}
button.xb-all-products[aria-expanded="true"] .xb-all-products-chevron{transform:rotate(180deg)}
.xb-primary-nav>ul{gap:20px}
.xb-primary-nav>ul>li>a{display:flex;align-items:center;gap:7px;color:#27292f;transition:color .16s ease}
.xb-primary-nav>ul>li>a .xb-menu-link-icon{width:19px;height:19px;display:grid;place-items:center;color:#7b7e85;transition:color .16s ease,transform .16s ease}
.xb-primary-nav>ul>li>a .xb-menu-link-icon svg{width:17px;height:17px}
.xb-primary-nav>ul>li>a:hover .xb-menu-link-icon,.xb-primary-nav>ul>li.current-menu-item>a .xb-menu-link-icon,.xb-primary-nav>ul>li.current-menu-ancestor>a .xb-menu-link-icon{color:var(--xb-orange);transform:translateY(-1px)}
.xb-primary-nav>ul>li.current-menu-item>a,.xb-primary-nav>ul>li.current-menu-ancestor>a{color:var(--xb-orange)}
.xb-primary-nav .sub-menu .xb-menu-link-icon{display:none}
.xb-product-mega{position:absolute;z-index:90;top:calc(100% + 1px);right:0;left:0;background:#fff;border:1px solid #e4e4df;border-top:3px solid var(--xb-orange);border-radius:0 0 22px 22px;box-shadow:0 28px 70px rgba(18,19,24,.16);padding:24px 26px 28px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);transition:opacity .16s ease,visibility .16s ease,transform .16s ease}
.xb-product-mega-wrap:hover .xb-product-mega,.xb-product-mega-wrap:focus-within .xb-product-mega,.xb-product-mega-wrap.is-open .xb-product-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.xb-product-mega-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2px 18px;margin-bottom:20px;border-bottom:1px solid #ecece7}
.xb-product-mega-head>div{display:flex;align-items:center;gap:12px}
.xb-product-mega-eyebrow{direction:ltr;font-size:8px;letter-spacing:.16em;color:var(--xb-orange);font-weight:800}
.xb-product-mega-head strong{font-size:17px;font-weight:900}
.xb-product-mega-head>a{display:inline-flex;align-items:center;gap:7px;color:var(--xb-orange);font-size:10.5px;font-weight:800}
.xb-product-mega-head>a svg{width:16px;height:16px;transform:scaleX(-1)}
.xb-product-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;max-height:min(560px,70vh);overflow:auto;padding:1px 2px 2px;scrollbar-width:thin}
.xb-product-mega-group{min-width:0;padding:12px;border:1px solid #eeeeea;border-radius:16px;background:#fbfbf9;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.xb-product-mega-group:hover{border-color:#d9d9d2;background:#fff;transform:translateY(-1px)}
.xb-product-mega-parent{display:flex;align-items:center;gap:11px;min-width:0}
.xb-product-mega-thumb{width:52px;height:52px;border-radius:13px;background:#f0f0ed;display:grid;place-items:center;overflow:hidden;flex:0 0 52px;color:#8c8e94}
.xb-product-mega-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.xb-product-mega-thumb svg{width:22px;height:22px}
.xb-product-mega-parent>span:last-child{min-width:0;display:flex;flex-direction:column;line-height:1.45}
.xb-product-mega-parent strong{font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xb-product-mega-parent small{font-size:8.5px;color:#92949a;margin-top:3px}
.xb-product-mega-group ul{list-style:none;margin:11px 0 0;padding:10px 0 0;border-top:1px dashed #deded8;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}
.xb-product-mega-group li{min-width:0}
.xb-product-mega-group li a{display:block;padding:5px 2px;color:#666970;font-size:9.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xb-product-mega-group li a:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#c8c9c5;margin-left:6px;vertical-align:middle}
.xb-product-mega-group li a:hover{color:var(--xb-orange)}
.xb-product-mega-group li a:hover:before{background:var(--xb-orange)}
.xb-mobile-category-list{margin:0 0 14px;padding:14px;border:1px solid #ecece7;border-radius:14px;background:#fafaf8}
.xb-mobile-category-list>strong{display:block;font-size:11px;font-weight:900;margin-bottom:10px}
.xb-mobile-category-list>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.xb-mobile-category-list a{min-width:0;display:flex!important;align-items:center;gap:7px;padding:8px!important;border-radius:9px;background:#fff;border:1px solid #eeeeea;font-size:10px!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xb-mobile-category-list a span{width:20px;height:20px;display:grid;place-items:center;color:var(--xb-orange);flex:0 0 20px}
.xb-mobile-category-list a svg{width:14px;height:14px}
.xb-mobile-menu nav>ul>li>a{display:flex;align-items:center;gap:9px}
.xb-mobile-menu nav>ul>li>a .xb-menu-link-icon{width:24px;height:24px;border-radius:8px;background:#f3f3f0;display:grid;place-items:center;color:#686b72;flex:0 0 24px}
.xb-mobile-menu nav>ul>li>a .xb-menu-link-icon svg{width:15px;height:15px}
.xb-mobile-menu nav>ul>li>a:hover .xb-menu-link-icon{background:#fff0e8;color:var(--xb-orange)}
@media (max-width:1180px) and (min-width:769px){button.xb-all-products{min-width:205px;padding-inline:14px}
.xb-primary-nav>ul{gap:13px}
.xb-primary-nav>ul>li>a{gap:5px;font-size:10.5px}
.xb-primary-nav>ul>li>a .xb-menu-link-icon{width:16px}
.xb-primary-nav>ul>li>a .xb-menu-link-icon svg{width:15px}
.xb-product-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:768px){.xb-product-mega{display:none}
}
/* Signature 3.3 — refined home journal, five-column products, four-column footer */
/* Home product rails: five cards across on desktop, always queried as in-stock. */



/* Four-column footer using the site's two existing footer menus. */
.xb-footer-grid.xb-footer-grid-four{grid-template-columns:minmax(280px,1.28fr) minmax(150px,.62fr) minmax(150px,.62fr) minmax(245px,1fr);gap:42px;padding:54px 0 48px}
.xb-footer-grid-four .xb-footer-brand{min-width:0}
.xb-footer-description{max-width:500px;color:#8d9098;font-size:11px;line-height:2;margin-top:19px}
.xb-footer-description p{margin:0 0 8px}
.xb-footer-description p:last-child{margin-bottom:0}
.xb-footer-grid-four .xb-footer-nav h3,.xb-footer-grid-four .xb-footer-services h3{font-size:15px;margin:5px 0 13px}
.xb-footer-grid-four .xb-footer-nav ul{list-style:none;margin:0;padding:0}
.xb-footer-grid-four .xb-footer-nav li+li{margin-top:7px}
.xb-footer-grid-four .xb-footer-nav a{font-size:10.5px}
@media (max-width:1180px){
.xb-footer-grid.xb-footer-grid-four{grid-template-columns:1.15fr .85fr .85fr;gap:34px}
.xb-footer-grid-four .xb-footer-services{grid-column:1/-1}
.xb-footer-grid-four .xb-footer-service-list{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){

.xb-footer-grid.xb-footer-grid-four{grid-template-columns:1fr 1fr;gap:30px 20px;padding:38px 0}
.xb-footer-grid-four .xb-footer-brand,
.xb-footer-grid-four .xb-footer-services{grid-column:1/-1}
.xb-footer-grid-four .xb-footer-service-list{grid-template-columns:1fr 1fr}
.xb-footer-grid-four .xb-footer-service-list>div:last-child{grid-column:1/-1}
}
@media (max-width:480px){.xb-footer-grid.xb-footer-grid-four{grid-template-columns:1fr}
.xb-footer-grid-four .xb-footer-brand,.xb-footer-grid-four .xb-footer-services{grid-column:auto}
.xb-footer-grid-four .xb-footer-service-list{grid-template-columns:1fr}
.xb-footer-grid-four .xb-footer-service-list>div:last-child{grid-column:auto}
}

/* Signature 3.5 — balanced first scroll / product shelf */

/* v3.7.0 section title system */






.xb-editorial-copy{display:block}

.xb-footer-grid.xb-footer-grid-signature{
  grid-template-columns:minmax(330px,1.2fr) minmax(150px,.55fr) minmax(150px,.55fr) minmax(320px,.95fr);
  gap:34px;
  padding:54px 0 46px;
}
.xb-footer-brand-rich{display:flex;flex-direction:column;gap:18px}
.xb-footer-logo-box{background:#fff;border-radius:20px;padding:18px 20px;display:inline-flex;align-self:flex-start;max-width:100%;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.xb-footer-logo-inner .custom-logo-link{display:inline-flex;align-items:center;justify-content:center}
.xb-footer-logo-inner .custom-logo{max-width:220px;max-height:72px;width:auto;height:auto}
.xb-footer-logo-inner .xb-wordmark{color:#111318}
.xb-footer-description-rich{max-width:540px;color:#a3a7af;font-size:11.5px;line-height:2.1;margin-top:0}
.xb-footer-phone-block h3,.xb-footer-trust h3,.xb-footer-services-compact h3{font-size:16px;line-height:1.7;margin:6px 0 13px}
.xb-footer-phone-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xb-footer-phone-list a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #2a2d33;background:#16181d;border-radius:14px;color:#fff;font-size:12px;font-weight:800;direction:ltr;justify-content:flex-start}
.xb-footer-phone-list a span{direction:ltr}
.xb-footer-phone-list a svg{width:17px;height:17px;color:var(--xb-orange);flex:0 0 auto}
.xb-footer-phone-list a:hover{border-color:#ff6a00;transform:translateY(-1px)}
.xb-footer-meta-column{display:flex;flex-direction:column;gap:22px}
.xb-footer-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.xb-footer-trust-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#111318;border-radius:16px;text-align:center;border:1px solid #efefeb;box-shadow:0 10px 28px rgba(0,0,0,.1)}
.xb-footer-trust-card strong{font-size:12px;font-weight:900;line-height:1.8}
.xb-footer-trust-card small{font-size:9px;line-height:1.9;color:#6b6f76}
.xb-footer-trust-card:hover{transform:translateY(-2px)}
.xb-footer-services-compact .xb-footer-service-list>div{padding:11px 12px}
@media (max-width:1100px){.xb-footer-grid.xb-footer-grid-signature{grid-template-columns:1fr 1fr;gap:28px}
.xb-footer-brand-rich,
.xb-footer-meta-column{grid-column:1/-1}
}
@media (max-width:767px){.xb-footer-grid.xb-footer-grid-signature{grid-template-columns:1fr;padding:38px 0 34px}
.xb-footer-phone-list{grid-template-columns:1fr}
.xb-footer-trust-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.xb-footer-trust-grid{grid-template-columns:1fr}
}
/* Footer navigation: denser, closer to the original information architecture */
.xb-footer-grid-signature .xb-footer-menu-column h3{margin-bottom:16px}
.xb-footer-grid-signature .xb-footer-menu-column ul{display:grid;gap:9px}
.xb-footer-grid-signature .xb-footer-menu-column li{margin:0!important}
.xb-footer-grid-signature .xb-footer-menu-column a{font-size:11px;line-height:1.7;color:#aeb1b8}
.xb-footer-grid-signature .xb-footer-menu-column a:hover{color:#fff}
/* v3.9.5: one vertical rhythm for the whole homepage + journal edge alignment */


/* v3.9.8: clearer dropdown affordance + submenu arrows + footer text ad */
.xb-primary-nav>ul>li.menu-item-has-children>a{
  gap:6px;
}
.xb-menu-parent-chevron{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  margin-right:1px;
  color:#8a8d94;
  transition:color .16s ease,transform .16s ease;
}
.xb-menu-parent-chevron svg{
  width:13px;
  height:13px;
  stroke-width:1.8;
}
.xb-primary-nav>ul>li.menu-item-has-children:hover>a .xb-menu-parent-chevron,
.xb-primary-nav>ul>li.current-menu-ancestor>a .xb-menu-parent-chevron{
  color:var(--xb-orange);
  transform:translateY(1px);
}
.xb-primary-nav .sub-menu a{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:38px;
}
.xb-submenu-link-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.xb-submenu-arrow{
  flex:0 0 auto;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  color:#9a9da3;
  transition:color .16s ease,transform .16s ease;
}
.xb-submenu-arrow svg{
  width:13px;
  height:13px;
  transform:scaleX(-1);
}
.xb-primary-nav .sub-menu a:hover .xb-submenu-arrow{
  color:var(--xb-orange);
  transform:translateX(-2px);
}
.xb-mobile-menu nav>ul>li.menu-item-has-children>a{
  display:flex;
  align-items:center;
  gap:7px;
}
.xb-mobile-menu .xb-menu-parent-chevron{
  margin-right:auto;
}
.xb-mobile-menu .sub-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.xb-mobile-menu .sub-menu .xb-submenu-arrow{
  color:#a0a3a9;
}
.xb-footer-text-ad{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #292c32;
  font-size:10.5px;
  line-height:1.8;
}
.xb-footer-text-ad span{
  color:#8f939b;
}
.xb-footer-text-ad a{
  color:var(--xb-orange);
  font-weight:900;
  text-decoration:none;
  border-bottom:1px solid rgba(255,105,0,.4);
  padding-bottom:1px;
}
.xb-footer-text-ad a:hover{
  color:#fff;
  border-bottom-color:var(--xb-orange);
}
@media (max-width:767px){.xb-footer-text-ad{font-size:10px}
}
/* v3.9.9: store address above footer phones */
.xb-footer-address{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px;padding:12px 13px;border:1px solid #2a2d33;background:#16181d;border-radius:14px;color:#fff}
.xb-footer-address-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:rgba(255,106,0,.08);color:var(--xb-orange)}
.xb-footer-address-icon svg{width:18px;height:18px}
.xb-footer-address>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.xb-footer-address strong{font-size:10px;font-weight:900;color:#fff}
.xb-footer-address address{margin:0;font-style:normal;font-size:10px;line-height:2;color:#a9adb5}
@media (max-width:767px){.xb-footer-address{padding:11px 12px}
.xb-footer-address address{font-size:9.5px}
}






/* v3.12.1 — single article width, stable sticky TOC, closed FAQ accordions */



.xb-category-content-label{display:flex;align-items:center;gap:10px;margin-bottom:9px;direction:ltr;justify-content:flex-end}
.xb-category-content-label span{font-size:7px;letter-spacing:.14em;font-weight:900;color:var(--xb-orange)}
.xb-category-content-label i{width:40px;height:1px;background:#dedfd9}
.xb-category-bottom-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #ecece8}
.xb-category-bottom-head>div{display:flex;flex-direction:column}
.xb-category-bottom-head span{font-size:7.5px;letter-spacing:.14em;font-weight:900;color:var(--xb-orange);direction:ltr;text-align:right}
.xb-category-bottom-head strong{font-size:22px;line-height:1.6;color:var(--xb-ink)}
.xb-category-bottom-head>i{width:72px;height:3px;border-radius:99px;background:var(--xb-orange)}
@media (max-width:767px){.xb-category-bottom-head{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:14px;margin-bottom:15px}
.xb-category-bottom-head strong{font-size:19px}
}
/* v3.14.0 — product experience. Home page intentionally untouched. */
/* Archive + related card image stage: same clean visual language as Home. */
.xb-catalog-content .woocommerce ul.products li.product,
.single-product .related.products ul.products li.product,
.single-product .upsells.products ul.products li.product{
  background:#fff;
  border-color:#e6e6e0;
  box-shadow:0 7px 22px rgba(18,19,24,.025);
  padding:11px 11px 13px!important;
}
.xb-catalog-content .woocommerce ul.products li.product:hover,
.single-product .related.products ul.products li.product:hover,
.single-product .upsells.products ul.products li.product:hover{
  border-color:#d6d7d0;
  box-shadow:0 17px 38px rgba(18,19,24,.075);
  transform:translateY(-3px);
}
.xb-catalog-content .woocommerce ul.products li.product a img,
.single-product .related.products ul.products li.product a img,
.single-product .upsells.products ul.products li.product a img{
  background:linear-gradient(145deg,#fff 0%,#fff 72%,#fff8f2 100%)!important;
  box-shadow:inset 0 0 0 1px #efefea!important;
  mix-blend-mode:normal!important;
  padding:13px!important;
}
.xb-catalog-content .woocommerce ul.products li.product:hover a img,
.single-product .related.products ul.products li.product:hover a img,
.single-product .upsells.products ul.products li.product:hover a img{
  box-shadow:inset 0 0 0 1px #e5e5df!important;
}
.xb-loop-card-context{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:10px 3px 0;
  min-height:27px;
}
.xb-loop-brand{
  min-width:0;
  max-width:58%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7c7f86;
  font-size:8px;
  font-weight:900;
  direction:ltr;
  text-align:left;
  letter-spacing:.02em;
}
.xb-loop-stock{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  font-size:8px;
  font-weight:850;
  color:#777a80;
}
.xb-loop-stock i,.xb-single-stock i,.xb-product-detail-aside-meta span:last-child i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#9da0a5;
  flex:0 0 auto;
}
.xb-loop-stock.is-instock,.xb-single-stock.is-instock,.xb-product-detail-aside-meta .is-instock{color:#19885b}
.xb-loop-stock.is-instock i,.xb-single-stock.is-instock i,.xb-product-detail-aside-meta .is-instock i{background:#20a86d;box-shadow:0 0 0 4px rgba(32,168,109,.08)}
.xb-loop-stock.is-backorder,.xb-single-stock.is-backorder,.xb-product-detail-aside-meta .is-backorder{color:#a66b0b}
.xb-loop-stock.is-backorder i,.xb-single-stock.is-backorder i,.xb-product-detail-aside-meta .is-backorder i{background:#e69a20}
.xb-loop-stock.is-outofstock,.xb-single-stock.is-outofstock,.xb-product-detail-aside-meta .is-outofstock{color:#a55e5e}
.xb-loop-stock.is-outofstock i,.xb-single-stock.is-outofstock i,.xb-product-detail-aside-meta .is-outofstock i{background:#c77979}
.xb-catalog-content .woocommerce ul.products li.product .woocommerce-loop-product__title,
.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
.single-product .upsells.products ul.products li.product .woocommerce-loop-product__title{
  padding:8px 3px 0!important;
  min-height:57px;
  font-size:12px!important;
  line-height:1.78!important;
  font-weight:900!important;
}
.xb-catalog-content .woocommerce ul.products li.product .price,
.single-product .related.products ul.products li.product .price,
.single-product .upsells.products ul.products li.product .price{
  padding-top:9px;
  border-top:1px solid #f0f0eb;
  margin-top:8px!important;
}
.xb-catalog-content .woocommerce ul.products li.product .button,
.single-product .related.products ul.products li.product .button,
.single-product .upsells.products ul.products li.product .button{
  min-height:41px!important;
  border:1px solid #ecece6!important;
  background:#f5f5f2!important;
  border-radius:11px!important;
  gap:7px;
}
.xb-catalog-content .woocommerce ul.products li.product .button:after,
.single-product .related.products ul.products li.product .button:after,
.single-product .upsells.products ul.products li.product .button:after{
  content:"←";
  font-size:13px;
  line-height:1;
  opacity:.55;
}
.xb-catalog-content .woocommerce ul.products li.product:hover .button,
.single-product .related.products ul.products li.product:hover .button,
.single-product .upsells.products ul.products li.product:hover .button{
  background:#15171c!important;
  border-color:#15171c!important;
  color:#fff!important;
}
/* Single product title/context and purchase controls. */
.xb-single-product-context{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
}
.xb-single-brand{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#f4f4f1;
  border:1px solid #e9e9e4;
  color:#4f5259;
  font-size:9px;
  font-weight:900;
  direction:ltr;
}
.xb-single-stock{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  font-size:9px;
  font-weight:900;
}
.single-product form.cart,
.single-product .woocommerce-variation-add-to-cart{
  align-items:stretch;
  gap:8px;
}
.single-product .woocommerce-variation-add-to-cart{
  display:flex;
  flex-wrap:wrap;
}
.single-product .summary .button:not(.single_add_to_cart_button),
.single-product .summary a[href*="compare"],
.single-product .summary :is(a,button)[class*="compare"]{
  width:100%;
  min-height:46px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border:1px solid var(--xb-orange)!important;
  background:#fff!important;
  color:var(--xb-orange)!important;
  border-radius:11px!important;
  font-size:10.5px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.single-product .summary .button:not(.single_add_to_cart_button):hover,
.single-product .summary a[href*="compare"]:hover,
.single-product .summary :is(a,button)[class*="compare"]:hover{
  background:#fff7f1!important;
}
.single-product .quantity .qty{background:#fafaf8}
/* Restore smart compare section. */
.single-product .xb-smart-compare-section{
  position:relative;
  z-index:3;
}
.single-product .xb-smart-compare-section:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:5px;
  height:100%;
  background:var(--xb-orange);
}
.xb-smart-compare-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px;padding:0 5px 14px;border-bottom:1px solid #ecece7}
.xb-smart-compare-heading span{color:var(--xb-orange);font-size:7.5px;font-weight:900;letter-spacing:.14em;direction:ltr}
.xb-smart-compare-heading h2{margin:0;font-size:23px;line-height:1.5;font-weight:950}
.xb-smart-compare-output{min-width:0}
.xb-smart-compare-output img{max-width:100%;height:auto}
/* Long details: content + sticky product visual sidebar, like the previous site. */
.single-product .xb-product-detail-layout{
  clear:both;
  display:grid;
  align-items:start;
  direction:ltr;
  position:relative;
  z-index:2;
}
.single-product .xb-product-detail-layout>.woocommerce-tabs{
  direction:rtl;
  min-width:0;
  margin:0!important;
}
.single-product .xb-product-detail-aside{
  direction:rtl;
  min-width:0;
}
.single-product .xb-product-detail-aside-card{
  border:1px solid var(--xb-line);
  background:#fff;
  overflow:hidden;
}
.xb-product-detail-aside-label{display:block;margin:0 0 11px;color:var(--xb-orange);font-size:7px;font-weight:900;letter-spacing:.14em;direction:ltr;text-align:left}
.xb-product-detail-aside-image{
  min-height:245px;
  display:grid;
  place-items:center;
  padding:12px;
  border-radius:15px;
}
.xb-product-detail-aside-image img{width:100%;height:245px;object-fit:contain}
.xb-product-detail-aside-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:#777a80;font-size:8.5px;font-weight:900}
.xb-product-detail-aside-meta span:last-child{display:inline-flex;align-items:center;gap:5px}
.xb-product-detail-aside-title{display:block;margin:10px 0 7px;font-size:11.5px;line-height:1.85;font-weight:950}
.xb-product-detail-aside-price{font-size:13px;font-weight:950;color:var(--xb-ink);padding:9px 0 11px;border-top:1px solid #f0f0eb}
.xb-product-detail-aside-price ins{text-decoration:none}
.xb-product-detail-aside-price del{font-size:9px;color:#a0a29f;font-weight:500}
.xb-product-detail-aside-cta{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;background:#15171c;color:#fff;font-size:9.5px;font-weight:900}
.xb-product-detail-aside-cta svg{width:15px;transform:scaleX(-1)}
.xb-product-detail-aside-cta:hover{background:var(--xb-orange);color:#fff}
/* Product reviews, aligned with the editorial comment UI. */
.single-product #reviews{margin:0;padding:0}
.single-product #reviews #comments{margin:0}
.single-product #reviews #comments>h2{
  margin:0 0 18px;
  padding:0 0 14px;
  border-bottom:1px solid #ecece7;
  font-size:21px;
  line-height:1.6;
  font-weight:950;
}
.single-product #reviews ol.commentlist{list-style:none;margin:0;padding:0!important;display:grid;gap:10px}
.single-product #reviews ol.commentlist li{margin:0!important;padding:0!important;border:0!important}
.single-product #reviews ol.commentlist li .comment_container{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  padding:15px;
  border:1px solid #e8e8e3;
  border-radius:15px;
  background:#fafaf8;
}
.single-product #reviews ol.commentlist li img.avatar{
  position:static!important;
  float:none!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #e4e4df!important;
  border-radius:14px!important;
  background:#fff!important;
}
.single-product #reviews ol.commentlist li .comment-text{
  margin:0!important;
  padding:0!important;
  border:0!important;
  min-width:0;
}
.single-product #reviews .meta{margin:0 0 7px!important;color:#96999f!important;font-size:9px!important}
.single-product #reviews .woocommerce-review__author{color:#282b30;font-size:10.5px;font-weight:950}
.single-product #reviews .description{font-size:11.5px;line-height:2;color:#4d5056}
.single-product #reviews .description p{margin:0}
.single-product #reviews .star-rating{float:left;margin:1px 0 6px!important}
.single-product #review_form_wrapper{
  margin-top:20px;
  padding:22px;
  border:1px solid #e5e5df;
  border-radius:18px;
  background:linear-gradient(180deg,#fafaf8,#fff);
}
.single-product #review_form #respond{margin:0!important}
.single-product #review_form .comment-reply-title{display:block;margin:0 0 4px;font-size:19px;font-weight:950}
.single-product #review_form .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.single-product #review_form .comment-form>p{margin:0}
.single-product #review_form .comment-form-rating,
.single-product #review_form .comment-form-comment,
.single-product #review_form .comment-notes,
.single-product #review_form .comment-form-cookies-consent,
.single-product #review_form .form-submit{grid-column:1/-1}
.single-product #review_form label{display:block;margin:0 0 7px;font-size:9.5px;font-weight:900;color:#44474d}
.single-product #review_form textarea,
.single-product #review_form input[type="text"],
.single-product #review_form input[type="email"]{
  width:100%;
  border:1px solid #deded8;
  border-radius:12px;
  background:#fff;
  outline:0;
  font-family:inherit;
  color:#22252a;
}
.single-product #review_form textarea{min-height:150px;padding:13px;resize:vertical;line-height:2}
.single-product #review_form input[type="text"],
.single-product #review_form input[type="email"]{height:46px;padding:0 13px}
.single-product #review_form textarea:focus,
.single-product #review_form input:focus{border-color:#ffad77;box-shadow:0 0 0 3px rgba(255,105,0,.07)}
.single-product #review_form .comment-form-rating{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #ecece6}
.single-product #review_form .comment-form-rating label{margin:0}
.single-product #review_form p.stars{margin:0!important}
.single-product #review_form p.stars a{color:#d0d1cc!important;font-size:19px}
.single-product #review_form p.stars:hover a,
.single-product #review_form p.stars.selected a{color:var(--xb-orange)!important}
.single-product #review_form .form-submit input{
  min-height:44px;
  padding:0 20px;
  border:0;
  border-radius:11px;
  background:var(--xb-orange);
  color:#fff;
  font-family:inherit;
  font-size:10.5px;
  font-weight:950;
  cursor:pointer;
}
.single-product #review_form .form-submit input:hover{background:var(--xb-orange-2)}
/* Related section polish. */
.single-product .related.products,.single-product .upsells.products{overflow:hidden}
.single-product .related.products>h2,.single-product .upsells.products>h2{padding-right:14px;position:relative}
.single-product .related.products>h2:after,.single-product .upsells.products>h2:after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:4px;border-radius:10px;background:var(--xb-orange)}
.single-product .related.products:before,.single-product .upsells.products:before{content:"RELATED / NEWER MATCHES";display:block;color:var(--xb-orange);font-size:7px;font-weight:900;letter-spacing:.14em;direction:ltr;margin:0 14px 7px;text-align:right}
@media (max-width:1100px){.single-product .xb-product-detail-layout{grid-template-columns:235px minmax(0,1fr);gap:14px}
.xb-product-detail-aside-image,.xb-product-detail-aside-image img{min-height:205px;height:205px}
.single-product .xb-product-detail-layout .woocommerce-tabs .panel{padding:24px!important}
}
@media (max-width:860px){.single-product .xb-product-detail-layout{display:block;margin-top:14px}
.single-product .xb-product-detail-aside{display:none}
.single-product .product_title{font-size:24px;padding:13px 14px}
.single-product .xb-smart-compare-section{padding:18px;border-radius:17px}
.xb-smart-compare-heading{align-items:flex-start;flex-direction:column;gap:5px}
.xb-smart-compare-heading h2{font-size:20px}
}
@media (max-width:560px){.xb-loop-card-context{padding-top:8px}
.xb-loop-brand,.xb-loop-stock{font-size:7.3px}
.single-product .xb-single-product-context{flex-wrap:wrap}
.single-product .product_title{font-size:21px;line-height:1.55}
.single-product #reviews ol.commentlist li .comment_container{grid-template-columns:38px 1fr;padding:12px}
.single-product #reviews ol.commentlist li img.avatar{width:38px!important;height:38px!important;border-radius:11px!important}
.single-product #review_form_wrapper{padding:15px}
.single-product #review_form .comment-form{grid-template-columns:1fr}
}
/* Related/upsell cards use the exact same clean stage. */
.single-product :is(.related.products,.upsells.products) ul.products li.product a img{
  background:linear-gradient(145deg,#fff 0%,#fff 78%,#fff8f2 100%)!important;
  box-shadow:inset 0 0 0 1px #f0f0eb!important;
  mix-blend-mode:normal!important;
  padding:12px!important;
}
/* Product hero: keep the successful two-column concept, but make it feel intentional. */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary{
  border-color:#e6e6e0;
  box-shadow:0 12px 34px rgba(18,19,24,.045);
}
.single-product div.product .woocommerce-product-gallery{
  background:#fff;
}
.single-product .woocommerce-product-gallery__wrapper{
  border-radius:18px;
  background:linear-gradient(145deg,#fff 0%,#fff 78%,#fff8f2 100%);
}
.single-product .woocommerce-product-gallery__image img{
  background:transparent!important;
  mix-blend-mode:normal!important;
}
.single-product .woocommerce-product-details__short-description{
  margin:0 0 16px;
  color:#50535a;
}
/* Smart compare: no duplicate section title and no giant empty framing. */
.single-product .xb-smart-compare-section{
  margin-top:18px;
}
.single-product .xb-smart-compare-heading{
  min-height:22px;
  margin:0 0 8px;
  padding:0 3px 7px;
  border-bottom:1px solid #efefe9;
  justify-content:flex-start;
}
.single-product .xb-smart-compare-heading span{
  font-size:7px;
}
.single-product .xb-smart-compare-output{
  min-width:0;
  scrollbar-width:thin;
  scrollbar-color:#d7d7d1 transparent;
}
.single-product .xb-smart-compare-output h2,
.single-product .xb-smart-compare-output h3{
  font-size:19px!important;
  line-height:1.6!important;
  margin:4px 0 12px!important;
}
.single-product .xb-smart-compare-output :is(.products,.compare-products,.xb-compare-grid,.xb-smart-compare-grid){
  gap:10px!important;
}
.single-product .xb-smart-compare-output :is(article,.product,.compare-item,.xb-compare-item){
  min-width:0;
}
/* Critical grid fix: sidebar was auto-placed on row 2 after the tabs. */
.single-product .xb-product-detail-layout{
  grid-template-columns:270px minmax(0,1fr);
  gap:16px;
}
.single-product .xb-product-detail-layout>.woocommerce-tabs{
  grid-column:2;
  grid-row:1;
  align-self:start;
}
.single-product .xb-product-detail-aside{
  grid-column:1;
  grid-row:1;
}
.single-product .xb-product-detail-aside-card{
  padding:14px;
  border-radius:18px;
  box-shadow:0 12px 34px rgba(18,19,24,.05);
}
.admin-bar.single-product .xb-product-detail-aside-card{top:48px}
.single-product .xb-product-detail-aside-image{
  min-height:220px;
  padding:10px;
  background:linear-gradient(145deg,#fff 0%,#fff 78%,#fff8f2 100%);
}
.single-product .xb-product-detail-aside-image img{height:220px}
.single-product .xb-product-detail-layout .woocommerce-tabs .panel{
  padding:24px 26px!important;
}
/* Tabs/details need a stronger visual hierarchy but not another oversized box. */
.single-product .xb-product-detail-layout>.woocommerce-tabs{
  border-radius:20px;
  border-color:#e6e6e0;
  box-shadow:0 10px 28px rgba(18,19,24,.03);
}
.single-product .xb-product-detail-layout>.woocommerce-tabs ul.tabs{
  background:#fcfcfa;
}
.single-product .xb-product-detail-layout>.woocommerce-tabs .panel h2:first-child{
  margin-top:0;
}
/* Related section: compact and visually connected to the rest of product page. */
.single-product .related.products,
.single-product .upsells.products{
  margin-top:20px;
  padding:20px;
  border-radius:20px;
  border-color:#e6e6e0;
  box-shadow:0 10px 28px rgba(18,19,24,.025);
}
.single-product .related.products ul.products,
.single-product .upsells.products ul.products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media (max-width:1100px){.single-product .xb-product-top{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr)}
.single-product .xb-product-detail-layout{grid-template-columns:230px minmax(0,1fr);gap:13px}
.single-product .xb-product-detail-aside-image,.single-product .xb-product-detail-aside-image img{min-height:190px;height:190px}
}
@media (max-width:900px){.single-product .xb-product-top{display:block}
.single-product div.product .summary{position:static;margin-top:14px!important}
.single-product .xb-product-detail-layout{display:block}
.single-product .xb-product-detail-aside{display:none}
.single-product .related.products ul.products,.single-product .upsells.products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* v3.15.1: product polish — localized sale badge, lean smart compare, robust sticky details card. */
.single-product .xb-smart-compare-section{
  clear:both;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.single-product .xb-smart-compare-section:before,
.single-product .xb-smart-compare-heading{
  display:none!important;
}
.single-product .xb-smart-compare-output{
  width:100%;
  padding:0!important;
  margin:0!important;
  overflow-x:auto;
  overflow-y:visible;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
/* Remove empty/decorative first-level wrappers from the compare shortcode without touching its cards. */
.single-product .xb-smart-compare-output > :is(.container,.wrapper,.section):empty,
.single-product .xb-smart-compare-output > :is(.xb-compare-header,.compare-header,.smart-compare-header):empty{
  display:none!important;
}
.single-product .xb-smart-compare-output > *:first-child{
  margin-top:0!important;
}
/* Sticky the grid item itself; this is more reliable than sticking only its inner card. */
.single-product .xb-product-detail-layout,
.single-product .xb-product-detail-aside,
.single-product div.product,
.single-product .xb-main,
.single-product .woocommerce{
  overflow:visible!important;
}
.single-product .xb-product-detail-aside{
  position:sticky!important;
  align-self:start!important;
  height:max-content!important;
  z-index:5;
}
.single-product .xb-product-detail-aside-card{
  position:static!important;
  top:auto!important;
}
@media (max-width:1024px){.single-product .xb-product-detail-aside{
    position:static!important;
    top:auto!important;
  }
}
/* v3.16.0 — product hero + sitewide breadcrumb polish. Home remains untouched. */
/* One breadcrumb language across WooCommerce, editorial and static pages. */
.xb-site-breadcrumb{
  position:relative;
  z-index:20;
  padding:12px 0 0;
  background:var(--xb-bg,#f7f7f4);
}
.xb-site-breadcrumb ol{
  min-width:0;
  min-height:50px;
  margin:0;
  padding:7px 9px;
  display:flex;
  align-items:center;
  gap:0;
  list-style:none;
  background:#fff;
  border:1px solid #e8e8e3;
  border-radius:15px;
  box-shadow:0 8px 24px rgba(18,19,24,.025);
  overflow:hidden;
}
.xb-site-breadcrumb li{
  min-width:0;
  display:flex;
  align-items:center;
  color:#8b8e94;
  font-size:11px;
  font-weight:650;
  line-height:1.5;
  white-space:nowrap;
}
.xb-site-breadcrumb li+li:before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.xb-site-breadcrumb a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#666970;
}
.xb-site-breadcrumb a:hover{color:var(--xb-orange)}
.xb-breadcrumb-home-icon{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
  border-radius:10px;
  color:#fff;
  background:var(--xb-orange);
}
.xb-breadcrumb-home-icon svg{width:16px;height:16px;stroke-width:1.8}
.xb-site-breadcrumb .is-current{
  overflow:hidden;
  color:var(--xb-ink);
  font-weight:850;
}
.xb-site-breadcrumb .is-current>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:min(48vw,560px);
}
/* Woo's old breadcrumb may survive third-party hooks; never show a duplicate. */
.woocommerce .woocommerce-breadcrumb{display:none!important}
/* Product hero: tighter gallery, better first viewport balance. */
.single-product .xb-main{padding-top:16px}
.single-product .xb-product-top{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
}
.single-product div.product .woocommerce-product-gallery{
  padding:14px 14px 12px;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(18,19,24,.035);
}
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery .flex-viewport{
  border-radius:17px;
  background:linear-gradient(145deg,#fff 0%,#fff 82%,#fff9f4 100%);
}
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a{
  min-height:430px;
}
.single-product .woocommerce-product-gallery__image img{
  width:100%!important;
  height:430px!important;
  max-height:430px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.single-product .flex-control-thumbs{
  gap:7px!important;
  margin:9px 0 0!important;
  padding:0 2px 1px!important;
  scroll-snap-type:x proximity;
}
.single-product .flex-control-thumbs li{
  width:68px!important;
  flex:0 0 68px;
  padding:4px;
  border-radius:11px;
  background:#fff;
  scroll-snap-align:start;
}
.single-product .flex-control-thumbs img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
  top:12px!important;
  left:12px!important;
  right:auto!important;
  width:38px!important;
  height:38px!important;
  border:1px solid #ecece7;
  border-radius:11px;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(18,19,24,.05);
}
/* Purchase card — actual brand logo, strong title block and clearer hierarchy. */
.single-product div.product .summary{
  padding:22px 24px 20px;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(18,19,24,.04);
}
.single-product .xb-single-product-context{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.single-product .xb-single-brand-logo{
  padding:5px 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid #ecece7;
  background:#fff;
}
.single-product .xb-single-brand-logo img,
.single-product .xb-product-brand-logo-image{
  display:block;
  width:auto!important;
  max-width:74px!important;
  height:auto!important;
  max-height:29px!important;
  object-fit:contain!important;
}
.single-product .xb-single-stock{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  background:#f1faf4;
  color:#278b50;
  font-weight:850;
}
.single-product .xb-single-stock i{width:6px;height:6px;border-radius:50%;background:currentColor}
.single-product .xb-single-stock.is-outofstock{background:#fff1ef;color:#c64b3f}
.single-product .xb-single-stock.is-backorder{background:#fff7eb;color:#b97013}
.single-product .xb-product-signature{
  color:#8b8e94;
}
.single-product .product_title{
  position:relative;
  margin:0 0 12px!important;
  padding:17px 20px 18px 22px!important;
  border:1px solid #e9e9e4!important;
  border-right:0!important;
  border-radius:16px!important;
  background:linear-gradient(110deg,#fbfbf9 0%,#fff 72%,#fff8f2 100%)!important;
  box-shadow:inset -5px 0 0 var(--xb-orange);
  font-size:clamp(25px,2vw,30px)!important;
  line-height:1.48!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
.single-product .product_title:after{
  content:"";
  position:absolute;
  right:20px;
  bottom:8px;
  width:54px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--xb-orange),rgba(255,91,0,.18));
}
.single-product .summary .price{
  margin:12px 0 14px!important;
  padding:12px 0!important;
  font-size:24px!important;
}
.single-product .woocommerce-product-details__short-description{
  font-size:12px;
  line-height:1.95;
  margin-bottom:14px;
}
/* Make variation controls and CTAs feel like one purchase system. */
.single-product form.variations_form.cart{display:block!important}
.single-product table.variations{width:100%!important}
.single-product table.variations tr{
  grid-template-columns:78px minmax(0,1fr);
  gap:8px;
}
.single-product .single_variation_wrap{margin-top:8px}
.single-product .woocommerce-variation-add-to-cart,
.single-product form.cart:not(.variations_form){
  display:flex!important;
  align-items:stretch!important;
  gap:9px!important;
  flex-wrap:nowrap!important;
}
.single-product .quantity .qty{
  width:72px!important;
  height:56px!important;
  border-radius:13px!important;
  font-size:13px!important;
}
.single-product .single_add_to_cart_button{
  min-height:56px!important;
  padding:12px 22px!important;
  border-radius:13px!important;
  font-size:13px!important;
  letter-spacing:-.01em;
  box-shadow:0 11px 24px rgba(255,91,0,.16)!important;
}
.single-product .summary a[href*="compare"],
.single-product .summary :is(a,button)[class*="compare"]{
  min-height:54px!important;
  margin-top:9px!important;
  border-radius:13px!important;
  font-size:12.5px!important;
}
.single-product .xb-buy-confidence>div{
  background:#f8f8f5;
  border:1px solid #efefe9;
}
@media (max-width:1100px){.single-product .xb-product-top{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr)}
.single-product .woocommerce-product-gallery__image,
  .single-product .woocommerce-product-gallery__image a{min-height:390px}
.single-product .woocommerce-product-gallery__image img{height:390px!important;max-height:390px!important}
}
@media (max-width:900px){.xb-site-breadcrumb{padding-top:8px}
.xb-site-breadcrumb ol{min-height:46px;border-radius:13px;overflow-x:auto;scrollbar-width:none}
.xb-site-breadcrumb ol::-webkit-scrollbar{display:none}
.xb-site-breadcrumb .is-current>span{max-width:58vw}
.single-product .woocommerce-product-gallery__image,
  .single-product .woocommerce-product-gallery__image a{min-height:360px}
.single-product .woocommerce-product-gallery__image img{height:360px!important;max-height:360px!important}
.single-product div.product .summary{padding:19px;margin-top:12px!important}
.single-product .product_title{font-size:24px!important;padding:15px 17px 17px 19px!important}
}
@media (max-width:560px){.xb-site-breadcrumb li{font-size:10px}
.xb-breadcrumb-home-icon{width:31px;height:31px;flex-basis:31px}
.xb-site-breadcrumb li+li:before{width:21px}
.single-product div.product .woocommerce-product-gallery{padding:10px}
.single-product .woocommerce-product-gallery__image,
  .single-product .woocommerce-product-gallery__image a{min-height:310px}
.single-product .woocommerce-product-gallery__image img{height:310px!important;max-height:310px!important}
.single-product .flex-control-thumbs li{width:60px!important;flex-basis:60px}
.single-product .flex-control-thumbs img{width:50px!important;height:50px!important}
.single-product .xb-single-brand-logo{width:82px;height:38px}
.single-product .xb-single-brand-logo img{max-width:66px!important;max-height:25px!important}
.single-product .woocommerce-variation-add-to-cart,
  .single-product form.cart:not(.variations_form){flex-wrap:wrap!important}
.single-product .single_add_to_cart_button{flex:1 1 calc(100% - 82px)!important}
}
/* One price visual language everywhere. */
.xb-price-unified{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;direction:rtl;font-weight:900}
.xb-price-unified del{color:#a2a5aa!important;font-size:.72em!important;font-weight:500!important;opacity:1!important;text-decoration-thickness:1px;order:1}
.xb-price-unified ins{color:var(--xb-orange)!important;text-decoration:none!important;font-weight:950!important;order:2}
.xb-price-range{display:inline-flex;align-items:baseline;gap:4px;direction:rtl;white-space:nowrap}
.xb-price-range .woocommerce-Price-amount,.xb-price-value .woocommerce-Price-amount{color:inherit!important}
.xb-price-separator{color:currentColor;opacity:.65;font-weight:700;padding:0 1px}
.woocommerce ul.products li.product .price>.xb-price-unified:not(.is-sale),
.single-product .summary .price>.xb-price-unified:not(.is-sale),
.xb-product-detail-aside-price>.xb-price-unified:not(.is-sale){color:var(--xb-ink)!important}
.woocommerce ul.products li.product .price>.xb-price-unified.is-sale ins,
.single-product .summary .price>.xb-price-unified.is-sale ins,
.xb-product-detail-aside-price>.xb-price-unified.is-sale ins{color:var(--xb-orange)!important}






/* Product top becomes a balanced 3-column system: gallery / highlights / purchase. */
@media (min-width:1181px){.single-product .xb-product-top{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr) minmax(315px,.9fr)!important;
    gap:14px!important;
    align-items:stretch!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery,
  .single-product .xb-product-top>.xb-product-middle,
  .single-product .xb-product-top>.summary{
    min-width:0;
    width:100%!important;
    height:100%!important;
    float:none!important;
    margin:0!important;
    align-self:stretch!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery{grid-column:1;grid-row:1}
.single-product .xb-product-top>.xb-product-middle{grid-column:2;grid-row:1}
.single-product .xb-product-top>.summary{grid-column:3;grid-row:1;position:relative!important;top:auto!important}
}
.single-product .xb-product-middle{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:21px 22px 20px;
  border:1px solid var(--xb-line);
  border-radius:22px;
  background:linear-gradient(155deg,#fff 0%,#fff 78%,#fff9f4 100%);
  box-shadow:0 10px 28px rgba(18,19,24,.035);
  overflow:hidden;
}
.single-product .xb-product-middle:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(180deg,var(--xb-orange),rgba(255,91,0,.08) 72%,transparent)}
.single-product .xb-product-middle-head{padding:0 2px 13px;margin-bottom:14px;border-bottom:1px solid #eeeeea;display:flex;flex-direction:column;gap:5px}
.single-product .xb-product-middle-head span{font-size:7.5px;letter-spacing:.13em;color:var(--xb-orange);direction:ltr;text-align:right;font-weight:900}
.single-product .xb-product-middle-head strong{font-size:17px;line-height:1.65;font-weight:950;color:var(--xb-ink)}
.single-product .xb-product-middle-content{margin:0!important;padding:0!important;font-size:11.6px!important;line-height:1.95!important;color:#52555c!important;scrollbar-width:thin;scrollbar-color:#deded8 transparent;flex:1}
.single-product .xb-product-middle-content p{margin:0 0 12px}
.single-product .xb-product-middle-content ul{margin:10px 0 0!important;padding:0!important;list-style:none!important;display:grid;gap:7px}
.single-product .xb-product-middle-content li{position:relative;padding-right:18px;line-height:1.75}
.single-product .xb-product-middle-content li:before{content:"✓";position:absolute;right:0;top:0;color:#2e9a62;font-weight:900}
.single-product .xb-product-middle-specs{border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;color:var(--xb-ink)}
.single-product .xb-product-middle-specs svg{width:15px;height:15px;color:var(--xb-orange);transform:scaleX(-1)}
.single-product .xb-product-middle-specs:hover{border-color:#ffb48d;background:#fffaf7}
/* Make the gallery fit the same visual height as the other two cards. */
.single-product .xb-product-top>.woocommerce-product-gallery{display:flex!important;flex-direction:column!important}
.single-product .xb-product-top>.woocommerce-product-gallery .flex-viewport,
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{flex:1;min-height:0}
.single-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs{margin-top:8px!important}
.single-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs li{width:58px!important;flex-basis:58px!important}
.single-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs img{width:48px!important;height:48px!important}
/* Purchase column: compact because product description now lives in the middle. */
.single-product .xb-product-top>.summary{display:flex;flex-direction:column}
.single-product .xb-product-top>.summary .product_title{font-size:clamp(22px,1.65vw,27px)!important;line-height:1.48!important;padding:14px 16px 15px 18px!important;margin-bottom:10px!important}
.single-product .xb-product-top>.summary .price{font-size:21px!important}
.single-product .xb-product-top>.summary form.cart{margin-top:11px!important}
.single-product .xb-product-top>.summary .xb-buy-confidence{margin-top:auto!important}
/* Tablet: gallery + purchase on first row, highlights below them. */
@media (min-width:821px) and (max-width:1180px){.single-product .xb-product-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;align-items:stretch!important}
.single-product .xb-product-top>.woocommerce-product-gallery{grid-column:1;grid-row:1}
.single-product .xb-product-top>.summary{grid-column:2;grid-row:1;position:static!important;margin:0!important}
.single-product .xb-product-top>.xb-product-middle{grid-column:1/-1;grid-row:2;min-height:0}
.single-product .xb-product-middle-content{max-height:none}
}
@media (max-width:820px){.single-product .xb-product-top{display:flex!important;flex-direction:column!important;gap:12px!important}
.single-product .xb-product-top>.woocommerce-product-gallery{order:1}
.single-product .xb-product-top>.xb-product-middle{order:2}
.single-product .xb-product-top>.summary{order:3;position:static!important}
.single-product .xb-product-middle{padding:18px;border-radius:17px}
.single-product .xb-product-middle-content{max-height:none;overflow:visible}
}
/* Trust images and social channels. */
.xb-footer-trust-card{min-height:108px!important;padding:9px!important;overflow:hidden}
.xb-footer-trust-card img{display:block;max-width:88px;width:auto;height:86px;object-fit:contain;margin:auto}
.xb-footer-socials-wrap{margin-top:16px;padding-top:15px;border-top:1px solid #292c32}
.xb-footer-socials-wrap>strong{display:block;margin-bottom:10px;color:#fff;font-size:10.5px;font-weight:900}
.xb-footer-socials{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xb-footer-socials a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #2b2e35;border-radius:10px;background:#17191e;color:#b9bcc3;transition:.18s}
.xb-footer-socials a:hover{background:var(--xb-orange);border-color:var(--xb-orange);color:#fff;transform:translateY(-2px)}
.xb-footer-socials svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}
.xb-footer-socials svg circle{fill:none}
/* ======================================================================
   v3.17.1 — purchase controls + confidence cards + first-scroll pricing.
   Related product pricing is the reference visual language.
   ====================================================================== */
/* Purchase controls: quantity + add-to-cart are one row; compare owns its own row. */
.single-product .summary .woocommerce-variation-add-to-cart,
.single-product .summary form.cart:not(.variations_form){
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:stretch!important;
  width:100%!important;
}
.single-product .summary .quantity{
  grid-column:1!important;
  grid-row:1!important;
  width:72px!important;
}
.single-product .summary .single_add_to_cart_button{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  line-height:1.45!important;
  white-space:normal!important;
}
.single-product .summary .woocommerce-variation-add-to-cart :is(a,button)[class*="compare"],
.single-product .summary form.cart:not(.variations_form) :is(a,button)[class*="compare"],
.single-product .summary .woocommerce-variation-add-to-cart a[href*="compare"],
.single-product .summary form.cart:not(.variations_form) a[href*="compare"]{
  grid-column:1/-1!important;
  grid-row:auto!important;
  width:100%!important;
  margin:0!important;
}
.single-product .summary > a[href*="compare"],
.single-product .summary > :is(a,button)[class*="compare"]{
  display:flex!important;
  width:100%!important;
  clear:both!important;
  margin:9px 0 0!important;
}
/* Confidence items must show their full meaning; never ellipsize service copy. */
.single-product .xb-buy-confidence{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.single-product .xb-buy-confidence>div{
  min-height:70px!important;
  padding:10px 9px!important;
  align-items:center!important;
  overflow:visible!important;
}
.single-product .xb-buy-confidence span{overflow:visible!important}
.single-product .xb-buy-confidence strong{
  font-size:9.2px!important;
  line-height:1.55!important;
  white-space:normal!important;
}
.single-product .xb-buy-confidence small{
  display:block!important;
  margin-top:2px!important;
  font-size:7.2px!important;
  line-height:1.55!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
/* "Full specifications" acts like a real tab CTA and has enough visual affordance. */
.single-product .xb-product-middle-specs{
  cursor:pointer!important;
  border-color:#dddeda!important;
}
.single-product .xb-product-middle-specs:hover{color:var(--xb-orange)!important}
/* First-scroll product prices: match approved Related-product pricing exactly.
   Old price = muted + centered strike; active price = orange only. */








@media (max-width:560px){.single-product .summary .woocommerce-variation-add-to-cart,
  .single-product .summary form.cart:not(.variations_form){grid-template-columns:64px minmax(0,1fr)!important}
.single-product .summary .quantity{width:64px!important}
.single-product .xb-buy-confidence{grid-template-columns:1fr!important}
.single-product .xb-buy-confidence>div{min-height:56px!important}
}






/* Hero products without a sale still use the same orange active-price baseline. */



/* ======================================================================
   v3.18.0 — product UX + compact FAQ + sticky header final pass.
   Home composition remains untouched; only shared pricing can change there.
   ====================================================================== */
/* Header + menu stay available while reading/shopping, but compact after scroll. */
.xb-site-header{position:sticky!important;top:0;z-index:999;transition:box-shadow .2s ease;background:#fff}
body.admin-bar .xb-site-header{top:32px}
.xb-site-header.is-compact{box-shadow:0 9px 28px rgba(18,19,24,.09)}
.xb-site-header.is-compact .xb-topbar{display:none}
.xb-site-header.is-compact .xb-mainbar-inner{height:64px}
.xb-site-header.is-compact .custom-logo{max-height:43px}
.xb-site-header.is-compact .xb-search-wrap .woocommerce-product-search,
.xb-site-header.is-compact .xb-search-wrap .search-form,
.xb-site-header.is-compact .xb-header-action{height:44px}
.xb-site-header.is-compact .xb-navigation-inner{height:48px}
.xb-site-header.is-compact .xb-all-products:after{border-top-width:24px;border-bottom-width:24px}
@media (max-width:782px){body.admin-bar .xb-site-header{top:46px}
}
@media (max-width:820px){.xb-site-header{top:0!important}
.xb-site-header.is-compact .xb-mainbar-inner{height:58px}
}
/* Product H1 is page-level, not part of the purchase card. */
.single-product .xb-product-page-title{
  width:100%;border:1px solid var(--xb-line);
  border-radius:18px;background:linear-gradient(100deg,#fff 0%,#fff 78%,#fff7f1 100%);
  position:relative;overflow:hidden;box-shadow:0 7px 22px rgba(18,19,24,.025)
}
.single-product .xb-product-page-title:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--xb-orange)}
.single-product .xb-product-page-title-kicker{display:block;margin-bottom:5px;font-size:7.5px;font-weight:900;letter-spacing:.13em;color:var(--xb-orange);direction:ltr;text-align:right}
.single-product .xb-product-page-title h1{margin:0!important;border:0!important;background:none!important;box-shadow:none!important;font-size:clamp(23px,2vw,32px)!important;line-height:1.55!important;font-weight:950!important;max-width:none!important}
.single-product .xb-product-top>.summary .product_title{display:none!important}
/* Keep 3 columns, but stop forcing the tallest column's whitespace onto the others. */
@media (min-width:1181px){.single-product .xb-product-top{align-items:start!important;grid-template-columns:minmax(0,1.06fr) minmax(300px,.90fr) minmax(315px,.92fr)!important}
.single-product .xb-product-top>.woocommerce-product-gallery,
  .single-product .xb-product-top>.xb-product-middle,
  .single-product .xb-product-top>.summary{height:auto!important;min-height:0!important;align-self:start!important}
}
.single-product .xb-product-middle{min-height:0!important}
.single-product .xb-product-middle-content{overflow:visible!important;max-height:none!important}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{min-height:315px!important}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img{height:315px!important;max-height:315px!important;object-fit:contain!important}
/* Variable color selector becomes real swatches (native select remains the source of truth). */
.single-product .variations tr.xb-has-color-swatches select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.xb-color-swatches{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:4px 0;min-height:40px}
.xb-color-swatch{width:28px;height:28px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--xb-swatch,#d9d9d9);box-shadow:0 0 0 1px #d8d8d4;cursor:pointer;position:relative;transition:.16s}
.xb-color-swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #ffc3a3}
.xb-color-swatch.is-active{box-shadow:0 0 0 2px var(--xb-orange)}
.xb-color-swatch.is-active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:950;color:var(--xb-check,#fff);text-shadow:0 1px 2px rgba(0,0,0,.2)}
/* CTA hierarchy: strong buy button, full-width compare row. */
.single-product .summary form.cart{display:flex!important;gap:9px!important;align-items:stretch!important;flex-wrap:wrap!important}
.single-product .summary .quantity{flex:0 0 64px!important;height:50px!important;margin:0!important}
.single-product .summary .quantity input{height:50px!important}
.single-product .summary .single_add_to_cart_button{min-height:50px!important;flex:1 1 calc(100% - 76px)!important;margin:0!important;border-radius:11px!important;font-size:12.5px!important;font-weight:950!important}
.single-product .summary :is(a,button).compare,
.single-product .summary :is(a,button)[class*="compare"],
.single-product .summary a[href*="compare"]{
  width:100%!important;min-width:100%!important;min-height:46px!important;margin:8px 0 0!important;padding:0 18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid var(--xb-orange)!important;
  border-radius:11px!important;background:#fff!important;color:var(--xb-orange)!important;font-size:11.5px!important;font-weight:950!important;line-height:1!important
}
.single-product .summary :is(a,button).compare:hover,
.single-product .summary :is(a,button)[class*="compare"]:hover,
.single-product .summary a[href*="compare"]:hover{background:#fff6f0!important}
/* Lowest variation only: no range separator should leak from legacy cached markup. */
.woocommerce ul.products li.product .price .xb-price-range,
.single-product .summary>.price .xb-price-range{white-space:nowrap}
/* Product-spec CTA is large enough and clearly actionable. */
.single-product .xb-product-middle-specs{min-height:48px!important;margin-top:15px!important;border:1.5px solid #deded9!important;font-size:11.5px!important}
/* ONE compact FAQ system for posts, single products and product-category content. */
body.single-post .xb-prose :is(details,.rank-math-list-item,.schema-faq-section,.uagb-faq-item),
body.single-product .woocommerce-Tabs-panel :is(details,.rank-math-list-item,.schema-faq-section,.uagb-faq-item),
body.tax-product_cat .xb-category-bottom-content :is(details,.rank-math-list-item,.schema-faq-section,.uagb-faq-item){
  min-height:0!important;height:auto!important;margin:8px 0!important;padding:0!important;border:1px solid #e4e4df!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important
}
body.single-post .xb-prose details::before,body.single-post .xb-prose details::after,
body.single-product .woocommerce-Tabs-panel details::before,body.single-product .woocommerce-Tabs-panel details::after,
body.tax-product_cat .xb-category-bottom-content details::before,body.tax-product_cat .xb-category-bottom-content details::after{content:none!important;display:none!important}
/* ======================================================================
   v3.18.1 — sticky header hysteresis + exact split accents + product CTA
   and desktop gallery/highlights height alignment. Home layout untouched.
   ====================================================================== */
/* Exact 50/50 signature rule: orange on the left, ink on the right. */
.single-product div.product .summary:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  height:5px!important;
  z-index:4!important;
  background:linear-gradient(90deg,var(--xb-orange) 0 50%,var(--xb-ink) 50% 100%)!important;
}
/* Desktop product hero: gallery and highlights must end on the same baseline.
   Purchase remains content-sized, but it participates in the same row naturally. */
@media (min-width:1181px){.single-product .xb-product-top{
    align-items:stretch!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery,
  .single-product .xb-product-top>.xb-product-middle{
    align-self:stretch!important;
    height:auto!important;
    min-height:100%!important;
  }
.single-product .xb-product-top>.summary{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
  }
.single-product .xb-product-top>.xb-product-middle{
    display:flex!important;
    flex-direction:column!important;
  }
.single-product .xb-product-middle-content{
    flex:1 1 auto!important;
  }
.single-product .xb-product-middle-specs{
    margin-top:auto!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery{
    display:flex!important;
    flex-direction:column!important;
  }
}
/* Compare CTA: robust even when a compare plugin adds an unknown wrapper/class. */
.single-product .summary .xb-compare-holder{
  width:100%!important;
  min-width:100%!important;
  flex:1 0 100%!important;
  display:block!important;
  clear:both!important;
  margin:0!important;
}
.single-product .summary .xb-compare-cta{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  min-height:50px!important;
  height:auto!important;
  flex:1 0 100%!important;
  margin:9px 0 0!important;
  padding:11px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.5!important;
  border:1.5px solid var(--xb-orange)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--xb-orange)!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:none!important;
  float:none!important;
}
.single-product .summary .xb-compare-cta:hover{
  background:#fff6f0!important;
  color:#e94f00!important;
}
/* Compact header switches instantly; only its shadow is animated. This prevents
   a height-transition looking like a flash at the activation boundary. */
.xb-site-header .xb-topbar,
.xb-site-header .xb-mainbar-inner,
.xb-site-header .xb-navigation-inner,
.xb-site-header .custom-logo,
.xb-site-header .xb-header-action,
.xb-site-header .xb-search-wrap .woocommerce-product-search,
.xb-site-header .xb-search-wrap .search-form{
  transition:none!important;
}
/* ======================================================================
   v3.18.3 — FlexSlider-safe product gallery sizing/centering.
   Do NOT alter the slider viewport/wrapper display model or transforms.
   ====================================================================== */
@media (min-width:821px){/* The gallery card can match the Highlights card height, while the slider
     itself stays a normal WooCommerce FlexSlider viewport. */
.single-product .xb-product-top>.woocommerce-product-gallery .flex-viewport{
    flex:0 0 auto!important;
    width:100%!important;
    margin-top:auto!important;
    margin-bottom:auto!important;
    overflow:hidden!important;
  }
/* Only center content INSIDE each slide link. Never turn the viewport or
     wrapper into flex/grid, because FlexSlider owns those dimensions/transforms. */
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image,
  .single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
    min-height:380px!important;
    height:380px!important;
    overflow:hidden!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
    display:grid!important;
    place-items:center!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
    width:94%!important;
    height:370px!important;
    max-height:370px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:scale(1.06)!important;
    transform-origin:center center!important;
  }
}
@media (max-width:820px){.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
    object-position:center center!important;
    transform:none!important;
  }
}
/* ======================================================================
   v3.18.4 — single-product cleanup pass requested after v3.18.3.
   Scope: breadcrumb direction, product hero accent, title spacing,
   compare CTA/layout, and compact compare-section spacing.
   ====================================================================== */
/* Breadcrumbs: force a clean RTL reading order and neutral separators. */
.xb-site-breadcrumb ol{
  direction:rtl!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
}
.xb-site-breadcrumb li{direction:rtl!important}
.xb-site-breadcrumb li+li:before{
  content:"/"!important;
  width:auto!important;
  padding:0 11px!important;
  color:#c7c9cd!important;
  font-size:11px!important;
  font-weight:700!important;
  transform:none!important;
}
.xb-site-breadcrumb a,
.xb-site-breadcrumb li>span{display:inline-flex;align-items:center;min-width:0}
/* Page-level product heading: more breathing room and a proper underline. */
.single-product .xb-product-page-title{
  margin:0 0 14px!important;
  padding:16px 22px 18px!important;
}
.single-product .xb-product-page-title h1{
  display:inline-block!important;
  position:relative!important;
  padding:0 0 12px!important;
}
.single-product .xb-product-page-title h1:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:88px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--xb-orange) 0%,rgba(255,91,0,.18) 100%);
}
/* Featured gallery: decorative orange stage starts from the gallery itself. */
.single-product .xb-product-top>.woocommerce-product-gallery{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.single-product .xb-product-top>.woocommerce-product-gallery:after{
  position:absolute;
  top:14px;
  right:14px;
  bottom:14px;
  width:92px;
  border-radius:26px;
  background:linear-gradient(180deg,#fff8f1 0%,#fff2e6 100%);
  z-index:0;
  pointer-events:none;
}
.single-product .xb-product-top>.woocommerce-product-gallery > *{position:relative;z-index:1}
/* Purchase card cleanup: tighter rhythm and calmer hierarchy. */
.single-product .xb-product-top>.summary{
  padding:18px 19px 17px!important;
}
.single-product .xb-single-product-context{
  min-height:38px!important;
  margin:0 0 10px!important;
  align-items:flex-start!important;
}
.single-product .xb-single-brand-logo{
  width:86px!important;
  height:38px!important;
  border-radius:11px!important;
}
.single-product .xb-single-stock{
  padding:6px 9px!important;
  font-size:9px!important;
}
.single-product .xb-product-signature{
  margin:0 0 9px!important;
  padding:0!important;
  font-size:9px!important;
}
.single-product .xb-product-top>.summary .price{
  margin:10px 0 12px!important;
  padding:10px 0!important;
}
.single-product table.variations{
  margin:0 0 9px!important;
}
.single-product table.variations tr{
  margin-bottom:8px!important;
}
.single-product table.variations label{
  font-size:10.5px!important;
  font-weight:850!important;
}
.single-product table.variations select{
  min-height:46px!important;
  border-radius:12px!important;
  background:#fcfcfa!important;
}
.single-product .summary .woocommerce-variation-add-to-cart,
.single-product .summary form.cart:not(.variations_form){
  margin-top:8px!important;
}
.single-product .xb-buy-confidence{
  margin-top:12px!important;
  padding-top:12px!important;
}
/* Robust compare row: the button owns its own full-width row under the cart. */
.single-product .summary .xb-compare-row{
  width:100%!important;
  display:block!important;
  clear:both!important;
  margin:9px 0 0!important;
}
.single-product .summary .xb-compare-row .xb-compare-holder{
  width:100%!important;
  margin:0!important;
}
.single-product .summary .xb-compare-row .xb-compare-cta{
  min-height:48px!important;
  margin:0!important;
}
.single-product .summary .xb-compare-duplicate{display:none!important}
/* Compare block below hero: keep it visually attached to the rest of the page. */
.single-product .xb-smart-compare-section{
  margin:14px 0 14px!important;
}
.single-product .xb-smart-compare-output,
.single-product .xb-smart-compare-output>*{
  margin-top:0!important;
  margin-bottom:0!important;
}
.single-product .xb-smart-compare-output>:is(div,section,article,ul,.products,.compare-products,.xb-compare-grid,.xb-smart-compare-grid){
  padding-top:0!important;
  padding-bottom:0!important;
}
.single-product .xb-product-detail-layout{
  margin-top:14px!important;
}
@media (max-width:900px){.single-product .xb-product-page-title h1:after{width:72px}
.single-product .xb-product-top>.woocommerce-product-gallery:after{
    top:10px;
    right:10px;
    bottom:10px;
    width:72px;
    border-radius:22px;
  }
}
/* ======================================================================
   v3.18.5 — single-product gallery simplification + sticky-offset fixes.
   Requested: remove zoom/magnifier, use archive-style image stage,
   keep sticky aside below the sticky header, and fix specs-tab scroll offset.
   ====================================================================== */
/* Main product gallery: no zoom/lightbox affordances, no floating peach pill. */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.single-product .woocommerce-product-gallery .zoomImg{
  display:none!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery:after{
  content:none!important;
  display:none!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery{
  padding:14px!important;
  background:#fff!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.single-product .xb-product-top>.woocommerce-product-gallery .flex-viewport{
  border-radius:18px!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
  cursor:default!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs li{
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #efefea!important;
}
/* Long-description sticky visual card: keep it safely below the sticky header. */
.single-product .xb-product-detail-aside{
  top:112px!important;
}
.admin-bar.single-product .xb-product-detail-aside{
  top:144px!important;
}
/* Specs jump target must never hide under the sticky header. */
.single-product :is(#tab-additional_information,#xb-product-specifications,.woocommerce-Tabs-panel--additional_information,[id*="specification"]){
  scroll-margin-top:126px!important;
}
.admin-bar.single-product :is(#tab-additional_information,#xb-product-specifications,.woocommerce-Tabs-panel--additional_information,[id*="specification"]){
  scroll-margin-top:158px!important;
}
@media (max-width:1024px){.single-product .xb-product-detail-aside{
    top:auto!important;
  }
}
@media (max-width:820px){.single-product :is(#tab-additional_information,#xb-product-specifications,.woocommerce-Tabs-panel--additional_information,[id*="specification"]){
    scroll-margin-top:98px!important;
  }
.admin-bar.single-product :is(#tab-additional_information,#xb-product-specifications,.woocommerce-Tabs-panel--additional_information,[id*="specification"]){
    scroll-margin-top:128px!important;
  }
}
/* ======================================================================
   v3.18.6 — gallery peach accent moved to top overlay layer.
   Requested: keep image stage white, place the peach accent above the image
   instead of tinting the white/transparent outer areas from behind.
   ====================================================================== */
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.single-product .xb-product-top>.woocommerce-product-gallery .flex-viewport{
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #f0f0eb!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
  position:relative!important;
  overflow:hidden!important;
}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  z-index:2;
  background:
    radial-gradient(circle at 88% 22%, rgba(255,205,176,.22) 0 15%, rgba(255,205,176,0) 42%),
    linear-gradient(90deg, rgba(255,255,255,0) 0 68%, rgba(255,228,209,.36) 100%);
}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
  position:relative!important;
  z-index:1!important;
}
/* ======================================================================
   v3.18.7 — peach-accent normalization across product cards/stages.
   Requested: wherever the peach product-stage background is used on
   homepage boxes, archive cards, related products, and the long-description
   sidebar, move that peach treatment to a front overlay layer.
   ====================================================================== */
/* 1) Product-card image stages: keep the base white, then paint the peach
   accent as a controlled overlay only on the stage area. */
.woocommerce ul.products li.product{
  --xb-loop-stage-height:261px;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative!important;
}
.xb-home .xb-home-products ul.products li.product a img,
.xb-catalog-content .woocommerce ul.products li.product a img,
.single-product .related.products ul.products li.product a img,
.single-product .upsells.products ul.products li.product a img,
body.tax-product_cat .xb-catalog-content ul.products li.product a img,
body.post-type-archive-product .xb-catalog-content ul.products li.product a img,
body.woocommerce-shop .xb-catalog-content ul.products li.product a img,
.xb-catalog-content ul.products li.product img.attachment-woocommerce_thumbnail,
.xb-catalog-content ul.products li.product img.woocommerce-placeholder{
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #f0f0eb!important;
  mix-blend-mode:normal!important;
}
.xb-home .xb-home-products ul.products li.product a.woocommerce-LoopProduct-link::after,
.xb-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after,
.single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link::after,
body.tax-product_cat .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::after,
body.post-type-archive-product .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::after,
body.woocommerce-shop .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::after{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:var(--xb-loop-stage-height);
  pointer-events:none;
  border-radius:16px;
  z-index:1;
  background:
    radial-gradient(circle at 88% 20%, rgba(255,205,176,.20) 0 14%, rgba(255,205,176,0) 38%),
    linear-gradient(90deg, rgba(255,255,255,0) 0 66%, rgba(255,228,209,.34) 100%);
}
.xb-home .xb-home-products ul.products li.product a img,
.xb-catalog-content .woocommerce ul.products li.product a img,
.single-product .related.products ul.products li.product a img,
.single-product .upsells.products ul.products li.product a img,
body.tax-product_cat .xb-catalog-content ul.products li.product a img,
body.post-type-archive-product .xb-catalog-content ul.products li.product a img,
body.woocommerce-shop .xb-catalog-content ul.products li.product a img,
.xb-catalog-content ul.products li.product img.attachment-woocommerce_thumbnail,
.xb-catalog-content ul.products li.product img.woocommerce-placeholder{
  position:relative!important;
  z-index:2!important;
}
/* 2) Long-description sticky aside stage. */
.xb-product-detail-aside-image{
  box-shadow:inset 0 0 0 1px #efefea!important;
  overflow:hidden!important;
}
@media (max-width:980px){.woocommerce ul.products li.product{
    --xb-loop-stage-height:236px;
  }
.single-product :is(.related.products,.upsells.products) ul.products li.product{
    --xb-loop-stage-height:206px;
  }
}
@media (max-width:767px){.woocommerce ul.products li.product{
    --xb-loop-stage-height:185px;
  }
.xb-home .xb-home-products ul.products li.product,
  .single-product :is(.related.products,.upsells.products) ul.products li.product{
    --xb-loop-stage-height:170px;
  }
}
/* ======================================================================
   v3.18.8 — FIX v3.18.7 peach overlays.
   v3.18.7 accidentally placed the peach layer behind loop/sidebar images.
   This pass mirrors the approved v3.18.6 single-gallery behavior:
   white stage first, image second, peach accent as top non-interactive layer.
   ====================================================================== */
.xb-home .xb-home-products ul.products li.product a.woocommerce-LoopProduct-link::after,
.xb-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after,
.single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link::after,
body.tax-product_cat .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::after,
body.post-type-archive-product .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::after,
body.woocommerce-shop .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::after{
  content:none!important;
}
.xb-home .xb-home-products ul.products li.product a.woocommerce-LoopProduct-link,
.xb-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative!important;
  isolation:isolate!important;
}
.single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link::before{
  content:""!important;
  position:absolute!important;
  top:0!important;right:0!important;left:0!important;
  height:220px!important;
  border-radius:14px!important;
  pointer-events:none!important;
  z-index:4!important;
  background:
    radial-gradient(circle at 88% 22%,rgba(255,205,176,.22) 0 15%,rgba(255,205,176,0) 42%),
    linear-gradient(90deg,rgba(255,255,255,0) 0 68%,rgba(255,228,209,.36) 100%)!important;
}
.xb-home .xb-home-products ul.products li.product a img,
.xb-catalog-content .woocommerce ul.products li.product a img,
.single-product :is(.related.products,.upsells.products) ul.products li.product a img{
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
}
.xb-product-detail-aside-image{
  position:relative!important;
  isolation:isolate!important;
  background:#fff!important;
}
.xb-product-detail-aside-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:15px!important;
  pointer-events:none!important;
  z-index:4!important;
  background:
    radial-gradient(circle at 88% 22%,rgba(255,205,176,.22) 0 15%,rgba(255,205,176,0) 42%),
    linear-gradient(90deg,rgba(255,255,255,0) 0 68%,rgba(255,228,209,.36) 100%)!important;
}
.xb-product-detail-aside-image img{
  position:relative!important;
  z-index:2!important;
}
@media (max-width:980px){.single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link::before{height:190px!important}
}
@media (max-width:768px){.single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link::before{height:155px!important;border-radius:10px!important}
}
.xb-home .xb-home-products ul.products li.product :is(.xb-loop-card-context,.woocommerce-loop-product__title,.star-rating,.price,.button,.added_to_cart),
.xb-catalog-content .woocommerce ul.products li.product :is(.xb-loop-card-context,.woocommerce-loop-product__title,.star-rating,.price,.button,.added_to_cart){
  position:relative!important;
  z-index:3!important;
}
/* Keep archive badges and all commercial text/actions above the decorative layer. */
.xb-catalog-content .woocommerce ul.products li.product :is(.onsale,.xb-card-badge,.xb-loop-card-context,.woocommerce-loop-product__title,.star-rating,.price,.button,.added_to_cart){
  position:relative!important;
  z-index:6!important;
}

/* Mega-menu trigger: the left wedge must use the same state color as the button. */
button.xb-all-products::after{
  transition:border-right-color .18s ease!important;
}
.xb-product-mega-wrap:hover button.xb-all-products,
.xb-product-mega-wrap:focus-within button.xb-all-products,
.xb-product-mega-wrap.is-open button.xb-all-products,
button.xb-all-products:hover,
button.xb-all-products[aria-expanded="true"]{
  background:var(--xb-orange-2)!important;
}
.xb-product-mega-wrap:hover button.xb-all-products::after,
.xb-product-mega-wrap:focus-within button.xb-all-products::after,
.xb-product-mega-wrap.is-open button.xb-all-products::after,
button.xb-all-products:hover::after,
button.xb-all-products[aria-expanded="true"]::after{
  border-right-color:var(--xb-orange-2)!important;
}
/* ======================================================================
   v3.18.20 — legacy [xb_copy_code] compatibility.
   Production historically rendered this shortcode via the custom optimization
   plugin. The Signature theme now preserves the same UI when that plugin is
   absent (e.g. staging), without touching FAQ or other article components.
   ====================================================================== */
body.single-post .xb-prose .xb-copy-code,
body.page .xb-prose .xb-copy-code,
.xb-copy-code{
  position:relative;
  display:flex;
  align-items:center;
  min-height:70px;
  margin:22px 0;
  padding:16px 105px 16px 20px;
  background:#171717;
  border:1px solid #333;
  border-radius:12px;
  direction:ltr;
  text-align:left;
  box-sizing:border-box;
  overflow:hidden;
}
.xb-copy-code__value{
  display:block;
  width:100%;
  color:#fff!important;
  background:transparent!important;
  font-family:Consolas,Monaco,"Courier New",monospace!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.8!important;
  letter-spacing:1px;
  text-align:left!important;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  user-select:all;
  -webkit-user-select:all;
}
.xb-copy-code__button{
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  min-width:76px;
  padding:9px 12px;
  color:#fff;
  background:var(--xb-orange);
  border:0;
  border-radius:8px;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  line-height:1.4;
  cursor:pointer;
  transition:background-color .2s ease,transform .2s ease;
}
.xb-copy-code__button:hover{background:#e85f00}
.xb-copy-code__button:focus-visible{outline:3px solid rgba(255,105,0,.35);outline-offset:3px}
.xb-copy-code__button:active{transform:translateY(-50%) scale(.96)}
.xb-copy-code__status{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
@media (max-width:600px){.xb-copy-code{min-height:66px;padding:14px 88px 14px 14px;border-radius:10px}
.xb-copy-code__value{font-size:16px!important;letter-spacing:.5px}
.xb-copy-code__button{right:10px;min-width:68px;padding:8px 10px;font-size:13px}
}
/* ======================================================================
   v3.18.23 — Sticky sidebar safe offset under the sticky site header.
   The offset is measured from the real header height in theme.js, so it
   remains correct before/after compact mode and with the WordPress admin bar.
   ====================================================================== */
:root{
  --xb-sticky-safe-top:132px;
}
@media (min-width:1025px){body.single-post .xb-article-toc-card,
  .xb-category-sidebar,
  .xb-filter-panel,
  .single-product .xb-product-detail-aside{
    top:var(--xb-sticky-safe-top)!important;
  }
/* Old admin-bar-specific values are intentionally overridden by the
     measured variable above; it already includes the admin toolbar. */
body.admin-bar.single-post .xb-article-toc-card,
  body.admin-bar .xb-category-sidebar,
  body.admin-bar .xb-filter-panel,
  body.admin-bar.single-product .xb-product-detail-aside{
    top:var(--xb-sticky-safe-top)!important;
  }
}
/* ======================================================================
   v3.18.24 — product-top regression fix + header price-list visibility.
   ====================================================================== */
/* v3.18.23 measured sticky offset must NOT move the purchase card inside the
   three-column product hero. Only true sidebars should consume that offset. */
@media (min-width:1025px){.single-product .xb-product-top > .summary,
  body.admin-bar.single-product .xb-product-top > .summary{
    top:auto!important;
  }
}
@media (min-width:1181px){.single-product .xb-product-top > .summary{
    position:relative!important;
    grid-column:3!important;
    grid-row:1!important;
    margin:0!important;
    align-self:start!important;
  }
}
/* Topbar navigation dots: same visual language as the orange store signal. */
.xb-topbar-links{
  gap:15px!important;
}
.xb-topbar-links a{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  min-height:24px;
  color:#d9d9dc!important;
  font-weight:750;
  transition:color .16s ease,opacity .16s ease;
}
.xb-topbar-links a:hover{
  color:#fff!important;
}
.xb-topbar-dot-link::before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:var(--xb-orange);
  box-shadow:0 0 0 3px rgba(255,90,0,.10);
}
.xb-topbar-price-link{
  color:#fff!important;
  padding:3px 9px 3px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:rgba(255,255,255,.045);
}
.xb-topbar-price-link:hover{
  background:rgba(255,90,0,.12);
  border-color:rgba(255,90,0,.30);
}
.xb-topbar-price-link strong{
  font-size:10px;
  font-weight:900;
}
.xb-topbar-pulse{
  position:relative;
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--xb-orange);
  box-shadow:0 0 0 0 rgba(255,90,0,.45);
  animation:xbTopbarPulse 1.9s ease-out infinite;
}
@keyframes xbTopbarPulse{
  0%{box-shadow:0 0 0 0 rgba(255,90,0,.46)}
  55%{box-shadow:0 0 0 6px rgba(255,90,0,0)}
  100%{box-shadow:0 0 0 0 rgba(255,90,0,0)}
}
@media (prefers-reduced-motion:reduce){.xb-topbar-pulse{animation:none}
}
/* Mobile menu keeps the important price-list destination discoverable even
   though desktop topbar links are intentionally hidden on small screens. */
.xb-mobile-price-list{
  display:flex;
  align-items:center;
  gap:11px;
  margin:10px 0 12px;
  padding:11px 12px;
  border:1px solid #ffd2ba;
  border-radius:12px;
  background:#fff7f1;
  color:var(--xb-ink);
}
.xb-mobile-price-icon{
  position:relative;
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:var(--xb-orange);
  color:#fff;
}
.xb-mobile-price-icon svg{
  width:18px;
  height:18px;
}
.xb-mobile-price-icon i{
  position:absolute;
  top:-3px;
  left:-3px;
  width:8px;
  height:8px;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--xb-orange);
  animation:xbTopbarPulse 1.9s ease-out infinite;
}
.xb-mobile-price-list > span:last-child{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.xb-mobile-price-list small{
  color:var(--xb-orange);
  font-size:8px;
  font-weight:850;
}
.xb-mobile-price-list strong{
  font-size:11.5px;
  font-weight:900;
}
/* ======================================================================
   v3.18.25 — definitive product purchase-card alignment fix.
   The top purchase card is NOT a sticky sidebar. Only the lower
   .xb-product-detail-aside uses the sticky-header safe offset.
   ====================================================================== */
@media (min-width:1181px){body.single-product div.product .xb-product-top > .summary,
  body.admin-bar.single-product div.product .xb-product-top > .summary{
    position:relative!important;
    top:auto!important;
    inset-block-start:auto!important;
    transform:none!important;
    grid-column:3!important;
    grid-row:1!important;
    align-self:start!important;
    margin:0!important;
  }
}
@media (min-width:821px) and (max-width:1180px){body.single-product div.product .xb-product-top > .summary,
  body.admin-bar.single-product div.product .xb-product-top > .summary{
    position:static!important;
    top:auto!important;
    inset-block-start:auto!important;
    transform:none!important;
    margin:0!important;
  }
}
/* ======================================================================
   v3.18.26 — single-product reading polish + safe specs jump + square hero
   stage + legacy Elementor FAQ normalization.
   ====================================================================== */
/* 1) The product tab navigation itself is the jump target. Keep the whole
   tab bar visible below the measured sticky header, not just the panel body. */
.single-product .woocommerce-tabs,
.single-product .wc-tabs-wrapper,
.single-product .woocommerce-tabs ul.tabs,
.single-product .wc-tabs-wrapper ul.tabs{
  scroll-margin-top:calc(var(--xb-sticky-safe-top,132px) + 10px)!important;
}
/* 2) Product long description uses the same editorial language as articles,
   while staying scoped away from specs/reviews tables and the purchase card. */
.single-product #tab-description{
  color:#2f3238!important;
  font-size:15.5px!important;
  line-height:2.18!important;
}
.single-product #tab-description > h2:first-child{
  display:none!important;
}
.single-product #tab-description > p{
  margin:0 0 1.15em!important;
}
.single-product #tab-description > h2{
  position:relative;
  margin:44px 0 18px!important;
  padding:12px 17px 12px 19px!important;
  border:1px solid #ecece7;
  border-right:4px solid var(--xb-orange);
  border-radius:13px;
  background:linear-gradient(90deg,#fff 0%,#fff 72%,#fff8f3 100%);
  color:var(--xb-ink)!important;
  font-size:25px!important;
  line-height:1.6!important;
  font-weight:950!important;
  letter-spacing:-.015em;
  box-shadow:0 6px 18px rgba(18,19,24,.025);
}
.single-product #tab-description > h2::after{
  content:"";
  position:absolute;
  right:17px;
  bottom:-1px;
  width:54px;
  height:2px;
  border-radius:999px;
  background:var(--xb-orange);
}
.single-product #tab-description > h3{
  position:relative;
  margin:30px 0 12px!important;
  padding:2px 17px 2px 0!important;
  color:var(--xb-ink)!important;
  font-size:19.5px!important;
  line-height:1.75!important;
  font-weight:900!important;
}
.single-product #tab-description > h3::before{
  content:"";
  position:absolute;
  right:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--xb-orange);
  box-shadow:0 0 0 4px #fff0e7;
}
.single-product #tab-description > :is(ul,ol){
  margin:10px 0 22px!important;
  padding-right:24px!important;
}
.single-product #tab-description > :is(ul,ol) li{
  margin:5px 0!important;
  padding-right:3px;
}
.single-product #tab-description a{
  color:#d95000;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.single-product #tab-description > blockquote{
  margin:22px 0!important;
  padding:17px 19px!important;
  border:0!important;
  border-right:4px solid var(--xb-orange)!important;
  border-radius:12px!important;
  background:#f6f6f2!important;
}
.single-product #tab-description > p > img,
.single-product #tab-description > figure img,
.single-product #tab-description > .wp-block-image img{
  display:block;
  max-width:100%!important;
  height:auto!important;
  margin:22px auto!important;
  border-radius:14px!important;
  object-fit:contain!important;
}
.single-product #tab-description > table{
  width:100%!important;
  margin:20px 0 26px!important;
  border:1px solid #e6e6e0!important;
  border-radius:13px!important;
  overflow:hidden;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:12.5px!important;
}
.single-product #tab-description > table :is(th,td){
  padding:12px 13px!important;
  border:0!important;
  border-bottom:1px solid #ededE8!important;
}
.single-product #tab-description > table th{
  background:#fafaf7!important;
  color:var(--xb-ink)!important;
  font-weight:900!important;
}
.single-product #tab-description > table tr:last-child :is(th,td){border-bottom:0!important}
/* FAQ heading directly preceding imported Elementor accordion. */
.single-product #tab-description > h2:has(+ details[id^="e-n-accordion-item-"]){
  margin-bottom:15px!important;
  background:#fff5ee!important;
  border-color:#ffd2ba!important;
  border-right-color:var(--xb-orange)!important;
  color:var(--xb-orange)!important;
  box-shadow:none!important;
}
/* 3) Legacy Elementor FAQ markup remains in old product descriptions after
   migration. Kill its raw inline SVG icons and let the theme draw one +/- only. */
.single-product #tab-description details[id^="e-n-accordion-item-"]{
  margin:8px 0!important;
  padding:0!important;
  border:1px solid #e4e4df!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary{
  list-style:none!important;
  min-height:52px!important;
  display:block!important;
  margin:0!important;
  padding:14px 50px 14px 16px!important;
  position:relative!important;
  cursor:pointer!important;
  background:#fff!important;
}
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary::-webkit-details-marker,
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary > p,
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary svg{display:none!important}
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary h3{
  margin:0!important;
  padding:0!important;
  color:var(--xb-ink)!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:1.85!important;
  font-weight:900!important;
}
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary h3::before,
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary h3::after{display:none!important;content:none!important}
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary::after{
  content:"+"!important;
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ffd0b7!important;
  border-radius:8px!important;
  background:#fff7f2!important;
  color:var(--xb-orange)!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:600!important;
}
.single-product #tab-description details[id^="e-n-accordion-item-"][open] > summary::after{
  content:"−"!important;
  background:var(--xb-orange)!important;
  border-color:var(--xb-orange)!important;
  color:#fff!important;
}
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary + p{
  margin:0!important;
  padding:14px 16px 17px!important;
  border-top:1px solid #f0f0eb!important;
  background:#fff!important;
  color:#555960!important;
  font-size:13px!important;
  line-height:2.05!important;
}
/* 4) Main product visual becomes a true square stage on desktop WITHOUT
   changing the existing slider viewport height, so the three top cards keep
   their current vertical alignment. */
@media (min-width:821px){.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
    width:min(100%,360px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    margin:10px auto!important;
    border-radius:18px!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}
@media (max-width:767px){.single-product #tab-description{
    font-size:14.5px!important;
    line-height:2.1!important;
  }
.single-product #tab-description > h2{
    margin-top:36px!important;
    padding:11px 13px 11px 15px!important;
    border-radius:11px;
    font-size:21px!important;
  }
.single-product #tab-description > h2::after{right:13px;width:44px}
.single-product #tab-description > h3{margin-top:25px!important;font-size:17.5px!important}
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary{
    padding:12px 45px 12px 12px!important;
  }
.single-product #tab-description details[id^="e-n-accordion-item-"] > summary h3{font-size:12px!important}
}
/* ======================================================================
   v3.18.27 — product FAQ dedupe follow-up + true square gallery stage
   + one live variation price + visible native-select chevron.
   ====================================================================== */
/* A) Gallery: the visible HERO STAGE itself is square. FlexSlider used to
   grow the viewport and leave a large empty strip above the thumbnails.
   Keep the outer product card untouched; only normalize its inner stage. */
@media (min-width:821px){.single-product .xb-product-top>.woocommerce-product-gallery .flex-viewport{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    flex:0 0 auto!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:inset 0 0 0 1px #f0f0eb!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
    height:100%!important;
    min-height:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image,
  .single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
    height:100%!important;
    min-height:0!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
    width:100%!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
/* Old anchor overlay is disabled. The peach accent belongs to the full
     square stage so it cannot become a smaller floating rectangle. */
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a::after{
    content:none!important;
    display:none!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .flex-viewport::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:8;
    pointer-events:none;
    border-radius:18px;
    background:
      radial-gradient(circle at 92% 25%,rgba(255,211,186,.22) 0 14%,rgba(255,211,186,0) 40%),
      linear-gradient(90deg,rgba(255,255,255,0) 0 76%,rgba(255,231,216,.34) 100%);
  }
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:10px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs{
    margin-top:8px!important;
  }
}
/* B) One price only for variable products. WooCommerce injects a second
   selected-variation price immediately above the cart button; hide that
   visual copy. JS below mirrors the selected price into the primary price. */
.single-product .summary > p.price{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.single-product .summary > p.price .xb-price-unified{
  justify-content:center!important;
}
/* C) Warranty/other normal variation selects get an explicit chevron.
   Color selects remain custom swatches and are intentionally excluded. */
.single-product table.variations tr:not(.xb-has-color-swatches) td.value{
  position:relative!important;
}
.single-product table.variations tr:not(.xb-has-color-swatches) td.value select{
  -webkit-appearance:none!important;
  appearance:none!important;
  padding-left:38px!important;
  cursor:pointer!important;
}
.single-product table.variations tr:not(.xb-has-color-swatches) td.value::after{
  content:"";
  position:absolute;
  left:15px;
  top:50%;
  width:0;
  height:0;
  margin-top:-2px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #60636a;
  pointer-events:none;
  z-index:3;
}
.single-product table.variations tr:not(.xb-has-color-swatches) td.value:focus-within::after{
  margin-top:-4px;
  border-top:0;
  border-bottom:6px solid var(--xb-orange);
}
/* ======================================================================
   v3.18.28 — product editorial alignment + meaningful sale badge +
   RTL title accent + clearer Aparat social icon.
   ====================================================================== */
/* Short product editorial copy: same reading alignment as long-form content. */
.single-product .xb-product-middle-content,
.single-product .xb-product-middle-content p,
.single-product .xb-product-middle-content li{
  text-align:justify!important;
  text-justify:inter-word!important;
}
.single-product .xb-product-middle-head strong{
  text-align:right!important;
}
/* Product long description uses exactly the article desktop/mobile side rhythm. */
.single-product #tab-description{
  padding:34px 28px 42px!important;
}
.single-product #tab-description :is(p,li,blockquote,td){
  text-align:justify!important;
  text-justify:inter-word!important;
}
.single-product #tab-description :is(h2,h3,th,summary,summary h3){
  text-align:right!important;
}
@media (max-width:1050px){.single-product #tab-description{
    padding:30px 24px 38px!important;
  }
}
@media (max-width:767px){.single-product #tab-description{
    padding:24px 14px 32px!important;
  }
}
/* RTL product H1: strongest orange starts on the right and fades to the left. */
.single-product .xb-product-page-title h1:after,
.single-product .product_title:after{
  background:linear-gradient(270deg,var(--xb-orange) 0%,rgba(255,91,0,.18) 100%)!important;
}
/* Aparat footer icon: keep the orbit strokes but make the central play cue obvious. */
.xb-footer-socials .xb-social-aparat .xb-aparat-play{
  fill:currentColor!important;
  stroke:none!important;
}
.xb-footer-socials .xb-social-aparat circle{
  fill:none!important;
  stroke:currentColor!important;
}
/* Percentage badges can be slightly wider for variable products such as "تا 13%". */
.single-product .woocommerce-product-gallery .onsale,
.woocommerce span.onsale{
  min-width:0!important;
  width:auto!important;
  padding-inline:9px!important;
  white-space:nowrap!important;
}
/* ======================================================================
   v3.18.29 — compact product trust/rating line + gallery thumb breathing
   room + recognisable Aparat flower mark.
   ====================================================================== */
/* Keep the expert-selection cue and customer rating in one calm row. */
.single-product .xb-product-trustline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  margin:0 0 12px!important;
}
.single-product .xb-product-trustline .xb-product-signature{
  margin:0!important;
  min-width:0!important;
  flex:1 1 auto!important;
  white-space:nowrap!important;
}
.single-product .xb-product-trustline .xb-product-signature strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.single-product .xb-product-rating-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  color:#73767d!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  direction:rtl!important;
}
.single-product .xb-product-rating-inline .star-rating{
  float:none!important;
  width:5.4em!important;
  margin:0!important;
  font-size:10.5px!important;
  color:var(--xb-orange)!important;
  direction:ltr!important;
}
.single-product .xb-product-rating-inline > span:not(.star-rating){
  font-size:8.5px!important;
  font-weight:750!important;
  color:#777a80!important;
}
.single-product .xb-product-rating-inline:hover > span:not(.star-rating){
  color:var(--xb-orange)!important;
}
/* WooCommerce thumbnails need a little air below the main square stage. */
@media (min-width:821px){.single-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs{
    margin-top:15px!important;
  }
}
/* Aparat: a six-petal radial mark, visually much closer to the service logo
   than the generic network/play glyph used before. */
.xb-footer-socials .xb-social-aparat{
  width:18px!important;
  height:18px!important;
}
.xb-footer-socials .xb-social-aparat .xb-aparat-mark rect{
  fill:currentColor!important;
  stroke:none!important;
}
.xb-footer-socials .xb-social-aparat .xb-aparat-mark circle{
  fill:var(--xb-footer-bg,#0f1116)!important;
  stroke:currentColor!important;
  stroke-width:1.25!important;
}
.xb-footer-socials a:hover .xb-social-aparat .xb-aparat-mark circle{
  fill:var(--xb-orange)!important;
  stroke:#fff!important;
}
@media (max-width:520px){.single-product .xb-product-trustline{
    gap:7px!important;
  }
.single-product .xb-product-trustline .xb-product-signature{
    font-size:8.5px!important;
  }
.single-product .xb-product-rating-inline > span:not(.star-rating){
    display:none!important;
  }
}
/* v3.18.40 — Logged-in account identity in header */
.xb-header-action.is-logged-in .xb-header-action-copy strong{
  display:block;
  max-width:112px;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* ======================================================================
 * v3.18.41 — WooCommerce notices + Order Received / Thank You
 * ====================================================================== */
/* Product-page notices: keep WooCommerce feedback inside Signature UI. */
body.single-product .woocommerce-notices-wrapper{
  display:grid!important;
  gap:10px!important;
  margin:0 0 16px!important;
}
body.single-product .woocommerce-notices-wrapper:empty{display:none!important}
body.single-product .woocommerce-message,
body.single-product .woocommerce-info,
body.single-product .woocommerce-error{
  position:relative!important;
  min-height:54px!important;
  margin:0!important;
  padding:14px 58px 14px 170px!important;
  border:1px solid #e2e3de!important;
  border-top:1px solid #e2e3de!important;
  border-right:3px solid var(--xb-orange)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#35383e!important;
  font-size:11.5px!important;
  line-height:1.85!important;
  box-shadow:0 8px 24px rgba(18,19,24,.035)!important;
}
body.single-product .woocommerce-message{
  border-right-color:#39a96b!important;
  background:linear-gradient(90deg,#fff 0,#fff 74%,#f7fcf9 100%)!important;
}
body.single-product .woocommerce-info{
  background:linear-gradient(90deg,#fff 0,#fff 74%,#fffaf6 100%)!important;
}
body.single-product .woocommerce-error{
  border-right-color:var(--xb-red)!important;
  background:#fff8f7!important;
}
body.single-product .woocommerce-message::before,
body.single-product .woocommerce-info::before,
body.single-product .woocommerce-error::before{
  position:absolute!important;
  top:50%!important;
  right:17px!important;
  left:auto!important;
  width:27px!important;
  height:27px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  font-family:Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
}
body.single-product .woocommerce-message::before{
  content:"✓"!important;
  background:#edf9f2!important;
  color:#16804e!important;
}
body.single-product .woocommerce-info::before{
  content:"i"!important;
  background:#fff1e7!important;
  color:var(--xb-orange)!important;
}
body.single-product .woocommerce-error::before{
  content:"!"!important;
  background:#fff0ee!important;
  color:var(--xb-red)!important;
}
body.single-product .woocommerce-message .button,
body.single-product .woocommerce-info .button,
body.single-product .woocommerce-error .button{
  position:absolute!important;
  top:50%!important;
  left:12px!important;
  right:auto!important;
  transform:translateY(-50%)!important;
  float:none!important;
  min-width:132px!important;
  min-height:34px!important;
  margin:0!important;
  padding:8px 13px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--xb-ink)!important;
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-align:center!important;
  box-shadow:none!important;
}
body.single-product .woocommerce-message .button:hover,
body.single-product .woocommerce-info .button:hover,
body.single-product .woocommerce-error .button:hover{
  background:var(--xb-orange)!important;
  color:#fff!important;
}
/* Order received: the checkout flow ends in a clean Signature confirmation. */






/* Order overview metrics. */





/* Gateway-specific confirmation line beneath the overview. */

/* Section cards and heading language. */



/* Order details table. */











/* Shipping and billing addresses: equal cards, no old WooCommerce floats. */





/* Buttons that can appear on failed/pending/again states. */


@media (max-width:820px){body.single-product .woocommerce-message,
  body.single-product .woocommerce-info,
  body.single-product .woocommerce-error{
    padding:13px 54px 13px 14px!important;
  }
body.single-product .woocommerce-message .button,
  body.single-product .woocommerce-info .button,
  body.single-product .woocommerce-error .button{
    position:static!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    margin:9px 0 0!important;
  }





}
@media (max-width:540px){body.single-product .woocommerce-message,
  body.single-product .woocommerce-info,
  body.single-product .woocommerce-error{
    min-height:0!important;
    padding:12px 48px 12px 12px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
  }
body.single-product .woocommerce-message::before,
  body.single-product .woocommerce-info::before,
  body.single-product .woocommerce-error::before{
    right:12px!important;
    width:25px!important;
    height:25px!important;
  }









}
/* ======================================================================
   v3.18.42 — Order received final alignment
   WooCommerce clearfix pseudo-elements were becoming CSS-grid items and
   pushing billing/shipping cards onto diagonal rows.
   ====================================================================== */




/* Keep the confirmation metrics visually balanced and easy to scan. */



/* ======================================================================
   v3.18.43 — Order received payment-method alignment
   Keep all desktop order-overview metrics, including payment method,
   on one horizontal row. WooCommerce can otherwise drop the final item.
   ====================================================================== */

/* Header search is intentionally global rather than product-only. */
.xb-search-wrap .xb-site-search,
.xb-mobile-search .xb-site-search{
  width:100%;
}
/* Search results page. */
















/* Keep product result cards identical to the approved catalogue cards. */















/* ======================================================================
   v3.18.45 — search result fine-tuning.
   Compact overview, uniform editorial cards, and typo-correction hint.
   ====================================================================== */
/* A search page is an overview first: keep both result groups compact. */

/* Small, quiet hint only when a known ecosystem spelling was normalized. */


/* Search editorial results must NOT inherit the archive's featured first card. */






/* Keep the overview visually balanced when one result family is absent. */



/* ======================================================================
   v3.18.46 — SEARCH PAGE ONLY.
   Empty-state redesign, stock-first product ordering support, and a fully
   clipped/consistent peach image stage. No archive, home, related or single
   product selectors are changed in this patch.
   ====================================================================== */
/* Mixed search overview: the result family with more matches leads. */





/* Product image stage — search results only. Keep the peach accent inside the
   exact image box for both in-stock and out-of-stock cards. */

/* Search cards can also inherit the generic catalog ::before layer. Disable it
   here and use one dedicated layer only, so available/out-of-stock cards get
   exactly the same peach stage and it cannot spill beyond the image box. */








/* Zero-results state. The old result-type tabs are hidden in PHP when the
   total count is zero, leaving one focused, useful action card. */
















/* ======================================================================
   v3.18.47 — SEARCH PAGE ONLY.
   - Result-family order is now rendered server-side (editorial-first when it
     has more matches), not merely rearranged with CSS.
   - Search product peach stage uses one isolated ::after overlay, preventing
     catalog pseudo-layer inheritance from producing inconsistent coverage.
   ====================================================================== */
/* ======================================================================
   v3.18.48 — SEARCH PAGE ONLY: peach stage = catalog stage, exactly.
   Stop maintaining a second visual recipe on search cards. Search results now
   reuse the exact same peach overlay geometry/gradient as the product catalog.
   No archive, homepage, related-products or single-product selector changes.
   ====================================================================== */





/* ======================================================================
   v3.18.49 — SEARCH RESULTS ONLY: restore approved editorial cards and
   lock the product image stage. Nothing outside .xb-search-page changes.
   ====================================================================== */
/* Editorial cards: use the approved blog-card behavior again. */


/* Featured image: full 16:9 stage, no fixed 205px crop. */


/* Stretch the title link across the full card, exactly like the blog archive. */





/* Restore the approved “مطالعه ←” CTA. */




/* Product image stage: one and only one peach layer, clipped to the exact
   WooCommerce image box. Use the same geometry and visual recipe on every
   search card regardless of stock state or product image source. */










/* ======================================================================
   v3.18.50 — PRODUCT PRICE + LOOP RATING MICRO-FIXES ONLY.
   Scope is intentionally limited to single-product variation UI and product
   cards outside the homepage. No archive/search/editorial structure changes.
   ====================================================================== */
/* Product cards: brand | rating | availability in one fixed-height row directly
   below the image. This removes the old rating row below the product title and
   keeps archive/search/related card heights aligned. */
body:not(.home) .woocommerce ul.products li.product .xb-loop-card-context{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:28px!important;
  padding:10px 3px 0!important;
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-brand{
  max-width:none!important;
  justify-self:start!important;
  min-width:0!important;
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-stock{
  justify-self:end!important;
  min-width:0!important;
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
  color:var(--xb-orange)!important;
  direction:ltr!important;
}
/* Defensive: after PHP hook relocation there should be no standalone rating,
   but hide only a direct legacy copy if a cache/plugin injects one. */
body:not(.home) .woocommerce ul.products li.product > .star-rating,
body:not(.home) .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link + .star-rating{
  display:none!important;
}
/* Selected variation: the visible primary price is updated by theme.js.
   Keep WooCommerce's duplicate variation price hidden. */
.single-product .summary .single_variation .woocommerce-variation-price{
  display:none!important;
}
/* Stock-managed variations may print "موجود در انبار" below the selected
   variation. Availability is already communicated by the purchase card, so
   suppress positive stock text only; errors/backorders remain visible. */
.single-product .summary .single_variation .woocommerce-variation-availability .stock.in-stock{
  display:none!important;
  margin:0!important;
  padding:0!important;
}
@media (max-width:768px){body:not(.home) .woocommerce ul.products li.product .xb-loop-card-context{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:5px!important;
    min-height:24px!important;
    padding-top:8px!important;
  }
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating{
    min-width:46px!important;
  }
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
    font-size:7.8px!important;
  }
}
/* ======================================================================
   v3.18.51 — PRODUCT CARD RATING ALIGNMENT + VARIATION SPACING MICRO-FIX.
   Intentionally narrow scope: product-loop context row and single-product
   variation controls only. No archive/search/article structure is touched.
   ====================================================================== */
/* Product cards: make the rating visually quieter and center it precisely
   between brand and availability without changing card height. */
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
  vertical-align:middle!important;
}
/* Single product: create a deliberate gap between the warranty row and color
   row, then remove the dead vertical space below the color swatches. */
.single-product table.variations{
  margin-bottom:2px!important;
}
.single-product table.variations tr:not(.xb-has-color-swatches){
  margin-bottom:13px!important;
}
.single-product table.variations tr.xb-has-color-swatches{
  margin-bottom:1px!important;
}
.single-product table.variations tr.xb-has-color-swatches td.value{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  min-height:34px!important;
}
.single-product table.variations tr.xb-has-color-swatches .xb-color-swatches{
  min-height:32px!important;
  padding:0!important;
  gap:9px!important;
}
.single-product table.variations tr.xb-has-color-swatches .reset_variations{
  margin:0!important;
  padding:0!important;
  line-height:1.2!important;
  align-self:center!important;
  white-space:nowrap!important;
}
.single-product .summary .single_variation_wrap{
  margin-top:0!important;
  padding-top:0!important;
}
.single-product .summary .single_variation{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
.single-product .summary .woocommerce-variation-add-to-cart{
  margin-top:6px!important;
}
@media (max-width:768px){body:not(.home) .woocommerce ul.products li.product .xb-loop-rating{
    min-width:41px!important;
    height:9px!important;
    min-height:9px!important;
  }
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
    font-size:7.2px!important;
  }
.single-product table.variations tr:not(.xb-has-color-swatches){
    margin-bottom:11px!important;
  }
}
/* Product tab/hash destinations must clear the real sticky header height. */
.single-product .woocommerce-tabs,
.single-product .wc-tabs-wrapper,
.single-product .woocommerce-Tabs-panel,
.single-product #tab-description,
.single-product #tab-additional_information,
.single-product #tab-xb_spec_table,
.single-product #reviews{
  scroll-margin-top:calc(var(--xb-sticky-safe-top, 160px) + 14px)!important;
}
/* Product-loop rating: exact optical centering, quieter than brand/stock copy. */
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating{
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  min-width:42px!important;
  width:42px!important;
  height:9px!important;
  min-height:9px!important;
  line-height:1!important;
  transform:none!important;
  overflow:visible!important;
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
  float:none!important;
  display:block!important;
  width:5.4em!important;
  height:1em!important;
  margin:0!important;
  font-size:7.2px!important;
  line-height:1!important;
  transform:none!important;
  overflow:hidden!important;
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating::before,
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating span::before{
  line-height:1!important;
}
@media (max-width:768px){html,body{
    max-width:100%!important;
    overflow-x:clip!important;
  }
body.single-product .xb-main,
  body.single-product .xb-container,
  body.single-product .product,
  body.single-product .xb-product-top,
  body.single-product .woocommerce-product-gallery,
  body.single-product .woocommerce-product-gallery .flex-viewport{
    min-width:0!important;
    max-width:100%!important;
  }
.xb-mobile-menu{
    z-index:1400!important;
  }
.xb-site-header{
    z-index:1000!important;
    background:#fff!important;
  }
.xb-site-header .xb-mainbar,
  .xb-site-header .xb-mainbar-inner,
  .xb-site-header .xb-search-wrap{
    background:#fff!important;
  }
.xb-site-header.is-compact .xb-mainbar-inner{
    height:auto!important;
    min-height:0!important;
    padding:8px 0 10px!important;
  }
.xb-site-header.is-compact .custom-logo{
    max-height:46px!important;
  }
.xb-site-header.is-compact .xb-search-wrap{
    grid-column:1/-1!important;
    grid-row:2!important;
    margin-top:2px!important;
    padding:0!important;
  }
.xb-site-header.is-compact .xb-search-wrap .woocommerce-product-search,
  .xb-site-header.is-compact .xb-search-wrap .search-form,
  .xb-site-header.is-compact .xb-search-wrap .xb-site-search{
    height:48px!important;
    background:#f2f2f0!important;
  }
.single-product div.product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery .flex-viewport{
    width:100%!important;
    overflow:hidden!important;
  }
.single-product .flex-control-thumbs{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
.single-product .flex-control-thumbs::-webkit-scrollbar{display:none!important}
.single-product :is(.related.products,.upsells.products){
    margin-inline:0!important;
    padding:10px 5px 12px!important;
    border-radius:15px!important;
  }
.single-product :is(.related.products,.upsells.products):before{
    margin-right:8px!important;
    margin-left:8px!important;
  }
.single-product :is(.related.products,.upsells.products)>h2{
    margin-right:5px!important;
    margin-left:5px!important;
    padding-right:12px!important;
  }
.single-product :is(.related.products,.upsells.products) ul.products{
    gap:8px!important;
    margin:0!important;
  }
.single-product :is(.related.products,.upsells.products) ul.products li.product{
    padding:7px 7px 10px!important;
    min-width:0!important;
  }
.single-product :is(.related.products,.upsells.products) ul.products li.product .woocommerce-loop-product__title{
    display:block!important;
    height:auto!important;
    min-height:68px!important;
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    white-space:normal!important;
    text-overflow:clip!important;
    padding:8px 2px 0!important;
    font-size:10.2px!important;
    line-height:1.75!important;
  }
.single-product :is(.related.products,.upsells.products) ul.products li.product .price{
    margin-top:6px!important;
    padding-top:8px!important;
  }
body:not(.home) .woocommerce ul.products li.product .xb-loop-card-context{
    grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)!important;
    align-items:center!important;
    gap:4px!important;
    min-height:23px!important;
    padding-top:7px!important;
  }
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating{
    width:36px!important;
    min-width:36px!important;
    height:8px!important;
    min-height:8px!important;
  }
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
    font-size:6.25px!important;
  }
}
/* ======================================================================
   v3.18.53 — Mobile header/menu + cart readability + catalog toolbar + HQ logo.
   Intentionally scoped to the reported UI only.
   ====================================================================== */
/* Brand: use the packaged high-resolution wordmark without stretching it. */
/* Mobile menu: softer, slower entrance instead of a hard snap. */
.xb-mobile-menu-backdrop{
  opacity:0;
  background:rgba(10,11,14,.48)!important;
  transition:opacity .32s ease!important;
  will-change:opacity;
}
.xb-mobile-menu-panel{
  transform:translateX(104%) scale(.985)!important;
  transform-origin:right center;
  opacity:.985;
  transition:transform .40s cubic-bezier(.22,1,.36,1),opacity .28s ease!important;
  will-change:transform,opacity;
  overscroll-behavior:contain;
}
.xb-mobile-menu.is-open .xb-mobile-menu-panel{
  transform:translateX(0) scale(1)!important;
  opacity:1;
}
@media (prefers-reduced-motion:reduce){.xb-mobile-menu-backdrop,.xb-mobile-menu-panel{transition:none!important}
}
@media (max-width:820px){/* The one-line mobile topbar carried no useful action; remove it completely. */
.xb-topbar{display:none!important}
.xb-mainbar-inner{padding-top:12px!important}
.xb-signature-logo{max-width:176px!important;max-height:44px!important}
}
@media (max-width:390px){.xb-signature-logo{max-width:164px!important}
}
/* ======================================================================
   v3.18.54 — Mobile structural polish.
   Scope: mobile breadcrumb, product gallery, drawer, cart, footer, bottom nav.
   Desktop product/article/search layouts are intentionally untouched.
   ====================================================================== */
/* The gallery signature line belongs to the gallery card itself. */
@media (max-width:820px){.single-product .xb-product-top>.woocommerce-product-gallery{
    position:relative!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
.single-product .xb-product-top>.woocommerce-product-gallery::before{
    content:""!important;
    position:absolute!important;
    z-index:8!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:5px!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,var(--xb-orange) 0 50%,var(--xb-ink) 50% 100%)!important;
    border-radius:18px 18px 0 0!important;
  }
/* Keep Woo/FlexSlider's inline wrapper width/transform untouched. */
.single-product .woocommerce-product-gallery .flex-viewport{
    max-width:100%!important;
    overflow:hidden!important;
  }
.single-product .woocommerce-product-gallery__wrapper{
    max-width:none!important;
    min-width:initial!important;
  }
.single-product .woocommerce-product-gallery__image{
    max-width:none!important;
  }
/* Thumbnails scroll inside their own rail; the page itself never does. */
.single-product .flex-control-thumbs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    margin:9px 0 0!important;
    padding:1px 0 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
  }
.single-product .flex-control-thumbs li{
    flex:0 0 54px!important;
    width:54px!important;
    scroll-snap-align:start!important;
  }
.single-product .flex-control-thumbs img{
    width:46px!important;
    height:46px!important;
    object-fit:contain!important;
  }
}
@media (max-width:767px){/* BREADCRUMB: show home + nearest parent + current, without an infinite row. */
.xb-site-breadcrumb{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
.xb-site-breadcrumb .xb-container{
    width:min(calc(100% - 20px),var(--xb-container))!important;
    max-width:100%!important;
  }
.xb-site-breadcrumb ol{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:7px 8px!important;
    gap:0!important;
  }
.xb-site-breadcrumb li{
    flex:0 0 auto!important;
    max-width:34%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
.xb-site-breadcrumb li:not(.is-home):not(.is-current):not(:nth-last-child(2)){
    display:none!important;
  }
.xb-site-breadcrumb .is-home{
    max-width:none!important;
    flex:0 0 34px!important;
  }
.xb-site-breadcrumb .is-home a>span:not(.xb-breadcrumb-home-icon){display:none!important}
.xb-site-breadcrumb .is-current{
    flex:1 1 auto!important;
    max-width:none!important;
  }
.xb-site-breadcrumb li+li:before{
    flex:0 0 auto!important;
    padding:0 8px!important;
  }
.xb-site-breadcrumb a,
  .xb-site-breadcrumb li>span{
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
.xb-site-breadcrumb .is-current>span{
    max-width:100%!important;
    width:100%!important;
  }
/* MOBILE DRAWER: genuinely eased entrance, not an instant snap. */
.xb-mobile-menu-backdrop{
    transition:opacity .42s ease!important;
  }
.xb-mobile-menu-panel{
    transform:translate3d(105%,0,0) scale(.99)!important;
    opacity:.72!important;
    transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .36s ease!important;
    box-shadow:-24px 0 64px rgba(18,19,24,.16)!important;
  }
.xb-mobile-menu.is-open .xb-mobile-menu-panel{
    transform:translate3d(0,0,0) scale(1)!important;
    opacity:1!important;
  }
.xb-mobile-account{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    min-height:58px!important;
    margin:0 0 12px!important;
    padding:9px 11px!important;
    border:1px solid #e8e8e3!important;
    border-radius:13px!important;
    background:#fff!important;
    color:var(--xb-ink)!important;
  }
.xb-mobile-account-icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:#f3f3f0!important;
    color:var(--xb-orange)!important;
  }
.xb-mobile-account-icon svg{width:18px!important;height:18px!important}
.xb-mobile-account>span:last-child{display:flex!important;flex-direction:column!important;gap:2px!important}
.xb-mobile-account small{font-size:8.5px!important;color:#94979d!important}
.xb-mobile-account strong{font-size:11.5px!important;font-weight:900!important}
/* FOOTER: use the phone width, don't waste it vertically. */
.xb-footer-grid.xb-footer-grid-signature{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:26px 16px!important;
    padding:34px 0 30px!important;
  }
.xb-footer-grid-signature .xb-footer-brand-rich,
  .xb-footer-grid-signature .xb-footer-meta-column{
    grid-column:1/-1!important;
  }
.xb-footer-grid-signature .xb-footer-menu-column{
    min-width:0!important;
  }
.xb-footer-grid-signature .xb-footer-menu-column h3{
    font-size:15px!important;
    margin-bottom:11px!important;
  }
.xb-footer-grid-signature .xb-footer-menu-column ul{gap:7px!important}
.xb-footer-grid-signature .xb-footer-menu-column a{
    font-size:10px!important;
    line-height:1.7!important;
  }
.xb-footer-trust-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
.xb-footer-trust-card{
    min-height:90px!important;
    height:90px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
.xb-footer-trust-card img{
    width:auto!important;
    height:68px!important;
    max-width:84px!important;
    max-height:68px!important;
    object-fit:contain!important;
  }
.xb-footer-socials-wrap{margin-top:13px!important;padding-top:13px!important}
/* Bottom quick access: floating, compact and visibly interactive. */
body{padding-bottom:82px!important}
.xb-mobile-bottom{
    right:10px!important;
    left:10px!important;
    bottom:8px!important;
    height:66px!important;
    z-index:1200!important;
    padding:5px 6px max(5px,env(safe-area-inset-bottom))!important;
    border:1px solid rgba(18,19,24,.09)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 34px rgba(18,19,24,.14)!important;
    backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
  }
.xb-mobile-bottom a,
  .xb-mobile-bottom button{
    min-width:0!important;
    min-height:54px!important;
    padding:5px 3px!important;
    border-radius:13px!important;
    gap:3px!important;
    color:#5e6168!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
.xb-mobile-bottom a:active,
  .xb-mobile-bottom button:active{
    transform:scale(.96)!important;
    background:#fff2e9!important;
    color:var(--xb-orange)!important;
  }
.xb-mobile-bottom svg{
    width:21px!important;
    height:21px!important;
    stroke-width:1.8!important;
  }
.xb-mobile-bottom span{
    font-size:8.7px!important;
    font-weight:750!important;
    line-height:1!important;
  }
}
@media (max-width:390px){.xb-footer-grid.xb-footer-grid-signature{gap:22px 12px!important}
.xb-footer-grid-signature .xb-footer-menu-column a{font-size:9.5px!important}
}
/* ======================================================================
   v3.18.56 — logo-only raster fidelity fix.
   Uses exact responsive widths + DPR-aware srcset. No layout changes.
   ====================================================================== */
.xb-signature-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
}
.xb-signature-logo{
  display:block!important;
  width:230px!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  transform:none!important;
  filter:none!important;
}
@media (max-width:820px){.xb-signature-logo{
    width:176px!important;
    height:auto!important;
  }
}
@media (max-width:390px){.xb-signature-logo{width:164px!important}
}
/* v3.21.0 — product final rules consolidated from former PHP inline hotfixes. */
@media (max-width:767px){.single-product div.product .summary:before{display:none!important;}}

/* ======================================================================
   v3.23.1 — Mobile product layout, integrated into the existing PRODUCT
   split bundle. No extra route stylesheet is enqueued.
   Scope is strictly body.single-product.xb-mobile-product.
   ====================================================================== */
body.single-product.xb-mobile-product{
  --xb-mobile-ink:#14161b;
  --xb-mobile-soft:#f6f7f5;
  --xb-mobile-line:#e2e4df;
  --xb-mobile-muted:#74777d;
}

/* Research-page identity. */
body.single-product.xb-mobile-product .xb-product-page-title{
  overflow:hidden;
  border:1px solid var(--xb-mobile-line);
  border-radius:20px;
  background:linear-gradient(100deg,#fff 0%,#fff 76%,#fff5ed 100%);
  box-shadow:0 8px 24px rgba(18,19,24,.025);
}
body.single-product.xb-mobile-product .xb-product-page-title::before{
  content:"SMARTPHONE / SPECS / COMPARE";
  display:block;
  margin-bottom:7px;
  color:var(--xb-orange);
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.14em;
  direction:ltr;
  text-align:right;
}
body.single-product.xb-mobile-product .xb-product-page-title .xb-product-page-title-kicker{display:none!important}

/*
 * Desktop smartphone hero is deliberately NOT the normal 3-column commerce
 * hero. Right = large gallery. Left = editorial highlights + research panel.
 * Explicit grid placement avoids regressions from the generic product split.
 */
@media (min-width:1181px){
  /* First-scroll order in RTL: gallery -> short review -> research center. */
  body.single-product.xb-mobile-product .xb-product-top{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:minmax(270px,.78fr) minmax(320px,.98fr) minmax(390px,1.24fr)!important;
    grid-template-rows:auto!important;
    gap:18px!important;
    align-items:start!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery{
    grid-column:3!important;
    grid-row:1!important;
    direction:rtl!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.xb-product-middle{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.summary{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
    position:static!important;
    top:auto!important;
  }
  /* Neutralize the generic product gallery's fixed/cropped stage only here. */
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .flex-viewport{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image,
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
    height:100%!important;
    min-height:0!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img,
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:4px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
}

/* Gallery stays clean and content-sized; no tall empty phone column. */
body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery{
  padding:16px!important;
  border:1px solid var(--xb-mobile-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(18,19,24,.035)!important;
}
body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery::after{content:none!important;display:none!important}
body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs{
  justify-content:center!important;
  margin-top:10px!important;
  gap:7px!important;
}
body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs li{
  width:58px!important;
  flex-basis:58px!important;
  border-radius:10px!important;
}

/* v3.23.2 — Smartphone gallery thumbnails must never crop product renders. */
body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs img{
  width:100%!important;
  height:100%!important;
  max-width:58px!important;
  max-height:58px!important;
  padding:3px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}

/* Highlights card. */
body.single-product.xb-mobile-product .xb-mobile-product-highlights{
  padding:19px 20px!important;
  border:1px solid var(--xb-mobile-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(18,19,24,.03)!important;
}
body.single-product.xb-mobile-product .xb-mobile-product-highlights .xb-product-middle-content{
  max-height:none!important;
  overflow:visible!important;
  color:#4f5359!important;
  font-size:11.8px!important;
  line-height:1.95!important;
}
body.single-product.xb-mobile-product .xb-mobile-highlight-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:14px;
}
body.single-product.xb-mobile-product .xb-mobile-highlight-actions>*{margin:0!important}
body.single-product.xb-mobile-product .xb-mobile-highlight-secondary,
body.single-product.xb-mobile-product .xb-mobile-spec-pending{
  box-sizing:border-box;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid var(--xb-mobile-line);
  border-radius:11px;
  background:#fafaf8;
  color:var(--xb-mobile-ink);
  font-size:10.5px;
  font-weight:900;
  line-height:1.65;
  text-align:center;
  text-decoration:none;
}
body.single-product.xb-mobile-product .xb-mobile-highlight-secondary:hover{border-color:var(--xb-orange);color:var(--xb-orange)}
body.single-product.xb-mobile-product .xb-mobile-spec-pending{grid-column:1/-1;color:var(--xb-mobile-muted);border-style:dashed}

/* Summary becomes an informational research card, never a sales card. */
body.single-product.xb-mobile-product .xb-product-top>.summary{
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.single-product.xb-mobile-product .xb-product-top>.summary::before{display:none!important}
body.single-product.xb-mobile-product .xb-mobile-research-panel{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid #262930;
  border-radius:20px;
  background:linear-gradient(145deg,#17191e 0%,#202329 100%);
  color:#fff;
  box-shadow:0 14px 36px rgba(18,19,24,.11);
}
body.single-product.xb-mobile-product .xb-mobile-research-panel::after{
  content:"";
  position:absolute;
  top:-60px;
  left:-55px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:rgba(255,105,0,.13);
  pointer-events:none;
}
body.single-product.xb-mobile-product .xb-mobile-research-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
body.single-product.xb-mobile-product .xb-mobile-research-kicker{
  display:block;
  margin-bottom:5px;
  color:#ff9657;
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
  direction:ltr;
  text-align:right;
}
body.single-product.xb-mobile-product .xb-mobile-research-head strong{display:block;font-size:17px;line-height:1.55;font-weight:950}
body.single-product.xb-mobile-product .xb-mobile-research-brand{
  display:grid;
  place-items:center;
  flex:0 0 84px;
  width:84px;
  min-height:38px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:#fff;
}
body.single-product.xb-mobile-product .xb-mobile-research-brand img{width:100%;max-height:28px;object-fit:contain}
body.single-product.xb-mobile-product .xb-mobile-research-brand-text{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  color:#fff;
  font-size:10px;
  font-weight:900;
}
body.single-product.xb-mobile-product .xb-mobile-research-copy{
  position:relative;
  z-index:1;
  margin:12px 0 0;
  color:#c7cad0;
  font-size:10.5px;
  line-height:1.9;
}
body.single-product.xb-mobile-product .xb-mobile-research-status{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}
body.single-product.xb-mobile-product .xb-mobile-research-status>div{
  min-width:0;
  padding:9px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.045);
}
body.single-product.xb-mobile-product .xb-mobile-research-status small,
body.single-product.xb-mobile-product .xb-mobile-research-status strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.single-product.xb-mobile-product .xb-mobile-research-status small{margin-bottom:3px;color:#91959d;font-size:7px;font-weight:700}
body.single-product.xb-mobile-product .xb-mobile-research-status strong{color:#f4f5f6;font-size:8.5px;font-weight:900}
body.single-product.xb-mobile-product .xb-mobile-research-actions{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:13px;
}
body.single-product.xb-mobile-product .xb-mobile-research-action,
body.single-product.xb-mobile-product .xb-mobile-research-actions .xb-product-compare-action,
body.single-product.xb-mobile-product .xb-mobile-research-actions .xb-compare-button{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
}
body.single-product.xb-mobile-product .xb-mobile-research-action,
body.single-product.xb-mobile-product .xb-mobile-research-actions .xb-compare-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1.5!important;
  text-align:center!important;
  text-decoration:none!important;
}
body.single-product.xb-mobile-product .xb-mobile-research-action.is-primary{border-color:var(--xb-orange)!important;background:var(--xb-orange)!important}
body.single-product.xb-mobile-product .xb-mobile-research-action.is-muted{color:#b9bdc3!important}
body.single-product.xb-mobile-product .xb-mobile-research-action:hover,
body.single-product.xb-mobile-product .xb-mobile-research-actions .xb-compare-button:hover{border-color:#ff9657!important;background:rgba(255,105,0,.14)!important;color:#fff!important}

/* Fail-safe: commerce elements are impossible to leak into smartphone pages. */
body.single-product.xb-mobile-product .summary>.price,
body.single-product.xb-mobile-product .summary p.price,
body.single-product.xb-mobile-product .summary form.cart,
body.single-product.xb-mobile-product .summary .stock,
body.single-product.xb-mobile-product .summary .product_meta,
body.single-product.xb-mobile-product .summary .xb-buy-confidence,
body.single-product.xb-mobile-product .summary>.xb-product-compare-action,
body.single-product.xb-mobile-product .related.products,
body.single-product.xb-mobile-product .upsells.products{display:none!important}

/* Eight candidates: 4 x 2 on desktop, without compressing them into one strip. */
body.single-product.xb-mobile-product #xb-mobile-comparisons{
  box-sizing:border-box!important;
  width:100%!important;
  margin:18px 0!important;
  padding:22px!important;
  border:1px solid var(--xb-mobile-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  clip-path:none!important;
  box-shadow:0 12px 34px rgba(18,19,24,.03)!important;
}
body.single-product.xb-mobile-product #xb-mobile-comparisons::before{
  content:"MOBILE / SMART COMPARISONS";
  display:block;
  margin-bottom:7px;
  color:var(--xb-orange);
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
  direction:ltr;
  text-align:right;
}
body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-heading{margin:0 0 15px!important;padding:0 0 12px!important}
body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-heading h2{font-size:21px!important;line-height:1.55!important;font-weight:950!important}
body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  padding:0!important;
  overflow:visible!important;
}
body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  max-width:none!important;
  min-height:216px!important;
  padding:12px!important;
  border:1px solid #e8e9e5!important;
  border-radius:14px!important;
  background:#fbfbf9!important;
  box-shadow:none!important;
}
body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-product img{width:70px!important;height:70px!important}
body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-product-copy strong{font-size:11px!important;line-height:1.55!important}
body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-product-copy small{font-size:9.5px!important;line-height:1.55!important}
body.single-product.xb-mobile-product #xb-mobile-comparisons button.xb-smart-compare-link{min-height:38px!important;border-radius:9px!important;font-size:10px!important}

/*
 * Critical RTL grid repair. Generic product.css places tabs in column 2 and
 * aside in column 1. Keep that contract and only change sizing. Reversing the
 * template columns was the cause of the huge blank area in v3.23.0.
 */
body.single-product.xb-mobile-product .xb-product-detail-layout{
  clear:both!important;
  display:grid!important;
  direction:ltr!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  margin-top:16px!important;
}
body.single-product.xb-mobile-product .xb-product-detail-layout>.woocommerce-tabs{
  grid-column:2!important;
  grid-row:1!important;
  direction:rtl!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  border:1px solid var(--xb-mobile-line)!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(18,19,24,.025)!important;
}
body.single-product.xb-mobile-product .xb-product-detail-aside{
  grid-column:1!important;
  grid-row:1!important;
  direction:rtl!important;
  min-width:0!important;
  width:100%!important;
}
body.single-product.xb-mobile-product .xb-mobile-detail-aside .xb-product-detail-aside-card{
  padding:14px!important;
  border-radius:17px!important;
  box-shadow:0 12px 32px rgba(18,19,24,.03)!important;
}
body.single-product.xb-mobile-product .xb-mobile-detail-aside .xb-product-detail-aside-image{
  min-height:190px!important;
  height:190px!important;
  background:#f7f7f4!important;
}
body.single-product.xb-mobile-product .xb-mobile-detail-aside .xb-product-detail-aside-image img{height:190px!important;max-height:190px!important}
body.single-product.xb-mobile-product .xb-mobile-aside-brand{
  display:inline-flex;
  margin-top:10px;
  padding:5px 8px;
  border-radius:8px;
  background:#fff4ec;
  color:var(--xb-orange);
  font-size:8px;
  font-weight:900;
}
body.single-product.xb-mobile-product .xb-mobile-aside-nav{display:grid;gap:7px;margin-top:11px}
body.single-product.xb-mobile-product .xb-mobile-aside-nav a{
  display:flex;
  min-height:38px;
  align-items:center;
  justify-content:space-between;
  padding:7px 10px;
  border:1px solid #e8e9e5;
  border-radius:9px;
  background:#fafaf8;
  color:var(--xb-mobile-ink);
  font-size:9px;
  font-weight:850;
  text-decoration:none;
}
body.single-product.xb-mobile-product .xb-mobile-aside-nav a::after{content:"←";color:var(--xb-orange)}
body.single-product.xb-mobile-product .xb-mobile-aside-nav a:hover{border-color:var(--xb-orange);color:var(--xb-orange)}

@media (min-width:901px) and (max-width:1180px){
  body.single-product.xb-mobile-product .xb-product-top{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr)!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
    align-items:start!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.xb-product-middle{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.summary{
    grid-column:1/-1!important;
    grid-row:2!important;
    direction:rtl!important;
    position:static!important;
  }
  body.single-product.xb-mobile-product .xb-mobile-research-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.single-product.xb-mobile-product .xb-product-detail-layout{grid-template-columns:245px minmax(0,1fr)!important;gap:14px!important}
}

@media (max-width:900px){
  body.single-product.xb-mobile-product .xb-product-top{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery{order:1!important}
  body.single-product.xb-mobile-product .xb-product-top>.xb-product-middle{order:2!important}
  body.single-product.xb-mobile-product .xb-product-top>.summary{order:3!important;position:static!important}
  body.single-product.xb-mobile-product #xb-mobile-comparisons{padding:18px!important}
  body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-card{
    flex:none!important;
    width:auto!important;
    max-width:none!important;
    min-height:205px!important;
  }
  body.single-product.xb-mobile-product .xb-product-detail-layout{display:block!important;margin-top:14px!important}
  body.single-product.xb-mobile-product .xb-product-detail-aside{display:none!important}
}

@media (max-width:620px){
  body.single-product.xb-mobile-product .xb-mobile-highlight-actions{grid-template-columns:1fr}
  body.single-product.xb-mobile-product .xb-mobile-research-status{grid-template-columns:1fr 1fr 1fr}
  body.single-product.xb-mobile-product .xb-mobile-research-actions{grid-template-columns:1fr 1fr}
  body.single-product.xb-mobile-product #xb-mobile-comparisons{padding:15px!important}
  body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-grid{grid-template-columns:1fr!important}
  body.single-product.xb-mobile-product #xb-mobile-comparisons .xb-smart-compare-card{min-height:0!important}
}


/* ======================================================================
   v3.23.3 — Smartphone first-scroll geometry + reliable anchor offsets.
   Stays inside product.css so the approved split-CSS route is unchanged.
   ====================================================================== */
@media (min-width:1025px){
  /* Three genuinely equal desktop columns, RTL visual order:
     gallery (right) -> short review (middle) -> research center (left). */
  body.single-product.xb-mobile-product .xb-product-top{
    display:grid!important;
    width:100%!important;
    direction:ltr!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-auto-flow:row!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery,
  body.single-product.xb-mobile-product .xb-product-top>.xb-product-middle,
  body.single-product.xb-mobile-product .xb-product-top>.summary{
    box-sizing:border-box!important;
    float:none!important;
    clear:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    align-self:stretch!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery{
    grid-column:3!important;
    grid-row:1!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.xb-product-middle{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.summary{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    position:static!important;
    inset:auto!important;
  }

  /* The phone stage must not dictate the whole first scroll. Keep the image
     fully contained in a compact fixed stage; the three outer cards remain
     equal-width/equal-row-height. */
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .flex-viewport{
    flex:0 0 300px!important;
    width:100%!important;
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image,
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img,
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg){
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:300px!important;
    margin:0 auto!important;
    padding:8px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery .flex-control-thumbs{
    margin-top:auto!important;
    padding-top:10px!important;
  }

  /* Stretch the content cards to the same grid row without stretching text. */
  body.single-product.xb-mobile-product .xb-mobile-product-highlights{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.single-product.xb-mobile-product .xb-mobile-product-highlights .xb-mobile-highlight-actions{
    margin-top:auto!important;
    padding-top:14px!important;
  }
  body.single-product.xb-mobile-product .xb-mobile-research-panel{
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body.single-product.xb-mobile-product .xb-mobile-research-actions{
    margin-top:auto!important;
    padding-top:14px!important;
  }
}

/* 1024px and below keeps the existing stacked/tablet flow. This prevents the
   older 901–1180 two-column rule from overriding the equal desktop layout. */
@media (min-width:1025px) and (max-width:1180px){
  body.single-product.xb-mobile-product .xb-product-top{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
  }
  body.single-product.xb-mobile-product .xb-product-top>.woocommerce-product-gallery{grid-column:3!important;grid-row:1!important}
  body.single-product.xb-mobile-product .xb-product-top>.xb-product-middle{grid-column:2!important;grid-row:1!important}
  body.single-product.xb-mobile-product .xb-product-top>.summary{grid-column:1!important;grid-row:1!important}
}

/* Every mobile research destination must clear the measured sticky header. */
body.single-product.xb-mobile-product #xb-mobile-comparisons,
body.single-product.xb-mobile-product .woocommerce-tabs,
body.single-product.xb-mobile-product .wc-tabs-wrapper,
body.single-product.xb-mobile-product #tab-xb_spec_table,
body.single-product.xb-mobile-product #tab-description{
  scroll-margin-top:calc(var(--xb-sticky-safe-top,160px) + 24px)!important;
}

/* The quick-nav phone card is intentionally pure white on smartphone pages.
   Disable the legacy peach decorative overlay only here. */
body.single-product.xb-mobile-product .xb-mobile-detail-aside .xb-product-detail-aside-image{
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #efefea!important;
}
body.single-product.xb-mobile-product .xb-mobile-detail-aside .xb-product-detail-aside-image::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
body.single-product.xb-mobile-product .xb-mobile-detail-aside .xb-product-detail-aside-image img{
  background:#fff!important;
  mix-blend-mode:normal!important;
}

/* The compare shortcode is authored inside the dark research panel on mobile;
   keep its wrapper in the grid rather than letting legacy product styles make
   it look like a detached full-width CTA. */
body.single-product.xb-mobile-product .xb-mobile-research-actions>.xb-product-compare-action{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  clear:none!important;
  margin:0!important;
  position:relative!important;
  z-index:2!important;
}
body.single-product.xb-mobile-product .xb-mobile-research-actions>.xb-product-compare-action .xb-compare-button{
  display:flex!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:9.5px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* ======================================================================
   v3.23.7 — Isolated smartphone first-scroll gallery.
   This stays inside the existing product.css split bundle. No new stylesheet,
   route, dependency or cache rule is introduced.
   ====================================================================== */
body.single-product.xb-mobile-product .xb-product-top{
  display:block!important;
  width:100%!important;
}
body.single-product.xb-mobile-product .xb-product-top>.summary{
  display:none!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll{
  display:grid!important;
  width:100%!important;
  direction:ltr!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-gallery-card,
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-product-highlights,
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-research-panel{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  align-self:stretch!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-gallery-card{
  grid-column:3!important;
  grid-row:1!important;
  direction:rtl!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-product-highlights{
  grid-column:2!important;
  grid-row:1!important;
  direction:rtl!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-research-panel{
  grid-column:1!important;
  grid-row:1!important;
  direction:rtl!important;
}
body.single-product.xb-mobile-product .xb-mobile-gallery-card{
  display:flex!important;
  flex-direction:column!important;
  padding:16px!important;
  border:1px solid var(--xb-mobile-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(18,19,24,.035)!important;
  overflow:hidden!important;
}
body.single-product.xb-mobile-product .xb-mobile-gallery-stage{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:320px!important;
  min-height:320px!important;
  max-height:320px!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.single-product.xb-mobile-product .xb-mobile-gallery-main{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:320px!important;
  margin:0 auto!important;
  padding:8px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
body.single-product.xb-mobile-product .xb-mobile-gallery-thumbs{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  margin-top:auto!important;
  padding-top:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
body.single-product.xb-mobile-product .xb-mobile-gallery-thumbs::-webkit-scrollbar{display:none!important}
body.single-product.xb-mobile-product .xb-mobile-gallery-thumb{
  display:grid!important;
  place-items:center!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  padding:4px!important;
  border:1px solid #e2e4df!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  appearance:none!important;
}
body.single-product.xb-mobile-product .xb-mobile-gallery-thumb.is-active,
body.single-product.xb-mobile-product .xb-mobile-gallery-thumb[aria-pressed="true"]{
  border-color:var(--xb-orange)!important;
  box-shadow:0 0 0 1px var(--xb-orange)!important;
}
body.single-product.xb-mobile-product .xb-mobile-gallery-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-product-highlights{
  display:flex!important;
  flex-direction:column!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-product-highlights .xb-mobile-highlight-actions{
  margin-top:auto!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-research-panel{
  display:flex!important;
  flex-direction:column!important;
}
body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-research-panel .xb-mobile-research-actions{
  margin-top:auto!important;
}

@media (min-width:701px) and (max-width:1024px){
  body.single-product.xb-mobile-product .xb-mobile-first-scroll{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-gallery-card{grid-column:2!important;grid-row:1!important}
  body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-product-highlights{grid-column:1!important;grid-row:1!important}
  body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-research-panel{grid-column:1/-1!important;grid-row:2!important}
}

@media (max-width:700px){
  body.single-product.xb-mobile-product .xb-mobile-first-scroll{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-gallery-card{order:1!important}
  body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-product-highlights{order:2!important}
  body.single-product.xb-mobile-product .xb-mobile-first-scroll>.xb-mobile-research-panel{order:3!important}
  body.single-product.xb-mobile-product .xb-mobile-gallery-stage{
    height:min(82vw,340px)!important;
    min-height:min(82vw,340px)!important;
    max-height:min(82vw,340px)!important;
  }
}


/* ======================================================================
   v3.23.13 — Smartphone database quick facts.
   Six facts are read from the existing spec-table meta; the theme never writes
   product data. Two-column layout fills the research panel's former dead space.
   ====================================================================== */
body.single-product.xb-mobile-product .xb-mobile-research-specs{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}
body.single-product.xb-mobile-product .xb-mobile-research-spec{
  min-width:0;
  min-height:54px;
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(255,255,255,.045);
}
body.single-product.xb-mobile-product .xb-mobile-research-spec-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,105,0,.12);
  color:#ff9657;
}
body.single-product.xb-mobile-product .xb-mobile-research-spec-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.single-product.xb-mobile-product .xb-mobile-research-spec-copy{
  display:block;
  min-width:0;
}
body.single-product.xb-mobile-product .xb-mobile-research-spec-copy small{
  display:block;
  margin-bottom:2px;
  color:#92969e;
  font-family:inherit;
  font-size:6.8px;
  line-height:1.35;
  font-weight:700;
}
body.single-product.xb-mobile-product .xb-mobile-research-spec-copy strong{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#f4f5f6;
  font-family:inherit;
  font-size:8.4px;
  line-height:1.55;
  font-weight:850;
}
body.single-product.xb-mobile-product .xb-mobile-research-actions{
  margin-top:auto!important;
  padding-top:12px!important;
}
@media (max-width:620px){
  body.single-product.xb-mobile-product .xb-mobile-research-specs{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  body.single-product.xb-mobile-product .xb-mobile-research-spec{
    grid-template-columns:27px minmax(0,1fr);
    min-height:56px;
    padding:7px;
    gap:6px;
  }
  body.single-product.xb-mobile-product .xb-mobile-research-spec-icon{
    width:27px;
    height:27px;
  }
  body.single-product.xb-mobile-product .xb-mobile-research-spec-icon svg{width:15px;height:15px}
  body.single-product.xb-mobile-product .xb-mobile-research-spec-copy strong{font-size:7.8px}
}