:root{
  --xb-orange:#ff5a00;--xb-orange-2:#ff7a1a;--xb-ink:#121318;--xb-ink-2:#1d1f25;--xb-paper:#f4f4f2;--xb-paper-2:#ecece8;
  --xb-white:#fff;--xb-muted:#72757d;--xb-soft:#9a9ca2;--xb-line:#dedfda;--xb-green:#157c4d;--xb-red:#d62f2f;
  --xb-container:1420px;--xb-radius:22px;--xb-radius-sm:14px;--xb-shadow:0 18px 55px rgba(18,19,24,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--xb-paper);color:var(--xb-ink);font-family:Vazirmatn,Arial,sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.xb-lock{overflow:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{color:inherit}.xb-container{width:min(calc(100% - 48px),var(--xb-container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;top:10px;right:10px;padding:10px 14px;background:#fff;z-index:9999}.xb-signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--xb-orange);box-shadow:0 0 0 4px rgba(255,90,0,.12)}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.xb-icon-button{border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer}.xb-main{padding-top:32px;padding-bottom:72px}

/* Header */
.xb-site-header{background:var(--xb-white);position:relative;z-index:60;border-bottom:1px solid var(--xb-line)}.xb-topbar{background:var(--xb-ink);color:#fff}.xb-topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between;font-size:10.5px}.xb-topbar-brand,.xb-topbar-links{display:flex;align-items:center;gap:12px}.xb-topbar-brand strong{font-weight:800}.xb-topbar-brand>span:last-child{color:#aeb0b8}.xb-topbar-links a{color:#d9d9dc}.xb-topbar-links a:hover{color:#fff}.xb-mainbar-inner{height:92px;display:grid;grid-template-columns:280px minmax(320px,1fr) auto;gap:32px;align-items:center}.xb-brand-wrap{min-width:0}.custom-logo-link{display:inline-flex;align-items:center}.custom-logo{max-width:230px;max-height:60px;width:auto}.xb-wordmark{display:flex;align-items:center;gap:12px}.xb-wordmark-symbol{width:54px;height:54px;background:var(--xb-orange);color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px;letter-spacing:-.04em;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.xb-wordmark-copy{display:flex;flex-direction:column;line-height:1.2}.xb-wordmark-copy strong{font-weight:900;font-size:18px}.xb-wordmark-copy small{margin-top:5px;color:var(--xb-soft);font-size:8px;letter-spacing:.12em;direction:ltr;text-align:left}.xb-search-wrap .woocommerce-product-search,.xb-search-wrap .search-form{height:54px;display:flex;align-items:center;background:#f2f2f0;border:1px solid transparent;border-radius:16px;overflow:hidden;transition:.2s}.xb-search-wrap .woocommerce-product-search:focus-within,.xb-search-wrap .search-form:focus-within{background:#fff;border-color:#b9bab5;box-shadow:0 8px 25px rgba(18,19,24,.07)}.xb-search-wrap input[type=search],.xb-search-wrap .search-field{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 20px;color:var(--xb-ink);outline:0}.xb-search-wrap button{height:38px;min-width:64px;margin-left:7px;border:0;border-radius:11px;background:var(--xb-ink);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.xb-header-actions{display:flex;gap:10px}.xb-header-action{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--xb-line);border-radius:16px;background:#fff;transition:.2s}.xb-header-action:hover{border-color:#bbbcb7;transform:translateY(-1px)}.xb-header-action-icon{width:32px;height:32px;border-radius:10px;background:#f2f2f0;display:grid;place-items:center;position:relative}.xb-header-action-icon svg{width:19px;height:19px}.xb-header-action-copy{display:flex;flex-direction:column;line-height:1.35}.xb-header-action-copy small{font-size:9.5px;color:var(--xb-soft)}.xb-header-action-copy strong{font-size:11.5px;font-weight:800;white-space:nowrap}.xb-cart-count{position:absolute;top:-8px;left:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--xb-orange);color:#fff;font-size:9px;display:grid;place-items:center;font-weight:800}.xb-menu-trigger{display:none;width:42px;height:42px;border:1px solid var(--xb-line);border-radius:12px}.xb-menu-trigger svg{width:21px}.xb-navigation-bar{border-top:1px solid #efefec}.xb-navigation-inner{height:54px;display:flex;align-items:stretch;gap:22px}.xb-all-products{min-width:190px;background:var(--xb-orange);color:#fff;padding:0 18px;display:flex;align-items:center;gap:10px;position:relative}.xb-all-products:after{content:"";position:absolute;left:-16px;top:0;border-top:27px solid transparent;border-bottom:27px solid transparent;border-right:16px solid var(--xb-orange)}.xb-all-products>span{display:grid;place-items:center}.xb-all-products svg{width:19px}.xb-all-products strong{font-size:12px}.xb-all-products small{font-size:8px;opacity:.72;margin-right:auto;letter-spacing:.12em}.xb-primary-nav{flex:1;min-width:0}.xb-primary-nav>ul{height:100%;display:flex;align-items:center;gap:27px;margin:0;padding:0;list-style:none}.xb-primary-nav li{position:relative}.xb-primary-nav a{font-size:11.5px;font-weight:700;display:block;padding:17px 0;white-space:nowrap}.xb-primary-nav a:hover{color:var(--xb-orange)}.xb-primary-nav .sub-menu{position:absolute;top:100%;right:-18px;min-width:220px;margin:0;padding:10px;list-style:none;background:#fff;border:1px solid var(--xb-line);border-radius:14px;box-shadow:var(--xb-shadow);opacity:0;visibility:hidden;transform:translateY(7px);transition:.16s}.xb-primary-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}.xb-primary-nav .sub-menu a{padding:9px 10px;border-radius:8px}.xb-primary-nav .sub-menu a:hover{background:#f5f5f2}.xb-nav-editorial{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;color:var(--xb-orange);white-space:nowrap}.xb-nav-editorial svg{width:17px;height:17px;transform:scaleX(-1)}

/* Mobile menu */
.xb-mobile-menu{position:fixed;inset:0;z-index:130}.xb-mobile-menu-backdrop{position:absolute;inset:0;background:rgba(10,11,14,.56);opacity:0;transition:.2s}.xb-mobile-menu-panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,390px);background:#fff;padding:20px;overflow:auto;transform:translateX(105%);transition:.22s}.xb-mobile-menu.is-open .xb-mobile-menu-backdrop{opacity:1}.xb-mobile-menu.is-open .xb-mobile-menu-panel{transform:none}.xb-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--xb-line)}.xb-mobile-menu-head .xb-icon-button{width:38px;height:38px;border:1px solid var(--xb-line);border-radius:10px}.xb-mobile-menu-head svg{width:18px}.xb-mobile-search{margin:18px 0}.xb-mobile-search .woocommerce-product-search,.xb-mobile-search .search-form{display:flex;height:48px;background:#f2f2f0;border-radius:12px;overflow:hidden}.xb-mobile-search input{flex:1;border:0;background:transparent;padding:0 14px;outline:0;min-width:0}.xb-mobile-search button{border:0;background:var(--xb-ink);color:#fff;padding:0 16px;font-size:11px;font-weight:800}.xb-mobile-shop{display:flex;align-items:center;gap:10px;padding:13px;background:var(--xb-orange);color:#fff;border-radius:12px;font-size:12px;font-weight:800;margin-bottom:12px}.xb-mobile-shop svg{width:18px}.xb-mobile-menu nav ul{list-style:none;margin:0;padding:0}.xb-mobile-menu nav>ul>li{border-bottom:1px solid #ecece8}.xb-mobile-menu nav a{display:block;padding:13px 3px;font-size:12.5px;font-weight:700}.xb-mobile-menu .sub-menu{padding:0 12px 8px}.xb-mobile-menu .sub-menu a{font-weight:500;color:var(--xb-muted);font-size:11.5px}

/* Hero */
.xb-hero{padding:26px 0 0}.xb-hero-shell{min-height:575px;display:grid;grid-template-columns:.92fr 1.08fr;background:var(--xb-ink);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(18,19,24,.14);position:relative}.xb-hero-shell:before{content:"";position:absolute;top:0;bottom:0;right:42.3%;width:1px;background:rgba(255,255,255,.08)}.xb-hero-copy{padding:68px 64px 58px;color:#fff;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.xb-hero-index{display:flex;align-items:center;gap:15px;margin-bottom:50px}.xb-hero-index span{font-size:9px;color:#858890;letter-spacing:.16em;direction:ltr}.xb-hero-index i{width:70px;height:1px;background:#35373d}.xb-kicker{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#c3c4c8;font-size:9.5px;font-weight:700;letter-spacing:.08em;direction:ltr;justify-content:flex-end}.xb-hero-copy h1{font-size:clamp(42px,4.6vw,72px);line-height:1.22;margin:0;max-width:580px;font-weight:900;letter-spacing:-.04em}.xb-hero-lead{max-width:560px;color:#b8bac0;font-size:15px;line-height:2;margin:24px 0 30px}.xb-hero-actions{display:flex;align-items:center;gap:12px}.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)}.xb-btn-orange{background:var(--xb-orange);color:#fff}.xb-btn-orange:hover{background:var(--xb-orange-2)}.xb-btn-ghost{border-color:#3d3f45;color:#fff;background:transparent}.xb-btn-ghost:hover{background:#1c1e23}.xb-hero-metrics{display:flex;gap:38px;margin-top:54px}.xb-hero-metrics>div{display:flex;flex-direction:column;gap:3px}.xb-hero-metrics strong{font-size:16px;font-weight:900;direction:ltr;text-align:right}.xb-hero-metrics span{font-size:9.5px;color:#797c85}.xb-hero-products{background:#e9e9e5;padding:26px;position:relative;z-index:1}.xb-hero-products:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,19,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,19,24,.04) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.xb-hero-products-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:38px;margin-bottom:13px}.xb-hero-products-head>span{font-size:10.5px;font-weight:800}.xb-hero-products-head>a{font-size:8.5px;direction:ltr;display:flex;align-items:center;gap:6px;color:#686b72;letter-spacing:.08em}.xb-hero-products-head svg{width:15px;transform:scaleX(-1)}.xb-hero-product-grid{position:relative;z-index:2;height:472px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px}.xb-hero-product{background:#fff;border:1px solid rgba(18,19,24,.08);border-radius:18px;padding:15px;display:grid;grid-template-columns:1fr;overflow:hidden;position:relative;transition:.2s}.xb-hero-product:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(18,19,24,.1)}.xb-hero-product.is-featured{grid-row:1/3;padding:22px}.xb-hero-product-image{display:grid;place-items:center;min-height:0}.xb-hero-product-image img{width:100%;height:100%;max-height:285px;object-fit:contain;mix-blend-mode:multiply}.xb-hero-product.is-featured .xb-hero-product-image img{max-height:340px}.xb-hero-product-copy{border-top:1px solid #ecece8;padding-top:10px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:start}.xb-hero-product-copy small{grid-row:1/3;font-size:9px;color:#aaa;direction:ltr}.xb-hero-product-copy strong{font-size:11px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xb-hero-product.is-featured .xb-hero-product-copy strong{font-size:13px}.xb-hero-product-copy span{font-size:11px;font-weight:900;color:var(--xb-orange)}.xb-hero-product-copy del{color:#aaa;font-size:9px}.xb-hero-empty{position:relative;z-index:2;height:470px;display:grid;place-items:center;grid-template-columns:repeat(3,1fr);gap:10px}.xb-hero-empty strong{background:#fff;padding:40px 12px;border-radius:18px}
.xb-brand-strip{padding:20px 0}.xb-brand-strip .xb-container{display:flex;align-items:center;justify-content:center;gap:28px;color:#a0a19d;font-size:9px;font-weight:800;letter-spacing:.08em;direction:ltr;overflow:hidden;white-space:nowrap}.xb-brand-strip i{width:4px;height:4px;background:var(--xb-orange);border-radius:50%}

/* Generic home sections */
.xb-section{padding:82px 0}.xb-section-heading{margin-bottom:30px}.xb-section-heading>span,.xb-section-heading>div>span{display:block;color:var(--xb-orange);font-size:8.5px;font-weight:900;letter-spacing:.15em;direction:ltr;text-align:right;margin-bottom:8px}.xb-section-heading h2{font-size:clamp(27px,3vw,42px);line-height:1.3;margin:0;font-weight:900;letter-spacing:-.035em}.xb-section-heading-split{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:40px}.xb-section-heading-split p{margin:0;color:var(--xb-muted);font-size:13px;line-height:2}.xb-section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:28px}.xb-section-heading-row>a{font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px}.xb-section-heading-row>a svg{width:17px;transform:scaleX(-1)}.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}

/* Mission cards */
.xb-missions{padding-top:72px}.xb-mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.xb-mission-card{min-height:230px;background:#fff;border:1px solid var(--xb-line);padding:24px;border-radius:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}.xb-mission-card:after{content:"";position:absolute;left:-35px;bottom:-52px;width:130px;height:130px;border:1px solid #e4e4df;border-radius:50%}.xb-mission-card small{font-size:8px;color:#9b9da2;direction:ltr;text-align:right;letter-spacing:.1em}.xb-mission-card strong{font-size:23px;line-height:1.5;margin-top:auto;font-weight:900}.xb-mission-card>span{font-size:11px;color:var(--xb-muted);margin-top:5px}.xb-mission-card svg{position:absolute;left:20px;top:20px;width:19px;transform:scaleX(-1)}.xb-mission-card:hover{transform:translateY(-4px);box-shadow:var(--xb-shadow)}.xb-mission-orange{background:var(--xb-orange);border-color:var(--xb-orange);color:#fff}.xb-mission-orange small,.xb-mission-orange>span{color:rgba(255,255,255,.72)}.xb-mission-orange:after{border-color:rgba(255,255,255,.22)}.xb-mission-dark{background:var(--xb-ink);border-color:var(--xb-ink);color:#fff}.xb-mission-dark small,.xb-mission-dark>span{color:#92959c}.xb-mission-dark:after{border-color:#303239}

/* Categories */
.xb-categories{background:#fff;border-top:1px solid #ecece8;border-bottom:1px solid #ecece8}.xb-category-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.xb-category-tile{min-width:0;background:var(--xb-paper);border:1px solid transparent;border-radius:18px;padding:14px;transition:.2s}.xb-category-tile:hover{background:#fff;border-color:#cacbc6;transform:translateY(-3px)}.xb-category-tile-top{display:flex;align-items:center;justify-content:space-between;color:#a0a19d;font-size:8px;direction:ltr}.xb-category-tile-top small{font-weight:900;color:var(--xb-orange)}.xb-category-tile-image{height:150px;display:grid;place-items:center;margin:8px 0}.xb-category-tile-image img{width:132px;height:132px;object-fit:contain;mix-blend-mode:multiply}.xb-category-fallback{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;color:var(--xb-orange)}.xb-category-tile-copy{border-top:1px solid #dcdcd7;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:7px}.xb-category-tile-copy strong{font-size:11px;line-height:1.45}.xb-category-tile-copy svg{width:16px;color:#8e9096;transform:scaleX(-1);flex:0 0 auto}

/* 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-product-showcase-alt{background:#ecece8}.xb-product-showcase-alt .woocommerce ul.products li.product{border-color:transparent}

/* Editorial band */
.xb-editorial-band{background:var(--xb-ink);color:#fff;padding:70px 0;overflow:hidden;position:relative}.xb-editorial-band:before{content:"XB";position:absolute;left:-25px;bottom:-150px;font-size:430px;line-height:1;font-weight:900;color:#181a20;letter-spacing:-.08em}.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}

/* Journal */
.xb-journal{background:#fff}.xb-journal-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.xb-journal-card{border:1px solid var(--xb-line);border-radius:20px;overflow:hidden;background:#fff;display:grid;grid-template-columns:145px 1fr;min-height:190px}.xb-journal-card:first-child{grid-row:1/3;display:block}.xb-journal-image{background:#f1f1ee;overflow:hidden;display:block}.xb-journal-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.xb-journal-card:hover .xb-journal-image img{transform:scale(1.025)}.xb-journal-placeholder{height:100%;min-height:150px;display:grid;place-items:center;font-size:42px;font-weight:900;color:#d2d2cd}.xb-journal-card:first-child .xb-journal-image{height:330px}.xb-journal-card-body{padding:18px;display:flex;flex-direction:column}.xb-journal-card-body>span{font-size:8.5px;font-weight:900;color:var(--xb-orange)}.xb-journal-card-body h3{font-size:15px;line-height:1.75;margin:8px 0 16px;font-weight:900}.xb-journal-card:first-child h3{font-size:24px}.xb-journal-card-body>div{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid #ecece8;padding-top:10px}.xb-journal-card-body time,.xb-journal-card-body>div a{font-size:9px;color:#969893}.xb-journal-card-body>div a{color:var(--xb-ink);font-weight:800}

/* Shop archive */
.xb-catalog-main{padding-top:26px}.xb-catalog-shell{display:grid;grid-template-columns:270px 1fr;gap:16px;align-items:start}.xb-filter-panel{background:#fff;border:1px solid var(--xb-line);border-radius:20px;padding:18px;position:sticky;top:18px}.xb-filter-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--xb-line);margin-bottom:14px}.xb-filter-panel-head>div{display:flex;flex-direction:column}.xb-filter-panel-head span{font-size:7.5px;letter-spacing:.13em;color:var(--xb-orange);direction:ltr;text-align:right}.xb-filter-panel-head strong{font-size:13px}.xb-filter-close{display:none}.xb-filter-widget{padding:13px 0;border-bottom:1px solid #ecece8}.xb-filter-widget:last-child{border-bottom:0}.xb-filter-title{font-size:12px;margin:0 0 10px}.xb-filter-widget ul{list-style:none;margin:0;padding:0}.xb-filter-widget li{font-size:11px;margin:6px 0;color:#4f5259}.xb-filter-widget input[type=checkbox]{accent-color:var(--xb-orange)}.xb-filter-placeholder{font-size:11px;color:var(--xb-muted);line-height:1.9}.xb-filter-placeholder strong{color:var(--xb-ink)}.xb-catalog-content{min-width:0}.woocommerce-products-header{background:var(--xb-ink);color:#fff;border-radius:22px;padding:32px 34px;margin-bottom:14px;position:relative;overflow:hidden;min-height:155px;display:flex;flex-direction:column;justify-content:center}.woocommerce-products-header:before{content:"CATALOG";position:absolute;left:18px;bottom:-24px;color:#1b1d23;font-size:86px;font-weight:900;letter-spacing:-.06em;direction:ltr}.woocommerce-products-header:after{content:"";position:absolute;top:0;right:0;width:7px;height:100%;background:var(--xb-orange)}.woocommerce-products-header__title.page-title{position:relative;z-index:2;font-size:34px;line-height:1.4;margin:0!important;font-weight:900}.term-description,.woocommerce-products-header .page-description{position:relative;z-index:2;max-width:680px;color:#a7a9b0;font-size:11.5px;line-height:1.9;margin-top:8px}.term-description p,.woocommerce-products-header .page-description p{margin:0}.woocommerce .woocommerce-result-count{font-size:10.5px;color:var(--xb-muted);margin:14px 0!important}.woocommerce .woocommerce-ordering{margin:8px 0 15px!important}.woocommerce .woocommerce-ordering select{height:42px;border:1px solid var(--xb-line);background:#fff;border-radius:11px;padding:0 12px;font-size:10.5px;outline:0}.xb-filter-toggle{display:none;align-items:center;gap:7px;height:42px;border:1px solid var(--xb-line);background:#fff;border-radius:11px;padding:0 13px;font-size:10.5px;font-weight:800}.xb-filter-toggle svg{width:17px}.woocommerce nav.woocommerce-pagination{margin-top:34px}.woocommerce nav.woocommerce-pagination ul{border:0!important;display:flex;gap:6px;justify-content:center}.woocommerce nav.woocommerce-pagination ul li{border:0!important}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--xb-line);background:#fff;border-radius:10px!important;padding:0!important;font-size:10px!important}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--xb-ink)!important;color:#fff!important;border-color:var(--xb-ink)}

/* Product page */
.single-product .xb-main{padding-top:26px}.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;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);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;background:#fff;border:1px solid var(--xb-line);border-radius:24px;padding:20px;position:relative}.single-product .woocommerce-product-gallery__image a{display:block}.single-product .woocommerce-product-gallery__image img{width:100%!important;max-height:650px;object-fit:contain;margin:auto}.single-product .flex-control-thumbs{display:flex;gap:8px!important;margin:12px 0 0!important;padding:0!important;overflow:auto}.single-product .flex-control-thumbs li{float:none!important;width:82px!important;flex:0 0 82px;border:1px solid var(--xb-line);border-radius:12px;padding:5px;background:#fff}.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);border-radius:24px;padding:30px;position:sticky;top:18px;overflow:hidden}.admin-bar.single-product div.product .summary{top:50px}.single-product div.product .summary:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--xb-orange),#ff9a5b 44%,var(--xb-ink) 44%)}.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 .product_title{font-size:30px;line-height:1.55;font-weight:900;margin:0 0 13px!important;letter-spacing:-.025em}.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-size:25px!important;font-weight:900!important;color:var(--xb-ink)!important;margin:18px 0 20px!important;padding:16px 0;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{font-size:12.5px;line-height:2;color:#575a61;margin-bottom:20px}.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{height:50px;width:70px;border:1px solid var(--xb-line);border-radius:12px;padding:0 6px;outline:0}.single-product .single_add_to_cart_button{flex:1;min-height:50px!important;border-radius:12px!important;background:var(--xb-orange)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;padding:10px 18px!important}.single-product .single_add_to_cart_button:hover{background:var(--xb-orange-2)!important}.single-product table.variations{margin:0 0 10px!important}.single-product table.variations tr{display:grid;grid-template-columns:90px 1fr;align-items:center;margin-bottom:8px}.single-product table.variations th,.single-product table.variations td{padding:0!important}.single-product table.variations label{font-size:11px;font-weight:800}.single-product table.variations select{width:100%!important;min-height:44px;border:1px solid var(--xb-line);border-radius:11px;padding:0 12px;background:#f7f7f4;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>h2:before,.single-product .upsells.products>h2:before{content:"RELATED / ";font-size:8px;color:var(--xb-orange);letter-spacing:.13em;direction:ltr;display:block;margin-bottom:7px}.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}

/* Cart, checkout, account */
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{background:#fff;border:1px solid var(--xb-line);border-radius:22px;padding:24px}.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 .cart_totals h2,.woocommerce-checkout h3,.woocommerce-account h2{font-size:20px;font-weight:900}.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:not(.select2-hidden-accessible),.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}

/* Content / articles */
.xb-page-hero{background:var(--xb-ink);color:#fff;border-radius:22px;padding:34px;margin-bottom:20px;position:relative;overflow:hidden}.xb-page-hero:after{content:"";position:absolute;top:0;right:0;width:6px;height:100%;background:var(--xb-orange)}.xb-page-hero>span{font-size:8px;color:var(--xb-orange);letter-spacing:.13em;direction:ltr}.xb-page-hero h1{font-size:36px;line-height:1.45;margin:7px 0 0;font-weight:900}.xb-page-description{max-width:720px;color:#a6a8ae;font-size:12px}.xb-post-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.xb-post-archive-grid .xb-journal-card{display:block}.xb-post-archive-grid .xb-journal-image{height:220px}.xb-post-archive-grid .xb-journal-card-body{min-height:190px}.xb-single-container{max-width:1120px}.xb-article{background:#fff;border:1px solid var(--xb-line);border-radius:24px;overflow:hidden}.xb-article-header{padding:50px 60px 38px}.xb-article-index{display:flex;align-items:center;gap:15px;margin-bottom:20px}.xb-article-index span{font-size:8px;letter-spacing:.14em;color:#8c8f95;direction:ltr}.xb-article-index i{height:1px;width:70px;background:var(--xb-orange)}.xb-article-category,.xb-article-category a{font-size:9.5px;color:var(--xb-orange);font-weight:800}.xb-article-header h1{font-size:clamp(32px,4.5vw,54px);line-height:1.45;margin:10px 0 16px;font-weight:900;letter-spacing:-.025em}.xb-article-meta{display:flex;gap:16px;font-size:9.5px;color:#92949a}.xb-article-hero{padding:0 24px;margin:0}.xb-article-hero img{width:100%;border-radius:18px;max-height:660px;object-fit:cover}.xb-prose{padding:42px 60px;font-size:16px;line-height:2.2;color:#2f3238}.xb-prose>*:first-child{margin-top:0}.xb-prose h2{font-size:29px;line-height:1.6;margin:2em 0 .7em;font-weight:900;color:var(--xb-ink)}.xb-prose h3{font-size:22px;line-height:1.65;margin:1.7em 0 .6em;font-weight:900;color:var(--xb-ink)}.xb-prose a{color:#d95000;text-decoration:underline;text-underline-offset:3px}.xb-prose img{border-radius:14px}.xb-prose blockquote{margin:1.5em 0;padding:18px 20px;border-right:4px solid var(--xb-orange);background:#f6f6f2;border-radius:12px}.xb-prose table{width:100%;border-collapse:collapse;font-size:13px}.xb-prose th,.xb-prose td{border:1px solid var(--xb-line);padding:10px 12px;text-align:right}.xb-page-container{max-width:1120px}.xb-page{background:#fff;border:1px solid var(--xb-line);border-radius:24px;overflow:hidden}.xb-page .xb-page-hero{border-radius:0;margin:0}.xb-comments{margin-top:18px;background:#fff;border:1px solid var(--xb-line);border-radius:22px;padding:28px}.comment-list{padding-right:20px}.comment-body{padding:14px 0;border-bottom:1px solid #ecece8}.xb-empty{background:#fff;border:1px solid var(--xb-line);border-radius:20px;padding:70px 30px;text-align:center}.xb-404{min-height:460px;background:var(--xb-ink);color:#fff;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;overflow:hidden;position:relative}.xb-404>span{font-size:120px;line-height:1;font-weight:900;color:#202229;letter-spacing:-.06em}.xb-404 h1{font-size:32px;margin:-8px 0 6px}.xb-404 p{color:#92959c}.xb-404-actions{display:flex;gap:10px;margin-top:16px}

/* 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}.xb-hero-copy{padding:56px 46px}.xb-hero-copy h1{font-size:50px}.xb-category-rail{grid-template-columns:repeat(4,1fr)}.xb-category-tile:nth-child(n+5){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)}.xb-journal-grid{grid-template-columns:1fr 1fr}.xb-journal-card:first-child{grid-row:auto;grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.xb-journal-card:first-child .xb-journal-image{height:auto}.xb-catalog-shell{grid-template-columns:240px 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{display:none}.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}.xb-hero{padding-top:14px}.xb-hero-shell{grid-template-columns:1fr;min-height:0;border-radius:22px}.xb-hero-shell:before{display:none}.xb-hero-copy{padding:48px 32px 36px}.xb-hero-index{margin-bottom:30px}.xb-hero-copy h1{font-size:42px;max-width:620px}.xb-kicker{justify-content:flex-start;direction:ltr;text-align:left}.xb-hero-lead{font-size:13.5px}.xb-hero-metrics{margin-top:34px}.xb-hero-products{padding:18px}.xb-hero-product-grid{height:390px}.xb-hero-product-image img{max-height:210px}.xb-hero-product.is-featured .xb-hero-product-image img{max-height:270px}.xb-brand-strip{padding:16px 0}.xb-section{padding:58px 0}.xb-section-heading-split{grid-template-columns:1fr;gap:14px}.xb-section-heading-split p{max-width:620px}.xb-mission-grid{grid-template-columns:1fr 1fr}.xb-mission-card{min-height:190px}.xb-category-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:-14px;padding-left:14px}.xb-category-rail::-webkit-scrollbar{display:none}.xb-category-tile{flex:0 0 170px;scroll-snap-align:start}.xb-category-tile:nth-child(n){display:block}.xb-category-tile-image{height:120px}.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)}.xb-journal-grid{grid-template-columns:1fr}.xb-journal-card,.xb-journal-card:first-child{grid-column:auto;display:grid;grid-template-columns:180px 1fr;min-height:180px}.xb-journal-card:first-child .xb-journal-image,.xb-journal-image{height:auto}.xb-journal-card:first-child h3{font-size:18px}.xb-catalog-shell{display:block}.xb-filter-panel{position:fixed;z-index:150;right:0;top:0;bottom:0;width:min(88vw,360px);border-radius:0;overflow:auto;transform:translateX(105%);transition:.22s;box-shadow:-20px 0 55px rgba(18,19,24,.16)}.xb-filter-panel.is-open{transform:none}.xb-filter-close{display:grid;width:36px;height:36px;border:1px solid var(--xb-line);border-radius:10px}.xb-filter-close svg{width:17px}.xb-filter-toggle{display:inline-flex;float:right;margin:8px 0 15px}.woocommerce .woocommerce-result-count{float:none!important;padding-top:10px}.woocommerce .woocommerce-ordering{float:left!important}.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}.xb-post-archive-grid{grid-template-columns:1fr 1fr}.xb-article-header{padding:36px 30px 28px}.xb-prose{padding:32px 30px;font-size:15px}.xb-article-hero{padding:0 14px}.xb-page-hero h1{font-size:30px}
}

@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-hero-copy{padding:40px 22px 30px}.xb-hero-copy h1{font-size:35px;line-height:1.3}.xb-hero-lead{font-size:12.5px}.xb-hero-actions{flex-direction:column;align-items:stretch}.xb-btn{width:100%}.xb-hero-metrics{gap:23px}.xb-hero-metrics strong{font-size:14px}.xb-hero-product-grid{height:500px;grid-template-columns:1fr 1fr;grid-template-rows:1.4fr .8fr}.xb-hero-product.is-featured{grid-column:1/-1;grid-row:auto}.xb-hero-product-image img,.xb-hero-product.is-featured .xb-hero-product-image img{max-height:190px}.xb-hero-product-copy strong,.xb-hero-product.is-featured .xb-hero-product-copy strong{font-size:10px}.xb-brand-strip .xb-container{justify-content:flex-start}.xb-section{padding:46px 0}.xb-section-heading h2{font-size:28px}.xb-section-heading-row{align-items:flex-start}.xb-section-heading-row>a,.xb-heading-note{display:none!important}.xb-mission-grid{grid-template-columns:1fr}.xb-mission-card{min-height:155px}.xb-mission-card strong{font-size:20px}.xb-category-tile{flex-basis:150px}.xb-category-tile-image{height:105px}.xb-category-tile-image img{width:105px;height:105px}.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-band{padding:50px 0}.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}.xb-journal-card,.xb-journal-card:first-child{grid-template-columns:120px 1fr;min-height:145px}.xb-journal-card-body{padding:13px}.xb-journal-card-body h3,.xb-journal-card:first-child h3{font-size:12px;margin:6px 0 10px}.xb-journal-card-body>div{padding-top:7px}.woocommerce-products-header{padding:24px 22px;min-height:130px;border-radius:16px}.woocommerce-products-header__title.page-title{font-size:26px}.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}.xb-post-archive-grid{grid-template-columns:1fr}.xb-article-header{padding:28px 18px 22px}.xb-article-header h1{font-size:28px}.xb-prose{padding:26px 18px;font-size:14.5px}.xb-prose h2{font-size:24px}.xb-prose h3{font-size:19px}.xb-page-hero{padding:24px 20px}.xb-page-hero h1{font-size:25px}.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{padding:12px;border-radius:14px}
}

@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. */
.xb-home-products>ul.products,
.xb-home .xb-product-showcase .xb-home-products>ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px}
.xb-home .xb-product-showcase .xb-home-products ul.products li.product a img{height:220px!important}
.xb-home .xb-product-showcase .xb-home-products ul.products li.product .woocommerce-loop-product__title{font-size:11.5px!important;min-height:58px}

/* Editorial journal: one strong lead story + four clean compact stories. */
.xb-journal{background:#fff;border-top:1px solid #e8e8e4}
.xb-journal-editorial{display:grid;grid-template-columns:1.12fr 1fr 1fr;grid-template-rows:repeat(2,minmax(205px,auto));gap:14px;direction:rtl}
.xb-journal-feature,.xb-journal-mini{background:#fff;border:1px solid #dedfda;border-radius:19px;overflow:hidden;min-width:0;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.xb-journal-feature:hover,.xb-journal-mini:hover{border-color:#c7c8c2;box-shadow:0 16px 42px rgba(18,19,24,.07);transform:translateY(-2px)}
.xb-journal-feature{grid-column:1;grid-row:1/3;display:flex;flex-direction:column}
.xb-journal-feature-image{position:relative;display:block;aspect-ratio:16/9;background:#f3f3f0;overflow:hidden}
.xb-journal-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.xb-journal-feature:hover .xb-journal-feature-image img{transform:scale(1.025)}
.xb-journal-feature-body{padding:22px 23px 20px;display:flex;flex-direction:column;flex:1}
.xb-journal-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.xb-journal-meta span{font-size:8.5px;font-weight:900;color:var(--xb-orange)}
.xb-journal-meta time{font-size:8.5px;color:#92949a}
.xb-journal-feature h3{font-size:23px;line-height:1.65;margin:10px 0 8px;font-weight:900}
.xb-journal-feature h3 a:hover{color:var(--xb-orange)}
.xb-journal-feature p{font-size:11.5px;line-height:2;color:#72757d;margin:0 0 17px;max-width:94%}
.xb-journal-read{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;color:var(--xb-ink)}
.xb-journal-read svg{width:15px;height:15px;transform:scaleX(-1)}
.xb-journal-read:hover{color:var(--xb-orange)}
.xb-journal-mini{display:grid;grid-template-columns:42% 1fr;min-height:205px}
.xb-journal-mini-image{display:block;background:#f3f3f0;overflow:hidden;min-height:100%}
.xb-journal-mini-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.xb-journal-mini:hover .xb-journal-mini-image img{transform:scale(1.03)}
.xb-journal-mini-body{padding:16px 15px 14px;display:flex;flex-direction:column;min-width:0}
.xb-journal-mini-body>span{font-size:8px;font-weight:900;color:var(--xb-orange)}
.xb-journal-mini h3{font-size:13px;line-height:1.8;margin:8px 0 12px;font-weight:900}
.xb-journal-mini h3 a:hover{color:var(--xb-orange)}
.xb-journal-mini-body>div{margin-top:auto;padding-top:9px;border-top:1px solid #ecece8;display:flex;align-items:center;justify-content:space-between;gap:8px}
.xb-journal-mini time,.xb-journal-mini-body>div>a{font-size:8.5px;color:#92949a}
.xb-journal-mini-body>div>a{font-weight:900;color:var(--xb-ink)}
.xb-journal-placeholder{width:100%;height:100%;min-height:160px;display:grid;place-items:center;background:#f2f2ef;color:#d0d1cc;font-size:30px;font-weight:900;direction:ltr}

/* Product category archive: replace generic CATALOG with each category's English identity. */
.woocommerce-products-header:before{display:none!important;content:none!important}
.xb-catalog-english{position:absolute;left:18px;bottom:-24px;z-index:0;color:#1b1d23;font-size:clamp(54px,6.2vw,86px);font-weight:900;letter-spacing:-.055em;line-height:1;direction:ltr;text-align:left;text-transform:uppercase;white-space:nowrap;pointer-events:none;max-width:82%;overflow:hidden;text-overflow:clip}
.woocommerce-products-header__title.page-title,.term-description,.woocommerce-products-header .page-description{z-index:2}

/* 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-home-products>ul.products,.xb-home .xb-product-showcase .xb-home-products>ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .xb-journal-editorial{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .xb-journal-feature{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1.05fr 1fr}
  .xb-journal-feature-image{aspect-ratio:auto;min-height:300px}
  .xb-journal-mini{grid-template-columns:150px 1fr;min-height:180px}
  .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-home-products>ul.products,.xb-home .xb-product-showcase .xb-home-products>ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .xb-home .xb-product-showcase .xb-home-products ul.products li.product a img{height:170px!important}
  .xb-journal-editorial{display:grid;grid-template-columns:1fr;gap:10px}
  .xb-journal-feature{grid-column:auto;display:block}
  .xb-journal-feature-image{aspect-ratio:16/9;min-height:0}
  .xb-journal-feature-body{padding:17px}
  .xb-journal-feature h3{font-size:18px}
  .xb-journal-feature p{font-size:10.5px;max-width:none}
  .xb-journal-mini{grid-template-columns:120px 1fr;min-height:145px}
  .xb-journal-mini-body{padding:12px}
  .xb-journal-mini h3{font-size:11.5px;margin:6px 0 10px}
  .xb-catalog-english{font-size:42px;bottom:-8px;left:12px;max-width:88%}
  .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{grid-column:1/-1}
  .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.4 — disciplined first scroll / curated hero */
.xb-hero{padding-top:26px}
.xb-hero-shell{min-height:568px;grid-template-columns:48% 52%;border-radius:28px;background:var(--xb-ink);box-shadow:0 26px 72px rgba(18,19,24,.13)}
.xb-hero-shell:before{display:none!important}
.xb-hero-copy{padding:58px 58px 48px;justify-content:center;isolation:isolate;overflow:hidden}
.xb-hero-copy:after{content:"XB";position:absolute;left:34px;bottom:-57px;z-index:-1;color:#fff;font-size:174px;font-weight:900;letter-spacing:-.09em;line-height:1;opacity:.025;direction:ltr;pointer-events:none}
.xb-hero-index{margin-bottom:34px}
.xb-hero-index span{color:#767983;font-size:8.5px;letter-spacing:.18em}
.xb-hero-index i{width:62px;background:#34363d}
.xb-kicker{margin-bottom:13px;font-size:9px;letter-spacing:.1em}
.xb-hero-copy h1{font-size:clamp(40px,4vw,62px);line-height:1.28;max-width:610px;letter-spacing:-.025em}
.xb-hero-lead{max-width:570px;margin:21px 0 27px;color:#b9bbc1;font-size:13.5px;line-height:2.05}
.xb-hero-actions{gap:10px}.xb-hero-actions .xb-btn{min-height:46px;border-radius:11px}
.xb-hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:38px;border:1px solid #2c2e34;border-radius:14px;overflow:hidden;background:#2c2e34}
.xb-hero-trust>div{position:relative;min-width:0;padding:14px 14px 13px;background:#17191e;display:flex;flex-direction:column;gap:2px}
.xb-hero-trust>div>i{width:5px;height:5px;border-radius:50%;background:var(--xb-orange);margin-bottom:7px;box-shadow:0 0 0 4px rgba(255,90,0,.08)}
.xb-hero-trust strong{font-size:10px;font-weight:900;color:#f2f2f3;white-space:nowrap}
.xb-hero-trust span{font-size:8.5px;color:#777a83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.xb-hero-products{padding:24px;background:#e9e9e5;border-inline-start:1px solid rgba(255,255,255,.07)}
.xb-hero-products:after{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent 0 58%,var(--xb-orange) 58% 100%);z-index:2}
.xb-hero-products-head{height:48px;margin:0 0 15px;position:relative;z-index:2}
.xb-hero-products-head>div{display:flex;flex-direction:column;gap:1px}
.xb-hero-products-head>div small{direction:ltr;text-align:right;color:#999b9f;font-size:7.5px;letter-spacing:.14em;font-weight:800}
.xb-hero-products-head>div strong{font-size:11px;font-weight:900;color:#292b30}
.xb-hero-products-head>a{font-size:9px;font-weight:800;direction:rtl;color:#6c6f75;letter-spacing:0}
.xb-hero-products-head>a:hover{color:var(--xb-orange)}
.xb-hero-product-grid{height:auto;min-height:433px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:11px}
.xb-hero-product,.xb-hero-product.is-featured{min-width:0;min-height:433px;padding:12px;border-radius:17px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid rgba(18,19,24,.075);overflow:hidden;transform:none}
.xb-hero-product:hover,.xb-hero-product.is-featured:hover{transform:translateY(-2px);border-color:#d1d2cc;box-shadow:0 14px 32px rgba(18,19,24,.085)}
.xb-hero-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 9px;color:#9a9ca2;direction:ltr}
.xb-hero-card-top>span{font-size:7.5px;font-weight:900;letter-spacing:.12em}
.xb-hero-card-top>b{display:flex;align-items:center;gap:5px;color:#777a80;font-size:8px;font-weight:700;direction:rtl}
.xb-hero-card-top>b i{width:5px;height:5px;border-radius:50%;background:#18a061}
.xb-hero-product-image{height:auto;min-height:0;border-radius:13px;background:#f5f5f2;overflow:hidden;padding:10px;display:grid;place-items:center}
.xb-hero-product-image img,.xb-hero-product.is-featured .xb-hero-product-image img{width:100%;height:100%;max-height:278px;object-fit:contain;mix-blend-mode:multiply}
.xb-hero-product-copy{border:0;padding:13px 2px 1px;display:flex;flex-direction:column;gap:4px;min-width:0}
.xb-hero-product-copy small{font-size:8px;color:#9a9ca2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xb-hero-product-copy strong,.xb-hero-product.is-featured .xb-hero-product-copy strong{font-size:10.8px;line-height:1.75;min-height:38px;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xb-hero-product-copy span{margin-top:3px;font-size:10.5px;font-weight:900;color:var(--xb-orange);line-height:1.55}
.xb-hero-product-copy del{font-size:8px;color:#a6a8ac;margin-right:3px}
.xb-hero-product-copy ins{text-decoration:none}

@media(max-width:1180px){
  .xb-hero-shell{grid-template-columns:46% 54%;min-height:540px}
  .xb-hero-copy{padding:48px 38px 40px}
  .xb-hero-copy h1{font-size:46px}
  .xb-hero-lead{font-size:12.5px}
  .xb-hero-trust>div{padding:12px 10px}.xb-hero-trust strong{font-size:9px}.xb-hero-trust span{font-size:7.8px}
  .xb-hero-products{padding:20px}
  .xb-hero-product-grid{min-height:405px;gap:8px}
  .xb-hero-product,.xb-hero-product.is-featured{min-height:405px;padding:10px}
  .xb-hero-product-image img,.xb-hero-product.is-featured .xb-hero-product-image img{max-height:250px}
  .xb-hero-product-copy strong,.xb-hero-product.is-featured .xb-hero-product-copy strong{font-size:9.8px}
}

@media(max-width:860px){
  .xb-hero-shell{grid-template-columns:1fr;min-height:0}
  .xb-hero-copy{padding:46px 34px 34px}
  .xb-hero-copy h1{font-size:42px}
  .xb-hero-trust{margin-top:30px}
  .xb-hero-products{padding:18px 18px 20px;border-inline-start:0;border-top:1px solid rgba(255,255,255,.06)}
  .xb-hero-products:after{background:linear-gradient(90deg,transparent 0 72%,var(--xb-orange) 72% 100%)}
  .xb-hero-product-grid{min-height:360px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .xb-hero-product,.xb-hero-product.is-featured{min-height:360px}
  .xb-hero-product-image img,.xb-hero-product.is-featured .xb-hero-product-image img{max-height:215px}
}

@media(max-width:540px){
  .xb-hero-copy{padding:38px 22px 28px}
  .xb-hero-copy:after{font-size:120px;bottom:-38px;left:16px}
  .xb-hero-index{margin-bottom:23px}
  .xb-hero-copy h1{font-size:34px;line-height:1.35}
  .xb-hero-lead{font-size:12px;margin:17px 0 22px}
  .xb-hero-actions{flex-direction:column;align-items:stretch}
  .xb-hero-trust{grid-template-columns:1fr;margin-top:25px;border-radius:12px}
  .xb-hero-trust>div{padding:11px 13px;display:grid;grid-template-columns:8px 1fr;column-gap:8px;align-items:center}
  .xb-hero-trust>div>i{grid-row:1/3;margin:0}.xb-hero-trust strong{font-size:9.5px}.xb-hero-trust span{font-size:8px}
  .xb-hero-products{padding:16px 14px 17px}
  .xb-hero-products-head{height:43px;margin-bottom:10px}
  .xb-hero-product-grid{display:flex;min-height:0;height:auto;overflow-x:auto;gap:9px;padding-bottom:3px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .xb-hero-product-grid::-webkit-scrollbar{display:none}
  .xb-hero-product,.xb-hero-product.is-featured{flex:0 0 76%;min-height:345px;scroll-snap-align:start}
  .xb-hero-product-image{height:215px}
  .xb-hero-product-image img,.xb-hero-product.is-featured .xb-hero-product-image img{max-height:195px}
  .xb-hero-product-copy strong,.xb-hero-product.is-featured .xb-hero-product-copy strong{font-size:10.5px;min-height:39px}
}


/* Signature 3.5 — balanced first scroll / product shelf */
@media (min-width: 1181px){
  .xb-hero-shell{grid-template-columns:50% 50%;min-height:590px;align-items:stretch}
  .xb-hero-copy{padding:48px 54px 42px;justify-content:flex-start;min-height:590px}
  .xb-hero-index{margin-bottom:28px}
  .xb-kicker{margin-bottom:12px}
  .xb-hero-copy h1{font-size:clamp(40px,3.65vw,57px);line-height:1.30;max-width:560px}
  .xb-hero-lead{font-size:13px;line-height:2;max-width:545px;margin:18px 0 22px}
  .xb-hero-actions{margin-bottom:24px}
  .xb-hero-trust{margin-top:auto}

  .xb-hero-products{padding:22px 22px 24px;min-height:590px;display:flex;flex-direction:column}
  .xb-hero-products-head{height:52px;margin:0 0 12px;padding:0 2px;flex:0 0 auto}
  .xb-hero-products-head>div small{font-size:7px;letter-spacing:.16em}
  .xb-hero-products-head>div strong{font-size:12px}
  .xb-hero-product-grid{flex:1;min-height:0;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
  .xb-hero-product,.xb-hero-product.is-featured{min-height:0;height:auto;padding:10px;border-radius:15px;display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);grid-template-rows:auto 1fr;column-gap:11px;background:#fff}
  .xb-hero-card-top{grid-column:1/-1;padding:1px 1px 7px}
  .xb-hero-product-image{grid-column:1;grid-row:2;height:100%;min-height:0;padding:8px;border-radius:11px;background:#f4f4f1}
  .xb-hero-product-image img,.xb-hero-product.is-featured .xb-hero-product-image img{width:100%;height:100%;max-height:none;object-fit:contain}
  .xb-hero-product-copy{grid-column:2;grid-row:2;align-self:stretch;justify-content:center;padding:2px 0;gap:3px;min-width:0}
  .xb-hero-product-copy small{font-size:7.5px}
  .xb-hero-product-copy strong,.xb-hero-product.is-featured .xb-hero-product-copy strong{font-size:10px;line-height:1.72;min-height:auto;-webkit-line-clamp:3}
  .xb-hero-product-copy span{font-size:10px;margin-top:5px}
  .xb-hero-product-copy del{display:block;font-size:7.5px;margin:0 0 1px}
  .xb-hero-product:hover,.xb-hero-product.is-featured:hover{transform:translateY(-1px)}
}

@media (min-width: 1181px) and (max-width: 1380px){
  .xb-hero-shell{grid-template-columns:47% 53%}
  .xb-hero-copy{padding:42px 38px 36px}
  .xb-hero-copy h1{font-size:44px}
  .xb-hero-lead{font-size:12px}
  .xb-hero-products{padding:19px}
  .xb-hero-product-grid{gap:8px}
  .xb-hero-product,.xb-hero-product.is-featured{grid-template-columns:minmax(0,42%) minmax(0,58%);column-gap:8px;padding:9px}
  .xb-hero-product-copy strong,.xb-hero-product.is-featured .xb-hero-product-copy strong{font-size:9.3px}
  .xb-hero-product-copy span{font-size:9.2px}
}

@media (min-width: 769px) and (max-width: 1180px){
  .xb-hero-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:430px}
  .xb-hero-product,.xb-hero-product.is-featured{min-height:0}
}

@media (max-width: 768px){
  .xb-hero-products-head>div strong{font-size:11px}
  .xb-hero-product,.xb-hero-product.is-featured{flex-basis:78%}
}

/* Signature 3.6 — mission cards with real catalog imagery and tighter rhythm */
.xb-missions{padding:46px 0 54px}
.xb-missions .xb-section-heading{margin-bottom:22px}
.xb-mission-heading{grid-template-columns:1fr 390px;gap:34px}
.xb-mission-heading p{font-size:12px;line-height:1.95;max-width:390px}
.xb-mission-grid{gap:12px}
.xb-mission-card{
  min-height:218px;
  padding:17px;
  display:grid;
  grid-template-columns:42% minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr);
  gap:10px 14px;
  align-items:stretch;
  border-radius:19px;
  isolation:isolate;
}
.xb-mission-card:after{display:none}
.xb-mission-card-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px;direction:ltr;position:relative;z-index:2}
.xb-mission-card-head small{font-size:7.5px;font-weight:900;letter-spacing:.12em;color:#9b9da2}
.xb-mission-arrow{width:28px;height:28px;border-radius:9px;border:1px solid #e1e1dc;display:grid;place-items:center;color:#5f6268;transition:.18s}
.xb-mission-arrow svg{position:static;width:14px;height:14px;transform:scaleX(-1)}
.xb-mission-copy{grid-column:2;grid-row:2;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:relative;z-index:2;padding:5px 0 2px}
.xb-mission-copy strong{font-size:21px;line-height:1.5;margin:0;font-weight:900}
.xb-mission-copy>span{font-size:10.3px;color:var(--xb-muted);margin-top:4px;line-height:1.75}
.xb-mission-copy em{display:inline-flex;align-items:center;gap:6px;margin-top:15px;font-size:8.8px;font-style:normal;font-weight:850;color:#5f6268;opacity:.9}
.xb-mission-copy em svg{position:static;width:13px;height:13px;transform:scaleX(-1)}
.xb-mission-visual{grid-column:1;grid-row:2;min-width:0;border-radius:15px;background:#f3f3f0;border:1px solid #ecece7;display:grid;place-items:center;overflow:hidden;padding:8px;position:relative;z-index:1}
.xb-mission-visual:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid rgba(18,19,24,.07);left:-28px;bottom:-34px;pointer-events:none}
.xb-mission-visual img{width:100%;height:100%;max-height:150px;object-fit:contain;mix-blend-mode:multiply;transition:transform .24s ease}
.xb-mission-visual>b{direction:ltr;font-size:27px;letter-spacing:.08em;color:#d0d1cc;font-weight:900}
.xb-mission-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(18,19,24,.07)}
.xb-mission-card:hover .xb-mission-visual img{transform:translateY(-4px) scale(1.025)}
.xb-mission-card:hover .xb-mission-arrow{border-color:#c8c9c4;color:var(--xb-orange);transform:translateX(-2px)}

.xb-mission-orange .xb-mission-card-head small,.xb-mission-dark .xb-mission-card-head small{color:rgba(255,255,255,.7)}
.xb-mission-orange .xb-mission-arrow,.xb-mission-dark .xb-mission-arrow{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06)}
.xb-mission-orange .xb-mission-copy>span{color:rgba(255,255,255,.76)}
.xb-mission-orange .xb-mission-copy em{color:#fff}
.xb-mission-orange .xb-mission-visual{background:rgba(255,255,255,.93);border-color:rgba(255,255,255,.7)}
.xb-mission-dark .xb-mission-copy>span{color:#9b9da5}
.xb-mission-dark .xb-mission-copy em{color:#d9dade}
.xb-mission-dark .xb-mission-visual{background:#1b1d22;border-color:#292b31}
.xb-mission-dark .xb-mission-visual:before{border-color:rgba(255,255,255,.08)}
.xb-mission-dark .xb-mission-visual img{background:#f5f5f2;border-radius:11px;padding:4px;mix-blend-mode:normal}
.xb-mission-dark .xb-mission-visual>b{color:#35383f}

/* Close the blank gap before the ecosystem map without compressing its heading. */
.xb-missions + .xb-categories{padding-top:62px;padding-bottom:70px}

@media(max-width:1180px){
  .xb-missions{padding:40px 0 48px}
  .xb-mission-heading{grid-template-columns:1fr;gap:10px}
  .xb-mission-grid{grid-template-columns:1fr 1fr}
  .xb-mission-card{min-height:205px}
  .xb-missions + .xb-categories{padding-top:54px}
}
@media(max-width:768px){
  .xb-missions{padding:34px 0 40px}
  .xb-missions .xb-section-heading{margin-bottom:16px}
  .xb-mission-heading p{font-size:10.5px;line-height:1.9}
  .xb-mission-grid{grid-template-columns:1fr 1fr;gap:8px}
  .xb-mission-card{min-height:178px;padding:12px;grid-template-columns:40% minmax(0,1fr);gap:8px 10px;border-radius:16px}
  .xb-mission-card-head{min-height:22px}
  .xb-mission-arrow{width:24px;height:24px;border-radius:8px}
  .xb-mission-copy strong{font-size:16px}
  .xb-mission-copy>span{font-size:8.5px;line-height:1.65}
  .xb-mission-copy em{font-size:7.7px;margin-top:9px}
  .xb-mission-visual{border-radius:12px;padding:5px}
  .xb-mission-visual img{max-height:116px}
  .xb-missions + .xb-categories{padding-top:46px;padding-bottom:54px}
}
@media(max-width:520px){
  .xb-mission-grid{grid-template-columns:1fr}
  .xb-mission-card{min-height:164px;grid-template-columns:38% minmax(0,1fr);padding:12px 13px}
  .xb-mission-copy strong{font-size:18px}
  .xb-mission-copy>span{font-size:9px}
  .xb-mission-visual img{max-height:105px}
}

/* v3.7.0 section title system */
.xb-section{position:relative}.xb-title-block{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:26px;margin-bottom:26px;padding:28px 30px;background:linear-gradient(180deg,#fff,#fafaf8);border:1px solid #e8e8e3;border-radius:26px;overflow:hidden}.xb-title-block:before{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:var(--xb-orange)}.xb-title-block:after{content:"";position:absolute;left:-32px;bottom:-36px;width:130px;height:130px;border:1px solid rgba(16,18,24,.07);border-radius:50%}.xb-title-block-main{position:relative;z-index:2}.xb-title-accent{display:flex;align-items:center;gap:12px;margin-bottom:12px}.xb-title-accent span{display:block;font-size:8.5px;font-weight:900;letter-spacing:.16em;color:var(--xb-orange);direction:ltr}.xb-title-accent i{width:48px;height:1px;background:#d7d8d3}.xb-title-block h2{margin:0;font-size:clamp(30px,3.15vw,46px);line-height:1.32;font-weight:900;letter-spacing:-.035em;color:var(--xb-ink)}.xb-title-block p{margin:12px 0 0;max-width:720px;font-size:12.5px;line-height:2;color:#6f727a}.xb-title-block-side,.xb-title-block-link-item{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:220px;gap:5px;padding:16px 18px;border:1px solid #ecece6;border-radius:18px;background:rgba(255,255,255,.88);text-align:right}.xb-title-block-side strong,.xb-title-block-link-item{font-size:12px;font-weight:900;color:var(--xb-ink)}.xb-title-block-side span{font-size:10px;line-height:1.9;color:#8c8f95}.xb-title-block-link-item{flex-direction:row;align-items:center;gap:8px;min-height:58px}.xb-title-block-link-item svg{width:16px;height:16px;transform:scaleX(-1)}.xb-title-block-link-item:hover{border-color:#d8d8d2;background:#fff;color:var(--xb-orange)}.xb-title-block-wide{margin-bottom:30px}.xb-title-block-dark{background:linear-gradient(180deg,#111318,#0c0e13);border-color:#23252c}.xb-title-block-dark:after{border-color:rgba(255,255,255,.05)}.xb-title-block-dark h2{color:#fff}.xb-title-block-dark p{color:#a6a9b1}.xb-title-block-dark .xb-title-accent i{background:#2c2e34}.xb-title-block-dark .xb-title-block-side,.xb-title-block-dark .xb-title-block-link-item{background:rgba(255,255,255,.03);border-color:#2c2f37;color:#fff}.xb-title-block-dark .xb-title-block-side strong,.xb-title-block-dark .xb-title-block-link-item{color:#fff}.xb-title-block-dark .xb-title-block-side span{color:#a4a8af}.xb-title-block-mission{margin-bottom:22px}.xb-categories,.xb-product-showcase,.xb-journal{border-top:1px solid #ecece7}.xb-categories .xb-container,.xb-product-showcase .xb-container,.xb-journal .xb-container{padding-top:2px}.xb-editorial-copy .xb-title-block{margin-bottom:0}.xb-editorial-copy{display:block}.xb-editorial-band .xb-title-block{padding:30px 30px 24px}.xb-journal{padding-bottom:86px}.xb-journal .xb-title-block{margin-bottom:24px}
@media (max-width:1024px){.xb-title-block{grid-template-columns:1fr;align-items:flex-start;gap:16px;padding:24px 24px 22px}.xb-title-block-side,.xb-title-block-link-item{align-items:flex-start;min-width:0}.xb-title-block h2{font-size:36px}.xb-editorial-band .xb-title-block{padding:24px}}
@media (max-width:767px){.xb-title-block{padding:20px 18px 18px;border-radius:18px;gap:12px;margin-bottom:18px}.xb-title-accent{margin-bottom:10px}.xb-title-accent span{font-size:8px}.xb-title-accent i{width:34px}.xb-title-block h2{font-size:28px;line-height:1.4}.xb-title-block p{margin-top:9px;font-size:10.5px;line-height:1.95}.xb-title-block-side,.xb-title-block-link-item{padding:12px 14px;border-radius:14px}.xb-title-block-side strong,.xb-title-block-link-item{font-size:10.5px}.xb-title-block-side span{font-size:9px}.xb-categories,.xb-product-showcase,.xb-journal{border-top:1px solid #efefea}.xb-journal{padding-bottom:58px}}

/* v3.8.0 XB Select — purposeful, compact, data-backed */
.xb-select-band{padding:64px 0;background:#0f1116;border-top:1px solid #1d2027;border-bottom:1px solid #1d2027}.xb-select-band:before{content:"XB";position:absolute;left:-25px;bottom:-118px;font-size:340px;line-height:1;font-weight:900;color:#151820;letter-spacing:-.08em;pointer-events:none}.xb-select-layout{position:relative;z-index:2;display:grid;grid-template-columns:380px minmax(0,1fr);gap:32px;align-items:stretch}.xb-select-copy{position:relative;padding:34px 34px 30px;border:1px solid #292c34;border-radius:24px;background:linear-gradient(180deg,#15171d 0%,#111318 100%);overflow:hidden}.xb-select-copy:after{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:var(--xb-orange)}.xb-select-index{display:flex;align-items:center;gap:10px;margin-bottom:26px;direction:ltr}.xb-select-index span,.xb-select-index small{font-size:8px;font-weight:900;letter-spacing:.16em;color:var(--xb-orange)}.xb-select-index small{color:#737781}.xb-select-index i{width:38px;height:1px;background:#343741}.xb-select-copy h2{margin:0;color:#fff;font-size:clamp(31px,3.1vw,46px);line-height:1.45;font-weight:900;letter-spacing:-.035em}.xb-select-copy>p{margin:16px 0 0;color:#a7aab2;font-size:12px;line-height:2.05}.xb-select-rules{display:grid;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid #292c34}.xb-select-rules span{display:flex;align-items:center;gap:9px;font-size:10px;color:#d0d2d8}.xb-select-rules i{width:6px;height:6px;border-radius:50%;background:var(--xb-orange);box-shadow:0 0 0 4px rgba(255,89,0,.08)}.xb-select-all{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:12px 16px;border:1px solid #363942;border-radius:12px;color:#fff;font-size:10.5px;font-weight:900}.xb-select-all svg{width:16px;height:16px;transform:scaleX(-1)}.xb-select-all:hover{background:var(--xb-orange);border-color:var(--xb-orange)}.xb-select-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.xb-select-product{min-width:0;display:flex;flex-direction:column;padding:12px;border:1px solid #282b33;border-radius:22px;background:#181a20;transition:transform .18s ease,border-color .18s ease,background .18s ease}.xb-select-product:hover{transform:translateY(-2px);border-color:#3b3e47;background:#1c1f26}.xb-select-product-number{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 10px;color:#777b85;font-size:9px;font-weight:900;direction:ltr}.xb-select-product-number span{font-size:7px;letter-spacing:.12em;color:var(--xb-orange)}.xb-select-product-image{height:245px;display:grid;place-items:center;border-radius:15px;background:#f5f5f2;overflow:hidden}.xb-select-product-image img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .22s ease}.xb-select-product:hover .xb-select-product-image img{transform:scale(1.025)}.xb-select-product-copy{display:flex;flex-direction:column;flex:1;padding:15px 4px 4px}.xb-select-product-copy>small{font-size:8px;color:#838790;margin-bottom:7px}.xb-select-product-copy>strong{color:#fff;font-size:12px;line-height:1.85;font-weight:900;min-height:46px}.xb-select-product-copy>div{margin-top:auto;padding-top:12px;border-top:1px solid #292c34;display:flex;align-items:center;justify-content:space-between;gap:8px}.xb-select-product-copy .price,.xb-select-product-copy>div>span{font-size:11px!important;color:#fff!important;font-weight:900}.xb-select-product-copy del{font-size:8px!important;color:#6e727b!important}.xb-select-product-copy ins{text-decoration:none;color:var(--xb-orange)!important}.xb-select-product-copy svg{width:17px;height:17px;color:var(--xb-orange);transform:scaleX(-1)}
@media (max-width:1100px){.xb-select-layout{grid-template-columns:320px minmax(0,1fr);gap:20px}.xb-select-product-image{height:210px}.xb-select-copy{padding:28px 26px}.xb-select-copy h2{font-size:34px}}
@media (max-width:900px){.xb-select-layout{grid-template-columns:1fr}.xb-select-copy{max-width:none}.xb-select-products{grid-template-columns:repeat(3,minmax(0,1fr))}.xb-select-product-image{height:220px}}
@media (max-width:767px){.xb-select-band{padding:46px 0}.xb-select-layout{gap:14px}.xb-select-copy{padding:23px 20px 21px;border-radius:18px}.xb-select-index{margin-bottom:18px}.xb-select-copy h2{font-size:29px}.xb-select-copy>p{font-size:10.5px;margin-top:10px}.xb-select-rules{margin-top:16px;padding-top:15px}.xb-select-products{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:-10px;padding-left:10px}.xb-select-products::-webkit-scrollbar{display:none}.xb-select-product{flex:0 0 72vw;max-width:300px;scroll-snap-align:start;border-radius:18px}.xb-select-product-image{height:210px}.xb-select-band:before{font-size:220px;bottom:-70px}}

/* v3.9.0: sharper journal cards + uncropped XB Select product stages */
.xb-select-product-image{
  height:auto;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  padding:14px;
  border:1px solid #e7e7e2;
  border-radius:16px;
  background:#f7f7f4;
  overflow:hidden;
}
.xb-select-product-image img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:multiply;
  transition:transform .22s ease;
}
.xb-select-product:hover .xb-select-product-image img{transform:scale(1.018)}

.xb-journal-editorial{
  grid-template-columns:1.1fr 1fr 1fr;
  grid-template-rows:repeat(2,minmax(292px,auto));
  gap:14px;
  align-items:stretch;
}
.xb-journal-feature{height:100%}
.xb-journal-feature-image{
  aspect-ratio:16/9;
  background:#f3f3f0;
}
.xb-journal-feature-image img,
.xb-journal-mini-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  image-rendering:auto;
}
.xb-journal-mini{
  display:flex;
  flex-direction:column;
  min-height:292px;
}
.xb-journal-mini-image{
  flex:0 0 auto;
  min-height:0;
  aspect-ratio:16/9;
  width:100%;
  background:#f3f3f0;
  overflow:hidden;
}
.xb-journal-mini-body{
  flex:1;
  min-height:132px;
  padding:15px 16px 14px;
}
.xb-journal-mini h3{
  font-size:12.5px;
  line-height:1.85;
  margin:7px 0 10px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.xb-journal-mini-body>div{margin-top:auto}

@media (max-width:1100px){
  .xb-select-product-image{aspect-ratio:1/1}
  .xb-journal-editorial{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .xb-journal-feature{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr}
  .xb-journal-feature-image{aspect-ratio:16/9;min-height:280px}
  .xb-journal-mini{min-height:0}
}
@media (max-width:767px){
  .xb-select-product-image{aspect-ratio:1/1;padding:12px}
  .xb-journal-editorial{grid-template-columns:1fr;gap:10px}
  .xb-journal-feature{grid-column:auto;display:block}
  .xb-journal-feature-image,.xb-journal-mini-image{aspect-ratio:16/9;min-height:0}
  .xb-journal-mini{display:flex;flex-direction:column;min-height:0}
  .xb-journal-mini-body{min-height:118px;padding:13px 14px}
  .xb-journal-mini h3{font-size:12px}
}

/* v3.9.1: tighter feature article + journal filter cleanup */
.xb-journal-editorial{
  grid-template-columns:1.08fr 1fr 1fr;
  grid-template-rows:repeat(2,minmax(258px,auto));
  gap:14px;
}
.xb-journal-feature{
  display:grid;
  grid-template-rows:auto 1fr;
  align-self:start;
}
.xb-journal-feature-image{
  aspect-ratio:16/9;
}
.xb-journal-feature-body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:18px 20px 18px;
}
.xb-journal-feature h3{
  font-size:21px;
  line-height:1.7;
  margin:10px 0 10px;
}
.xb-journal-feature p{
  max-width:none;
  margin:0 0 12px;
  font-size:11.5px;
  line-height:1.95;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.xb-journal-read{
  margin-top:0;
}
.xb-journal-mini{
  min-height:258px;
}
.xb-journal-mini-body{
  min-height:122px;
}
@media (max-width:1100px){
  .xb-journal-editorial{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .xb-journal-feature{grid-column:1/-1;grid-template-columns:1.02fr 1fr;grid-template-rows:none}
  .xb-journal-feature-image{min-height:260px}
  .xb-journal-feature-body{padding:18px}
  .xb-journal-feature p{-webkit-line-clamp:3}
  .xb-journal-mini{min-height:0}
}
@media (max-width:767px){
  .xb-journal-feature{display:block}
  .xb-journal-feature-body{padding:16px 16px 15px}
  .xb-journal-feature h3{font-size:18px}
  .xb-journal-feature p{font-size:10.5px;-webkit-line-clamp:3}
  .xb-journal-mini{min-height:0}
}

/* v3.9.2: compact featured journal card without dead white space */
@media (min-width:1101px){
  .xb-journal-editorial{
    grid-template-columns:1.16fr 1fr 1fr;
    grid-template-rows:repeat(2,262px);
    align-items:stretch;
  }
  .xb-journal-feature{
    grid-column:1;
    grid-row:1/3;
    display:grid;
    grid-template-rows:300px minmax(0,1fr);
    min-height:538px;
    max-height:538px;
  }
  .xb-journal-feature-image{
    aspect-ratio:auto;
    height:300px;
  }
  .xb-journal-feature-body{
    min-height:0;
    padding:18px 20px 17px;
  }
  .xb-journal-feature h3{
    font-size:20px;
    line-height:1.65;
    margin:9px 0 8px;
  }
  .xb-journal-feature p{
    font-size:11px;
    line-height:1.9;
    margin-bottom:10px;
    -webkit-line-clamp:3;
  }
  .xb-journal-read{margin-top:auto}
  .xb-journal-mini{
    min-height:262px;
    height:262px;
  }
  .xb-journal-mini-image{
    aspect-ratio:16/9;
  }
  .xb-journal-mini-body{
    min-height:0;
    padding:13px 15px 12px;
  }
}

/* v3.9.3: journal mini image-only cards + richer footer */
.xb-journal-mini{
  position:relative;
  display:block;
  min-height:0;
  aspect-ratio:16/9;
  overflow:hidden;
}
.xb-journal-mini-image{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
}
.xb-journal-mini-image:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  background:linear-gradient(180deg,rgba(12,14,19,0) 0%,rgba(12,14,19,.74) 100%);
  pointer-events:none;
}
.xb-journal-mini-body{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  min-height:0;
  padding:16px 16px 14px;
  color:#fff;
  background:transparent;
}
.xb-journal-mini-body>span{color:#ffb173}
.xb-journal-mini h3{margin:7px 0 0;font-size:13px;line-height:1.8;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.32)}
.xb-journal-mini h3 a{color:#fff}
.xb-journal-mini-body>div{display:none}

.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;min-height:96px;padding:12px 10px;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{grid-column:1/-1}
  .xb-footer-meta-column{grid-column:1/-1}
}
@media (max-width:767px){
  .xb-journal-mini{aspect-ratio:16/9}
  .xb-journal-mini-body{padding:12px 13px}
  .xb-journal-mini h3{font-size:12px}
  .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}
}

/* v3.9.4: lock the four journal tiles to one visual baseline */
.xb-journal-editorial{
  column-gap:12px;
  row-gap:12px;
}
.xb-journal-mini{
  margin:0!important;
  padding:0!important;
  border-radius:18px;
  aspect-ratio:16/9;
  min-height:0!important;
  align-self:stretch;
  background:#111318;
  overflow:hidden;
}
.xb-journal-mini-image{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
}
.xb-journal-mini-image img{
  display:block;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
.xb-journal-mini-image:after{
  height:52%;
  background:linear-gradient(180deg,rgba(12,14,19,0) 0%,rgba(12,14,19,.15) 22%,rgba(12,14,19,.84) 100%);
}
.xb-journal-mini-body{
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  height:78px;
  min-height:78px!important;
  padding:10px 16px 13px!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  text-align:right;
  box-sizing:border-box;
}
.xb-journal-mini-body>span{
  display:block;
  margin:0 0 3px;
  padding:0;
  font-size:7.5px;
  line-height:1.2;
}
.xb-journal-mini h3{
  width:100%;
  margin:0!important;
  padding:0!important;
  font-size:12.5px;
  line-height:1.65;
  text-align:right;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.xb-journal-mini-body>div{display:none!important}

/* 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}

@media (max-width:767px){
  .xb-journal-mini-body{height:72px;min-height:72px!important;padding:9px 12px 11px!important}
  .xb-journal-mini h3{font-size:11.5px;line-height:1.6}
}

/* v3.9.5: one vertical rhythm for the whole homepage + journal edge alignment */
.xb-home .xb-section,
.xb-home .xb-missions,
.xb-home .xb-missions + .xb-categories,
.xb-home .xb-categories,
.xb-home .xb-product-showcase,
.xb-home .xb-product-showcase-alt,
.xb-home .xb-journal,
.xb-home .xb-editorial-band.xb-select-band{
  padding-top:30px!important;
  padding-bottom:30px!important;
}

/* v3.9.6: lock the journal grid to the exact container width with zero horizontal offset. */
@media (min-width:1101px){
  .xb-journal-editorial{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
    padding:0!important;
    box-sizing:border-box;
    grid-template-columns:minmax(0,1.16fr) minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:12px!important;
  }
  .xb-journal-feature,
  .xb-journal-mini{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box;
  }
}

@media (max-width:1100px){
  .xb-journal-editorial{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* v3.9.7: distinct homepage product stories + cleaner image stages */
.xb-home .xb-home-products ul.products li.product{
  background:#fff;
  border-color:#e7e7e2;
  box-shadow:0 7px 22px rgba(18,19,24,.025);
}
.xb-home .xb-home-products ul.products li.product:hover{
  border-color:#d9d9d3;
  box-shadow:0 16px 34px rgba(18,19,24,.07);
}
.xb-home .xb-home-products ul.products li.product a img{
  background:linear-gradient(145deg,#ffffff 0%,#ffffff 70%,#fff8f2 100%)!important;
  box-shadow:inset 0 0 0 1px #efefea!important;
  mix-blend-mode:normal!important;
  padding:13px!important;
}
.xb-home .xb-home-products ul.products li.product:hover a img{
  box-shadow:inset 0 0 0 1px #e6e6e0!important;
}
.xb-home .xb-product-showcase-alt .xb-home-products ul.products li.product a img{
  background:linear-gradient(145deg,#ffffff 0%,#ffffff 72%,#f7f7f3 100%)!important;
}

/* 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.10.0 — editorial archive only. Home page is intentionally untouched. */
.xb-content-list.xb-editorial-archive{
  padding-top:26px;
  padding-bottom:30px;
}
.xb-content-list .xb-post-archive-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  grid-auto-flow:row;
  align-items:stretch;
}
.xb-content-list .xb-post-archive-grid > .xb-journal-card,
.xb-content-list .xb-post-archive-grid > .xb-journal-card:first-child{
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  flex-direction:column;
  min-width:0;
  min-height:0;
  height:100%;
}
.xb-content-list .xb-post-archive-grid .xb-journal-image,
.xb-content-list .xb-post-archive-grid .xb-journal-card:first-child .xb-journal-image{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:16/9;
  flex:0 0 auto;
  overflow:hidden;
  background:#f5f5f2;
}
.xb-content-list .xb-post-archive-grid .xb-journal-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.xb-content-list .xb-post-archive-grid .xb-journal-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:160px;
  padding:17px 18px 15px;
}
.xb-content-list .xb-post-archive-grid .xb-journal-card-body h3,
.xb-content-list .xb-post-archive-grid .xb-journal-card:first-child h3{
  font-size:14px;
  line-height:1.85;
  margin:8px 0 14px;
  font-weight:900;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.xb-content-list .xb-post-archive-grid .xb-journal-card-body > div{
  margin-top:auto;
}

/* Match the WooCommerce pagination language without affecting shop pagination. */
.xb-content-list .navigation.pagination{
  margin:30px 0 0;
}
.xb-content-list .navigation.pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:6px;
}
.xb-content-list .navigation.pagination .page-numbers{
  min-width:38px;
  height:38px;
  padding:0 10px;
  display:grid;
  place-items:center;
  border:1px solid var(--xb-line);
  border-radius:10px;
  background:#fff;
  color:var(--xb-ink);
  font-size:10px;
  font-weight:800;
  line-height:1;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.xb-content-list .navigation.pagination a.page-numbers:hover{
  border-color:#cfd0ca;
  background:#f7f7f4;
}
.xb-content-list .navigation.pagination .page-numbers.current{
  background:var(--xb-ink);
  border-color:var(--xb-ink);
  color:#fff;
}
.xb-content-list .navigation.pagination .prev,
.xb-content-list .navigation.pagination .next{
  font-size:15px;
}

@media (max-width:1024px){
  .xb-content-list .xb-post-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .xb-content-list.xb-editorial-archive{padding-top:16px}
  .xb-content-list .xb-post-archive-grid{grid-template-columns:1fr;gap:10px}
  .xb-content-list .xb-post-archive-grid .xb-journal-card-body{min-height:132px;padding:14px}
  .xb-content-list .navigation.pagination{margin-top:22px}
  .xb-content-list .navigation.pagination .page-numbers{min-width:36px;height:36px;border-radius:9px}
}

/* v3.11.0 — unified Blog / Tutorial / News / Reportage archives. Home body untouched. */
.xb-content-hub{
  padding-top:30px;
  padding-bottom:30px;
}
.xb-content-hub-hero{
  position:relative;
  min-height:190px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:34px 38px;
  margin:0 0 14px;
  border-radius:24px;
  background:#111318;
  color:#fff;
  border:1px solid #1f2228;
}
.xb-content-hub-hero:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:6px;
  height:100%;
  background:var(--xb-orange);
}
.xb-content-hub-copy{
  position:relative;
  z-index:2;
  width:min(760px,72%);
  margin-right:auto;
  text-align:right;
}
.xb-content-hub-kicker{
  display:block;
  margin-bottom:10px;
  color:var(--xb-orange);
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
  direction:ltr;
  text-align:right;
}
.xb-content-hub-copy h1{
  margin:0;
  max-width:820px;
  color:#fff;
  font-size:clamp(30px,3.1vw,44px);
  line-height:1.5;
  font-weight:900;
  letter-spacing:-.03em;
}
.xb-content-hub-english{
  position:absolute;
  left:26px;
  bottom:-24px;
  z-index:1;
  max-width:52%;
  color:#1b1d23;
  font-size:clamp(70px,10vw,150px);
  line-height:.9;
  font-weight:900;
  letter-spacing:-.07em;
  direction:ltr;
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
.xb-content-hub-description{
  margin:0 0 14px;
  padding:20px 24px;
  border:1px solid #e4e5df;
  border-radius:18px;
  background:#fff;
  color:#444850;
  font-size:13px;
  line-height:2.15;
}
.xb-content-hub-description p{margin:0 0 9px}
.xb-content-hub-description p:last-child{margin-bottom:0}
.xb-content-hub-description a{color:#d95000;text-decoration:underline;text-underline-offset:3px}
.xb-content-hub-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:0 0 16px;
  padding:8px;
  border:1px solid #e4e5df;
  border-radius:18px;
  background:#f7f7f4;
}
.xb-content-hub-nav>a{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 13px;
  border:1px solid transparent;
  border-radius:13px;
  color:#4f535a;
  background:transparent;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.xb-content-hub-nav>a>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.xb-content-hub-nav small{
  color:#9a9da4;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
  direction:ltr;
}
.xb-content-hub-nav strong{font-size:11px;font-weight:900;color:inherit}
.xb-content-hub-nav em{
  min-width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#fff;
  border:1px solid #e2e3de;
  color:#7b7e85;
  font-size:8.5px;
  font-style:normal;
  font-weight:800;
}
.xb-content-hub-nav>a:hover{background:#fff;border-color:#dddeda;color:var(--xb-ink)}
.xb-content-hub-nav>a.is-active{background:var(--xb-ink);border-color:var(--xb-ink);color:#fff}
.xb-content-hub-nav>a.is-active small{color:#ff8a49}
.xb-content-hub-nav>a.is-active em{background:var(--xb-orange);border-color:var(--xb-orange);color:#fff}
.xb-content-hub .xb-post-archive-grid{margin-top:0}

@media (max-width:900px){
  .xb-content-hub-hero{min-height:170px;padding:28px 26px}
  .xb-content-hub-copy{width:82%;margin-right:0}
  .xb-content-hub-english{font-size:92px;left:18px;bottom:-14px}
  .xb-content-hub-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .xb-content-hub{padding-top:16px}
  .xb-content-hub-hero{min-height:148px;padding:24px 20px;border-radius:18px}
  .xb-content-hub-copy{width:100%}
  .xb-content-hub-copy h1{font-size:26px;line-height:1.55;padding-left:34px}
  .xb-content-hub-kicker{font-size:7px}
  .xb-content-hub-english{font-size:58px;left:10px;bottom:-7px;opacity:.7}
  .xb-content-hub-description{padding:16px 17px;font-size:11.5px;line-height:2.05;border-radius:15px}
  .xb-content-hub-nav{grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:15px}
  .xb-content-hub-nav>a{min-height:56px;padding:9px 10px;border-radius:11px}
  .xb-content-hub-nav strong{font-size:10px}
  .xb-content-hub-nav em{min-width:26px;height:26px}
}
.xb-content-list.xb-editorial-archive.xb-content-hub{padding-top:30px;padding-bottom:30px}
@media(max-width:640px){.xb-content-list.xb-editorial-archive.xb-content-hub{padding-top:16px}}

/* v3.11.1 — content archive hero alignment only. Home untouched. */
.xb-content-hub-copy{
  width:min(820px,68%);
  margin-right:0!important;
  margin-left:auto!important;
  text-align:right!important;
}
.xb-content-hub-copy h1{
  margin:0!important;
  text-align:right!important;
}
.xb-content-hub-kicker{display:none!important}
@media (max-width:1024px){
  .xb-content-hub-copy{width:76%;margin-right:0!important;margin-left:auto!important}
}
@media (max-width:767px){
  .xb-content-hub-copy{width:100%;margin:0!important}
  .xb-content-hub-copy h1{text-align:right!important;padding-left:34px}
}

/* v3.12.0 — editorial archive signature line + single article TOC/FAQ. Home is untouched. */
.xb-content-list.xb-content-hub .xb-content-hub-kicker{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin:0 0 13px;
  direction:ltr;
  width:max-content;
}
.xb-content-list.xb-content-hub .xb-content-hub-kicker i{
  display:block;
  width:54px;
  height:2px;
  border-radius:999px;
  background:var(--xb-orange);
}
.xb-content-list.xb-content-hub .xb-content-hub-kicker span{
  color:var(--xb-orange);
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  white-space:nowrap;
}

body.single-post .xb-single-container{
  max-width:1320px;
  padding-top:30px;
  padding-bottom:30px;
}
body.single-post .xb-single-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:24px;
  align-items:start;
  direction:ltr;
}
body.single-post .xb-single-layout.no-toc{
  grid-template-columns:minmax(0,1fr);
  max-width:1060px;
  margin-inline:auto;
}
body.single-post .xb-single-layout>*{direction:rtl}
body.single-post .xb-article{min-width:0}
body.single-post .xb-article-toc{
  min-width:0;
  align-self:stretch;
}
body.single-post .xb-article-toc-card{
  position:sticky;
  top:22px;
  max-height:calc(100vh - 44px);
  overflow:hidden;
  background:#fff;
  border:1px solid var(--xb-line);
  border-radius:20px;
  box-shadow:0 12px 38px rgba(18,19,24,.055);
}
body.admin-bar.single-post .xb-article-toc-card{top:54px;max-height:calc(100vh - 76px)}
body.single-post .xb-article-toc-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px 18px;
  background:var(--xb-ink);
  color:#fff;
  border-bottom:3px solid var(--xb-orange);
}
body.single-post .xb-article-toc-icon{
  width:35px;
  height:35px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:var(--xb-orange);
  color:#fff;
  flex:0 0 auto;
}
body.single-post .xb-article-toc-icon svg{width:18px;height:18px}
body.single-post .xb-article-toc-head>div{display:flex;flex-direction:column;gap:1px;min-width:0}
body.single-post .xb-article-toc-head small{
  direction:ltr;
  text-align:right;
  color:#9da1aa;
  font-size:7px;
  font-weight:800;
  letter-spacing:.13em;
}
body.single-post .xb-article-toc-head strong{font-size:15px;font-weight:900}
body.single-post .xb-article-toc-nav{
  padding:10px 10px 12px;
  max-height:calc(100vh - 118px);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#d7d8d4 transparent;
}
body.single-post .xb-article-toc-nav ol{list-style:none;margin:0;padding:0}
body.single-post .xb-article-toc-nav li+li{margin-top:3px}
body.single-post .xb-article-toc-nav a{
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:9px 8px;
  border-radius:10px;
  color:#3e4148;
  transition:background .16s ease,color .16s ease;
}
body.single-post .xb-article-toc-nav a>span{
  direction:ltr;
  color:#a5a8ae;
  font-size:8px;
  padding-top:2px;
}
body.single-post .xb-article-toc-nav a>strong{
  font-size:10.5px;
  line-height:1.75;
  font-weight:750;
}
body.single-post .xb-article-toc-nav li.level-3 a{padding-right:22px}
body.single-post .xb-article-toc-nav li.level-3 a>strong{font-size:9.7px;color:#686b72}
body.single-post .xb-article-toc-nav a:hover,
body.single-post .xb-article-toc-nav a.is-active{
  background:#fff3ec;
  color:#d94c00;
}
body.single-post .xb-article-toc-nav a.is-active{box-shadow:inset -3px 0 0 var(--xb-orange)}
body.single-post .xb-prose h2[id],
body.single-post .xb-prose h3[id]{scroll-margin-top:105px}

/* FAQ: native Details blocks */
body.single-post .xb-prose details,
body.single-post .xb-prose .wp-block-details{
  margin:12px 0!important;
  border:1px solid #e0e1dc!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.single-post .xb-prose details>summary,
body.single-post .xb-prose .wp-block-details>summary{
  position:relative!important;
  display:block!important;
  list-style:none!important;
  cursor:pointer!important;
  margin:0!important;
  padding:16px 54px 16px 18px!important;
  min-height:58px!important;
  color:var(--xb-ink)!important;
  background:#fff!important;
  font-size:14px!important;
  line-height:1.8!important;
  font-weight:850!important;
}
body.single-post .xb-prose details>summary::-webkit-details-marker{display:none!important}
body.single-post .xb-prose details>summary::marker{content:""!important}
body.single-post .xb-prose details>summary::before{content:none!important;display:none!important}
body.single-post .xb-prose details>summary::after{
  content:"+"!important;
  position:absolute!important;
  top:50%!important;
  right:16px!important;
  transform:translateY(-50%)!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#fff2ea!important;
  color:var(--xb-orange)!important;
  border:1px solid #ffd5bd!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.single-post .xb-prose details[open]>summary::after{content:"−"!important}
body.single-post .xb-prose details[open]>summary{border-bottom:1px solid #ecece7!important}
body.single-post .xb-prose details>summary svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
body.single-post .xb-prose details>*:not(summary){margin:0!important;padding:16px 18px!important}
body.single-post .xb-prose details>*:not(summary)>:first-child{margin-top:0!important}
body.single-post .xb-prose details>*:not(summary)>:last-child{margin-bottom:0!important}

/* FAQ: Rank Math / schema FAQ blocks */
body.single-post .xb-prose .wp-block-rank-math-faq-block,
body.single-post .xb-prose .schema-faq-code{
  margin:30px 0!important;
  padding:0!important;
  background:transparent!important;
}
body.single-post .xb-prose .rank-math-list-item,
body.single-post .xb-prose .schema-faq-section{
  margin:0 0 10px!important;
  padding:0!important;
  border:1px solid #e0e1dc!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.single-post .xb-prose .rank-math-question,
body.single-post .xb-prose .schema-faq-question{
  position:relative!important;
  margin:0!important;
  padding:16px 54px 16px 18px!important;
  color:var(--xb-ink)!important;
  background:#fbfbf9!important;
  border:0!important;
  font-size:14px!important;
  line-height:1.8!important;
  font-weight:850!important;
}
body.single-post .xb-prose .rank-math-question::before,
body.single-post .xb-prose .schema-faq-question::before{
  content:"؟"!important;
  position:absolute!important;
  right:16px!important;
  top:15px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:var(--xb-orange)!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
}
body.single-post .xb-prose .rank-math-question::after,
body.single-post .xb-prose .schema-faq-question::after{content:none!important;display:none!important}
body.single-post .xb-prose .rank-math-answer,
body.single-post .xb-prose .schema-faq-answer{
  margin:0!important;
  padding:15px 18px 17px!important;
  border-top:1px solid #ecece7!important;
  color:#555960!important;
  font-size:13.5px!important;
  line-height:2!important;
}
body.single-post .xb-prose .rank-math-answer>:first-child,
body.single-post .xb-prose .schema-faq-answer>:first-child{margin-top:0!important}
body.single-post .xb-prose .rank-math-answer>:last-child,
body.single-post .xb-prose .schema-faq-answer>:last-child{margin-bottom:0!important}

@media (max-width:1050px){
  body.single-post .xb-single-layout{grid-template-columns:250px minmax(0,1fr);gap:16px}
  body.single-post .xb-article-toc-nav a>strong{font-size:9.8px}
  body.single-post .xb-article-header{padding:36px 34px 28px}
  body.single-post .xb-prose{padding:34px}
}
@media (max-width:820px){
  body.single-post .xb-single-layout{display:block}
  body.single-post .xb-article-toc{display:none}
  body.single-post .xb-single-container{padding-top:16px}
}
@media (max-width:767px){
  .xb-content-list.xb-content-hub .xb-content-hub-kicker{margin-bottom:10px}
  .xb-content-list.xb-content-hub .xb-content-hub-kicker i{width:36px}
  .xb-content-list.xb-content-hub .xb-content-hub-kicker span{font-size:7px}
  body.single-post .xb-prose details>summary,
  body.single-post .xb-prose .wp-block-details>summary,
  body.single-post .xb-prose .rank-math-question,
  body.single-post .xb-prose .schema-faq-question{font-size:12.5px!important;padding:14px 48px 14px 14px!important}
  body.single-post .xb-prose details>summary::after,
  body.single-post .xb-prose .rank-math-question::before,
  body.single-post .xb-prose .schema-faq-question::before{right:12px!important;width:25px!important;height:25px!important}
}

/* v3.12.1 — single article width, stable sticky TOC, closed FAQ accordions */
body.single-post .xb-single-container{
  max-width:none!important;
  width:min(calc(100% - 48px),var(--xb-container))!important;
  margin-inline:auto!important;
}
body.single-post .xb-single-layout{
  width:100%!important;
  max-width:none!important;
}
body.single-post .xb-article-toc-card{
  display:flex;
  flex-direction:column;
  height:auto;
  max-height:calc(100dvh - 44px)!important;
  overflow:hidden!important;
  overscroll-behavior:contain;
}
body.admin-bar.single-post .xb-article-toc-card{
  max-height:calc(100dvh - 76px)!important;
}
body.single-post .xb-article-toc-head{flex:0 0 auto}
body.single-post .xb-article-toc-nav{
  flex:1 1 auto;
  min-height:0;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Rank Math FAQ behaves as a real accordion. */
body.single-post .xb-prose .rank-math-question,
body.single-post .xb-prose .schema-faq-question{
  cursor:pointer!important;
  user-select:none;
  padding-right:54px!important;
}
body.single-post .xb-prose .rank-math-question::before,
body.single-post .xb-prose .schema-faq-question::before{
  content:"+"!important;
  background:#fff2ea!important;
  color:var(--xb-orange)!important;
  border:1px solid #ffd5bd!important;
  font-size:18px!important;
  font-weight:700!important;
}
body.single-post .xb-prose .rank-math-question.is-open::before,
body.single-post .xb-prose .schema-faq-question.is-open::before{content:"−"!important}
body.single-post .xb-prose .rank-math-answer[hidden],
body.single-post .xb-prose .schema-faq-answer[hidden]{display:none!important}
body.single-post .xb-prose .rank-math-question:focus-visible,
body.single-post .xb-prose .schema-faq-question:focus-visible,
body.single-post .xb-prose details>summary:focus-visible{
  outline:2px solid var(--xb-orange)!important;
  outline-offset:-2px!important;
}

@media (max-width:767px){
  body.single-post .xb-single-container{
    width:min(calc(100% - 20px),var(--xb-container))!important;
  }
}

/* v3.12.2 — single article polish: title, metadata, FAQ, comments */
body.single-post .xb-article-header{
  position:relative;
  isolation:isolate;
  padding:42px 50px 34px;
  background:
    linear-gradient(135deg,rgba(255,105,0,.035),transparent 40%),
    #fff;
  overflow:hidden;
  border-bottom:1px solid #ecece7;
}
body.single-post .xb-article-header::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:5px;
  height:100%;
  background:var(--xb-orange);
  z-index:2;
}
body.single-post .xb-article-header::after{
  content:"JOURNAL";
  position:absolute;
  left:18px;
  bottom:-26px;
  direction:ltr;
  font-size:100px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.07em;
  color:#f5f5f1;
  z-index:-1;
  pointer-events:none;
}
body.single-post .xb-article-index{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:20px;
}
body.single-post .xb-article-index span,
body.single-post .xb-article-index b{
  font-size:7.5px;
  font-weight:900;
  letter-spacing:.15em;
  direction:ltr;
}
body.single-post .xb-article-index span{color:#8c9096}
body.single-post .xb-article-index b{color:var(--xb-orange)}
body.single-post .xb-article-index i{width:52px;height:1px;background:var(--xb-orange)}
body.single-post .xb-article-title-wrap{position:relative;z-index:2;max-width:1050px}
body.single-post .xb-article-category{margin-bottom:9px}
body.single-post .xb-article-category a{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 10px;
  border:1px solid #ffd9c3;
  border-radius:999px;
  background:#fff7f2;
  color:#d94b00;
  font-size:9px;
  font-weight:900;
}
body.single-post .xb-article-header h1{
  max-width:980px;
  margin:0!important;
  font-size:clamp(34px,4vw,54px);
  line-height:1.5;
  font-weight:950;
  letter-spacing:-.035em;
  color:#111318;
  text-wrap:balance;
}
body.single-post .xb-article-header h1::after{
  content:"";
  display:block;
  width:72px;
  height:4px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--xb-orange),#ff9d65);
}
body.single-post .xb-article-meta{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
body.single-post .xb-article-meta-item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:0 11px;
  border:1px solid #e9e9e4;
  border-radius:11px;
  background:#fafaf8;
  color:#73767d;
  font-size:9.5px;
  line-height:1;
}
body.single-post a.xb-article-meta-item:hover{border-color:#ffd3b9;color:#d94b00;background:#fff7f2}
body.single-post .xb-article-meta-item svg{width:15px;height:15px;color:var(--xb-orange);flex:0 0 auto}

/* Native Details FAQ — exactly one visible control. */
body.single-post .xb-prose details,
body.single-post .xb-prose .wp-block-details{
  min-height:0!important;
  margin:10px 0!important;
  border-radius:16px!important;
}
body.single-post .xb-prose details::before,
body.single-post .xb-prose details::after,
body.single-post .xb-prose .wp-block-details::before,
body.single-post .xb-prose .wp-block-details::after{content:none!important;display:none!important}
body.single-post .xb-prose details>summary{
  min-height:64px!important;
  padding:18px 58px 18px 20px!important;
  background:#fff!important;
}
body.single-post .xb-prose details>summary svg,
body.single-post .xb-prose details>summary [class*="icon"],
body.single-post .xb-prose details>summary [aria-hidden="true"]{display:none!important}
body.single-post .xb-prose details>summary::after{
  right:17px!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
}
body.single-post .xb-prose details[open]{border-color:#ffd5bd!important;box-shadow:0 8px 28px rgba(20,22,27,.045)!important}
body.single-post .xb-prose details[open]>summary{background:#fffaf7!important}

/* Spectra/UAGB FAQ blocks used by older articles. */
body.single-post .xb-prose .uagb-faq__outer-wrap,
body.single-post .xb-prose .wp-block-uagb-faq{
  margin:28px 0!important;
  padding:0!important;
  background:transparent!important;
}
body.single-post .xb-prose .uagb-faq-item{
  margin:0 0 10px!important;
  padding:0!important;
  border:1px solid #e0e1dc!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.single-post .xb-prose .uagb-faq-questions-button,
body.single-post .xb-prose .uagb-faq-question-button,
body.single-post .xb-prose .uagb-faq-questions{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:64px!important;
  margin:0!important;
  padding:17px 58px 17px 20px!important;
  background:#fff!important;
  color:var(--xb-ink)!important;
  border:0!important;
  cursor:pointer!important;
  font-size:14px!important;
  line-height:1.85!important;
  font-weight:900!important;
}
body.single-post .xb-prose .uagb-faq-questions-button::after,
body.single-post .xb-prose .uagb-faq-question-button::after,
body.single-post .xb-prose .uagb-faq-questions::after{
  content:"+"!important;
  position:absolute!important;
  right:17px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border:1px solid #ffd5bd!important;
  border-radius:9px!important;
  background:#fff2ea!important;
  color:var(--xb-orange)!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.single-post .xb-prose .uagb-faq-item.is-xb-open .uagb-faq-questions-button::after,
body.single-post .xb-prose .uagb-faq-item.is-xb-open .uagb-faq-question-button::after,
body.single-post .xb-prose .uagb-faq-item.is-xb-open .uagb-faq-questions::after{content:"−"!important}
body.single-post .xb-prose .uagb-faq-icon-wrap,
body.single-post .xb-prose .uagb-icon,
body.single-post .xb-prose .uagb-icon-active,
body.single-post .xb-prose .uagb-faq-icon-wrap svg{display:none!important}
body.single-post .xb-prose .uagb-faq-content{
  display:none!important;
  margin:0!important;
  padding:17px 20px 19px!important;
  border-top:1px solid #ecece7!important;
  color:#555960!important;
  font-size:13.5px!important;
  line-height:2.05!important;
  background:#fff!important;
}
body.single-post .xb-prose .uagb-faq-item.is-xb-open{border-color:#ffd5bd!important;box-shadow:0 8px 28px rgba(20,22,27,.045)!important}
body.single-post .xb-prose .uagb-faq-item.is-xb-open .uagb-faq-content{display:block!important}

/* Comments — Signature community card. */
body.single-post .xb-comments{
  position:relative;
  margin-top:24px;
  padding:0;
  border:1px solid #dedfda;
  border-radius:24px;
  background:#fff;
  overflow:hidden;
}
body.single-post .xb-comments::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:5px;
  height:100%;
  background:var(--xb-orange);
}
body.single-post .xb-comments-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:26px;
  padding:30px 34px 26px;
  border-bottom:1px solid #ecece7;
  background:linear-gradient(135deg,#fff 0%,#fbfbf8 100%);
}
body.single-post .xb-comments-eyebrow{
  display:block;
  margin-bottom:7px;
  color:var(--xb-orange);
  font-size:7.5px;
  font-weight:900;
  letter-spacing:.15em;
  direction:ltr;
}
body.single-post .xb-comments-head h2{margin:0;font-size:24px;line-height:1.6;font-weight:950;color:#111318}
body.single-post .xb-comments-head p{max-width:720px;margin:7px 0 0;color:#777a81;font-size:11px;line-height:2}
body.single-post .xb-comments-count{
  width:70px;
  height:70px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid #ffd7c0;
  border-radius:18px;
  background:#fff5ef;
  color:var(--xb-orange);
  font-size:22px;
  font-weight:950;
  line-height:1;
}
body.single-post .xb-comments-count small{margin-top:5px;font-size:8px;color:#8c8f95;font-weight:800}
body.single-post .comment-list{list-style:none;margin:0;padding:24px 34px 0}
body.single-post .comment-list .children{list-style:none;margin:12px 34px 0 0;padding:0}
body.single-post .comment-body{
  position:relative;
  margin:0 0 12px;
  padding:18px 18px 17px;
  border:1px solid #e8e8e3;
  border-radius:16px;
  background:#fcfcfa;
}
body.single-post .comment-author{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900}
body.single-post .comment-author .avatar{width:42px;height:42px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #e3e3de}
body.single-post .comment-metadata{margin:-8px 0 8px 52px;font-size:8.5px;color:#9a9ca1}
body.single-post .comment-metadata a{color:inherit;text-decoration:none}
body.single-post .comment-content{padding:7px 52px 0 0;color:#555960;font-size:12.5px;line-height:2}
body.single-post .comment-content p{margin:0 0 8px}
body.single-post .reply{margin-top:10px;padding-right:52px}
body.single-post .reply a{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid #e1e2dd;border-radius:9px;background:#fff;color:#555960;font-size:8.5px;font-weight:900;text-decoration:none}
body.single-post .reply a:hover{border-color:#ffd1b5;color:#d94b00;background:#fff7f2}
body.single-post .comment-navigation{padding:0 34px 20px}
body.single-post .comment-navigation .nav-links{display:flex;justify-content:space-between;gap:10px}
body.single-post .comment-navigation a{font-size:10px;font-weight:900;color:#d94b00}
body.single-post .xb-comment-form-shell{padding:28px 34px 32px;background:#fafaf8;border-top:1px solid #ecece7}
body.single-post .xb-comment-form-title{margin-bottom:4px}
body.single-post .xb-comment-form-title>span{display:block;color:var(--xb-orange);font-size:7.5px;font-weight:900;letter-spacing:.15em;direction:ltr}
body.single-post .xb-comment-form-title h3{margin:5px 0 0;font-size:21px;line-height:1.6;font-weight:950}
body.single-post .xb-comment-note,
body.single-post .xb-comment-login-note{margin:5px 0 18px;color:#85888f;font-size:10px;line-height:1.9}
body.single-post .xb-comment-login-note strong{color:#26292f}
body.single-post .xb-comment-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
body.single-post .xb-comment-form>*{min-width:0}
body.single-post .xb-comment-form .comment-form-comment,
body.single-post .xb-comment-form .comment-form-cookies-consent,
body.single-post .xb-comment-form .form-submit,
body.single-post .xb-comment-form .comment-notes,
body.single-post .xb-comment-form .logged-in-as,
body.single-post .xb-comment-form .xb-comment-note,
body.single-post .xb-comment-form .xb-comment-login-note,
body.single-post .xb-comment-form .comment-reply-title{grid-column:1/-1}
body.single-post .xb-comment-form p{margin:0}
body.single-post .xb-comment-form label{display:block;margin-bottom:7px;color:#34373d;font-size:10px;font-weight:900}
body.single-post .xb-comment-form label span{color:var(--xb-orange)}
body.single-post .xb-comment-form input[type="text"],
body.single-post .xb-comment-form input[type="email"],
body.single-post .xb-comment-form textarea{
  display:block;
  width:100%;
  border:1px solid #dedfda;
  border-radius:13px;
  background:#fff;
  color:#25282e;
  font-family:inherit;
  font-size:12px;
  outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.single-post .xb-comment-form input[type="text"],
body.single-post .xb-comment-form input[type="email"]{height:48px;padding:0 14px}
body.single-post .xb-comment-form textarea{min-height:170px;padding:14px 15px;resize:vertical;line-height:2}
body.single-post .xb-comment-form input:focus,
body.single-post .xb-comment-form textarea:focus{border-color:#ffb184;box-shadow:0 0 0 3px rgba(255,105,0,.08);background:#fff}
body.single-post .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px;color:#777a81;font-size:9.5px;line-height:1.8}
body.single-post .comment-form-cookies-consent input{margin-top:4px;accent-color:var(--xb-orange)}
body.single-post .comment-form-cookies-consent label{margin:0;font-weight:500}
body.single-post .xb-comment-submit{
  min-width:160px;
  min-height:46px;
  padding:0 20px;
  border:0;
  border-radius:12px;
  background:var(--xb-orange);
  color:#fff;
  font-family:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}
body.single-post .xb-comment-submit:hover{background:#e95700;transform:translateY(-1px)}
body.single-post .no-comments{padding:20px 34px;color:#777a81}

@media (max-width:820px){
  body.single-post .xb-article-header{padding:32px 26px 27px}
  body.single-post .xb-article-header::after{font-size:72px;bottom:-18px}
  body.single-post .xb-article-header h1{font-size:34px}
  body.single-post .xb-comments-head{padding:24px 22px 20px}
  body.single-post .comment-list{padding:20px 22px 0}
  body.single-post .xb-comment-form-shell{padding:22px}
}
@media (max-width:767px){
  body.single-post .xb-article-header{padding:27px 18px 23px}
  body.single-post .xb-article-header h1{font-size:27px;line-height:1.55}
  body.single-post .xb-article-header h1::after{margin-top:13px;width:52px;height:3px}
  body.single-post .xb-article-meta{gap:6px;margin-top:18px}
  body.single-post .xb-article-meta-item{min-height:32px;padding:0 9px;font-size:8.5px}
  body.single-post .xb-article-header::after{display:none}
  body.single-post .xb-comments-head{grid-template-columns:1fr;gap:14px}
  body.single-post .xb-comments-count{width:60px;height:60px}
  body.single-post .xb-comment-form{grid-template-columns:1fr}
  body.single-post .comment-list .children{margin-right:14px}
  body.single-post .comment-content,body.single-post .reply{padding-right:0}
  body.single-post .comment-metadata{margin:6px 0 8px}
  body.single-post .uagb-faq-questions-button,
  body.single-post .uagb-faq-question-button,
  body.single-post .uagb-faq-questions{font-size:12.5px!important;padding:15px 52px 15px 14px!important}
}

/* v3.12.3 — tighter TOC indentation + wider article title */
body.single-post .xb-article-toc-nav{
  padding:8px 7px 10px!important;
}
body.single-post .xb-article-toc-nav a{
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:5px!important;
  padding:8px 5px!important;
}
body.single-post .xb-article-toc-nav li.level-3 a{
  padding-right:11px!important;
}
body.single-post .xb-article-toc-nav a>span{
  font-size:7.5px!important;
}
body.single-post .xb-article-toc-nav a>strong{
  line-height:1.7!important;
}

body.single-post .xb-article-header{
  padding:34px 30px 28px!important;
}
body.single-post .xb-article-title-wrap{
  max-width:none!important;
  width:100%!important;
}
body.single-post .xb-article-header h1{
  max-width:none!important;
  width:100%!important;
  font-size:clamp(34px,3.35vw,50px)!important;
  line-height:1.42!important;
  text-wrap:pretty!important;
}
body.single-post .xb-article-index{
  margin-bottom:15px!important;
}
body.single-post .xb-article-meta{
  margin-top:20px!important;
}

@media (max-width:1100px){
  body.single-post .xb-article-header{padding:30px 24px 25px!important}
  body.single-post .xb-article-header h1{font-size:34px!important}
}
@media (max-width:767px){
  body.single-post .xb-article-header{padding:24px 16px 21px!important}
  body.single-post .xb-article-header h1{font-size:27px!important;line-height:1.52!important}
}

/* v3.13.0 — product category archive system */
.xb-catalog-shell{grid-template-columns:250px minmax(0,1fr);gap:18px}
.xb-category-sidebar{position:sticky;top:18px;background:#fff;border:1px solid var(--xb-line);border-radius:20px;padding:17px 15px 16px;min-width:0}
.xb-category-sidebar-head{display:flex;flex-direction:column;padding:2px 3px 13px;margin-bottom:8px;border-bottom:1px solid #ecece8}
.xb-category-sidebar-head span{font-size:7.5px;letter-spacing:.14em;color:var(--xb-orange);direction:ltr;text-align:right;font-weight:900}
.xb-category-sidebar-head strong{font-size:14px;line-height:1.8;color:var(--xb-ink)}
.xb-category-sidebar-list,.xb-category-sidebar-children{list-style:none;margin:0;padding:0}
.xb-category-sidebar-list>li+li{border-top:1px solid #f0f0ec}
.xb-category-sidebar-parent,.xb-category-sidebar-children a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 8px;border-radius:10px;font-size:10.5px;color:#44474e;transition:.18s}
.xb-category-sidebar-parent small,.xb-category-sidebar-children small{font-size:8px;color:#a1a4aa;direction:ltr}
.xb-category-sidebar-parent:hover,.xb-category-sidebar-parent.is-current,.xb-category-sidebar-children a:hover,.xb-category-sidebar-children a.is-current{background:#fff3eb;color:var(--xb-orange)}
.xb-category-sidebar-parent.is-current,.xb-category-sidebar-children a.is-current{font-weight:900}
.xb-category-sidebar-children{margin:0 8px 8px;padding:5px 9px;border-right:2px solid #ffb688}
.xb-category-sidebar-children a{min-height:34px;padding:5px 6px;font-size:9.5px}
.xb-filter-toggle{display:none!important}

.xb-category-top-description{margin:0 0 16px;padding:20px 22px 18px;background:#fff;border:1px solid var(--xb-line);border-radius:18px;position:relative;overflow:hidden}
.xb-category-top-description:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--xb-orange)}
.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-richtext{font-size:12.5px;line-height:2.15;color:#4f5259}
.xb-category-richtext p{margin:0 0 10px}
.xb-category-richtext p:last-child{margin-bottom:0}
.xb-category-richtext a{color:var(--xb-orange);font-weight:800}

.xb-category-bottom-content{margin:28px 0 6px;padding:28px 30px 30px;background:#fff;border:1px solid var(--xb-line);border-radius:22px;overflow:hidden}
.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)}
.xb-category-richtext-long{font-size:14px;line-height:2.25;color:#383b42}
.xb-category-richtext-long h2{font-size:23px;line-height:1.65;margin:34px 0 12px;color:var(--xb-ink);font-weight:900}
.xb-category-richtext-long h2:first-child{margin-top:0}
.xb-category-richtext-long h3{font-size:18px;line-height:1.75;margin:25px 0 9px;color:var(--xb-ink);font-weight:900}
.xb-category-richtext-long ul,.xb-category-richtext-long ol{padding-right:22px}
.xb-category-richtext-long img{max-width:100%;height:auto;border-radius:18px;margin:16px auto}
.xb-category-richtext-long table{width:100%;border-collapse:collapse;margin:18px 0;font-size:12px}
.xb-category-richtext-long th,.xb-category-richtext-long td{border:1px solid #e6e6e2;padding:10px 12px}
.xb-category-richtext-long th{background:#f7f7f4;font-weight:900}

/* FAQ patterns used by Details, Rank Math and legacy schema blocks. */
.xb-category-bottom-content details,
.xb-category-bottom-content .rank-math-list-item,
.xb-category-bottom-content .schema-faq-section{
  margin:9px 0;border:1px solid #e4e5e0;border-radius:14px;background:#fbfbf9;overflow:hidden
}
.xb-category-bottom-content details>summary,
.xb-category-bottom-content .rank-math-question,
.xb-category-bottom-content .schema-faq-question{
  position:relative;display:block;cursor:pointer;padding:15px 48px 15px 16px;font-size:13px;line-height:1.9;font-weight:900;color:var(--xb-ink);list-style:none
}
.xb-category-bottom-content details>summary::-webkit-details-marker{display:none}
.xb-category-bottom-content details>summary:before,
.xb-category-bottom-content .rank-math-question:before,
.xb-category-bottom-content .schema-faq-question:before{
  content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border:1px solid #ffc29b;border-radius:7px;color:var(--xb-orange);font-size:15px;background:#fff
}
.xb-category-bottom-content details[open]>summary:before{content:"−"}
.xb-category-bottom-content details>*:not(summary),
.xb-category-bottom-content .rank-math-answer,
.xb-category-bottom-content .schema-faq-answer{padding:0 16px 16px;font-size:12.5px;line-height:2.1;color:#62656c}

/* Keep default archive toolbar clean and newest-first by default. */
.woocommerce .woocommerce-ordering select{min-width:190px}

@media (max-width:1100px){
  .xb-catalog-shell{grid-template-columns:220px minmax(0,1fr)}
  .xb-category-sidebar{padding:15px 12px}
  .xb-category-bottom-content{padding:24px}
}
@media (max-width:900px){
  .xb-catalog-shell{display:block}
  .xb-category-sidebar{display:none}
  .xb-category-top-description{margin-bottom:12px;padding:16px 17px}
}
@media (max-width:767px){
  .xb-category-top-description{border-radius:15px}
  .xb-category-richtext{font-size:11.5px;line-height:2.05}
  .xb-category-bottom-content{margin-top:20px;padding:20px 17px;border-radius:17px}
  .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}
  .xb-category-richtext-long{font-size:12.5px;line-height:2.15}
  .xb-category-richtext-long h2{font-size:20px;margin-top:27px}
  .xb-category-richtext-long h3{font-size:16px}
}

/* 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 .product_title{
  position:relative;
  padding:15px 17px 15px 19px;
  margin:0 0 14px!important;
  border:1px solid #ecece7;
  border-right:4px solid var(--xb-orange);
  border-radius:15px;
  background:linear-gradient(110deg,#fff 0%,#fff 72%,#fff9f4 100%);
  font-size:29px;
  line-height:1.5;
  letter-spacing:-.025em;
}
.single-product .xb-product-signature{margin:0 2px 10px}
.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 .single_add_to_cart_button{box-shadow:0 10px 22px rgba(255,91,0,.15)}
.single-product .quantity .qty{background:#fafaf8}

/* Restore smart compare section. */
.single-product .xb-smart-compare-section{
  clear:both;
  margin-top:22px;
  padding:24px;
  border:1px solid var(--xb-line);
  border-radius:22px;
  background:#fff;
  position:relative;
  z-index:3;
  overflow:hidden;
}
.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;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
  align-items:start;
  margin-top:20px;
  direction:ltr;
  position:relative;
  z-index:2;
}
.single-product .xb-product-detail-layout>.woocommerce-tabs{
  grid-column:2;
  direction:rtl;
  min-width:0;
  margin:0!important;
}
.single-product .xb-product-detail-aside{
  grid-column:1;
  direction:rtl;
  min-width:0;
}
.single-product .xb-product-detail-aside-card{
  position:sticky;
  top:18px;
  padding:15px;
  border:1px solid var(--xb-line);
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(18,19,24,.035);
}
.admin-bar.single-product .xb-product-detail-aside-card{top:50px}
.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;
  background:linear-gradient(145deg,#fff 0%,#fff 70%,#fff8f2 100%);
  box-shadow:inset 0 0 0 1px #efefea;
}
.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}
.single-product .xb-product-detail-layout .woocommerce-tabs .panel{padding:28px 30px!important}

/* 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}
}

/* v3.15.0 — archive image-stage fix + single product structural cleanup.
   Front page and editorial pages intentionally untouched. */

/* Product archives: beat the old global #f5f5f2 image rule on every Woo loop DOM. */
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: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;
  border-radius:15px!important;
}
body.tax-product_cat .xb-catalog-content ul.products li.product:hover a img,
body.post-type-archive-product .xb-catalog-content ul.products li.product:hover a img,
body.woocommerce-shop .xb-catalog-content ul.products li.product:hover a img{
  background:linear-gradient(145deg,#fff 0%,#fff 72%,#fff5ec 100%)!important;
  box-shadow:inset 0 0 0 1px #e7e7e1!important;
}

/* 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 .xb-product-top{
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);
  gap:16px;
}
.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{
  padding:16px;
  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 div.product .summary{
  padding:24px 26px;
}
.single-product .product_title{
  padding:13px 15px 13px 17px;
  border-radius:13px;
  font-size:27px;
  line-height:1.52;
  background:linear-gradient(110deg,#fff 0%,#fff 82%,#fff8f2 100%);
}
.single-product .woocommerce-product-details__short-description{
  margin:0 0 16px;
  color:#50535a;
}
.single-product .summary .price{
  margin:14px 0 16px!important;
  padding:13px 0;
}
.single-product .xb-buy-confidence{
  margin-top:14px;
  padding-top:14px;
}

/* Smart compare: no duplicate section title and no giant empty framing. */
.single-product .xb-smart-compare-section{
  margin-top:18px;
  padding:15px 16px 16px;
  border-radius:18px;
  overflow:hidden;
}
.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{
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#d7d7d1 transparent;
  padding:2px 0 5px;
}
.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;
  margin-top:18px;
}
.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;
  align-self:start;
}
.single-product .xb-product-detail-aside-card{
  top:16px;
  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;
  margin:18px 0 0!important;
  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;
  top:18px!important;
  align-self:start!important;
  height:max-content!important;
  z-index:5;
}
.admin-bar.single-product .xb-product-detail-aside{
  top:50px!important;
}
.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{
  content:"‹";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  color:#c3c5c9;
  font-size:17px;
  font-weight:500;
  transform:translateY(-1px);
}
.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{
  min-height:44px;
  margin:0 0 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.single-product .xb-single-brand-logo{
  width:92px;
  height:42px;
  padding:5px 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid #ecece7;
  border-radius:12px;
  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;
  padding:7px 10px;
  border-radius:999px;
  background:#f1faf4;
  color:#278b50;
  font-size:9.5px;
  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{
  margin:0 2px 9px;
  padding:0 2px;
  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;margin:0 0 8px!important}
.single-product table.variations tr{
  grid-template-columns:78px minmax(0,1fr);
  gap:8px;
  margin-bottom:7px;
}
.single-product table.variations select{min-height:48px;background:#fbfbf9}
.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{
  gap:8px;
  margin-top:13px;
  padding-top:13px;
}
.single-product .xb-buy-confidence>div{
  min-height:58px;
  padding:9px 10px;
  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}
}

/* ======================================================================
   v3.17.0 — unified pricing, 3-column product hero, full-width pages,
   real trust badges + social footer. Home layout is intentionally untouched.
   ====================================================================== */

/* Generic pages use the same site-wide container width as header/footer/archive. */
.xb-page-container{max-width:var(--xb-container)!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}
.xb-hero-product-copy .xb-price-unified:not(.is-sale){color:var(--xb-ink)!important}
.xb-hero-product-copy .xb-price-unified.is-sale ins{color:var(--xb-orange)!important}
.xb-hero-product-copy .xb-price-unified del{color:#a4a6aa!important}
.xb-select-product-copy .xb-price-unified:not(.is-sale){color:#fff!important}
.xb-select-product-copy .xb-price-unified.is-sale ins{color:var(--xb-orange)!important}
.xb-select-product-copy .xb-price-unified del{color:#777b84!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;
  min-height:100%;
  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;overflow:auto;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{margin-top:14px;min-height:44px;border:1px solid #e6e6e1;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10.5px;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;padding:13px 13px 11px!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 .woocommerce-product-gallery__image,
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image a{min-height:345px!important}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__image img{height:345px!important;max-height:345px!important}
.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{padding:20px 21px 18px!important;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{margin:10px 0 12px!important;padding:11px 0!important;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;
  margin:0!important;
}
.single-product .summary .single_add_to_cart_button{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  min-height:56px!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;
  min-height:46px!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. */
.xb-hero-product-copy .xb-price-unified{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  color:var(--xb-ink)!important;
}
.xb-hero-product-copy .xb-price-unified del,
.xb-hero-product-copy .xb-price-unified del *{
  color:#a5a6a1!important;
}
.xb-hero-product-copy .xb-price-unified del{
  position:relative!important;
  text-decoration:none!important;
  opacity:1!important;
  font-size:.78em!important;
  font-weight:500!important;
}
.xb-hero-product-copy .xb-price-unified del *{text-decoration:none!important}
.xb-hero-product-copy .xb-price-unified del:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:52%;
  height:1px;
  background:#a5a6a1;
  pointer-events:none;
}
.xb-hero-product-copy .xb-price-unified ins,
.xb-hero-product-copy .xb-price-unified ins *{
  color:var(--xb-orange)!important;
  text-decoration:none!important;
  font-weight:900!important;
}
.xb-hero-product-copy .xb-price-unified:not(.is-sale),
.xb-hero-product-copy .xb-price-unified:not(.is-sale) *{
  color:var(--xb-ink)!important;
}

/* Avoid broad historical span rule repainting nested price amounts orange. */
.xb-hero-product-copy > span{color:var(--xb-ink)!important}
.xb-hero-product-copy > span > .xb-price-unified.is-sale ins,
.xb-hero-product-copy > span > .xb-price-unified.is-sale ins *{color:var(--xb-orange)!important}

@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}
}

/* ======================================================================
   v3.17.2 — approved first-scroll atmosphere + deterministic hero pricing.
   Layout is frozen; only the dark-panel surface and the four hero prices change.
   ====================================================================== */

/* Lightweight 28 KB local WebP: subtle dotted globe + technical grid.
   The gradient keeps headline contrast high and prevents a "wallpaper" feel. */
.xb-home .xb-hero-copy{
  background-color:#121318!important;
  background-image:
    linear-gradient(90deg,rgba(18,19,24,.16) 0%,rgba(18,19,24,.08) 38%,rgba(18,19,24,.24) 72%,rgba(18,19,24,.42) 100%),
    url('../images/xb-hero-digital-globe.webp')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center right!important;
}
/* The old giant XB watermark competes with the new texture. */
.xb-home .xb-hero-copy:after{display:none!important}

/* Keep all text/CTAs clearly above the decorative surface. */
.xb-home .xb-hero-copy>*{position:relative;z-index:2}

/* Four first-scroll product prices use a dedicated, fixed-height price slot.
   Old = muted on line 1; active = orange on line 2. */
.xb-home .xb-hero-product-copy .xb-hero-price{
  min-height:37px;
  margin-top:5px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  text-align:right;
  direction:rtl;
}
.xb-home .xb-hero-price .xb-price-unified{
  width:100%!important;
  min-height:37px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:2px!important;
  flex-wrap:nowrap!important;
  direction:rtl!important;
  line-height:1.35!important;
}
.xb-home .xb-hero-price .xb-price-unified del{
  order:1!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  color:#9c9ea2!important;
  opacity:1!important;
  font-size:7.5px!important;
  font-weight:500!important;
  line-height:1.3!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.xb-home .xb-hero-price .xb-price-unified del *{
  color:inherit!important;
  text-decoration:none!important;
}
.xb-home .xb-hero-price .xb-price-unified del:after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  top:50%;
  height:1px;
  background:#9c9ea2;
  transform:translateY(-50%);
  pointer-events:none;
}
.xb-home .xb-hero-price .xb-price-unified ins{
  order:2!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--xb-orange)!important;
  text-decoration:none!important;
  font-size:10.4px!important;
  font-weight:950!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.xb-home .xb-hero-price .xb-price-unified ins *{color:inherit!important;text-decoration:none!important}

/* Hero products without a sale still use the same orange active-price baseline. */
.xb-home .xb-hero-price .xb-price-unified:not(.is-sale){
  justify-content:flex-end!important;
  color:var(--xb-orange)!important;
  font-size:10.4px!important;
  font-weight:950!important;
}
.xb-home .xb-hero-price .xb-price-unified:not(.is-sale),
.xb-home .xb-hero-price .xb-price-unified:not(.is-sale) *{color:var(--xb-orange)!important}

/* Neutralize historical hero span rules now that price has its own block. */
.xb-home .xb-hero-product-copy>span{margin:0!important;color:inherit!important}

@media (max-width:860px){
  /* On stacked/tablet layouts the texture stays understated and does not fight copy. */
  .xb-home .xb-hero-copy{
    background-position:62% center!important;
    background-size:cover!important;
  }
}
@media (max-width:540px){
  .xb-home .xb-hero-copy{
    background-image:
      linear-gradient(90deg,rgba(18,19,24,.25),rgba(18,19,24,.38)),
      url('../images/xb-hero-digital-globe.webp')!important;
    background-position:68% center!important;
  }
  .xb-home .xb-hero-price .xb-price-unified ins{font-size:10px!important}
}

/* v3.17.3 — Contact-page customer review link */
.xb-contact-review-card{
  margin:34px 0 2px;
  padding:22px 24px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  border:1px solid #e7e7e2;
  border-right:4px solid var(--xb-orange);
  border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#fbfaf7 100%);
}
.xb-contact-review-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#111319;
  color:#fff;
}
.xb-contact-review-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
.xb-contact-review-copy>span{display:block;font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--xb-orange);direction:ltr;margin-bottom:6px}
.xb-contact-review-copy h2{font-size:20px!important;line-height:1.55!important;margin:0 0 4px!important}
.xb-contact-review-copy p{margin:0!important;color:#6f7278;font-size:12px;line-height:1.9}
.xb-contact-review-link{
  min-height:46px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:12px;
  background:var(--xb-orange);
  color:#fff!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.xb-contact-review-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.xb-contact-review-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,91,0,.16)}
@media(max-width:767px){
  .xb-contact-review-card{grid-template-columns:44px 1fr;padding:17px;gap:12px}
  .xb-contact-review-icon{width:44px;height:44px;border-radius:12px}
  .xb-contact-review-link{grid-column:1/-1;width:100%;margin-top:2px}
}

/* ======================================================================
   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%;margin:0 0 12px;padding:15px 22px 16px;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;padding: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}

/* Article media can never escape the content column. */
body.single-post .xb-prose img:not(.emoji):not(.wp-smiley),
body.single-post .xb-prose picture,
body.single-post .xb-prose figure,
body.single-post .xb-prose .wp-block-image,
body.single-post .xb-prose .wp-block-gallery,
body.single-post .xb-prose [class*="alignwide"],
body.single-post .xb-prose [class*="alignfull"]{max-width:100%!important;width:auto!important;box-sizing:border-box!important}
body.single-post .xb-prose img:not(.emoji):not(.wp-smiley){height:auto!important;object-fit:contain!important}
body.single-post .xb-prose figure{margin-left:0!important;margin-right:0!important}
body.single-post .xb-prose figure img:not(.emoji):not(.wp-smiley){display:block;max-width:100%!important;margin-inline:auto}
/* v3.19.08 — WordPress emoji are inline text glyphs, not article media. */
body.single-post .xb-prose img.emoji,
body.single-post .xb-prose img.wp-smiley{display:inline!important;width:1em!important;height:1em!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0 .07em!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:initial!important;vertical-align:-.1em!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}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) details>summary,
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) :is(.rank-math-question,.schema-faq-question,.uagb-faq-questions-button,.uagb-faq-question-button,.uagb-faq-questions){
  min-height:0!important;margin:0!important;padding:14px 48px 14px 16px!important;background:#fff!important;color:var(--xb-ink)!important;font-size:13px!important;line-height:1.75!important;font-weight:900!important;cursor:pointer!important;position:relative!important;border:0!important
}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) details>summary::before{content:none!important;display:none!important}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) details>summary::after,
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) :is(.rank-math-question,.schema-faq-question,.uagb-faq-questions-button,.uagb-faq-question-button,.uagb-faq-questions)::after{
  content:"+"!important;position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;
  width:25px!important;height:25px!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:16px!important;line-height:1!important;font-weight:500!important
}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) details[open]>summary::after,
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) :is(.rank-math-question,.schema-faq-question).is-open::after,
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) .uagb-faq-item.is-xb-open :is(.uagb-faq-questions-button,.uagb-faq-question-button,.uagb-faq-questions)::after{content:"−"!important}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) details:not([open])>*:not(summary){display:none!important}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) :is(.rank-math-answer,.schema-faq-answer,.uagb-faq-content){
  margin:0!important;padding:0 16px 15px!important;background:#fff!important;color:#5b5e65!important;font-size:12px!important;line-height:2!important;border:0!important
}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) :is(.rank-math-answer,.schema-faq-answer)[hidden]{display:none!important}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) .uagb-faq-content{display:none!important}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) .uagb-faq-item.is-xb-open .uagb-faq-content{display:block!important}
body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) :is(.uagb-faq-icon-wrap,[class*="faq-icon"]){display:none!important}
@media(max-width:700px){
  body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) details>summary,
  body :is(.xb-prose,.woocommerce-Tabs-panel,.xb-category-bottom-content) :is(.rank-math-question,.schema-faq-question,.uagb-faq-questions-button,.uagb-faq-question-button,.uagb-faq-questions){font-size:12px!important;padding:12px 44px 12px 12px!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;
}

/* Give the same signature rule to all four first-scroll product cards. */
.xb-home .xb-hero-product:before{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  right:0;
  left:0;
  height:4px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--xb-orange) 0 50%,var(--xb-ink) 50% 100%);
}

/* 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.2 — exact first-scroll group accent + larger centered product hero.
   Scope intentionally limited to the two user-requested visual fixes.
   ====================================================================== */

/* HOME / FIRST SCROLL
   Remove the per-card accent lines completely. */
.xb-home .xb-hero-product:before,
.xb-home .xb-hero-product:after{
  content:none!important;
  display:none!important;
}

/* One single signature line for the WHOLE four-product panel:
   right half ink, left half orange. */
.xb-home .xb-hero-products:after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  height:4px!important;
  z-index:6!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,var(--xb-orange) 0 50%,var(--xb-ink) 50% 100%)!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{
  content:"";
  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}
.single-product .xb-product-top>.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.single-product .xb-product-top>.woocommerce-product-gallery .flex-viewport{
  background:transparent!important;
}

/* 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{
  background:linear-gradient(145deg,#fff 0%,#fff 78%,#fff8f2 100%)!important;
  box-shadow:inset 0 0 0 1px #f0f0eb!important;
  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;
}
.xb-home .xb-home-products ul.products li.product{
  --xb-loop-stage-height:246px;
}
.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{
  content:"";
  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{
  position:relative!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #efefea!important;
  overflow:hidden!important;
}
.xb-product-detail-aside-image::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:15px;
  pointer-events:none;
  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-product-detail-aside-image img{
  position:relative!important;
  z-index:2!important;
}

@media (max-width:1200px){
  .xb-home .xb-home-products ul.products li.product{
    --xb-loop-stage-height:236px;
  }
}
@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;
}

.xb-home .xb-home-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-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::before{
  content:""!important;
  position:absolute!important;
  top:0!important;right:0!important;left:0!important;
  height:245px!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;
}

.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){
  .xb-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::before{height:220px!important}
  .single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link::before{height:190px!important}
}
@media (max-width:768px){
  .xb-home .xb-home-products ul.products li.product a.woocommerce-LoopProduct-link::before{height:170px!important;border-radius:10px!important}
  .xb-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::before{height:170px!important;border-radius:10px!important}
  .single-product :is(.related.products,.upsells.products) ul.products li.product a.woocommerce-LoopProduct-link::before{height:155px!important;border-radius:10px!important}
}


/* ======================================================================
   v3.18.9 — home/archive peach-stage correction.
   Only related products + detail sticky aside were correct in v3.18.8.
   Homepage and archive cards now use a card-level overlay so the peach layer
   sits above the image at all times, not only visually on hover.
   ====================================================================== */

/* Disable the v3.18.8 home/archive anchor-based overlay. */
.xb-home .xb-home-products ul.products li.product a.woocommerce-LoopProduct-link::before,
.xb-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link::before,
body.tax-product_cat .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::before,
body.post-type-archive-product .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::before,
body.woocommerce-shop .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::before{
  content:none!important;
}

/* Rebuild the stage on the product card itself for homepage + archives. */
.xb-home .xb-home-products ul.products li.product,
.xb-catalog-content .woocommerce ul.products li.product{
  position:relative!important;
  isolation:isolate!important;
}

.xb-home .xb-home-products ul.products li.product::before,
.xb-catalog-content .woocommerce ul.products li.product::before{
  content:"";
  position:absolute;
  top:12px;
  right:12px;
  left:12px;
  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%);
}
.xb-home .xb-home-products ul.products li.product::before{
  height:220px;
  border-radius:14px;
}
.xb-catalog-content .woocommerce ul.products li.product::before{
  height:245px;
  border-radius:15px;
}

.xb-home .xb-home-products ul.products li.product a img,
.xb-catalog-content .woocommerce 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:1!important;
  background:#fff!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;
}

@media (max-width:980px){
  .xb-home .xb-home-products ul.products li.product::before,
  .xb-catalog-content .woocommerce ul.products li.product::before{
    top:12px;
    right:12px;
    left:12px;
  }
  .xb-home .xb-home-products ul.products li.product::before{
    height:220px;
  }
  .xb-catalog-content .woocommerce ul.products li.product::before{
    height:220px;
  }
}

@media (max-width:768px){
  .xb-home .xb-home-products ul.products li.product::before,
  .xb-catalog-content .woocommerce ul.products li.product::before{
    top:8px;
    right:8px;
    left:8px;
    height:170px;
    border-radius:10px;
  }
}


/* ======================================================================
   v3.18.10 — archive peach overlay final stacking fix.
   Archive only. Related products, sticky detail aside and homepage untouched.
   ====================================================================== */

/* The archive product link is its own stacking context from an earlier pass.
   Keep that whole link below the peach stage so the accent really sits on top
   of the product image, including during hover/transform. */
.xb-catalog-content .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
}

/* Peach layer is above the complete image/link, but below badges and text UI. */
.xb-catalog-content .woocommerce ul.products li.product::before{
  z-index:4!important;
  pointer-events:none!important;
}

/* Old archive hover CSS used to repaint the image itself peach. Disable it;
   hover may scale the image, but its actual background always stays white. */
.xb-catalog-content .woocommerce ul.products li.product a img,
.xb-catalog-content .woocommerce ul.products li.product:hover a img,
body.tax-product_cat .xb-catalog-content ul.products li.product a img,
body.tax-product_cat .xb-catalog-content ul.products li.product:hover a img,
body.post-type-archive-product .xb-catalog-content ul.products li.product a img,
body.post-type-archive-product .xb-catalog-content ul.products li.product:hover a img,
body.woocommerce-shop .xb-catalog-content ul.products li.product a img,
body.woocommerce-shop .xb-catalog-content ul.products li.product:hover a img{
  background:#fff!important;
  z-index:auto!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;
}


/* ======================================================================
   v3.18.11 — ARCHIVE ONLY: peach overlay with the correct archive selector.
   No homepage / related / single-product changes in this patch.
   ====================================================================== */

/* Archive DOM does not contain a nested .woocommerce inside .xb-catalog-content.
   Use the real archive structure directly. */
body.tax-product_cat .xb-catalog-content ul.products li.product,
body.post-type-archive-product .xb-catalog-content ul.products li.product,
body.woocommerce-shop .xb-catalog-content ul.products li.product{
  position:relative!important;
  isolation:isolate!important;
}

/* Kill every older archive-stage pseudo rule that used the wrong selector. */
body.tax-product_cat .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::before,
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::before,
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::before,
body.woocommerce-shop .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link::after{
  content:none!important;
  display:none!important;
}

/* The actual peach layer: always present, always above the image, never hover-only. */
body.tax-product_cat .xb-catalog-content ul.products li.product::before,
body.post-type-archive-product .xb-catalog-content ul.products li.product::before,
body.woocommerce-shop .xb-catalog-content ul.products li.product::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:12px!important;
  height:245px!important;
  border-radius:15px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  pointer-events:none!important;
  z-index:20!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;
}

body.tax-product_cat .xb-catalog-content ul.products li.product:hover::before,
body.post-type-archive-product .xb-catalog-content ul.products li.product:hover::before,
body.woocommerce-shop .xb-catalog-content ul.products li.product:hover::before{
  opacity:1!important;
  transform:none!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;
}

/* Image stays white and below the peach layer both normally and on hover. */
body.tax-product_cat .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link,
body.post-type-archive-product .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link,
body.woocommerce-shop .xb-catalog-content ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative!important;
  z-index:1!important;
}

body.tax-product_cat .xb-catalog-content ul.products li.product a img,
body.tax-product_cat .xb-catalog-content ul.products li.product:hover a img,
body.post-type-archive-product .xb-catalog-content ul.products li.product a img,
body.post-type-archive-product .xb-catalog-content ul.products li.product:hover a img,
body.woocommerce-shop .xb-catalog-content ul.products li.product a img,
body.woocommerce-shop .xb-catalog-content ul.products li.product:hover a img{
  background:#fff!important;
  position:relative!important;
  z-index:1!important;
}

/* Badges and commercial UI remain above the decorative overlay. */
body.tax-product_cat .xb-catalog-content ul.products li.product :is(.onsale,.xb-card-badge),
body.post-type-archive-product .xb-catalog-content ul.products li.product :is(.onsale,.xb-card-badge),
body.woocommerce-shop .xb-catalog-content ul.products li.product :is(.onsale,.xb-card-badge){
  z-index:30!important;
}

@media (max-width:980px){
  body.tax-product_cat .xb-catalog-content ul.products li.product::before,
  body.post-type-archive-product .xb-catalog-content ul.products li.product::before,
  body.woocommerce-shop .xb-catalog-content ul.products li.product::before{
    height:220px!important;
  }
}

@media (max-width:768px){
  body.tax-product_cat .xb-catalog-content ul.products li.product::before,
  body.post-type-archive-product .xb-catalog-content ul.products li.product::before,
  body.woocommerce-shop .xb-catalog-content ul.products li.product::before{
    top:8px!important;
    right:8px!important;
    left:8px!important;
    height:170px!important;
    border-radius:10px!important;
  }
}


/* ======================================================================
   v3.18.12 — unified dark page/archive title system.
   Visual reference: approved Blog archive hero.
   Scope: editorial archives, WooCommerce archives, and WordPress pages.
   ====================================================================== */

/* All three hero types use the approved Blog archive dimensions. */
.xb-content-hub-hero,
.woocommerce-products-header,
.xb-page-hero{
  position:relative!important;
  min-height:190px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  padding:34px 38px!important;
  margin:0 0 14px!important;
  border-radius:24px!important;
  background:#111318!important;
  color:#fff!important;
  border:1px solid #1f2228!important;
  box-sizing:border-box!important;
}

/* Identical orange signature bar on the right edge. */
.xb-content-hub-hero:after,
.woocommerce-products-header:after,
.xb-page-hero:after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:6px!important;
  height:100%!important;
  background:var(--xb-orange)!important;
}

/* Right-side Persian title area: same width/alignment as Blog. */
.xb-content-hub-copy,
.xb-page-hero-copy{
  position:relative!important;
  z-index:2!important;
  width:min(820px,68%)!important;
  margin-right:0!important;
  margin-left:auto!important;
  text-align:right!important;
}
.woocommerce-products-header__title.page-title,
.xb-page-hero h1,
.xb-content-hub-copy h1{
  position:relative!important;
  z-index:2!important;
  width:min(820px,68%)!important;
  max-width:820px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  color:#fff!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  font-size:clamp(30px,3.1vw,44px)!important;
  line-height:1.5!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  text-align:right!important;
}
/* Blog/page titles live inside a 68%-wide copy wrapper, so they fill it. */
.xb-content-hub-copy h1,
.xb-page-hero-copy h1{
  width:100%!important;
  margin:0!important;
}

/* Same orange line + micro-label above every Persian title. */
.xb-content-list.xb-content-hub .xb-content-hub-kicker,
.xb-page-hero-kicker,
.xb-catalog-kicker{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:max-content!important;
  margin:0 0 13px!important;
  direction:ltr!important;
  order:-1;
}
.xb-content-list.xb-content-hub .xb-content-hub-kicker i,
.xb-page-hero-kicker i,
.xb-catalog-kicker i{
  display:block!important;
  width:54px!important;
  height:2px!important;
  flex:0 0 54px!important;
  border-radius:999px!important;
  background:var(--xb-orange)!important;
}
.xb-content-list.xb-content-hub .xb-content-hub-kicker span,
.xb-page-hero-kicker span,
.xb-catalog-kicker span{
  color:var(--xb-orange)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  white-space:nowrap!important;
}

/* Woo title/kicker are direct header children; match Blog's right-side copy block. */
.woocommerce-products-header{
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
}
.woocommerce-products-header .xb-catalog-kicker{
  width:min(820px,68%)!important;
  margin-right:0!important;
  margin-left:auto!important;
}

/* Large faded English word: exact Blog proportions on all hero types. */
.xb-content-hub-english,
.xb-catalog-english,
.xb-page-hero-english{
  position:absolute!important;
  left:26px!important;
  bottom:-24px!important;
  z-index:1!important;
  max-width:52%!important;
  overflow:hidden!important;
  color:#1b1d23!important;
  font-size:clamp(70px,10vw,150px)!important;
  line-height:.9!important;
  font-weight:900!important;
  letter-spacing:-.07em!important;
  direction:ltr!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  user-select:none!important;
}

/* A WordPress page keeps its content card, but its title block no longer uses
   the old flat/clipped header rules. */
.xb-page .xb-page-hero{
  border-radius:24px!important;
  margin:0 0 14px!important;
}
.xb-page-hero>span{display:none!important}

/* Generic archive descriptions stay outside the dark hero, like Blog intro copy. */
.xb-editorial-archive>.xb-page-description{
  margin:0 0 14px!important;
  padding:20px 24px!important;
  border:1px solid #e4e5df!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#444850!important;
  font-size:13px!important;
  line-height:2.15!important;
}

@media (max-width:900px){
  .xb-content-hub-hero,
  .woocommerce-products-header,
  .xb-page-hero{
    min-height:170px!important;
    padding:28px 26px!important;
  }
  .xb-content-hub-copy,
  .xb-page-hero-copy,
  .woocommerce-products-header__title.page-title,
  .woocommerce-products-header .xb-catalog-kicker{
    width:82%!important;
  }
  .xb-content-hub-english,
  .xb-catalog-english,
  .xb-page-hero-english{
    left:18px!important;
    bottom:-14px!important;
    font-size:92px!important;
  }
}

@media (max-width:640px){
  .xb-content-hub-hero,
  .woocommerce-products-header,
  .xb-page-hero{
    min-height:148px!important;
    padding:24px 20px!important;
    border-radius:18px!important;
  }
  .xb-content-hub-copy,
  .xb-page-hero-copy,
  .woocommerce-products-header__title.page-title,
  .woocommerce-products-header .xb-catalog-kicker{
    width:100%!important;
  }
  .xb-content-hub-copy h1,
  .xb-page-hero-copy h1,
  .woocommerce-products-header__title.page-title{
    width:100%!important;
    font-size:26px!important;
    line-height:1.55!important;
    padding-left:34px!important;
  }
  .xb-content-list.xb-content-hub .xb-content-hub-kicker,
  .xb-page-hero-kicker,
  .xb-catalog-kicker{
    margin-bottom:10px!important;
  }
  .xb-content-list.xb-content-hub .xb-content-hub-kicker i,
  .xb-page-hero-kicker i,
  .xb-catalog-kicker i{
    width:36px!important;
    flex-basis:36px!important;
  }
  .xb-content-list.xb-content-hub .xb-content-hub-kicker span,
  .xb-page-hero-kicker span,
  .xb-catalog-kicker span{
    font-size:7px!important;
  }
  .xb-content-hub-english,
  .xb-catalog-english,
  .xb-page-hero-english{
    left:10px!important;
    bottom:-7px!important;
    font-size:58px!important;
    opacity:.7!important;
  }
}


/* ======================================================================
   v3.18.13 — unified English background word sizing.
   Keep the approved Blog hero composition, but make the faded English word
   smaller on Blog archives, product archives, and WordPress pages so it stays
   fully inside the dark title panel and never competes with the Persian H1.
   ====================================================================== */
.xb-content-hub-english,
.xb-catalog-english,
.xb-page-hero-english{
  left:28px!important;
  bottom:8px!important;
  max-width:48%!important;
  overflow:visible!important;
  font-size:clamp(58px,5.9vw,88px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  opacity:1!important;
}

@media (max-width:900px){
  .xb-content-hub-english,
  .xb-catalog-english,
  .xb-page-hero-english{
    left:18px!important;
    bottom:7px!important;
    max-width:44%!important;
    font-size:clamp(50px,7vw,72px)!important;
  }
}

@media (max-width:640px){
  .xb-content-hub-english,
  .xb-catalog-english,
  .xb-page-hero-english{
    left:12px!important;
    bottom:6px!important;
    max-width:42%!important;
    font-size:44px!important;
    letter-spacing:-.045em!important;
    opacity:.72!important;
  }
}
\n\n/* ======================================================================
   v3.18.14 — dedicated Contact page layout.
   Rebuilds the legacy contact composition inside Signature without Elementor.
   Scope is contact-us only; other WordPress pages are untouched.
   ====================================================================== */
body.page-id-1363 .xb-page{overflow:hidden}
body.page-id-1363 .xb-contact-prose{padding:26px!important;background:#fff}
body.page-id-1363 .xb-contact-layout{display:grid;gap:18px}

body.page-id-1363 .xb-contact-actions{
  display:grid;
  grid-template-columns:minmax(360px,2.45fr) repeat(3,minmax(145px,1fr));
  gap:10px;
  direction:rtl;
}
body.page-id-1363 .xb-contact-hours,
body.page-id-1363 .xb-contact-social{
  min-height:132px;
  border-radius:17px;
  overflow:hidden;
  position:relative;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 9px 24px rgba(18,19,24,.06);
}
body.page-id-1363 .xb-contact-hours{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:22px 26px;
  background:linear-gradient(135deg,#ff6410 0%,#ff8126 100%);
}
body.page-id-1363 .xb-contact-hours:after{
  content:"";position:absolute;left:-42px;bottom:-72px;width:170px;height:170px;
  border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none
}
body.page-id-1363 .xb-contact-action-icon{
  width:64px;height:64px;display:grid;place-items:center;flex:0 0 64px
}
body.page-id-1363 .xb-contact-action-icon img{width:58px!important;height:58px!important;object-fit:contain!important;border-radius:0!important;margin:0!important}
body.page-id-1363 .xb-contact-hours>div{display:flex;flex-direction:column;gap:3px;position:relative;z-index:2}
body.page-id-1363 .xb-contact-hours small{font-size:9px;font-weight:800;opacity:.8}
body.page-id-1363 .xb-contact-hours strong{font-size:15px;line-height:1.8;font-weight:950}
body.page-id-1363 .xb-contact-hours>div>span{font-size:11px;opacity:.9}

body.page-id-1363 .xb-contact-social{
  padding:17px 14px 14px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  text-align:center;transition:transform .18s ease,box-shadow .18s ease
}
body.page-id-1363 .xb-contact-social:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(18,19,24,.12)}
body.page-id-1363 .xb-contact-social img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:0!important;margin:0!important}
body.page-id-1363 .xb-contact-social strong{font-size:12px;color:#fff!important}
body.page-id-1363 .xb-contact-social span{font-size:8px;direction:ltr;color:rgba(255,255,255,.76)}
body.page-id-1363 .xb-contact-instagram{background:linear-gradient(145deg,#833ab4 0%,#c13584 55%,#fd1d1d 140%)}
body.page-id-1363 .xb-contact-telegram{background:linear-gradient(145deg,#159bd7 0%,#33b5eb 100%)}
body.page-id-1363 .xb-contact-whatsapp{background:linear-gradient(145deg,#23b954 0%,#45d467 100%)}

body.page-id-1363 .xb-contact-map-section{
  padding:22px;
  border:1px solid #e6e6e0;
  border-radius:20px;
  background:#fafaf8;
  box-shadow:0 10px 28px rgba(18,19,24,.025);
}
body.page-id-1363 .xb-contact-map-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  padding:0 2px 17px;margin:0 0 18px;border-bottom:1px solid #e8e8e2
}
body.page-id-1363 .xb-contact-map-head>div>span{display:block;color:var(--xb-orange);font-size:8px;font-weight:900;letter-spacing:.14em;direction:ltr;text-align:right;margin-bottom:5px}
body.page-id-1363 .xb-contact-map-head h2{margin:0!important;font-size:22px!important;line-height:1.55!important}
body.page-id-1363 .xb-contact-map-head p{max-width:520px;margin:0!important;color:#70737a;font-size:10.5px;line-height:1.9;text-align:left}
body.page-id-1363 .xb-contact-map-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:12px;align-items:stretch}
body.page-id-1363 .xb-contact-map-frame{min-height:360px;border-radius:17px;overflow:hidden;border:1px solid #e3e3de;background:#fff}
body.page-id-1363 .xb-contact-map-frame iframe{display:block;width:100%!important;height:100%!important;min-height:360px;border:0!important;margin:0!important}
body.page-id-1363 .xb-contact-directions{display:grid;grid-template-rows:repeat(4,1fr);gap:8px}
body.page-id-1363 .xb-contact-directions a{
  min-height:78px;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:10px;
  padding:11px 12px;border:1px solid #e4e4df;border-radius:14px;background:#fff;
  color:var(--xb-ink)!important;text-decoration:none!important;transition:.16s ease
}
body.page-id-1363 .xb-contact-directions a:hover{border-color:#ffc5a7;box-shadow:0 8px 20px rgba(18,19,24,.05);transform:translateX(-2px)}
body.page-id-1363 .xb-contact-directions img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:9px!important;margin:0!important}
body.page-id-1363 .xb-contact-directions span{display:flex;flex-direction:column;gap:2px}
body.page-id-1363 .xb-contact-directions strong{font-size:10.5px}
body.page-id-1363 .xb-contact-directions small{font-size:8px;color:#9a9ca1}
body.page-id-1363 .xb-contact-directions svg{width:16px;height:16px;stroke:var(--xb-orange);fill:none;stroke-width:1.8;transform:scaleX(-1)}

body.page-id-1363 .xb-contact-review-card{margin:0!important;background:#fff}

@media(max-width:1000px){
  body.page-id-1363 .xb-contact-actions{grid-template-columns:repeat(3,1fr)}
  body.page-id-1363 .xb-contact-hours{grid-column:1/-1}
  body.page-id-1363 .xb-contact-map-grid{grid-template-columns:1fr}
  body.page-id-1363 .xb-contact-directions{grid-template-columns:repeat(2,1fr);grid-template-rows:none}
}
@media(max-width:700px){
  body.page-id-1363 .xb-contact-prose{padding:14px!important}
  body.page-id-1363 .xb-contact-layout{gap:12px}
  body.page-id-1363 .xb-contact-actions{grid-template-columns:1fr 1fr;gap:8px}
  body.page-id-1363 .xb-contact-hours{grid-column:1/-1;min-height:118px;padding:18px;justify-content:flex-start}
  body.page-id-1363 .xb-contact-hours strong{font-size:13px}
  body.page-id-1363 .xb-contact-social{min-height:112px}
  body.page-id-1363 .xb-contact-social:last-child{grid-column:1/-1;min-height:96px;flex-direction:row;gap:12px}
  body.page-id-1363 .xb-contact-map-section{padding:14px;border-radius:16px}
  body.page-id-1363 .xb-contact-map-head{display:block;padding-bottom:12px;margin-bottom:12px}
  body.page-id-1363 .xb-contact-map-head h2{font-size:18px!important}
  body.page-id-1363 .xb-contact-map-head p{margin-top:7px!important;text-align:right}
  body.page-id-1363 .xb-contact-map-frame,body.page-id-1363 .xb-contact-map-frame iframe{min-height:300px}
  body.page-id-1363 .xb-contact-directions{grid-template-columns:1fr 1fr;gap:7px}
  body.page-id-1363 .xb-contact-directions a{grid-template-columns:36px 1fr;min-height:68px;padding:9px}
  body.page-id-1363 .xb-contact-directions a>svg{display:none}
  body.page-id-1363 .xb-contact-directions img{width:34px!important;height:34px!important}
}
@media(max-width:430px){
  body.page-id-1363 .xb-contact-actions{grid-template-columns:1fr}
  body.page-id-1363 .xb-contact-hours,body.page-id-1363 .xb-contact-social:last-child{grid-column:auto}
  body.page-id-1363 .xb-contact-social{min-height:92px;flex-direction:row;justify-content:flex-start;text-align:right;padding:13px 16px}
  body.page-id-1363 .xb-contact-social img{width:40px!important;height:40px!important}
  body.page-id-1363 .xb-contact-social span{margin-right:auto}
  body.page-id-1363 .xb-contact-directions{grid-template-columns:1fr}
}


/* v3.18.15 — Contact page CSS parser fix + SVG size hardening */
body.page-id-1363 .xb-contact-directions a > svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
}
body.page-id-1363 .xb-contact-prose svg{
  overflow:visible;
}


/* ======================================================================
   v3.18.16 — Contact review kicker alignment + dynamic WordPress page word.
   Contact review label now sits above its Persian title on the right.
   The large faded English word on normal WP pages is generated from page slug.
   ====================================================================== */
body.page-id-1363 .xb-contact-review-copy{
  min-width:0!important;
  text-align:right!important;
  justify-self:stretch!important;
}
body.page-id-1363 .xb-contact-review-copy>span{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  width:100%!important;
  margin:0 0 6px!important;
  direction:ltr!important;
  text-align:right!important;
}
body.page-id-1363 .xb-contact-review-copy>span::before{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:1px!important;
  flex:0 0 34px!important;
  background:var(--xb-orange)!important;
  border-radius:999px!important;
}
body.page-id-1363 .xb-contact-review-copy h2,
body.page-id-1363 .xb-contact-review-copy p{
  text-align:right!important;
}

@media(max-width:700px){
  body.page-id-1363 .xb-contact-review-copy>span{
    justify-content:flex-end!important;
  }
}


/* ======================================================================
   v3.18.17 — Blog archive read-link polish + mega-menu trigger triangle fix.
   Scope only:
   1) Editorial archive "مطالعه" link gets a left arrow and cleaner interaction.
   2) All-products orange wedge follows the button hover/open color.
   ====================================================================== */

/* Editorial archive: turn "مطالعه" into a compact text CTA with a left arrow. */
.xb-content-list .xb-post-archive-grid .xb-journal-card-body > div > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  color:var(--xb-ink)!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:color .16s ease,background .16s ease,transform .16s ease!important;
}
.xb-content-list .xb-post-archive-grid .xb-journal-card-body > div > a::after{
  content:"←";
  display:inline-block;
  color:var(--xb-orange);
  font-size:13px;
  font-weight:900;
  line-height:1;
  transform:translateX(0);
  transition:transform .16s ease;
}
.xb-content-list .xb-post-archive-grid .xb-journal-card-body > div > a:hover{
  color:var(--xb-orange)!important;
  background:#fff6ef!important;
}
.xb-content-list .xb-post-archive-grid .xb-journal-card-body > div > a:hover::after{
  transform:translateX(-3px);
}

/* 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.18 — editorial cards fully clickable + single-post title flow.
   Scope:
   1) Entire blog/archive card is clickable through a stretched title link.
   2) Desktop single-post H1 uses the available width more naturally and
      avoids premature line breaks.
   ====================================================================== */

/* Blog/category archive: make the whole card a single click target
   without changing the existing semantic markup. */
.xb-content-list .xb-post-archive-grid > .xb-journal-card{
  position:relative!important;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}
.xb-content-list .xb-post-archive-grid > .xb-journal-card:hover{
  transform:translateY(-2px);
  border-color:#e3e3dd!important;
  box-shadow:0 10px 24px rgba(18,19,24,.055);
}

/* The title-link pseudo element stretches across the entire article card. */
.xb-content-list .xb-post-archive-grid .xb-journal-card-body h3 a{
  position:static!important;
}
.xb-content-list .xb-post-archive-grid .xb-journal-card-body h3 a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  border-radius:inherit;
}

/* Keep the visible read CTA/arrow above decoration while click still resolves
   to the same article URL through the stretched target. */
.xb-content-list .xb-post-archive-grid .xb-journal-card-body > div{
  position:relative;
  z-index:1;
}
.xb-content-list .xb-post-archive-grid .xb-journal-image,
.xb-content-list .xb-post-archive-grid .xb-journal-card-body{
  position:relative;
  z-index:1;
}

/* Keyboard focus stays visible even though the link target fills the card. */
.xb-content-list .xb-post-archive-grid .xb-journal-card:has(h3 a:focus-visible){
  outline:2px solid var(--xb-orange);
  outline-offset:3px;
}

/* Single article title: use width before wrapping.
   "wrap" prevents the browser from balancing the two lines too early. */
body.single-post .xb-article-header h1{
  font-size:clamp(33px,3.05vw,46px)!important;
  line-height:1.38!important;
  letter-spacing:-.03em!important;
  text-wrap:wrap!important;
}
body.single-post .xb-article-title-wrap{
  max-width:none!important;
  width:100%!important;
}

@media (max-width:1100px){
  body.single-post .xb-article-header h1{
    font-size:33px!important;
    line-height:1.42!important;
  }
}
@media (max-width:767px){
  body.single-post .xb-article-header h1{
    font-size:27px!important;
    line-height:1.52!important;
  }
  .xb-content-list .xb-post-archive-grid > .xb-journal-card:hover{
    transform:none;
    box-shadow:none;
  }
}


/* ======================================================================
   v3.18.19 — Single article reading area: tighter edges + section headings
   + editorial tables. FAQ is intentionally untouched in this release.
   ====================================================================== */

/* Use more of the article canvas. The previous 60px side padding made long
   tutorials unnecessarily narrow on desktop. */
body.single-post .xb-prose{
  padding:34px 28px 42px!important;
}

/* H2 — strong section marker without turning every heading into a heavy box.
   Direct-child scope deliberately excludes FAQ headings nested in accordions. */
body.single-post .xb-prose > h2{
  position:relative;
  margin:48px 0 20px!important;
  padding:13px 18px 13px 20px!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:27px!important;
  line-height:1.55!important;
  font-weight:950!important;
  letter-spacing:-.018em;
  box-shadow:0 6px 18px rgba(18,19,24,.025);
}
body.single-post .xb-prose > h2::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:-1px;
  width:58px;
  height:2px;
  border-radius:999px;
  background:var(--xb-orange);
}

/* H3 — lighter sub-section treatment, visually related to H2. */
body.single-post .xb-prose > h3{
  position:relative;
  margin:34px 0 14px!important;
  padding:3px 18px 3px 0!important;
  color:var(--xb-ink)!important;
  font-size:21px!important;
  line-height:1.7!important;
  font-weight:900!important;
}
body.single-post .xb-prose > h3::before{
  content:"";
  position:absolute;
  right:0;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:3px;
  background:var(--xb-orange);
  box-shadow:0 0 0 5px #fff2ea;
}

/* Editorial data tables. */
body.single-post .xb-prose > table{
  width:100%!important;
  margin:22px 0 34px!important;
  border:1px solid #dedfd9!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff!important;
  font-size:13.5px!important;
  line-height:1.85!important;
  box-shadow:0 8px 24px rgba(18,19,24,.035);
}
body.single-post .xb-prose > table thead th{
  padding:13px 15px!important;
  border:0!important;
  border-left:1px solid #2b2d33!important;
  background:var(--xb-ink)!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:900!important;
  text-align:right!important;
}
body.single-post .xb-prose > table thead th:last-child{
  border-left:0!important;
}
body.single-post .xb-prose > table tbody td{
  padding:12px 15px!important;
  border:0!important;
  border-bottom:1px solid #ecece7!important;
  border-left:1px solid #ecece7!important;
  background:#fff!important;
  color:#3b3e45!important;
  vertical-align:middle!important;
}
body.single-post .xb-prose > table tbody td:last-child{
  border-left:0!important;
}
body.single-post .xb-prose > table tbody tr:last-child td{
  border-bottom:0!important;
}
body.single-post .xb-prose > table tbody tr:nth-child(even) td{
  background:#fafaf8!important;
}
body.single-post .xb-prose > table tbody tr{
  transition:background .14s ease;
}
body.single-post .xb-prose > table tbody tr:hover td{
  background:#fff7f2!important;
}

/* Tablet/mobile: still use the width, but keep safe breathing room.
   Tables become horizontally scrollable if a future article needs more columns. */
@media(max-width:1050px){
  body.single-post .xb-prose{
    padding:30px 24px 38px!important;
  }
}
@media(max-width:767px){
  body.single-post .xb-prose{
    padding:24px 14px 32px!important;
  }
  body.single-post .xb-prose > h2{
    margin-top:38px!important;
    padding:11px 14px 11px 16px!important;
    border-radius:11px;
    font-size:22px!important;
  }
  body.single-post .xb-prose > h2::after{
    right:14px;
    width:46px;
  }
  body.single-post .xb-prose > h3{
    margin-top:28px!important;
    font-size:18px!important;
  }
  body.single-post .xb-prose > table{
    display:block!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    border-radius:12px!important;
    font-size:12.5px!important;
  }
  body.single-post .xb-prose > table thead,
  body.single-post .xb-prose > table tbody{
    min-width:580px;
  }
  body.single-post .xb-prose > table th,
  body.single-post .xb-prose > table td{
    min-width:180px;
  }
}


/* ======================================================================
   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.21 — Legacy article compatibility: FAQ + "read next".
   No article has to be edited and Elementor is not required.
   ====================================================================== */

/* --------------------------------------------------
   RELATED / READ NEXT
   Supports both new normalized markup and old .xb-read-box markup.
   -------------------------------------------------- */
body.single-post .xb-prose .xb-read-box{
  position:relative!important;
  display:block!important;
  margin:26px 0 34px!important;
  padding:12px 14px 14px!important;
  border:1px solid #ffd7c1!important;
  border-right:4px solid var(--xb-orange)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,#fff 0%,#fff 64%,#fff6ef 100%)!important;
  box-shadow:0 7px 22px rgba(18,19,24,.035)!important;
  overflow:hidden!important;
}
body.single-post .xb-prose .xb-read-box::before{
  content:"";
  position:absolute;
  left:-34px;
  bottom:-46px;
  width:115px;
  height:115px;
  border:1px solid rgba(255,90,0,.10);
  border-radius:50%;
  pointer-events:none;
}
body.single-post .xb-prose .xb-read-box__eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 7px!important;
  color:var(--xb-orange)!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  direction:ltr;
  text-align:left;
}
body.single-post .xb-prose .xb-read-box__eyebrow::after{
  content:"";
  width:34px;
  height:1px;
  background:#ffc4a4;
}
body.single-post .xb-prose .xb-read-box__link,
body.single-post .xb-prose .xb-read-box > a{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) 30px;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  color:var(--xb-ink)!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
body.single-post .xb-prose .xb-read-box__label,
body.single-post .xb-prose .xb-read-box > .xb-read-label{
  color:var(--xb-orange)!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap;
}
body.single-post .xb-prose .xb-read-box__link strong,
body.single-post .xb-prose .xb-read-box > a{
  font-size:13px!important;
  line-height:1.8!important;
  font-weight:900!important;
}
body.single-post .xb-prose .xb-read-box__arrow{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  justify-self:end;
  border-radius:9px;
  background:var(--xb-ink);
  color:#fff;
  font-size:15px;
  transition:transform .16s ease,background .16s ease;
}
body.single-post .xb-prose .xb-read-box__link:hover .xb-read-box__arrow{
  transform:translateX(-3px);
  background:var(--xb-orange);
}

/* --------------------------------------------------
   ARTICLE FAQ / LEGACY ELEMENTOR FAQ
   New FAQs use .xb-article-faq; migrated Elementor IDs stay supported.
   -------------------------------------------------- */
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq){
  margin:10px 0!important;
  padding:0!important;
  border:1px solid #e5e5df!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(18,19,24,.025)!important;
  overflow:hidden!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary{
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:13px 54px 13px 16px!important;
  list-style:none!important;
  background:#fff!important;
  border:0!important;
  cursor:pointer!important;
  position:relative!important;
  color:var(--xb-ink)!important;
  font-size:14px!important;
  line-height:1.9!important;
  font-weight:900!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary::-webkit-details-marker{
  display:none!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary > h3{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary > p,
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary svg,
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary br{
  display:none!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary::after{
  content:"+"!important;
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ffd0b7!important;
  border-radius:9px!important;
  background:#fff6ef!important;
  color:var(--xb-orange)!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:700!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq)[open]{
  border-color:#ffc5a5!important;
  box-shadow:0 8px 24px rgba(255,90,0,.06)!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq)[open] > summary{
  background:#fff8f3!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq)[open] > summary::after{
  content:"−"!important;
  background:var(--xb-orange)!important;
  border-color:var(--xb-orange)!important;
  color:#fff!important;
}
body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary + p{
  margin:0!important;
  padding:14px 54px 18px 18px!important;
  border-top:1px solid #f0f0eb!important;
  background:#fff!important;
  color:#555960!important;
  font-size:13px!important;
  line-height:2.05!important;
}

/* FAQ title immediately before either the clean or legacy accordion group. */
body.single-post .xb-prose > h2:has(+ details:is([id^="e-n-accordion-item-"],.xb-article-faq)){
  margin-bottom:16px!important;
  background:#fff5ee!important;
  border-color:#ffd2ba!important;
  border-right-color:var(--xb-orange)!important;
  color:var(--xb-orange)!important;
  box-shadow:none!important;
}

@media(max-width:700px){
  body.single-post .xb-prose .xb-read-box{
    margin:22px 0 28px!important;
    padding:11px 12px 13px!important;
  }
  body.single-post .xb-prose .xb-read-box__link{
    grid-template-columns:1fr 30px!important;
  }
  body.single-post .xb-prose .xb-read-box__label{
    grid-column:1/2;
    display:block;
    margin-bottom:2px;
  }
  body.single-post .xb-prose .xb-read-box__link strong{
    grid-column:1/2;
  }
  body.single-post .xb-prose .xb-read-box__arrow{
    grid-column:2/3;
    grid-row:1/3;
  }
  body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary{
    min-height:52px!important;
    padding:11px 48px 11px 12px!important;
    font-size:12.5px!important;
  }
  body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary > h3{
    font-size:12.5px!important;
  }
  body.single-post .xb-prose details:is([id^="e-n-accordion-item-"],.xb-article-faq) > summary + p{
    padding:12px 14px 15px!important;
    font-size:12px!important;
  }
}


/* ======================================================================
   v3.18.22 — Article code paths + legacy FAQ duplicate cleanup support.
   FAQ duplicate removal itself is handled in helpers.php.
   ====================================================================== */

/* Empty migrated code blocks add visual gaps and should not render. */
body.single-post .xb-prose > pre:empty{
  display:none!important;
}

/* Settings paths / block code.
   Intentionally different from xb-copy-code: these are navigation paths,
   not copy-action components. */
body.single-post .xb-prose > pre,
body.single-post .xb-prose pre.xb-settings-path{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:18px 0 24px!important;
  padding:36px 16px 14px!important;
  border:1px solid #2b2d31!important;
  border-right:4px solid var(--xb-orange)!important;
  border-radius:13px!important;
  background:#17181b!important;
  color:#f4f5f7!important;
  box-shadow:0 7px 22px rgba(18,19,24,.07)!important;
  overflow-x:auto!important;
  direction:ltr!important;
  text-align:left!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  line-height:1.9!important;
}
body.single-post .xb-prose > pre::before,
body.single-post .xb-prose pre.xb-settings-path::before{
  content:"SETTINGS / PATH";
  position:absolute;
  top:10px;
  right:14px;
  color:var(--xb-orange);
  font-family:inherit;
  font-size:7.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}
body.single-post .xb-prose > pre > code,
body.single-post .xb-prose pre.xb-settings-path > code{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:inherit!important;
  direction:ltr!important;
  text-align:left!important;
  white-space:inherit!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
}

/* Inline <code> inside paragraphs/lists: compact readable chips. */
body.single-post .xb-prose p > code,
body.single-post .xb-prose li > code,
body.single-post .xb-prose td > code,
body.single-post .xb-prose th > code{
  display:inline-block!important;
  margin:0 2px!important;
  padding:2px 7px!important;
  border:1px solid #ffd1b8!important;
  border-radius:7px!important;
  background:#fff5ee!important;
  color:#d94c00!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-size:.88em!important;
  font-weight:750!important;
  line-height:1.7!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
}

@media(max-width:767px){
  body.single-post .xb-prose > pre,
  body.single-post .xb-prose pre.xb-settings-path{
    margin:16px 0 21px!important;
    padding:34px 13px 12px!important;
    border-radius:11px!important;
  }
  body.single-post .xb-prose > pre > code,
  body.single-post .xb-prose pre.xb-settings-path > code{
    font-size:11.5px!important;
  }
}


/* ======================================================================
   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;
  }

  body.single-post .xb-article-toc-card{
    max-height:calc(100vh - var(--xb-sticky-safe-top) - 14px)!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{
  scroll-margin-top:calc(var(--xb-sticky-safe-top,132px) + 10px)!important;
}
.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{display:none!important}
.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 .single_variation .woocommerce-variation-price{
  display:none!important;
}
.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.30 — WooCommerce cart / empty-cart Signature pass.
   Keeps WooCommerce's native cart form and AJAX behavior intact; styling only.
   ====================================================================== */

/* Cart page gets the full Signature canvas instead of long-form article spacing. */
.woocommerce-cart .xb-prose{
  padding:28px 30px 34px!important;
  color:var(--xb-ink)!important;
}
.woocommerce-cart .xb-prose>.woocommerce{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

/* Notices: compact, calm and consistent with the brand. */
.woocommerce-cart .woocommerce-notices-wrapper{
  margin:0 0 18px!important;
}
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error{
  position:relative!important;
  margin:0 0 14px!important;
  padding:14px 48px 14px 16px!important;
  border:1px solid var(--xb-line)!important;
  border-top:0!important;
  border-radius:14px!important;
  background:#f8f8f5!important;
  color:#4d5057!important;
  font-size:11.5px!important;
  line-height:1.9!important;
  box-shadow:none!important;
}
.woocommerce-cart .woocommerce-message:before,
.woocommerce-cart .woocommerce-info:before{
  content:"✓"!important;
  position:absolute!important;
  right:15px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#eef8f2!important;
  color:var(--xb-green)!important;
  font-size:11px!important;
  font-weight:900!important;
}
.woocommerce-cart .woocommerce-error:before{
  right:15px!important;
  top:15px!important;
  color:var(--xb-red)!important;
}

/* Filled cart — product list on the right, order summary on the left. */
@media (min-width:1101px){
  .woocommerce-cart .woocommerce-cart-form{
    float:right!important;
    width:calc(68% - 10px)!important;
    margin:0!important;
  }
  .woocommerce-cart .cart-collaterals{
    float:left!important;
    width:calc(32% - 10px)!important;
    margin:0!important;
  }
  .woocommerce-cart .woocommerce:after{
    content:"";
    display:block;
    clear:both;
  }
}

/* Product rows are cards, not a legacy spreadsheet. */
.woocommerce-cart .woocommerce-cart-form table.shop_table{
  display:block!important;
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  border-collapse:separate!important;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table thead{
  display:none!important;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table tbody{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
}
.woocommerce-cart .woocommerce-cart-form tr.cart_item{
  display:grid!important;
  grid-template-columns:38px 84px minmax(0,1fr) 120px 76px 120px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:116px!important;
  padding:14px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(18,19,24,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.woocommerce-cart .woocommerce-cart-form tr.cart_item:hover{
  border-color:#cfcfc9!important;
  box-shadow:0 14px 34px rgba(18,19,24,.055)!important;
  transform:translateY(-1px)!important;
}
.woocommerce-cart .woocommerce-cart-form tr.cart_item>td{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  min-width:0!important;
}

/* Remove control. */
.woocommerce-cart td.product-remove{
  grid-column:1!important;
  grid-row:1!important;
}
.woocommerce-cart a.remove{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid #f0d9d9!important;
  border-radius:9px!important;
  background:#fff7f7!important;
  color:#c83a3a!important;
  font-size:17px!important;
  font-weight:500!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:.18s ease!important;
}
.woocommerce-cart a.remove:hover{
  background:#c83a3a!important;
  border-color:#c83a3a!important;
  color:#fff!important;
}

/* Product image. */
.woocommerce-cart td.product-thumbnail{
  grid-column:2!important;
  grid-row:1!important;
}
.woocommerce-cart td.product-thumbnail a{
  width:78px!important;
  height:78px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #ecece7!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff8f3!important;
  text-decoration:none!important;
}
.woocommerce-cart td.product-thumbnail img{
  width:100%!important;
  height:100%!important;
  padding:6px!important;
  object-fit:contain!important;
  border-radius:0!important;
}

/* Product title. */
.woocommerce-cart td.product-name{
  grid-column:3!important;
  grid-row:1!important;
  padding-inline:3px!important;
}
.woocommerce-cart td.product-name a{
  display:block!important;
  color:var(--xb-ink)!important;
  font-size:12px!important;
  line-height:1.9!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.woocommerce-cart td.product-name a:hover{
  color:var(--xb-orange)!important;
}
.woocommerce-cart td.product-name .variation{
  margin:7px 0 0!important;
  color:var(--xb-muted)!important;
  font-size:9.5px!important;
}

/* Price / quantity / subtotal columns get their own tiny label. */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-quantity,
.woocommerce-cart td.product-subtotal{
  position:relative!important;
  padding-top:20px!important;
  text-align:center!important;
}
.woocommerce-cart td.product-price:before,
.woocommerce-cart td.product-quantity:before,
.woocommerce-cart td.product-subtotal:before{
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  color:#989aa0!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:750!important;
}
.woocommerce-cart td.product-price:before{content:"قیمت"!important}
.woocommerce-cart td.product-quantity:before{content:"تعداد"!important}
.woocommerce-cart td.product-subtotal:before{content:"جمع"!important}
.woocommerce-cart td.product-price{grid-column:4!important;grid-row:1!important}
.woocommerce-cart td.product-quantity{grid-column:5!important;grid-row:1!important}
.woocommerce-cart td.product-subtotal{grid-column:6!important;grid-row:1!important}
.woocommerce-cart td.product-price .amount,
.woocommerce-cart td.product-subtotal .amount{
  color:#24262b!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.woocommerce-cart td.product-subtotal .amount{
  color:var(--xb-orange)!important;
}
.woocommerce-cart .quantity{
  display:flex!important;
  justify-content:center!important;
  margin:0!important;
}
.woocommerce-cart .quantity .qty{
  width:54px!important;
  height:40px!important;
  padding:0 5px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:10px!important;
  background:#f8f8f5!important;
  color:var(--xb-ink)!important;
  text-align:center!important;
  font-weight:800!important;
  outline:0!important;
}
.woocommerce-cart .quantity .qty:focus{
  border-color:var(--xb-orange)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(255,90,0,.08)!important;
}

/* Update-cart action is intentionally secondary. */
.woocommerce-cart .woocommerce-cart-form tr:not(.cart_item){
  display:block!important;
}
.woocommerce-cart .woocommerce-cart-form td.actions{
  display:flex!important;
  justify-content:flex-start!important;
  padding:2px 0 0!important;
  border:0!important;
  background:transparent!important;
}
.woocommerce-cart .woocommerce-cart-form td.actions .button{
  min-height:40px!important;
  padding:0 16px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:11px!important;
  background:#f4f4f1!important;
  color:#5b5e65!important;
  font-size:10px!important;
  box-shadow:none!important;
}
.woocommerce-cart .woocommerce-cart-form td.actions .button:not(:disabled):hover{
  border-color:#c7c8c3!important;
  background:#fff!important;
  color:var(--xb-ink)!important;
}

/* Summary card. */
.woocommerce-cart .cart-collaterals .cart_totals{
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:20px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(18,19,24,.045)!important;
}
.woocommerce-cart .cart_totals h2{
  position:relative!important;
  margin:0 0 16px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid #ecece8!important;
  color:var(--xb-ink)!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:900!important;
}
.woocommerce-cart .cart_totals h2:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:-1px!important;
  width:62px!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(270deg,var(--xb-orange),rgba(255,90,0,.15))!important;
}
.woocommerce-cart .cart_totals table.shop_table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.woocommerce-cart .cart_totals table.shop_table tr{
  border-bottom:1px dashed #e7e7e2!important;
}
.woocommerce-cart .cart_totals table.shop_table tr:last-child{
  border-bottom:0!important;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td{
  padding:12px 0!important;
  border:0!important;
  vertical-align:top!important;
  font-size:10.5px!important;
  line-height:1.9!important;
}
.woocommerce-cart .cart_totals table.shop_table th{
  width:74px!important;
  color:#62656b!important;
  font-weight:800!important;
}
.woocommerce-cart .cart_totals .cart-subtotal .amount{
  font-weight:850!important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  padding-top:16px!important;
  color:var(--xb-ink)!important;
  font-size:12px!important;
}
.woocommerce-cart .cart_totals .order-total .amount{
  color:var(--xb-orange)!important;
  font-size:16px!important;
  font-weight:950!important;
}

/* Shipping options become individual selectable rows. */
.woocommerce-cart ul#shipping_method{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  text-align:right!important;
}
.woocommerce-cart ul#shipping_method li{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid #ecece7!important;
  border-radius:10px!important;
  background:#fafaf8!important;
}
.woocommerce-cart ul#shipping_method input[type=radio]{
  flex:0 0 auto!important;
  margin:5px 0 0!important;
  accent-color:var(--xb-orange)!important;
}
.woocommerce-cart ul#shipping_method label{
  cursor:pointer!important;
  color:#4a4d53!important;
  font-size:9.5px!important;
  line-height:1.85!important;
}
.woocommerce-cart .woocommerce-shipping-destination{
  margin:12px 0 0!important;
  padding:10px 11px!important;
  border-right:3px solid var(--xb-orange)!important;
  border-radius:8px!important;
  background:#fff7f1!important;
  color:#6a6c71!important;
  font-size:9px!important;
  line-height:1.85!important;
  text-align:right!important;
}
.woocommerce-cart .woocommerce-shipping-destination strong{
  color:#3d4046!important;
}

/* Checkout CTA. */
.woocommerce-cart .wc-proceed-to-checkout{
  padding:16px 0 0!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  position:relative!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--xb-orange)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 12px 25px rgba(255,90,0,.18)!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after{
  content:"←"!important;
  font-size:15px!important;
  font-weight:700!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:#ed5300!important;
  transform:translateY(-1px)!important;
  box-shadow:0 15px 30px rgba(255,90,0,.24)!important;
}

/* Empty cart — intentionally designed rather than WooCommerce default notice. */
.woocommerce-cart .cart-empty.woocommerce-info{
  min-height:260px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:112px 24px 36px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(255,231,216,.65),rgba(255,231,216,0) 24%),
    #fbfbf9!important;
  color:var(--xb-ink)!important;
  text-align:center!important;
  font-size:15px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.woocommerce-cart .cart-empty.woocommerce-info:before{
  content:""!important;
  position:absolute!important;
  top:38px!important;
  right:50%!important;
  transform:translateX(50%)!important;
  width:58px!important;
  height:58px!important;
  border:1px solid #ffd8c1!important;
  border-radius:18px!important;
  background-color:#fff6f0!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:28px 28px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5a00' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5h2l1.5 9.2a2 2 0 0 0 2 1.7h7.8a2 2 0 0 0 1.9-1.4L21 8H7'/%3E%3Ccircle cx='10' cy='19' r='1.4'/%3E%3Ccircle cx='18' cy='19' r='1.4'/%3E%3C/svg%3E")!important;
}
.woocommerce-cart .return-to-shop{
  margin:14px 0 0!important;
  text-align:center!important;
}
.woocommerce-cart .return-to-shop .button{
  min-width:190px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 20px!important;
  border:1px solid var(--xb-ink)!important;
  border-radius:11px!important;
  background:var(--xb-ink)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.woocommerce-cart .return-to-shop .button:after{
  content:"←"!important;
  font-size:14px!important;
}
.woocommerce-cart .return-to-shop .button:hover{
  border-color:var(--xb-orange)!important;
  background:var(--xb-orange)!important;
}

/* Tablet: one-column flow, but keep each product row horizontal. */
@media(max-width:1100px){
  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals{
    float:none!important;
    width:100%!important;
  }
  .woocommerce-cart .cart-collaterals{
    margin-top:18px!important;
  }
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:34px 76px minmax(0,1fr) 105px 70px 105px!important;
    gap:9px!important;
    padding:12px!important;
  }
}

/* Mobile cart: product identity first, transactional controls below it. */
@media(max-width:767px){
  .woocommerce-cart .xb-prose{
    padding:16px 12px 22px!important;
  }
  .woocommerce-cart .woocommerce-notices-wrapper{
    margin-bottom:12px!important;
  }
  .woocommerce-cart .woocommerce-message,
  .woocommerce-cart .woocommerce-info,
  .woocommerce-cart .woocommerce-error{
    padding:12px 42px 12px 12px!important;
    border-radius:12px!important;
    font-size:10px!important;
  }
  .woocommerce-cart .woocommerce-cart-form table.shop_table tbody{
    gap:10px!important;
  }
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:30px 72px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:10px 8px!important;
    min-height:0!important;
    padding:11px!important;
    border-radius:15px!important;
    transform:none!important;
  }
  .woocommerce-cart td.product-remove{grid-column:1!important;grid-row:1!important}
  .woocommerce-cart td.product-thumbnail{grid-column:2!important;grid-row:1!important}
  .woocommerce-cart td.product-name{grid-column:3!important;grid-row:1!important}
  .woocommerce-cart td.product-price{grid-column:1/2!important;grid-row:2!important}
  .woocommerce-cart td.product-quantity{grid-column:2/3!important;grid-row:2!important}
  .woocommerce-cart td.product-subtotal{grid-column:3/4!important;grid-row:2!important}
  .woocommerce-cart td.product-thumbnail a{
    width:68px!important;
    height:68px!important;
    border-radius:12px!important;
  }
  .woocommerce-cart td.product-name a{
    font-size:10.5px!important;
    line-height:1.8!important;
  }
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-quantity,
  .woocommerce-cart td.product-subtotal{
    min-height:52px!important;
    padding:22px 5px 6px!important;
    border:1px solid #eeeeea!important;
    border-radius:10px!important;
    background:#fafaf8!important;
  }
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    font-size:9.5px!important;
  }
  .woocommerce-cart .quantity .qty{
    width:48px!important;
    height:34px!important;
    background:#fff!important;
  }
  .woocommerce-cart .woocommerce-cart-form td.actions{
    padding-top:0!important;
  }
  .woocommerce-cart .woocommerce-cart-form td.actions .button{
    width:100%!important;
    justify-content:center!important;
  }
  .woocommerce-cart .cart-collaterals{
    margin-top:12px!important;
  }
  .woocommerce-cart .cart-collaterals .cart_totals{
    padding:15px!important;
    border-radius:15px!important;
  }
  .woocommerce-cart .cart_totals h2{
    font-size:16px!important;
  }
  .woocommerce-cart .cart_totals table.shop_table th,
  .woocommerce-cart .cart_totals table.shop_table td{
    display:table-cell!important;
    padding:10px 0!important;
    font-size:10px!important;
  }
  .woocommerce-cart .cart_totals .order-total .amount{
    font-size:14px!important;
  }
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    min-height:50px!important;
    font-size:11px!important;
  }
  .woocommerce-cart .cart-empty.woocommerce-info{
    min-height:225px!important;
    padding:100px 18px 28px!important;
    border-radius:16px!important;
    font-size:13px!important;
  }
  .woocommerce-cart .cart-empty.woocommerce-info:before{
    top:30px!important;
    width:54px!important;
    height:54px!important;
  }
  .woocommerce-cart .return-to-shop .button{
    width:100%!important;
    min-width:0!important;
  }
}

/* WooCommerce responsive table rules switch totals rows to blocks below 768px;
   restore real table semantics inside the compact totals card only. */
@media(max-width:767px){
  .woocommerce-cart .cart_totals table.shop_table{
    display:table!important;
  }
  .woocommerce-cart .cart_totals table.shop_table tbody{
    display:table-row-group!important;
  }
  .woocommerce-cart .cart_totals table.shop_table tr{
    display:table-row!important;
  }
  .woocommerce-cart .cart_totals table.shop_table th,
  .woocommerce-cart .cart_totals table.shop_table td{
    display:table-cell!important;
    text-align:right!important;
  }
  .woocommerce-cart .cart_totals table.shop_table td:before{
    content:none!important;
    display:none!important;
  }
}


/* ======================================================================
   v3.18.31 — Cart clarity pass: defer shipping to checkout + price fixes.
   ====================================================================== */

/* The cart is a review step. Shipping is selected after the destination is confirmed. */
.woocommerce-cart .woocommerce-shipping-totals.shipping,
.woocommerce-cart .woocommerce-shipping-calculator,
.woocommerce-cart .woocommerce-shipping-destination{
  display:none!important;
}

/* More stable price rendering in RTL: number and currency can never collide. */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal{
  min-width:0!important;
  overflow:hidden!important;
}
.woocommerce-cart td.product-price .amount,
.woocommerce-cart td.product-subtotal .amount{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  line-height:1.45!important;
  text-align:center!important;
}
.woocommerce-cart td.product-price bdi,
.woocommerce-cart td.product-subtotal bdi,
.woocommerce-cart .cart_totals .amount bdi{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:3px!important;
  direction:rtl!important;
  unicode-bidi:isolate!important;
  max-width:100%!important;
}
.woocommerce-cart td.product-price .woocommerce-Price-currencySymbol,
.woocommerce-cart td.product-subtotal .woocommerce-Price-currencySymbol{
  flex:0 0 auto!important;
  font-size:.82em!important;
  font-weight:750!important;
  opacity:.72!important;
}
.woocommerce-cart td.product-subtotal .woocommerce-Price-currencySymbol{
  opacity:.9!important;
}

/* Give long Persian product titles room; price cells stay fixed and tidy. */
@media (min-width:1301px){
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:36px 84px minmax(260px,1fr) 128px 72px 128px!important;
    gap:10px!important;
  }
}
@media (min-width:1101px) and (max-width:1300px){
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:34px 76px minmax(210px,1fr) 108px 66px 108px!important;
    gap:8px!important;
  }
  .woocommerce-cart td.product-name a{
    font-size:11px!important;
  }
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    font-size:10px!important;
  }
}

/* Summary: shipping is deliberately deferred, so the card stays short and decisive. */
.woocommerce-cart .cart_totals h2{
  margin-bottom:12px!important;
}
.woocommerce-cart .cart_totals .cart-subtotal th,
.woocommerce-cart .cart_totals .cart-subtotal td{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  border-top:1px solid #ecece8!important;
}
.woocommerce-cart .cart_totals .order-total .amount bdi{
  justify-content:flex-start!important;
  gap:4px!important;
}

.woocommerce-cart .xb-cart-shipping-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:14px 0 0!important;
  padding:11px 12px!important;
  border:1px solid #f0e3d9!important;
  border-radius:11px!important;
  background:#fff8f3!important;
  color:#65676d!important;
  text-align:right!important;
}
.woocommerce-cart .xb-cart-shipping-note>span{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  background:var(--xb-orange)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}
.woocommerce-cart .xb-cart-shipping-note p{
  margin:0!important;
  color:#666970!important;
  font-size:9.5px!important;
  line-height:1.9!important;
}
.woocommerce-cart .xb-cart-shipping-note strong{
  display:block!important;
  margin-bottom:1px!important;
  color:var(--xb-ink)!important;
  font-size:10px!important;
  font-weight:900!important;
}
.woocommerce-cart .wc-proceed-to-checkout{
  padding-top:10px!important;
}

/* If another shipping extension injects a matched-zone helper, it should not reserve space. */
.woocommerce-cart .woocommerce-notices-wrapper:empty{
  display:none!important;
  margin:0!important;
}

@media(max-width:767px){
  .woocommerce-cart td.product-price bdi,
  .woocommerce-cart td.product-subtotal bdi{
    gap:2px!important;
  }
  .woocommerce-cart .xb-cart-shipping-note{
    padding:10px!important;
  }
  .woocommerce-cart .xb-cart-shipping-note p{
    font-size:9px!important;
  }
}

/* ======================================================================
   v3.18.32 — Cart micro-layout: readable prices, quantity label spacing,
   and breathing room before checkout CTA.
   ====================================================================== */

/* Desktop cart rows: reserve enough real width for transaction data. */
@media (min-width:1101px){
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:36px 84px minmax(230px,1fr) 132px 82px 132px!important;
    gap:11px!important;
  }
}

/* Labels are part of the flow instead of being absolutely pinned to controls. */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-quantity,
.woocommerce-cart td.product-subtotal{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:64px!important;
  padding:0!important;
  overflow:visible!important;
}
.woocommerce-cart td.product-price:before,
.woocommerce-cart td.product-quantity:before,
.woocommerce-cart td.product-subtotal:before{
  position:static!important;
  display:block!important;
  inset:auto!important;
  width:auto!important;
  margin:0!important;
  color:#92959b!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

/* Price strings must stay on one line. No bidi/flex wrapping between number and تومان. */
.woocommerce-cart td.product-price .amount,
.woocommerce-cart td.product-subtotal .amount{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  min-height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:1!important;
  font-size:10.5px!important;
  font-weight:900!important;
}
.woocommerce-cart td.product-price .amount{
  background:#f7f7f4!important;
  color:#3e4147!important;
}
.woocommerce-cart td.product-subtotal .amount{
  background:#fff5ee!important;
  color:var(--xb-orange)!important;
}
.woocommerce-cart td.product-price bdi,
.woocommerce-cart td.product-subtotal bdi,
.woocommerce-cart .cart_totals .amount bdi{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:5px!important;
  max-width:none!important;
  white-space:nowrap!important;
  unicode-bidi:isolate!important;
}
.woocommerce-cart td.product-price .woocommerce-Price-currencySymbol,
.woocommerce-cart td.product-subtotal .woocommerce-Price-currencySymbol{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:.78em!important;
  line-height:1!important;
}

/* Quantity caption no longer touches the number/spinner control. */
.woocommerce-cart td.product-quantity .quantity{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
.woocommerce-cart td.product-quantity .qty{
  margin:0!important;
}

/* Shipping helper and primary action should read as two separate blocks. */
.woocommerce-cart .xb-cart-shipping-note{
  margin:14px 0 13px!important;
}
.woocommerce-cart .wc-proceed-to-checkout{
  padding-top:0!important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  margin-top:0!important;
}

/* Summary prices: preserve one clean line here as well. */
.woocommerce-cart .cart_totals .amount,
.woocommerce-cart .cart_totals .amount bdi{
  white-space:nowrap!important;
}

@media (min-width:1101px) and (max-width:1300px){
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:34px 74px minmax(190px,1fr) 116px 74px 116px!important;
    gap:8px!important;
  }
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    padding-inline:6px!important;
    font-size:9.5px!important;
  }
}

@media(max-width:767px){
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-quantity,
  .woocommerce-cart td.product-subtotal{
    min-height:58px!important;
    gap:5px!important;
    padding:7px 4px!important;
  }
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    min-height:28px!important;
    padding-inline:5px!important;
    font-size:9px!important;
  }
  .woocommerce-cart td.product-price bdi,
  .woocommerce-cart td.product-subtotal bdi{
    gap:3px!important;
  }
  .woocommerce-cart .xb-cart-shipping-note{
    margin-bottom:11px!important;
  }
}

/* ======================================================================
   v3.18.33 — Cart alignment + Checkout Signature UI.
   ====================================================================== */

/* CART — transaction controls must sit on one visual baseline. */
@media (min-width:768px){
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-quantity,
  .woocommerce-cart td.product-subtotal{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    min-height:48px!important;
    padding:0!important;
  }
  .woocommerce-cart td.product-price:before,
  .woocommerce-cart td.product-quantity:before,
  .woocommerce-cart td.product-subtotal:before{
    content:none!important;
    display:none!important;
  }
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    min-height:36px!important;
    height:36px!important;
    min-width:104px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .woocommerce-cart td.product-quantity .quantity{
    height:36px!important;
    min-height:36px!important;
  }
  .woocommerce-cart td.product-quantity .qty{
    width:50px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 5px!important;
    line-height:36px!important;
  }
}

/* CHECKOUT — page content / important notices before WooCommerce form. */
.woocommerce-checkout .xb-prose{
  padding:28px 32px 34px!important;
}
.woocommerce-checkout .xb-prose>p{
  position:relative!important;
  margin:0 0 9px!important;
  padding:11px 14px 11px 18px!important;
  border:1px solid #f1e3d8!important;
  border-right:3px solid var(--xb-orange)!important;
  border-radius:11px!important;
  background:#fff9f5!important;
  color:#55585f!important;
  font-size:10.5px!important;
  line-height:1.95!important;
}
.woocommerce-checkout .xb-prose>p strong{
  color:#e44f00!important;
  font-weight:900!important;
}

.woocommerce-checkout .woocommerce{
  margin-top:18px!important;
  padding:20px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(18,19,24,.035)!important;
}
.woocommerce-checkout .woocommerce-notices-wrapper{
  margin:0 0 16px!important;
}
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error{
  margin:0 0 12px!important;
  padding:13px 46px 13px 14px!important;
  border:1px solid #e5e7e2!important;
  border-top:0!important;
  border-radius:12px!important;
  background:#f8faf7!important;
  color:#4d5056!important;
  font-size:10.5px!important;
  line-height:1.8!important;
  box-shadow:none!important;
}
.woocommerce-checkout .woocommerce-message:before,
.woocommerce-checkout .woocommerce-info:before,
.woocommerce-checkout .woocommerce-error:before{
  top:50%!important;
  right:16px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
}
.woocommerce-checkout .woocommerce-error{
  background:#fff7f5!important;
  border-color:#f3d3cc!important;
}

/* Two-column checkout: customer details on the right, order/payment on the left. */
.woocommerce-checkout form.checkout.woocommerce-checkout{
  display:grid!important;
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)!important;
  gap:18px 20px!important;
  align-items:start!important;
  direction:ltr!important;
}
.woocommerce-checkout form.checkout.woocommerce-checkout>*{
  direction:rtl!important;
  min-width:0!important;
}
.woocommerce-checkout form.checkout .col2-set{
  grid-column:2!important;
  grid-row:1 / span 3!important;
  float:none!important;
  width:100%!important;
  margin:0!important;
}
.woocommerce-checkout form.checkout .col2-set:before,
.woocommerce-checkout form.checkout .col2-set:after{
  display:none!important;
}
.woocommerce-checkout form.checkout .col2-set .col-1,
.woocommerce-checkout form.checkout .col2-set .col-2{
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:16px!important;
  background:#fff!important;
}
.woocommerce-checkout form.checkout .col2-set .col-2{
  margin-top:14px!important;
  background:#fbfbf9!important;
}

/* Checkout section titles. */
.woocommerce-checkout .woocommerce-billing-fields>h3,
.woocommerce-checkout .woocommerce-shipping-fields>h3,
.woocommerce-checkout .woocommerce-additional-fields>h3,
.woocommerce-checkout #order_review_heading{
  position:relative!important;
  margin:0 0 17px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #ecece8!important;
  color:var(--xb-ink)!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:950!important;
}
.woocommerce-checkout .woocommerce-billing-fields>h3:after,
.woocommerce-checkout .woocommerce-shipping-fields>h3:after,
.woocommerce-checkout .woocommerce-additional-fields>h3:after,
.woocommerce-checkout #order_review_heading:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:-1px!important;
  width:58px!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(270deg,var(--xb-orange),rgba(255,90,0,.12))!important;
}

/* Billing/shipping fields become a clean responsive grid. */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 12px!important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row{
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-wide,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field{
  grid-column:1/-1!important;
}
.woocommerce-checkout form .form-row label{
  display:block!important;
  margin:0 2px 6px!important;
  color:#55585f!important;
  font-size:9.5px!important;
  line-height:1.5!important;
  font-weight:850!important;
}
.woocommerce-checkout form .form-row .required{
  color:var(--xb-orange)!important;
}
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select:not(.select2-hidden-accessible),
.woocommerce-checkout .select2-container--default .select2-selection--single{
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  border:1px solid #ddddda!important;
  border-radius:11px!important;
  background:#fbfbf9!important;
  color:var(--xb-ink)!important;
  font-size:10.5px!important;
  line-height:1.7!important;
  box-shadow:none!important;
  outline:0!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea{
  padding:10px 12px!important;
}
.woocommerce-checkout form .form-row textarea{
  min-height:105px!important;
  resize:vertical!important;
}
.woocommerce-checkout form .form-row input.input-text:focus,
.woocommerce-checkout form .form-row textarea:focus,
.woocommerce-checkout .select2-container--open .select2-selection--single{
  border-color:rgba(255,90,0,.65)!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(255,90,0,.07)!important;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 12px 0 34px!important;
  color:var(--xb-ink)!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
  top:50%!important;
  right:auto!important;
  left:10px!important;
  transform:translateY(-50%)!important;
}

/* Ship-to-different-address and order notes. */
.woocommerce-checkout #ship-to-different-address{
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #ecece7!important;
  border-radius:11px!important;
  background:#fff!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.woocommerce-checkout #ship-to-different-address label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  cursor:pointer!important;
  font-weight:900!important;
}
.woocommerce-checkout #ship-to-different-address-checkbox{
  accent-color:var(--xb-orange)!important;
}
.woocommerce-checkout .woocommerce-additional-fields{
  margin-top:14px!important;
}
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row{
  margin:0!important;
}

/* Order summary card. */
.woocommerce-checkout #order_review_heading{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  padding:16px 18px 13px!important;
  border:1px solid var(--xb-line)!important;
  border-bottom:0!important;
  border-radius:16px 16px 0 0!important;
  background:#fff!important;
}
.woocommerce-checkout #order_review_heading:after{
  right:18px!important;
  bottom:0!important;
}
.woocommerce-checkout #order_review{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  padding:0 18px 18px!important;
  border:1px solid var(--xb-line)!important;
  border-top:0!important;
  border-radius:0 0 16px 16px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(18,19,24,.035)!important;
}
.woocommerce-checkout #order_review table.shop_table{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.woocommerce-checkout #order_review table.shop_table thead th{
  padding:11px 0!important;
  border-bottom:1px solid #ecece8!important;
  color:#8b8e94!important;
  font-size:8.5px!important;
  font-weight:850!important;
}
.woocommerce-checkout #order_review table.shop_table th.product-total,
.woocommerce-checkout #order_review table.shop_table td.product-total{
  width:118px!important;
  text-align:left!important;
}
.woocommerce-checkout #order_review table.shop_table tbody td{
  padding:13px 0!important;
  border-bottom:1px solid #f0f0ed!important;
  color:#34373d!important;
  font-size:10px!important;
  line-height:1.8!important;
  vertical-align:top!important;
}
.woocommerce-checkout #order_review table.shop_table .product-name{
  padding-left:12px!important;
  font-weight:750!important;
}
.woocommerce-checkout #order_review table.shop_table .product-quantity{
  display:inline-flex!important;
  margin-right:4px!important;
  padding:2px 7px!important;
  border-radius:7px!important;
  background:#f3f3f0!important;
  color:#73767c!important;
  font-size:8.5px!important;
}
.woocommerce-checkout #order_review table.shop_table .amount,
.woocommerce-checkout #order_review table.shop_table .amount bdi{
  white-space:nowrap!important;
  font-weight:850!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot th,
.woocommerce-checkout #order_review table.shop_table tfoot td{
  padding:11px 0!important;
  border-bottom:1px dashed #e6e6e1!important;
  color:#55585e!important;
  font-size:10px!important;
  line-height:1.75!important;
  vertical-align:top!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot th{
  width:92px!important;
  font-weight:850!important;
}
.woocommerce-checkout #order_review table.shop_table .order-total th,
.woocommerce-checkout #order_review table.shop_table .order-total td{
  padding-top:15px!important;
  border-bottom:0!important;
  color:var(--xb-ink)!important;
  font-size:11px!important;
  font-weight:950!important;
}
.woocommerce-checkout #order_review table.shop_table .order-total .amount{
  color:var(--xb-orange)!important;
  font-size:14px!important;
}

/* Shipping methods in checkout: compact selectable cards. */
.woocommerce-checkout ul#shipping_method{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  text-align:right!important;
}
.woocommerce-checkout ul#shipping_method li{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid #ecece7!important;
  border-radius:10px!important;
  background:#fafaf8!important;
}
.woocommerce-checkout ul#shipping_method input[type=radio]{
  flex:0 0 auto!important;
  margin:4px 0 0!important;
  accent-color:var(--xb-orange)!important;
}
.woocommerce-checkout ul#shipping_method label{
  margin:0!important;
  color:#494c52!important;
  font-size:9px!important;
  line-height:1.75!important;
  cursor:pointer!important;
}

/* Payment methods. */
.woocommerce-checkout #payment{
  margin-top:15px!important;
  border:1px solid #e8e8e4!important;
  border-radius:13px!important;
  background:#fafaf8!important;
  overflow:hidden!important;
}
.woocommerce-checkout #payment ul.payment_methods{
  margin:0!important;
  padding:0!important;
  border:0!important;
  list-style:none!important;
}
.woocommerce-checkout #payment ul.payment_methods>li{
  margin:0!important;
  padding:13px 14px!important;
  border-bottom:1px solid #e8e8e4!important;
  background:#fff!important;
}
.woocommerce-checkout #payment ul.payment_methods>li:last-child{
  border-bottom:0!important;
}
.woocommerce-checkout #payment ul.payment_methods li input[type=radio]{
  margin:0 0 0 7px!important;
  accent-color:var(--xb-orange)!important;
}
.woocommerce-checkout #payment ul.payment_methods li label{
  color:var(--xb-ink)!important;
  font-size:10.5px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.woocommerce-checkout #payment div.payment_box{
  margin:10px 0 0!important;
  padding:10px 12px!important;
  border:1px solid #ecece7!important;
  border-radius:9px!important;
  background:#f5f5f2!important;
  color:#62656b!important;
  font-size:9px!important;
  line-height:1.85!important;
}
.woocommerce-checkout #payment div.payment_box:before{
  display:none!important;
}
.woocommerce-checkout #payment .place-order{
  margin:0!important;
  padding:14px!important;
  border-top:1px solid #e8e8e4!important;
  background:#fff!important;
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{
  color:#6b6e74!important;
  font-size:9px!important;
  line-height:1.85!important;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper a,
.woocommerce-checkout #payment .woocommerce-privacy-policy-text a{
  color:var(--xb-orange)!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
.woocommerce-checkout #place_order{
  width:100%!important;
  min-height:50px!important;
  margin:12px 0 0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--xb-orange)!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 12px 24px rgba(255,90,0,.17)!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.woocommerce-checkout #place_order:hover{
  background:#ed5300!important;
  transform:translateY(-1px)!important;
  box-shadow:0 15px 28px rgba(255,90,0,.22)!important;
}

/* Optional coupon / login blocks use the same visual language. */
.woocommerce-checkout form.checkout_coupon,
.woocommerce-checkout form.login{
  margin:0 0 14px!important;
  padding:14px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:12px!important;
  background:#fbfbf9!important;
}

@media(max-width:1050px){
  .woocommerce-checkout form.checkout.woocommerce-checkout{
    grid-template-columns:1fr!important;
  }
  .woocommerce-checkout form.checkout .col2-set,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .woocommerce-checkout #order_review_heading{
    margin-top:0!important;
  }
}

@media(max-width:767px){
  .woocommerce-checkout .xb-prose{
    padding:16px 12px 22px!important;
  }
  .woocommerce-checkout .xb-prose>p{
    padding:10px 11px!important;
    font-size:9.5px!important;
  }
  .woocommerce-checkout .woocommerce{
    margin-top:12px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .woocommerce-checkout form.checkout .col2-set .col-1,
  .woocommerce-checkout form.checkout .col2-set .col-2{
    padding:13px!important;
    border-radius:13px!important;
  }
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row{
    grid-column:1!important;
  }
  .woocommerce-checkout .woocommerce-billing-fields>h3,
  .woocommerce-checkout .woocommerce-shipping-fields>h3,
  .woocommerce-checkout .woocommerce-additional-fields>h3,
  .woocommerce-checkout #order_review_heading{
    font-size:16px!important;
  }
  .woocommerce-checkout #order_review_heading{
    padding:13px 14px 11px!important;
  }
  .woocommerce-checkout #order_review{
    padding:0 14px 14px!important;
  }
  .woocommerce-checkout #order_review table.shop_table th.product-total,
  .woocommerce-checkout #order_review table.shop_table td.product-total{
    width:96px!important;
  }
  .woocommerce-checkout #payment .place-order{
    padding:12px!important;
  }
}


/* ======================================================================
   v3.18.34 — Checkout final visual tuning.
   - remove useless matched-zone notice via PHP
   - give order summary more usable width
   - improve order/shipping/payment readability
   ====================================================================== */

@media (min-width:1051px){
  .woocommerce-checkout form.checkout.woocommerce-checkout{
    grid-template-columns:minmax(370px,.92fr) minmax(0,1.08fr)!important;
    gap:20px 22px!important;
  }
}

/* Slightly more readable informational copy above the checkout. */
.woocommerce-checkout .xb-prose>p{
  font-size:10.8px!important;
  line-height:2!important;
}

/* Order card: prevent the product/price column from feeling compressed. */
.woocommerce-checkout #order_review_heading{
  padding:17px 18px 14px!important;
}
.woocommerce-checkout #order_review{
  padding:0 18px 18px!important;
}
.woocommerce-checkout #order_review table.shop_table th.product-total,
.woocommerce-checkout #order_review table.shop_table td.product-total{
  width:126px!important;
  min-width:126px!important;
}
.woocommerce-checkout #order_review table.shop_table thead th{
  font-size:9px!important;
}
.woocommerce-checkout #order_review table.shop_table tbody td{
  padding:14px 0!important;
  font-size:10.7px!important;
  line-height:1.9!important;
}
.woocommerce-checkout #order_review table.shop_table .product-name{
  padding-left:14px!important;
  font-weight:800!important;
}
.woocommerce-checkout #order_review table.shop_table .product-quantity{
  margin-right:5px!important;
  padding:2px 7px!important;
  font-size:8.8px!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot th,
.woocommerce-checkout #order_review table.shop_table tfoot td{
  padding:12px 0!important;
  font-size:10.4px!important;
  line-height:1.85!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot th{
  width:88px!important;
  padding-left:10px!important;
}

/* Shipping options should be easy to scan rather than tiny radio text. */
.woocommerce-checkout ul#shipping_method{
  gap:8px!important;
}
.woocommerce-checkout ul#shipping_method li{
  gap:8px!important;
  padding:10px 11px!important;
  border-radius:11px!important;
}
.woocommerce-checkout ul#shipping_method label{
  font-size:9.7px!important;
  line-height:1.9!important;
  font-weight:700!important;
}

/* Payment section: stronger separation and slightly larger copy. */
.woocommerce-checkout #payment{
  margin-top:17px!important;
}
.woocommerce-checkout #payment ul.payment_methods>li{
  padding:14px!important;
}
.woocommerce-checkout #payment ul.payment_methods li label{
  font-size:11px!important;
}
.woocommerce-checkout #payment div.payment_box{
  padding:11px 12px!important;
  font-size:9.6px!important;
  line-height:1.95!important;
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{
  font-size:9.5px!important;
  line-height:1.95!important;
}

/* Billing column can breathe a little without becoming oversized. */
.woocommerce-checkout form.checkout .col2-set .col-1,
.woocommerce-checkout form.checkout .col2-set .col-2{
  padding:19px!important;
}
.woocommerce-checkout form .form-row label{
  font-size:9.8px!important;
}
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select:not(.select2-hidden-accessible),
.woocommerce-checkout .select2-container--default .select2-selection--single{
  font-size:10.8px!important;
}

/* Do not surface the helper zone notice if another plugin prints it outside
   WooCommerce's normal notice queue. Scoped only to this known helper text
   via a class added by WooCommerce is not possible, so PHP is the primary fix. */

@media(max-width:767px){
  .woocommerce-checkout #order_review table.shop_table th.product-total,
  .woocommerce-checkout #order_review table.shop_table td.product-total{
    width:100px!important;
    min-width:100px!important;
  }
  .woocommerce-checkout #order_review table.shop_table tbody td{
    font-size:10px!important;
  }
  .woocommerce-checkout ul#shipping_method label{
    font-size:9.3px!important;
  }
}


/* ======================================================================
   v3.18.35 — Checkout order table polish.
   Scope: order-summary table only. No checkout/cart calculations changed.
   ====================================================================== */

/* Give the order table its own clean framed surface. */
.woocommerce-checkout #order_review table.shop_table{
  width:100%!important;
  margin:4px 0 0!important;
  border:1px solid #dedfd9!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* Header cells: enough breathing room and an obvious column divider. */
.woocommerce-checkout #order_review table.shop_table thead th{
  padding:12px 15px!important;
  border:0!important;
  border-bottom:1px solid #dedfd9!important;
  background:#fafaf8!important;
  color:#666a70!important;
  font-size:9.6px!important;
  line-height:1.5!important;
  font-weight:900!important;
  vertical-align:middle!important;
}
.woocommerce-checkout #order_review table.shop_table thead th.product-name{
  text-align:right!important;
}
.woocommerce-checkout #order_review table.shop_table thead th.product-total{
  text-align:center!important;
  border-inline-start:1px solid #dedfd9!important;
}

/* Product rows: consistent padding, complete borders, no text touching edges. */
.woocommerce-checkout #order_review table.shop_table tbody td{
  padding:15px!important;
  border:0!important;
  border-bottom:1px solid #e8e9e4!important;
  background:#fff!important;
  color:#30343a!important;
  font-size:11.2px!important;
  line-height:1.95!important;
  vertical-align:middle!important;
}
.woocommerce-checkout #order_review table.shop_table tbody td.product-name{
  padding:15px 16px!important;
  text-align:right!important;
  font-weight:800!important;
}
.woocommerce-checkout #order_review table.shop_table tbody td.product-total{
  padding:15px 12px!important;
  border-inline-start:1px solid #e8e9e4!important;
  text-align:center!important;
  vertical-align:middle!important;
}

/* Price hierarchy: product prices are clearly visible and centered. */
.woocommerce-checkout #order_review table.shop_table tbody td.product-total .amount,
.woocommerce-checkout #order_review table.shop_table tbody td.product-total .amount bdi{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:var(--xb-orange)!important;
  font-size:12.4px!important;
  line-height:1.35!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.woocommerce-checkout #order_review table.shop_table tbody td.product-total .woocommerce-Price-currencySymbol{
  font-size:.82em!important;
  font-weight:850!important;
}

/* Quantity chip stays compact but no longer sticks to the product title. */
.woocommerce-checkout #order_review table.shop_table .product-quantity{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:26px!important;
  min-height:20px!important;
  margin:4px 6px 0 0!important;
  padding:2px 7px!important;
  border:1px solid #e6e6e1!important;
  border-radius:7px!important;
  background:#f5f5f2!important;
  color:#6d7076!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:850!important;
}

/* Footer rows (subtotal / shipping / total): same grid and borders. */
.woocommerce-checkout #order_review table.shop_table tfoot th,
.woocommerce-checkout #order_review table.shop_table tfoot td{
  padding:13px 15px!important;
  border:0!important;
  border-bottom:1px solid #e8e9e4!important;
  background:#fff!important;
  color:#4c5056!important;
  font-size:10.6px!important;
  line-height:1.9!important;
  vertical-align:middle!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot th{
  width:105px!important;
  text-align:right!important;
  font-weight:900!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot td{
  border-inline-start:1px solid #e8e9e4!important;
  text-align:center!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot td .amount,
.woocommerce-checkout #order_review table.shop_table tfoot td .amount bdi{
  color:var(--xb-orange)!important;
  font-size:12px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

/* Shipping row needs top alignment because it contains multiple selectable methods. */
.woocommerce-checkout #order_review table.shop_table tfoot tr.woocommerce-shipping-totals th,
.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping th,
.woocommerce-checkout #order_review table.shop_table tfoot tr.woocommerce-shipping-totals td,
.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping td{
  vertical-align:top!important;
}
.woocommerce-checkout #order_review table.shop_table tfoot tr.woocommerce-shipping-totals td,
.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping td{
  text-align:right!important;
}

/* Final total: stronger than all other rows and closes the frame cleanly. */
.woocommerce-checkout #order_review table.shop_table tr.order-total th,
.woocommerce-checkout #order_review table.shop_table tr.order-total td{
  padding:15px!important;
  border-bottom:0!important;
  background:#fff8f3!important;
  color:var(--xb-ink)!important;
  font-size:11.2px!important;
  font-weight:950!important;
}
.woocommerce-checkout #order_review table.shop_table tr.order-total td{
  text-align:center!important;
  border-inline-start:1px solid #ffd8c3!important;
}
.woocommerce-checkout #order_review table.shop_table tr.order-total .amount,
.woocommerce-checkout #order_review table.shop_table tr.order-total .amount bdi{
  color:var(--xb-orange)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:950!important;
}

/* Let the card breathe around the newly framed table. */
.woocommerce-checkout #order_review_heading{
  padding:18px 20px 15px!important;
}
.woocommerce-checkout #order_review{
  padding:0 20px 20px!important;
}

/* Shipping method cards inherit the table spacing but remain readable. */
.woocommerce-checkout #order_review ul#shipping_method{
  gap:9px!important;
}
.woocommerce-checkout #order_review ul#shipping_method li{
  padding:10px 11px!important;
}
.woocommerce-checkout #order_review ul#shipping_method label{
  font-size:9.8px!important;
  line-height:1.95!important;
}

@media(max-width:767px){
  .woocommerce-checkout #order_review_heading{
    padding:14px 13px 12px!important;
  }
  .woocommerce-checkout #order_review{
    padding:0 13px 13px!important;
  }
  .woocommerce-checkout #order_review table.shop_table thead th,
  .woocommerce-checkout #order_review table.shop_table tbody td,
  .woocommerce-checkout #order_review table.shop_table tfoot th,
  .woocommerce-checkout #order_review table.shop_table tfoot td{
    padding:11px 10px!important;
  }
  .woocommerce-checkout #order_review table.shop_table th.product-total,
  .woocommerce-checkout #order_review table.shop_table td.product-total{
    width:108px!important;
    min-width:108px!important;
  }
  .woocommerce-checkout #order_review table.shop_table tbody td.product-total .amount,
  .woocommerce-checkout #order_review table.shop_table tbody td.product-total .amount bdi{
    font-size:11.2px!important;
  }
}


/* ======================================================================
   v3.18.36 — WooCommerce My Account suite.
   No WooCommerce template overrides; only scoped presentation + exact text
   translation in PHP. Covers login, reset password, dashboard, orders,
   view-order, addresses and account details.
   ====================================================================== */

/* Base shell */
body.woocommerce-account .xb-page .xb-prose{
  padding:34px 38px!important;
}
body.woocommerce-account .woocommerce{
  color:#2f3238;
  font-size:13px;
  line-height:2;
}
body.woocommerce-account .woocommerce a{
  color:#d95000;
  text-underline-offset:3px;
}
body.woocommerce-account .woocommerce p{
  margin:0 0 14px;
}
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3{
  color:var(--xb-ink);
  font-weight:950;
}

/* Generic notices */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error{
  position:relative;
  margin:0 0 18px!important;
  padding:13px 15px 13px 46px!important;
  border:1px solid #e4e5df!important;
  border-right:4px solid var(--xb-orange)!important;
  border-radius:12px!important;
  background:#fffaf6!important;
  color:#474b51!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.9!important;
}
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before{
  top:50%!important;
  right:auto!important;
  left:15px!important;
  transform:translateY(-50%);
  color:var(--xb-orange)!important;
}
body.woocommerce-account .woocommerce-message .button,
body.woocommerce-account .woocommerce-info .button,
body.woocommerce-account .woocommerce-error .button{
  float:none!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:0 0 0 10px!important;
  padding:7px 12px!important;
  background:var(--xb-ink)!important;
  color:#fff!important;
  border:0!important;
  border-radius:8px!important;
  font-size:9.5px!important;
}

/* Logged-in layout: navigation on the right, content on the left. */
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 205px!important;
  gap:22px!important;
  align-items:start!important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation{
  float:none!important;
  width:auto!important;
  grid-column:2!important;
  position:sticky;
  top:var(--xb-sticky-safe-top,120px);
  border:1px solid #e2e3de;
  border-radius:14px;
  background:#fff;
  padding:8px;
  overflow:hidden;
}
body.woocommerce-account .woocommerce-MyAccount-content{
  float:none!important;
  width:auto!important;
  grid-column:1!important;
  min-width:0;
  border:1px solid #e2e3de;
  border-radius:14px;
  background:#fff;
  padding:22px 24px!important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid #efefe9;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{
  border-bottom:0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{
  position:relative;
  display:flex!important;
  align-items:center;
  min-height:44px;
  padding:10px 30px 10px 10px!important;
  border-radius:9px;
  color:#4a4d53!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  font-weight:850!important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"";
  position:absolute;
  right:12px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d9dad6;
  box-shadow:0 0 0 3px #f4f4f1;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:#fff7f1;
  color:var(--xb-orange)!important;
  transform:translateX(-2px);
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--xb-ink);
  color:#fff!important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{
  background:var(--xb-orange);
  box-shadow:0 0 0 3px rgba(255,90,0,.16);
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{
  color:#b33c22!important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background:#fff1ee;
}

/* Dashboard copy */
body.woocommerce-account .woocommerce-MyAccount-content>p:first-child{
  padding:15px 16px;
  border:1px solid #eee9e2;
  border-right:4px solid var(--xb-orange);
  border-radius:11px;
  background:#fffaf6;
}
body.woocommerce-account .woocommerce-MyAccount-content>p a{
  font-weight:850;
}

/* Forms shared by account edit/address/login/reset */
body.woocommerce-account .woocommerce form{
  margin:0!important;
}
body.woocommerce-account .woocommerce form .form-row{
  margin:0 0 13px!important;
  padding:0!important;
}
body.woocommerce-account .woocommerce form .form-row label{
  display:block!important;
  margin:0 0 6px!important;
  color:#51545a!important;
  font-size:10px!important;
  line-height:1.5!important;
  font-weight:850!important;
}
body.woocommerce-account .woocommerce form .form-row .required{
  color:var(--xb-orange)!important;
}
body.woocommerce-account .woocommerce form .input-text,
body.woocommerce-account .woocommerce form select,
body.woocommerce-account .select2-container--default .select2-selection--single{
  min-height:44px!important;
  border:1px solid #dedfd9!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#2f3238!important;
  padding:9px 12px!important;
  font-size:11px!important;
  box-shadow:none!important;
}
body.woocommerce-account .woocommerce form textarea.input-text{
  min-height:105px!important;
  resize:vertical;
}
body.woocommerce-account .woocommerce form .input-text:focus,
body.woocommerce-account .woocommerce form select:focus{
  border-color:#ffb184!important;
  box-shadow:0 0 0 3px rgba(255,90,0,.07)!important;
  outline:0!important;
}
body.woocommerce-account .woocommerce form fieldset{
  margin:20px 0 16px!important;
  padding:18px!important;
  border:1px solid #e3e4df!important;
  border-radius:12px!important;
  background:#fafaf8!important;
}
body.woocommerce-account .woocommerce form fieldset legend{
  padding:0 8px!important;
  color:var(--xb-ink)!important;
  font-size:13px!important;
  font-weight:950!important;
}
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button{
  min-height:40px!important;
  padding:9px 16px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--xb-orange)!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover{
  background:#e84f00!important;
  color:#fff!important;
}

/* Login */
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) .woocommerce{
  max-width:720px;
  margin-inline:auto;
  padding:28px!important;
}
body.woocommerce-account #customer_login{
  margin:0!important;
}
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2{
  float:none!important;
  width:100%!important;
}
body.woocommerce-account #customer_login h2{
  margin:0 0 18px!important;
  padding-bottom:12px;
  border-bottom:1px solid #ecece7;
  font-size:22px!important;
}
body.woocommerce-account form.woocommerce-form-login{
  padding:22px!important;
  border:1px solid #e1e2dd!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  margin:3px 0 12px!important;
  font-size:10px!important;
}
body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit{
  min-width:110px;
  margin-left:10px!important;
}
body.woocommerce-account .woocommerce-LostPassword{
  margin-top:12px!important;
  padding-top:12px;
  border-top:1px solid #efefe9;
}
body.woocommerce-account .woocommerce-LostPassword a{
  font-size:10.5px;
  font-weight:850;
}

/* Lost password / reset password */
body.woocommerce-account form.woocommerce-ResetPassword{
  max-width:650px;
  margin-inline:auto!important;
  padding:22px!important;
  border:1px solid #e2e3de;
  border-radius:13px;
  background:#fff;
}
body.woocommerce-account form.woocommerce-ResetPassword>p:first-child{
  margin-bottom:18px!important;
  padding:12px 14px;
  border-right:4px solid var(--xb-orange);
  border-radius:9px;
  background:#fff8f3;
  color:#55585e;
  font-size:11px;
}

/* Orders list */
body.woocommerce-account table.woocommerce-orders-table{
  width:100%!important;
  margin:0!important;
  border:1px solid #dedfd9!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.woocommerce-account table.woocommerce-orders-table th{
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid #dedfd9!important;
  background:#fafaf8!important;
  color:#62666c!important;
  text-align:center!important;
  font-size:9.5px!important;
  font-weight:900!important;
}
body.woocommerce-account table.woocommerce-orders-table td{
  padding:13px 14px!important;
  border:0!important;
  border-bottom:1px solid #e8e9e4!important;
  text-align:center!important;
  vertical-align:middle!important;
  font-size:10.7px!important;
}
body.woocommerce-account table.woocommerce-orders-table tr:last-child td{
  border-bottom:0!important;
}
body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a{
  display:inline-flex;
  padding:4px 8px;
  border-radius:7px;
  background:#fff5ee;
  color:var(--xb-orange)!important;
  font-weight:950;
  text-decoration:none!important;
}
body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total .amount{
  color:var(--xb-orange)!important;
  font-weight:950!important;
}
body.woocommerce-account table.woocommerce-orders-table .woocommerce-button{
  min-height:31px!important;
  padding:6px 10px!important;
  background:var(--xb-ink)!important;
  font-size:9px!important;
}

/* Addresses index */
body.woocommerce-account .woocommerce-Addresses{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:18px!important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid #e1e2dd!important;
  border-radius:12px!important;
  background:#fff!important;
}
body.woocommerce-account .woocommerce-Address-title{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
  padding-bottom:10px;
  border-bottom:1px solid #ecece7;
}
body.woocommerce-account .woocommerce-Address-title h2{
  margin:0!important;
  font-size:17px!important;
}
body.woocommerce-account .woocommerce-Address-title .edit{
  float:none!important;
  display:inline-flex;
  padding:5px 9px;
  border:1px solid #ffd2ba;
  border-radius:8px;
  background:#fff6ef;
  color:var(--xb-orange)!important;
  font-size:9px;
  font-weight:900;
  text-decoration:none!important;
}
body.woocommerce-account .woocommerce-Address address{
  margin:0!important;
  color:#51545a;
  font-size:11px!important;
  line-height:2.2!important;
  font-style:normal!important;
}

/* Edit account */
body.woocommerce-account form.woocommerce-EditAccountForm{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 14px;
}
body.woocommerce-account form.woocommerce-EditAccountForm>p.form-row-wide,
body.woocommerce-account form.woocommerce-EditAccountForm>fieldset,
body.woocommerce-account form.woocommerce-EditAccountForm>p:last-child{
  grid-column:1/-1;
}
body.woocommerce-account form.woocommerce-EditAccountForm>fieldset{
  display:grid;
  grid-template-columns:1fr;
}
body.woocommerce-account form.woocommerce-EditAccountForm em{
  display:block;
  margin-top:5px;
  color:#8a8d93;
  font-size:9px;
}

/* View order: intro line + order details */
body.woocommerce-account .woocommerce-MyAccount-content>p.order-info,
body.woocommerce-account .woocommerce-MyAccount-content>p:has(mark.order-number){
  margin-bottom:20px!important;
  padding:12px 14px;
  border:1px solid #ffe0ce;
  border-right:4px solid var(--xb-orange);
  border-radius:10px;
  background:#fff8f3;
  color:#55585e;
  font-size:10.5px;
}
body.woocommerce-account mark{
  padding:2px 5px;
  border-radius:5px;
  background:#fff0e6;
  color:var(--xb-orange);
  font-weight:900;
}
body.woocommerce-account .woocommerce-order-details{
  margin:0 0 22px!important;
}
body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-customer-details>h2{
  margin:0 0 13px!important;
  padding-bottom:10px;
  border-bottom:1px solid #ecece7;
  font-size:19px!important;
}
body.woocommerce-account .woocommerce-order-details table.shop_table{
  width:100%!important;
  margin:0!important;
  border:1px solid #dedfd9!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
body.woocommerce-account .woocommerce-order-details table.shop_table th{
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid #dedfd9!important;
  background:#fafaf8!important;
  color:#62666c!important;
  font-size:9.6px!important;
  font-weight:900!important;
}
body.woocommerce-account .woocommerce-order-details table.shop_table td{
  padding:13px 14px!important;
  border:0!important;
  border-bottom:1px solid #e8e9e4!important;
  font-size:10.8px!important;
  line-height:1.9!important;
}
body.woocommerce-account .woocommerce-order-details table.shop_table td.product-total,
body.woocommerce-account .woocommerce-order-details table.shop_table tfoot td{
  text-align:center!important;
}
body.woocommerce-account .woocommerce-order-details table.shop_table .amount{
  color:var(--xb-orange)!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
body.woocommerce-account .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.woocommerce-account .woocommerce-order-details table.shop_table tfoot tr:last-child td{
  border-bottom:0!important;
  background:#fff8f3!important;
  font-weight:950!important;
}
body.woocommerce-account .woocommerce-order-details .order-again{
  margin:14px 0 0!important;
}
body.woocommerce-account .woocommerce-order-details .order-again .button{
  background:var(--xb-ink)!important;
}

/* Customer address cards on order detail */
body.woocommerce-account .woocommerce-customer-details{
  margin:0!important;
}
body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
body.woocommerce-account .woocommerce-customer-details .woocommerce-column{
  float:none!important;
  width:auto!important;
  padding:0!important;
}
body.woocommerce-account .woocommerce-customer-details .woocommerce-column>h2{
  margin:0 0 8px!important;
  font-size:16px!important;
}
body.woocommerce-account .woocommerce-customer-details address{
  min-height:100%;
  margin:0!important;
  padding:16px!important;
  border:1px solid #e1e2dd!important;
  border-radius:11px!important;
  background:#fafaf8!important;
  color:#4d5056!important;
  font-size:10.8px!important;
  line-height:2.15!important;
  font-style:normal!important;
}
body.woocommerce-account .woocommerce-customer-details address p{
  margin:7px 0 0!important;
}

/* Address edit form */
body.woocommerce-account form.woocommerce-address-fields .woocommerce-address-fields__field-wrapper{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 14px;
}
body.woocommerce-account form.woocommerce-address-fields .form-row-wide{
  grid-column:1/-1;
}
body.woocommerce-account form.woocommerce-address-fields>p{
  margin-top:8px!important;
}

/* Prevent the generic content box from feeling too tall when content is short. */
body.woocommerce-account .woocommerce-MyAccount-content:after,
body.woocommerce-account .woocommerce-MyAccount-navigation:after{
  content:"";
  display:table;
  clear:both;
}

/* Mobile */
@media(max-width:820px){
  body.woocommerce-account .xb-page .xb-prose{
    padding:22px 16px!important;
  }
  body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){
    display:block!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    position:static!important;
    margin:0 0 14px!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex!important;
    gap:7px;
    overflow-x:auto;
    padding-bottom:3px!important;
    scrollbar-width:none;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{
    display:none;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li{
    flex:0 0 auto;
    border:0!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{
    min-height:38px;
    padding:8px 13px!important;
    border:1px solid #e3e4df;
    white-space:nowrap;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
    display:none;
  }
  body.woocommerce-account .woocommerce-MyAccount-content{
    padding:16px!important;
  }
  body.woocommerce-account .woocommerce-Addresses,
  body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{
    grid-template-columns:1fr!important;
  }
  body.woocommerce-account form.woocommerce-EditAccountForm,
  body.woocommerce-account form.woocommerce-address-fields .woocommerce-address-fields__field-wrapper{
    grid-template-columns:1fr!important;
  }
  body.woocommerce-account form.woocommerce-EditAccountForm>*,
  body.woocommerce-account form.woocommerce-address-fields .form-row-wide{
    grid-column:1!important;
  }
  body.woocommerce-account table.woocommerce-orders-table{
    border:0!important;
    overflow:visible!important;
  }
  body.woocommerce-account table.woocommerce-orders-table thead{
    display:none!important;
  }
  body.woocommerce-account table.woocommerce-orders-table tbody,
  body.woocommerce-account table.woocommerce-orders-table tr,
  body.woocommerce-account table.woocommerce-orders-table td{
    display:block!important;
    width:100%!important;
  }
  body.woocommerce-account table.woocommerce-orders-table tr{
    margin-bottom:12px;
    padding:9px 12px;
    border:1px solid #e1e2dd;
    border-radius:11px;
    background:#fff;
  }
  body.woocommerce-account table.woocommerce-orders-table td{
    position:relative;
    min-height:36px;
    padding:8px 0 8px 45%!important;
    border-bottom:1px solid #efefe9!important;
    text-align:left!important;
  }
  body.woocommerce-account table.woocommerce-orders-table td:last-child{
    border-bottom:0!important;
  }
  body.woocommerce-account table.woocommerce-orders-table td::before{
    content:attr(data-title);
    position:absolute;
    right:0;
    width:42%;
    color:#777a80;
    text-align:right;
    font-size:9px;
    font-weight:850;
  }
  body.woocommerce-account .woocommerce-order-details table.shop_table{
    font-size:10px!important;
  }
  body.woocommerce-account .woocommerce-order-details table.shop_table th,
  body.woocommerce-account .woocommerce-order-details table.shop_table td{
    padding:10px 9px!important;
  }
}

@media(max-width:520px){
  body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) .woocommerce{
    padding:15px!important;
  }
  body.woocommerce-account form.woocommerce-form-login,
  body.woocommerce-account form.woocommerce-ResetPassword{
    padding:15px!important;
  }
}


/* ======================================================================
   v3.18.37 — My Account layout correction.
   Fixes WooCommerce clearfix pseudo-elements becoming layout items and
   causing the navigation/content to fall into different rows.
   ====================================================================== */

/* WooCommerce injects clearfix ::before/::after on several wrappers.
   They must never participate in our account layout. */
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation)::before,
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation)::after,
body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after,
body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::before,
body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::after{
  content:none!important;
  display:none!important;
}

/* Desktop account shell: nav on the RIGHT, content next to it, same top line. */
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:flex-start!important;
  gap:20px!important;
}

/* Navigation */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  flex:0 0 190px!important;
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  grid-column:auto!important;
  align-self:flex-start!important;
  margin:0!important;
  position:sticky!important;
  top:var(--xb-sticky-safe-top,120px)!important;
  z-index:2;
}

/* Main account content */
body.woocommerce-account .woocommerce-MyAccount-content{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  grid-column:auto!important;
  align-self:flex-start!important;
  margin:0!important;
  clear:none!important;
  direction:rtl!important;
}

/* Remove old float/column helpers that can still affect WooCommerce columns. */
body.woocommerce-account .u-columns,
body.woocommerce-account .col2-set,
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{
  clear:none!important;
}

/* Address cards must sit on one clean row rather than diagonally. */
body.woocommerce-account .woocommerce-Addresses{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  direction:rtl!important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  align-self:stretch!important;
}
body.woocommerce-account .woocommerce-Addresses .u-column1,
body.woocommerce-account .woocommerce-Addresses .u-column2{
  float:none!important;
  width:100%!important;
  margin:0!important;
}

/* Order-detail address cards: same rule. */
body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  direction:rtl!important;
}
body.woocommerce-account .woocommerce-customer-details .woocommerce-column{
  float:none!important;
  width:100%!important;
  margin:0!important;
}

/* Let forms and tables consume the available content width. */
body.woocommerce-account .woocommerce-MyAccount-content form,
body.woocommerce-account .woocommerce-MyAccount-content table,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details{
  width:100%!important;
  max-width:none!important;
}

/* Dashboard should begin at the top, not after an empty visual block. */
body.woocommerce-account .woocommerce-MyAccount-content > :first-child{
  margin-top:0!important;
}

/* A little more useful content width on wide desktop without making it loose. */
@media(min-width:1100px){
  body.woocommerce-account .xb-page .xb-prose{
    padding:28px 30px!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content{
    padding:20px 22px!important;
  }
}

/* Autofill should not inject the browser's blue slab into Signature forms. */
body.woocommerce-account input:-webkit-autofill,
body.woocommerce-account input:-webkit-autofill:hover,
body.woocommerce-account input:-webkit-autofill:focus{
  -webkit-text-fill-color:#2f3238!important;
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s;
}

/* Tablet/mobile: nav becomes a horizontal strip above the content. */
@media(max-width:820px){
  body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){
    display:block!important;
    direction:rtl!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 0 14px!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content{
    width:100%!important;
  }
  body.woocommerce-account .woocommerce-Addresses,
  body.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{
    grid-template-columns:1fr!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. */
body.woocommerce-order-received .xb-prose{
  padding:26px 32px 36px!important;
}
body.woocommerce-order-received .xb-prose>.woocommerce,
body.woocommerce-order-received .woocommerce{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.woocommerce-order-received .woocommerce-order{
  display:block!important;
  color:#34373d!important;
  font-size:12px!important;
  line-height:1.9!important;
}
body.woocommerce-order-received .woocommerce-notice.woocommerce-thankyou-order-received{
  position:relative!important;
  margin:0 0 16px!important;
  padding:18px 58px 18px 20px!important;
  border:1px solid #dceadf!important;
  border-right:4px solid #27a65f!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,#fff 0,#fff 74%,#f3fbf6 100%)!important;
  color:#1f613f!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 8px 24px rgba(18,19,24,.03)!important;
}
body.woocommerce-order-received .woocommerce-notice.woocommerce-thankyou-order-received::before{
  content:"✓"!important;
  position:absolute!important;
  top:50%!important;
  right:17px!important;
  width:28px!important;
  height:28px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#e8f7ee!important;
  color:#16804e!important;
  font-family:Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
}
body.woocommerce-order-received .woocommerce-notice--error{
  border-color:#f0d3ce!important;
  border-right-color:var(--xb-red)!important;
  background:#fff8f7!important;
  color:#9e2929!important;
}

/* Order overview metrics. */
body.woocommerce-order-received ul.woocommerce-order-overview.order_details{
  list-style:none!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0 0 16px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--xb-line)!important;
  border-radius:14px!important;
  background:#fbfbf9!important;
}
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:14px 13px!important;
  border:0!important;
  border-left:1px solid #e8e8e4!important;
  color:#8b8e95!important;
  font-size:9.5px!important;
  line-height:1.55!important;
  text-transform:none!important;
}
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li:last-child{
  border-left:0!important;
}
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li strong{
  display:block!important;
  margin-top:5px!important;
  color:var(--xb-ink)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.65!important;
  overflow-wrap:anywhere!important;
}
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.woocommerce-order-overview__total strong,
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li.woocommerce-order-overview__total .amount{
  color:var(--xb-orange)!important;
}

/* Gateway-specific confirmation line beneath the overview. */
body.woocommerce-order-received .woocommerce-order>p:not(.woocommerce-notice){
  margin:0 0 18px!important;
  padding:12px 15px!important;
  border:1px solid #f1e1d5!important;
  border-radius:11px!important;
  background:#fff9f5!important;
  color:#5f6268!important;
  font-size:10.5px!important;
  line-height:1.8!important;
}

/* Section cards and heading language. */
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  margin:0 0 18px!important;
  padding:18px!important;
  border:1px solid var(--xb-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(18,19,24,.025)!important;
}
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details>h2,
body.woocommerce-order-received .woocommerce-column__title{
  position:relative!important;
  margin:0 0 15px!important;
  padding:0 0 11px!important;
  border-bottom:1px solid #ecece8!important;
  color:var(--xb-ink)!important;
  font-size:20px!important;
  line-height:1.55!important;
  font-weight:950!important;
}
body.woocommerce-order-received .woocommerce-order-details__title::after,
body.woocommerce-order-received .woocommerce-customer-details>h2::after,
body.woocommerce-order-received .woocommerce-column__title::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:-1px!important;
  width:52px!important;
  height:2px!important;
  border-radius:99px!important;
  background:linear-gradient(270deg,var(--xb-orange),rgba(255,90,0,.1))!important;
}

/* Order details table. */
body.woocommerce-order-received .woocommerce-order-details table.shop_table{
  width:100%!important;
  margin:0!important;
  border:1px solid #e3e4df!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  font-size:11px!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td{
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid #e8e8e4!important;
  vertical-align:middle!important;
  text-align:right!important;
  line-height:1.75!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table th{
  background:#fafaf8!important;
  color:#6e7178!important;
  font-size:9.5px!important;
  font-weight:850!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table td.product-total,
body.woocommerce-order-received .woocommerce-order-details table.shop_table th.product-total,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{
  width:31%!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tbody tr:last-child td,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td{
  border-bottom:0!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{
  background:#fbfbf9!important;
  font-weight:800!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td{
  background:#fff7f1!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table a{
  color:#2f3238!important;
  text-decoration:none!important;
  font-weight:800!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table a:hover{
  color:var(--xb-orange)!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table .amount{
  color:var(--xb-orange)!important;
  font-weight:950!important;
}
body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-quantity{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:22px!important;
  margin-right:5px!important;
  padding:0 6px!important;
  border-radius:7px!important;
  background:#f1f1ee!important;
  color:#5c5f65!important;
  font-size:9px!important;
  font-weight:800!important;
}

/* Shipping and billing addresses: equal cards, no old WooCommerce floats. */
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0!important;
}
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #e5e5e1!important;
  border-radius:13px!important;
  background:#fbfbf9!important;
}
body.woocommerce-order-received .woocommerce-customer-details address{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#4e5157!important;
  font-style:normal!important;
  font-size:11px!important;
  line-height:2!important;
}
body.woocommerce-order-received .woocommerce-customer-details address p{
  margin:7px 0 0!important;
}
body.woocommerce-order-received .woocommerce-customer-details address p::before{
  color:var(--xb-orange)!important;
}

/* Buttons that can appear on failed/pending/again states. */
body.woocommerce-order-received .woocommerce-order .button{
  min-height:38px!important;
  padding:10px 15px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--xb-ink)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
}
body.woocommerce-order-received .woocommerce-order .button:hover{
  background:var(--xb-orange)!important;
  color:#fff!important;
}

@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;
  }
  body.woocommerce-order-received .xb-prose{padding:20px!important}
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details li{
    border-left:0!important;
    border-bottom:1px solid #e8e8e4!important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details li:last-child{
    grid-column:1/-1!important;
    border-bottom:0!important;
  }
  body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns,
  body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses{
    grid-template-columns:1fr!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;
  }
  body.woocommerce-order-received .xb-prose{padding:15px!important}
  body.woocommerce-order-received .woocommerce-notice.woocommerce-thankyou-order-received{
    padding:15px 52px 15px 14px!important;
    font-size:12.5px!important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details{
    grid-template-columns:1fr!important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details li,
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details li:last-child{
    grid-column:auto!important;
    border-bottom:1px solid #e8e8e4!important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details li:last-child{border-bottom:0!important}
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details{padding:13px!important}
  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-customer-details>h2,
  body.woocommerce-order-received .woocommerce-column__title{font-size:17px!important}
  body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table td{
    padding:10px!important;
    font-size:9.5px!important;
  }
  body.woocommerce-order-received .woocommerce-order-details table.shop_table td.product-total,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table th.product-total,
  body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{
    width:auto!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.
   ====================================================================== */
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns::before,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns::after,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses::before,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses::after{
  content:none!important;
  display:none!important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses{
  align-items:stretch!important;
  direction:rtl!important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column address{
  flex:1 1 auto!important;
}

/* Keep the confirmation metrics visually balanced and easy to scan. */
body.woocommerce-order-received ul.woocommerce-order-overview.order_details{
  direction:rtl!important;
}
body.woocommerce-order-received ul.woocommerce-order-overview.order_details li{
  min-height:68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

@media(max-width:820px){
  body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column{
    display:block!important;
  }
}

/* ======================================================================
   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.
   ====================================================================== */
@media (min-width:821px){
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    direction:rtl!important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details>li{
    flex:1 1 0!important;
    width:20%!important;
    max-width:none!important;
    clear:none!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:stretch!important;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview.order_details>li.woocommerce-order-overview__payment-method{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
}


/* ======================================================================
   v3.18.44 — universal search + product archive kicker alignment.
   Header search now covers products and editorial posts. Product archive
   kicker sits directly above the Persian H1 instead of drifting to center.
   ====================================================================== */

/* Woo archive kicker: use the same right edge as the Persian archive H1. */
.woocommerce-products-header .xb-catalog-kicker{
  justify-content:flex-end!important;
}

/* 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. */
.xb-search-page{padding-top:26px;padding-bottom:30px}
.xb-search-page .xb-search-hero{margin-bottom:14px!important}
.xb-search-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  padding:7px;
  border:1px solid var(--xb-line);
  border-radius:15px;
  background:#fff;
}
.xb-search-tabs a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 15px;
  border-radius:10px;
  color:#555960;
  font-size:11px;
  font-weight:800;
  transition:.18s ease;
}
.xb-search-tabs a:hover{background:#f5f5f2;color:var(--xb-ink)}
.xb-search-tabs a.is-active{background:var(--xb-ink);color:#fff}
.xb-search-tabs small{
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f1f1ed;
  color:#777b82;
  font-size:8px;
  direction:ltr;
}
.xb-search-tabs a.is-active small{background:var(--xb-orange);color:#fff}

.xb-search-section{
  margin:0 0 24px;
  padding:18px;
  border:1px solid var(--xb-line);
  border-radius:20px;
  background:#fff;
}
.xb-search-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 16px;
  padding:0 2px 13px;
  border-bottom:1px solid #ecece8;
}
.xb-search-section-head>div{display:flex;flex-direction:column;gap:4px}
.xb-search-section-head span{
  color:var(--xb-orange);
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
  direction:ltr;
}
.xb-search-section-head h2{
  margin:0;
  color:var(--xb-ink);
  font-size:22px;
  line-height:1.45;
  font-weight:900;
}
.xb-search-section-head>a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#555960;
  font-size:10px;
  font-weight:800;
}
.xb-search-section-head>a span{font-size:13px;color:var(--xb-orange);letter-spacing:0}
.xb-search-section-head>a:hover{color:var(--xb-orange)}

/* Keep product result cards identical to the approved catalogue cards. */
.xb-search-product-loop ul.products{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin:0!important;
}
.xb-search-product-loop ul.products li.product{
  margin:0!important;
  width:auto!important;
}

.xb-search-editorial .xb-post-archive-grid{
  margin-top:0;
}

.xb-search-empty{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:32px;
  border:1px solid var(--xb-line);
  border-radius:20px;
  background:#fff;
  text-align:center;
}
.xb-search-empty>strong{font-size:24px;font-weight:900;color:var(--xb-ink)}
.xb-search-empty>p{margin:0;color:var(--xb-muted);font-size:12px}
.xb-search-empty form{width:min(620px,100%);margin-top:8px}

.xb-search-pagination{margin:26px 0 4px}
.xb-search-pagination .page-numbers{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0;
  padding:0;
}
.xb-search-pagination .page-numbers li{margin:0;padding:0}
.xb-search-pagination a.page-numbers,
.xb-search-pagination span.page-numbers{
  min-width:38px;
  height:38px;
  padding:0 10px;
  display:grid;
  place-items:center;
  border:1px solid var(--xb-line);
  border-radius:10px;
  background:#fff;
  color:#4f535a;
  font-size:10px;
  font-weight:800;
}
.xb-search-pagination span.current{
  background:var(--xb-ink)!important;
  color:#fff!important;
  border-color:var(--xb-ink)!important;
}

@media (max-width:1100px){
  .xb-search-product-loop ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .xb-search-page{padding-top:14px}
  .xb-search-tabs{overflow:auto;justify-content:flex-start;scrollbar-width:none}
  .xb-search-tabs::-webkit-scrollbar{display:none}
  .xb-search-tabs a{flex:0 0 auto}
  .xb-search-section{padding:12px;border-radius:16px}
  .xb-search-section-head{align-items:flex-start}
  .xb-search-section-head h2{font-size:19px}
  .xb-search-section-head>a{margin-top:5px}
  .xb-search-product-loop ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:430px){
  .xb-search-section-head{display:block}
  .xb-search-section-head>a{margin-top:8px}
}

/* ======================================================================
   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. */
.xb-search-page .xb-search-section{
  box-shadow:0 10px 32px rgba(20,22,27,.025);
}

/* Small, quiet hint only when a known ecosystem spelling was normalized. */
.xb-search-correction{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  margin:-7px 0 16px;
  padding:0 14px;
  border:1px solid #ffd8c4;
  border-radius:12px;
  background:#fff8f3;
  color:#777b82;
  font-size:10px;
}
.xb-search-correction strong{
  color:var(--xb-orange);
  font-size:11px;
  direction:ltr;
}

/* Search editorial results must NOT inherit the archive's featured first card. */
.xb-search-editorial .xb-post-archive-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.xb-search-editorial .xb-post-archive-grid > .xb-journal-card,
.xb-search-editorial .xb-post-archive-grid > .xb-journal-card:first-child{
  display:flex;
  flex-direction:column;
  grid-column:auto;
  grid-row:auto;
  min-height:0;
  height:100%;
}
.xb-search-editorial .xb-post-archive-grid .xb-journal-image,
.xb-search-editorial .xb-post-archive-grid .xb-journal-card:first-child .xb-journal-image{
  height:205px;
  flex:0 0 205px;
}
.xb-search-editorial .xb-post-archive-grid .xb-journal-card-body{
  min-height:165px;
  padding:16px;
  flex:1 1 auto;
}
.xb-search-editorial .xb-post-archive-grid .xb-journal-card-body h3,
.xb-search-editorial .xb-post-archive-grid .xb-journal-card:first-child h3{
  margin:7px 0 14px;
  font-size:14px;
  line-height:1.75;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.xb-search-editorial .xb-post-archive-grid .xb-journal-card-body > div{
  margin-top:auto;
}

/* Keep the overview visually balanced when one result family is absent. */
.xb-search-page .xb-search-section:last-of-type{margin-bottom:24px}

@media (max-width:1100px){
  .xb-search-editorial .xb-post-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .xb-search-correction{margin-top:-4px}
  .xb-search-editorial .xb-post-archive-grid{grid-template-columns:1fr}
  .xb-search-editorial .xb-post-archive-grid .xb-journal-image,
  .xb-search-editorial .xb-post-archive-grid .xb-journal-card:first-child .xb-journal-image{
    height:210px;
    flex-basis:210px;
  }
  .xb-search-editorial .xb-post-archive-grid .xb-journal-card-body{min-height:145px}
}

/* ======================================================================
   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. */
.xb-search-page .xb-search-results{
  display:flex;
  flex-direction:column;
}
.xb-search-page .xb-search-results.is-editorial-first .xb-search-editorial{order:1}
.xb-search-page .xb-search-results.is-editorial-first .xb-search-products{order:2}
.xb-search-page .xb-search-results.is-product-first .xb-search-products{order:1}
.xb-search-page .xb-search-results.is-product-first .xb-search-editorial{order:2}

/* Product image stage — search results only. Keep the peach accent inside the
   exact image box for both in-stock and out-of-stock cards. */
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product{
  overflow:hidden!important;
  isolation:isolate!important;
}
/* 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. */
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::before{
  content:none!important;
  display:none!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:12px!important;
  height:245px!important;
  border-radius:14px!important;
  z-index:4!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  background:
    radial-gradient(circle at 88% 22%,rgba(255,205,176,.20) 0 15%,rgba(255,205,176,0) 42%),
    linear-gradient(90deg,rgba(255,255,255,.02) 0 66%,rgba(255,228,209,.34) 100%)!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product:hover::after{
  opacity:1!important;
  transform:none!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative!important;
  z-index:1!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product a img,
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product:hover a img{
  position:relative!important;
  z-index:1!important;
  background:#fff!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop 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;
}
.xb-search-page .xb-search-products .xb-loop-card-context{
  overflow:hidden;
}
.xb-search-page .xb-search-products .xb-loop-stock{
  flex:0 0 auto;
}

/* Zero-results state. The old result-type tabs are hidden in PHP when the
   total count is zero, leaving one focused, useful action card. */
.xb-search-page .xb-search-empty.is-total-empty{
  min-height:0;
  gap:12px;
  padding:38px 28px 34px;
  box-shadow:0 12px 34px rgba(18,19,24,.035);
}
.xb-search-page .xb-search-empty-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#fff3eb;
  color:var(--xb-orange);
  box-shadow:inset 0 0 0 1px #ffe1cf;
}
.xb-search-page .xb-search-empty-icon svg{
  width:27px;
  height:27px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
}
.xb-search-page .xb-search-empty.is-total-empty>strong{
  margin-top:3px;
  font-size:23px;
  line-height:1.7;
}
.xb-search-page .xb-search-empty-form{
  width:min(680px,100%);
  margin-top:5px;
}
.xb-search-page .xb-search-empty-form .xb-site-search{
  width:100%;
  height:54px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #deded8;
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 22px rgba(18,19,24,.035);
}
.xb-search-page .xb-search-empty-form .xb-site-search:focus-within{
  border-color:#c8c8c2;
  box-shadow:0 10px 28px rgba(18,19,24,.06);
}
.xb-search-page .xb-search-empty-form .search-field{
  flex:1;
  min-width:0;
  height:100%;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  padding:0 17px!important;
  font-family:inherit;
  font-size:13px;
}
.xb-search-page .xb-search-empty-form button{
  align-self:stretch;
  min-width:92px;
  margin:5px;
  border:0;
  border-radius:9px;
  background:var(--xb-orange);
  color:#fff;
  font-family:inherit;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.xb-search-page .xb-search-empty-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:4px;
}
.xb-search-page .xb-search-empty-actions a{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid #e2e2dc;
  border-radius:10px;
  background:#fff;
  color:#565a60;
  font-size:10px;
  font-weight:850;
  transition:.18s ease;
}
.xb-search-page .xb-search-empty-actions a span{color:var(--xb-orange);font-size:13px}
.xb-search-page .xb-search-empty-actions a:hover{border-color:#cfcfc8;color:var(--xb-ink);transform:translateY(-1px)}
.xb-search-page .xb-search-empty-actions a.is-primary{
  border-color:var(--xb-ink);
  background:var(--xb-ink);
  color:#fff;
}

@media (max-width:980px){
  .xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::after{
    height:220px!important;
  }
}
@media (max-width:760px){
  .xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::after{
    top:8px!important;
    right:8px!important;
    left:8px!important;
    height:170px!important;
    border-radius:10px!important;
  }
  .xb-search-page .xb-search-empty.is-total-empty{padding:28px 14px 24px}
  .xb-search-page .xb-search-empty.is-total-empty>strong{font-size:19px}
  .xb-search-page .xb-search-empty-actions{width:100%;display:grid;grid-template-columns:1fr}
  .xb-search-page .xb-search-empty-actions a{width:100%}
  .xb-search-page .xb-search-empty-form .xb-site-search{height:auto;min-height:54px;flex-wrap:wrap;padding:5px}
  .xb-search-page .xb-search-empty-form .search-field{height:44px}
  .xb-search-page .xb-search-empty-form button{width:100%;height:42px;margin:0;align-self:auto}
}


/* ======================================================================
   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.
   ====================================================================== */
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::after{
  content:none!important;
  display:none!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:12px!important;
  height:245px!important;
  border-radius:15px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!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-search-page .xb-search-products .xb-search-product-loop ul.products li.product:hover::before{
  opacity:1!important;
  transform:none!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;
}
@media (max-width:980px){
  .xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::before{
    height:220px!important;
  }
}
@media (max-width:760px){
  .xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::before{
    top:8px!important;
    right:8px!important;
    left:8px!important;
    height:170px!important;
    border-radius:10px!important;
  }
}


/* ======================================================================
   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. */
.xb-search-page .xb-search-editorial .xb-post-archive-grid > .xb-journal-card{
  position:relative!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.xb-search-page .xb-search-editorial .xb-post-archive-grid > .xb-journal-card:hover{
  transform:translateY(-2px)!important;
  border-color:#e3e3dd!important;
  box-shadow:0 10px 24px rgba(18,19,24,.055)!important;
}

/* Featured image: full 16:9 stage, no fixed 205px crop. */
.xb-search-page .xb-search-editorial .xb-post-archive-grid .xb-journal-image,
.xb-search-page .xb-search-editorial .xb-post-archive-grid .xb-journal-card:first-child .xb-journal-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  background:#f5f5f2!important;
}
.xb-search-page .xb-search-editorial .xb-post-archive-grid .xb-journal-image img,
.xb-search-page .xb-search-editorial .xb-post-archive-grid .xb-journal-card:first-child .xb-journal-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f5f5f2!important;
}

/* Stretch the title link across the full card, exactly like the blog archive. */
.xb-search-page .xb-search-editorial .xb-journal-card-body h3 a{
  position:static!important;
}
.xb-search-page .xb-search-editorial .xb-journal-card-body h3 a::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  border-radius:inherit!important;
}
.xb-search-page .xb-search-editorial .xb-journal-image,
.xb-search-page .xb-search-editorial .xb-journal-card-body{
  position:relative!important;
  z-index:1!important;
}
.xb-search-page .xb-search-editorial .xb-journal-card-body > div{
  position:relative!important;
  z-index:6!important;
}
.xb-search-page .xb-search-editorial .xb-journal-card:has(h3 a:focus-visible){
  outline:2px solid var(--xb-orange)!important;
  outline-offset:3px!important;
}

/* Restore the approved “مطالعه ←” CTA. */
.xb-search-page .xb-search-editorial .xb-journal-card-body > div > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  color:var(--xb-ink)!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:color .16s ease,background .16s ease,transform .16s ease!important;
}
.xb-search-page .xb-search-editorial .xb-journal-card-body > div > a::after{
  content:"←"!important;
  display:inline-block!important;
  color:var(--xb-orange)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:translateX(0)!important;
  transition:transform .16s ease!important;
}
.xb-search-page .xb-search-editorial .xb-journal-card-body > div > a:hover{
  color:var(--xb-orange)!important;
  background:#fff6ef!important;
}
.xb-search-page .xb-search-editorial .xb-journal-card-body > div > a:hover::after{
  transform:translateX(-3px)!important;
}

/* 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. */
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::after,
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product a.woocommerce-LoopProduct-link::before,
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product a.woocommerce-LoopProduct-link::after{
  content:none!important;
  display:none!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:12px!important;
  height:245px!important;
  border-radius:15px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  pointer-events:none!important;
  z-index:20!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-search-page .xb-search-products .xb-search-product-loop ul.products li.product:hover::before{
  opacity:1!important;
  transform:none!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product a.woocommerce-LoopProduct-link{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product a img,
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product:hover a img{
  position:relative!important;
  z-index:1!important;
  background:#fff!important;
  mix-blend-mode:normal!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product :is(.onsale,.xb-card-badge){
  position:absolute!important;
  z-index:30!important;
}
.xb-search-page .xb-search-products .xb-search-product-loop 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:30!important;
}

@media (max-width:980px){
  .xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::before{
    height:220px!important;
  }
}
@media (max-width:760px){
  .xb-search-page .xb-search-editorial .xb-post-archive-grid .xb-journal-image,
  .xb-search-page .xb-search-editorial .xb-post-archive-grid .xb-journal-card:first-child .xb-journal-image{
    height:auto!important;
    aspect-ratio:16/9!important;
    flex-basis:auto!important;
  }
  .xb-search-page .xb-search-products .xb-search-product-loop ul.products li.product::before{
    top:8px!important;
    right:8px!important;
    left:8px!important;
    height:170px!important;
    border-radius:10px!important;
  }
}

/* ======================================================================
   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{
  min-width:54px!important;
  min-height:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
  float:none!important;
  width:5.4em!important;
  margin:0!important;
  font-size:9px!important;
  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{
  min-width:45px!important;
  min-height:10px!important;
  height:10px!important;
  line-height:10px!important;
  align-self:center!important;
  transform:translateY(-1px);
}
body:not(.home) .woocommerce ul.products li.product .xb-loop-rating .star-rating{
  width:5.4em!important;
  height:1em!important;
  line-height:1em!important;
  margin:0!important;
  font-size:8px!important;
  overflow:hidden!important;
  vertical-align:middle!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:1em!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;
  }
}


/* ======================================================================
   v3.18.52 — MOBILE QA PASS + SEARCH/PRODUCT LOOP SAFETY.
   Scope: mobile sticky header/drawer, anchor offsets, responsive hero words,
   Persian long-form alignment, single-product overflow/related cards,
   cart mobile grid, and loop-rating micro-alignment.
   Desktop layouts remain unchanged unless explicitly noted.
   ====================================================================== */

/* Persian long-form copy: requested justified reading rhythm. */
body.single-post .xb-prose :is(p,li),
body.tax-product_cat .xb-category-richtext,
body.tax-product_cat .xb-category-richtext :is(p,li),
body.tax-product_cat .xb-category-richtext-long :is(p,li){
  text-align:justify!important;
  text-justify:inter-word!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;
  }

  .xb-page-hero,
  .woocommerce-products-header,
  .xb-content-hub-hero{
    overflow:hidden!important;
  }
  .xb-page-hero-english,
  .xb-catalog-english,
  .xb-content-hub-english{
    left:10px!important;
    bottom:7px!important;
    max-width:54%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:clamp(34px,11vw,48px)!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
  }

  .single-product div.product .woocommerce-product-gallery{
    width:100%!important;
    overflow:hidden!important;
  }
  .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;
  }

  .woocommerce-cart .xb-prose{
    padding:14px 8px 22px!important;
  }
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    gap:10px 6px!important;
    padding:11px 9px!important;
    overflow:hidden!important;
  }
  .woocommerce-cart td.product-remove{
    grid-column:1/2!important;
    grid-row:1!important;
    align-self:start!important;
  }
  .woocommerce-cart td.product-thumbnail{
    grid-column:2/5!important;
    grid-row:1!important;
    align-self:start!important;
  }
  .woocommerce-cart td.product-name{
    grid-column:5/13!important;
    grid-row:1!important;
    align-self:center!important;
    padding-inline:2px!important;
  }
  .woocommerce-cart td.product-price{
    grid-column:1/5!important;
    grid-row:2!important;
  }
  .woocommerce-cart td.product-quantity{
    grid-column:5/9!important;
    grid-row:2!important;
  }
  .woocommerce-cart td.product-subtotal{
    grid-column:9/13!important;
    grid-row:2!important;
  }
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-quantity,
  .woocommerce-cart td.product-subtotal{
    min-width:0!important;
    min-height:60px!important;
    padding:7px 3px!important;
    gap:5px!important;
    border:1px solid #eeeeea!important;
    border-radius:10px!important;
    background:#fafaf8!important;
  }
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:28px!important;
    padding:0 3px!important;
    font-size:9.4px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .woocommerce-cart td.product-price bdi,
  .woocommerce-cart td.product-subtotal bdi{
    gap:2px!important;
    font-size:inherit!important;
    white-space:nowrap!important;
  }
  .woocommerce-cart td.product-quantity .quantity{
    width:100%!important;
    min-width:0!important;
  }
  .woocommerce-cart td.product-quantity .qty{
    width:min(54px,100%)!important;
    height:36px!important;
    margin-inline:auto!important;
  }
  .woocommerce-cart .cart-collaterals{
    margin-top:14px!important;
  }
}

@media (max-width:430px){
  .woocommerce-cart td.product-thumbnail a{
    width:64px!important;
    height:64px!important;
  }
  .woocommerce-cart td.product-name a{
    font-size:10px!important;
    line-height:1.75!important;
  }
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    font-size:8.8px!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. */
.xb-signature-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
}
.xb-signature-logo{
  width:auto!important;
  height:auto!important;
  max-width:230px!important;
  max-height:54px!important;
  object-fit:contain!important;
  image-rendering:auto!important;
}

/* Product archives: functional text stays Persian and lines up predictably. */
.woocommerce .woocommerce-result-count{
  float:right!important;
  clear:none!important;
  margin:10px 0 15px!important;
  padding:0!important;
  text-align:right!important;
  direction:rtl!important;
  color:#777a81!important;
  font-size:10.5px!important;
  line-height:42px!important;
}
.woocommerce .woocommerce-ordering{
  float:left!important;
  clear:none!important;
  margin:10px 0 15px!important;
  direction:rtl!important;
}
.woocommerce .woocommerce-ordering select{
  min-width:220px!important;
  height:42px!important;
  padding:0 14px 0 36px!important;
  text-align:right!important;
  direction:rtl!important;
  color:#24262b!important;
  font-family:inherit!important;
}

/* 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:767px){
  /* Archive toolbar becomes one clean RTL stack on phones. */
  .woocommerce .woocommerce-result-count{
    float:none!important;
    width:100%!important;
    margin:8px 0 7px!important;
    line-height:1.7!important;
    text-align:right!important;
    font-size:10.5px!important;
  }
  .woocommerce .woocommerce-ordering{
    float:none!important;
    width:100%!important;
    margin:0 0 14px!important;
  }
  .woocommerce .woocommerce-ordering select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
  }

  /* CART — one readable card, then three equal transaction cells. */
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    display:grid!important;
    direction:rtl!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    gap:10px 8px!important;
    min-height:0!important;
    padding:13px 11px!important;
    overflow:visible!important;
    align-items:center!important;
  }
  .woocommerce-cart .woocommerce-cart-form tr.cart_item>td{
    min-width:0!important;
  }

  /* Kill WooCommerce's generic mobile data-title colons on non-transaction cells. */
  .woocommerce-cart .shop_table_responsive tr.cart_item td.product-remove::before,
  .woocommerce-cart .shop_table_responsive tr.cart_item td.product-thumbnail::before,
  .woocommerce-cart .shop_table_responsive tr.cart_item td.product-name::before{
    content:none!important;
    display:none!important;
  }

  .woocommerce-cart td.product-remove{
    grid-column:1/2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:center!important;
  }
  .woocommerce-cart td.product-thumbnail{
    grid-column:2/4!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:center!important;
  }
  .woocommerce-cart td.product-thumbnail a{
    width:76px!important;
    height:76px!important;
    border-radius:13px!important;
  }
  .woocommerce-cart td.product-name{
    grid-column:4/7!important;
    grid-row:1!important;
    align-self:center!important;
    padding:0 2px!important;
    text-align:right!important;
  }
  .woocommerce-cart td.product-name a{
    font-size:11px!important;
    line-height:1.85!important;
    font-weight:900!important;
    overflow-wrap:anywhere!important;
  }
  .woocommerce-cart td.product-name .variation{
    margin-top:5px!important;
    font-size:9px!important;
    line-height:1.75!important;
  }

  .woocommerce-cart td.product-price{grid-column:1/3!important;grid-row:2!important}
  .woocommerce-cart td.product-quantity{grid-column:3/5!important;grid-row:2!important}
  .woocommerce-cart td.product-subtotal{grid-column:5/7!important;grid-row:2!important}
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-quantity,
  .woocommerce-cart td.product-subtotal{
    min-height:68px!important;
    padding:9px 5px!important;
    gap:7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border:1px solid #ecece7!important;
    border-radius:12px!important;
    background:#fafaf8!important;
    overflow:hidden!important;
  }
  .woocommerce-cart td.product-price::before,
  .woocommerce-cart td.product-quantity::before,
  .woocommerce-cart td.product-subtotal::before{
    position:static!important;
    display:block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:#8b8e95!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:850!important;
  }
  .woocommerce-cart td.product-price::before{content:"قیمت"!important}
  .woocommerce-cart td.product-quantity::before{content:"تعداد"!important}
  .woocommerce-cart td.product-subtotal::before{content:"جمع"!important}

  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    min-height:30px!important;
    padding:0 5px!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:transparent!important;
    font-size:10.4px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  .woocommerce-cart td.product-price .amount{color:#2f3136!important}
  .woocommerce-cart td.product-subtotal .amount{color:var(--xb-orange)!important}
  .woocommerce-cart td.product-price bdi,
  .woocommerce-cart td.product-subtotal bdi{
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  .woocommerce-cart td.product-price .woocommerce-Price-currencySymbol,
  .woocommerce-cart td.product-subtotal .woocommerce-Price-currencySymbol{
    font-size:.72em!important;
    white-space:nowrap!important;
  }
  .woocommerce-cart td.product-quantity .quantity{
    width:auto!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .woocommerce-cart td.product-quantity .qty{
    width:58px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 5px!important;
    text-align:center!important;
    font-size:12px!important;
    font-weight:900!important;
  }
}

@media(max-width:390px){
  .xb-signature-logo{max-width:164px!important}
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{gap:9px 6px!important;padding-inline:9px!important}
  .woocommerce-cart td.product-thumbnail a{width:68px!important;height:68px!important}
  .woocommerce-cart td.product-name a{font-size:10.4px!important}
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{font-size:9.6px!important;padding-inline:2px!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}

  /* CART: clean two-tier card — product identity above, transaction data below. */
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    position:relative!important;
    display:grid!important;
    grid-template-columns:86px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:12px 12px!important;
    padding:14px!important;
    border:1px solid #e6e6e1!important;
    border-radius:17px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 8px 24px rgba(18,19,24,.035)!important;
  }
  .woocommerce-cart td.product-remove{
    position:absolute!important;
    top:12px!important;
    left:12px!important;
    width:38px!important;
    height:38px!important;
    z-index:4!important;
    display:grid!important;
    place-items:center!important;
  }
  .woocommerce-cart td.product-remove::before,
  .woocommerce-cart td.product-remove::after{content:none!important;display:none!important}
  .woocommerce-cart td.product-remove a.remove{
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #f1d7d7!important;
    border-radius:11px!important;
    background:#fff7f7!important;
    color:#c74b4b!important;
    font-size:20px!important;
    line-height:1!important;
  }
  .woocommerce-cart td.product-thumbnail{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:start!important;
    padding:0!important;
  }
  .woocommerce-cart td.product-thumbnail a{
    width:82px!important;
    height:82px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #ecece6!important;
    border-radius:14px!important;
    background:#fffaf6!important;
    overflow:hidden!important;
  }
  .woocommerce-cart td.product-thumbnail img{
    width:72px!important;
    height:72px!important;
    object-fit:contain!important;
  }
  .woocommerce-cart td.product-name{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    padding:4px 48px 4px 0!important;
    text-align:right!important;
  }
  .woocommerce-cart td.product-name::before,
  .woocommerce-cart td.product-name::after,
  .woocommerce-cart td.product-thumbnail::before,
  .woocommerce-cart td.product-thumbnail::after{content:none!important;display:none!important}
  .woocommerce-cart td.product-name a{
    display:block!important;
    font-size:11.5px!important;
    line-height:1.85!important;
    font-weight:900!important;
    color:#17191e!important;
    overflow-wrap:anywhere!important;
  }
  .woocommerce-cart td.product-name .variation{
    margin:6px 0 0!important;
    font-size:8.8px!important;
    line-height:1.75!important;
    color:#8d9096!important;
  }
  .woocommerce-cart td.product-price,
  .woocommerce-cart td.product-quantity,
  .woocommerce-cart td.product-subtotal{
    grid-row:2!important;
    min-height:66px!important;
    margin:0!important;
    padding:8px 4px!important;
    border:1px solid #eeeeea!important;
    border-radius:12px!important;
    background:#fafaf8!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  .woocommerce-cart td.product-price{grid-column:1!important}
  .woocommerce-cart td.product-quantity{grid-column:2!important}
  .woocommerce-cart td.product-subtotal{grid-column:3!important}
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .woocommerce-cart td.product-thumbnail{grid-column:1!important;grid-row:1!important}
  .woocommerce-cart td.product-name{grid-column:2/4!important;grid-row:1!important}
  .woocommerce-cart td.product-price::before,
  .woocommerce-cart td.product-quantity::before,
  .woocommerce-cart td.product-subtotal::before{
    position:static!important;
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:#8a8d94!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:850!important;
  }
  .woocommerce-cart td.product-price::before{content:"قیمت"!important}
  .woocommerce-cart td.product-quantity::before{content:"تعداد"!important}
  .woocommerce-cart td.product-subtotal::before{content:"جمع"!important}
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  .woocommerce-cart td.product-subtotal .amount{color:var(--xb-orange)!important}
  .woocommerce-cart td.product-quantity .quantity{width:auto!important;margin:0!important}
  .woocommerce-cart td.product-quantity .qty{
    width:54px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    border-radius:9px!important;
    text-align:center!important;
    font-size:12px!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){
  .woocommerce-cart .woocommerce-cart-form tr.cart_item{
    padding:12px 10px!important;
    gap:10px 7px!important;
  }
  .woocommerce-cart td.product-thumbnail a{width:74px!important;height:74px!important}
  .woocommerce-cart td.product-thumbnail img{width:66px!important;height:66px!important}
  .woocommerce-cart td.product-name{padding-left:44px!important}
  .woocommerce-cart td.product-name a{font-size:10.7px!important}
  .woocommerce-cart td.product-price .amount,
  .woocommerce-cart td.product-subtotal .amount{font-size:9.7px!important}
  .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.18.57 — My Account login + registration
   Keep the existing account visual language while making signup explicit.
   ====================================================================== */
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) .woocommerce:has(#customer_login .u-column2){
  max-width:1040px;
}

body.woocommerce-account #customer_login{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}

body.woocommerce-account form.woocommerce-form-register{
  margin:0!important;
  padding:22px!important;
  border:1px solid #e1e2dd!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.woocommerce-account form.woocommerce-form-register .woocommerce-privacy-policy-text{
  margin:10px 0 14px!important;
  padding:10px 12px!important;
  border-right:3px solid var(--xb-orange)!important;
  border-radius:8px!important;
  background:#fff8f3!important;
  color:#666970!important;
  font-size:10.5px!important;
  line-height:1.9!important;
}

body.woocommerce-account form.woocommerce-form-register .woocommerce-privacy-policy-text p{
  margin:0!important;
}

body.woocommerce-account form.woocommerce-form-register .woocommerce-form-register__submit{
  min-width:120px!important;
}

@media(max-width:760px){
  body.woocommerce-account #customer_login{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  body.woocommerce-account form.woocommerce-form-login,
  body.woocommerce-account form.woocommerce-form-register{
    padding:16px!important;
  }
}

/* ======================================================================
   v3.18.58 — My Account guest auth alignment hotfix
   Keep login and registration on the same baseline on desktop and stack
   cleanly on mobile. This intentionally targets ONLY the public auth view.
   ====================================================================== */
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login{
  display:flex!important;
  flex-flow:row nowrap!important;
  direction:rtl!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:24px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column1,
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column2,
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .col-1,
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .col-2{
  float:none!important;
  clear:none!important;
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  align-self:flex-start!important;
  flex:1 1 0!important;
  width:calc(50% - 12px)!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  vertical-align:top!important;
}

body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column1{order:1!important}
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column2{order:2!important}

body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column1 > h2,
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column2 > h2{
  margin:0 0 16px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 0 12px!important;
}

body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login form.woocommerce-form-login,
body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login form.woocommerce-form-register{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}

@media(max-width:760px){
  body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) .woocommerce:has(#customer_login .u-column2){
    max-width:100%!important;
    padding:16px!important;
  }

  body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login{
    flex-direction:column!important;
    gap:18px!important;
  }

  body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column1,
  body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .u-column2,
  body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .col-1,
  body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation)) #customer_login > .col-2{
    width:100%!important;
    flex:0 0 auto!important;
  }
}

/* ======================================================================
   v3.19.06 — STANDARD PAGE SYSTEM
   - narrower editorial content with a useful sidebar on ordinary pages
   - consistent page typography with Signature visual language
   - native/legacy FAQ accordions styled without Elementor dependency
   Operational WooCommerce pages and Contact remain on their existing layout.
   ====================================================================== */
.xb-page-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 286px;
  gap:18px;
  align-items:start;
  width:100%;
}
.xb-page-layout>.xb-page{min-width:0}
.xb-page-sidebar{
  min-width:0;
  display:grid;
  gap:14px;
  position:sticky;
  top:var(--xb-sticky-safe-top,132px);
}
.admin-bar .xb-page-sidebar{top:var(--xb-sticky-safe-top,132px)}
.xb-page-side-card{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid #e6e6e1;
  border-radius:19px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,19,24,.035);
}
.xb-page-side-card:after{
  content:"";
  position:absolute;
  left:-38px;
  bottom:-48px;
  width:112px;
  height:112px;
  border:1px solid rgba(18,19,24,.055);
  border-radius:50%;
  pointer-events:none;
}
.xb-page-side-card-primary{
  background:#111318;
  color:#fff;
  border-color:#1f2228;
}
.xb-page-side-card-primary:after{border-color:rgba(255,255,255,.07)}
.xb-page-side-kicker{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  direction:ltr;
}
.xb-page-side-kicker span{
  color:var(--xb-orange);
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
  white-space:nowrap;
}
.xb-page-side-kicker i{width:34px;height:1px;background:var(--xb-orange)}
.xb-page-side-card h2{
  position:relative;
  z-index:1;
  margin:0 0 12px;
  font-size:17px;
  line-height:1.6;
  font-weight:950;
  color:var(--xb-ink);
}
.xb-page-side-card-primary h2{color:#fff}
.xb-page-side-card>p{
  position:relative;
  z-index:1;
  margin:0 0 14px;
  color:#9b9da4;
  font-size:10.5px;
  line-height:1.9;
}
.xb-page-side-actions{position:relative;z-index:1;display:grid;gap:8px}
.xb-page-side-actions a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:42px;
  padding:0 12px;
  border:1px solid #30333a;
  border-radius:11px;
  color:#fff;
  background:#181a20;
  font-size:10px;
}
.xb-page-side-actions a:first-child{background:var(--xb-orange);border-color:var(--xb-orange)}
.xb-page-side-actions a svg{width:15px;height:15px;transform:scaleX(-1)}
.xb-page-side-links{position:relative;z-index:1;display:grid}
.xb-page-side-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:39px;
  padding:0 3px;
  border-bottom:1px solid #efefeb;
  color:#3e4147;
  font-size:10.5px;
  font-weight:800;
}
.xb-page-side-links a:last-child{border-bottom:0}
.xb-page-side-links a:hover{color:var(--xb-orange)}
.xb-page-side-links small{
  min-width:24px;
  height:22px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#f5f5f2;
  color:#9b9da2;
  font-size:8px;
  direction:ltr;
}
.xb-page-side-posts{position:relative;z-index:1;display:grid;gap:8px}
.xb-page-side-posts a{
  display:block;
  padding:10px 11px;
  border:1px solid #ecece7;
  border-radius:11px;
  background:#fafaf8;
  color:var(--xb-ink);
}
.xb-page-side-posts a:hover{border-color:#ffd2b9;background:#fff8f3}
.xb-page-side-posts time{
  display:block;
  margin-bottom:5px;
  color:var(--xb-orange);
  font-size:7.5px;
  font-weight:800;
}
.xb-page-side-posts strong{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:10.5px;
  line-height:1.75;
  font-weight:850;
}

/* Ordinary WordPress pages: bring legacy content into the same visual system. */
.xb-page-layout .xb-page{border-radius:22px;box-shadow:0 8px 26px rgba(18,19,24,.025)}
.xb-page-layout .xb-prose{padding:34px 38px 44px;font-size:14px;line-height:2.15;color:#3f4248}
.xb-page-layout .xb-prose>p{margin:0 0 16px}
.xb-page-layout .xb-prose>p:first-child{margin-top:0}
.xb-page-layout .xb-prose h2{
  position:relative;
  margin:34px 0 15px;
  padding:13px 16px 13px 18px;
  border:1px solid #e9e9e4;
  border-right:4px solid var(--xb-orange);
  border-radius:13px;
  background:linear-gradient(90deg,#fff 0%,#fff 60%,#fff8f3 100%);
  color:var(--xb-ink);
  font-size:23px;
  line-height:1.65;
  font-weight:950;
}
.xb-page-layout .xb-prose h3{
  margin:27px 0 10px;
  color:var(--xb-ink);
  font-size:18px;
  line-height:1.75;
  font-weight:900;
}
.xb-page-layout .xb-prose h4{font-size:15px;line-height:1.8;font-weight:900;color:var(--xb-ink)}
.xb-page-layout .xb-prose a{color:#e65100;text-decoration-color:#ffc4a4;text-underline-offset:3px}
.xb-page-layout .xb-prose a:hover{color:var(--xb-orange)}
.xb-page-layout .xb-prose ul,.xb-page-layout .xb-prose ol{padding-right:23px;margin:13px 0 20px}
.xb-page-layout .xb-prose li{margin:5px 0}
.xb-page-layout .xb-prose li::marker{color:var(--xb-orange);font-weight:900}
.xb-page-layout .xb-prose img{
  display:block;
  max-width:100%;
  height:auto;
  margin:18px auto;
  border-radius:16px;
}
.xb-page-layout .xb-prose figure{max-width:100%;margin:22px auto}
.xb-page-layout .xb-prose figure img{margin:0 auto}
.xb-page-layout .xb-prose figcaption{margin-top:8px;color:#8c8f95;font-size:9px;line-height:1.8;text-align:center}
.xb-page-layout .xb-prose hr{height:1px;border:0;background:#e8e8e3;margin:30px 0}
.xb-page-layout .xb-prose blockquote{
  margin:22px 0;
  padding:15px 18px;
  border:1px solid #ffe0cd;
  border-right:4px solid var(--xb-orange);
  border-radius:13px;
  background:#fff8f3;
  color:#51545b;
}

/* Native + migrated Elementor FAQ on standard pages. */
.xb-page-layout .xb-prose details{
  min-height:0!important;
  margin:10px 0!important;
  padding:0!important;
  border:1px solid #e4e4df!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(18,19,24,.025)!important;
  overflow:hidden!important;
}
.xb-page-layout .xb-prose details>summary{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 50px 12px 15px!important;
  list-style:none!important;
  border:0!important;
  background:#fff!important;
  color:var(--xb-ink)!important;
  cursor:pointer!important;
  font-size:13px!important;
  line-height:1.9!important;
  font-weight:900!important;
}
.xb-page-layout .xb-prose details>summary::-webkit-details-marker{display:none!important}
.xb-page-layout .xb-prose details>summary::marker{content:""!important}
.xb-page-layout .xb-prose details>summary h3,
.xb-page-layout .xb-prose details>summary .e-n-accordion-item-title-text{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
}
.xb-page-layout .xb-prose details>summary svg,
.xb-page-layout .xb-prose details>summary [class*="icon"]{display:none!important}
.xb-page-layout .xb-prose details>summary::after{
  content:"+"!important;
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:27px!important;
  height:27px!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:700!important;
}
.xb-page-layout .xb-prose details[open]{border-color:#ffc7a8!important;box-shadow:0 8px 24px rgba(255,90,0,.055)!important}
.xb-page-layout .xb-prose details[open]>summary{background:#fff8f3!important;border-bottom:1px solid #f0f0eb!important}
.xb-page-layout .xb-prose details[open]>summary::after{content:"−"!important;background:var(--xb-orange)!important;border-color:var(--xb-orange)!important;color:#fff!important}
.xb-page-layout .xb-prose details>.e-n-accordion-item-title{display:none!important}
.xb-page-layout .xb-prose details>*:not(summary){box-sizing:border-box}
.xb-page-layout .xb-prose details>p,
.xb-page-layout .xb-prose details>.e-con,
.xb-page-layout .xb-prose details>.elementor-element,
.xb-page-layout .xb-prose details>.xb-category-faq-answer{
  margin:0!important;
  padding:14px 16px 17px!important;
  color:#555960!important;
  font-size:12.5px!important;
  line-height:2.05!important;
}

@media (max-width:1050px){
  .xb-page-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}
  .xb-page-layout .xb-prose{padding:30px 28px 38px}
}
@media (max-width:900px){
  .xb-page-layout{grid-template-columns:1fr}
  .xb-page-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .xb-page-sidebar .xb-page-side-card-primary{grid-column:1/-1}
}
@media (max-width:640px){
  .xb-page-layout{gap:12px}
  .xb-page-layout .xb-prose{padding:23px 16px 30px;font-size:13px;line-height:2.05}
  .xb-page-layout .xb-prose h2{margin:28px 0 13px;padding:11px 12px 11px 14px;font-size:19px;border-radius:11px}
  .xb-page-layout .xb-prose h3{margin-top:22px;font-size:16px}
  .xb-page-layout .xb-prose img{border-radius:12px}
  .xb-page-sidebar{grid-template-columns:1fr;gap:10px}
  .xb-page-sidebar .xb-page-side-card-primary{grid-column:auto}
  .xb-page-side-card{padding:15px;border-radius:15px}
  .xb-page-layout .xb-prose details>summary{min-height:50px!important;padding:11px 45px 11px 12px!important;font-size:12px!important}
  .xb-page-layout .xb-prose details>summary::after{right:10px!important;width:25px!important;height:25px!important}
}


/* ======================================================================
   v3.19.07 — PAGE FAQ RECOVERY + RTL JUSTIFIED COPY
   Legacy wholesale/page accordions may be reduced to details > h3 + p.
   PHP restores semantic summary; this block gives standard pages the same
   compact FAQ system as articles/categories and keeps Persian copy balanced.
   Scope: standard pages with the Signature page layout only.
   ====================================================================== */
.xb-page-layout .xb-page .xb-prose p{
  text-align:justify!important;
  text-justify:inter-word!important;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]{
  min-height:0!important;
  height:auto!important;
  margin:9px 0!important;
  padding:0!important;
  border:1px solid #e4e4df!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary{
  display:flex!important;
  align-items:center!important;
  min-height:52px!important;
  margin:0!important;
  padding:12px 48px 12px 15px!important;
  list-style:none!important;
  background:#fff!important;
  color:var(--xb-ink)!important;
  cursor:pointer!important;
  position:relative!important;
  border:0!important;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary h3{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:13px!important;
  line-height:1.85!important;
  font-weight:900!important;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary::-webkit-details-marker{display:none!important}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary::marker{content:""!important}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary::after{
  content:"+"!important;
  position:absolute!important;
  right:12px!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:16px!important;
  line-height:1!important;
  font-weight:700!important;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"][open]{
  border-color:#ffc7a8!important;
  box-shadow:0 7px 20px rgba(255,90,0,.045)!important;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"][open]>summary{
  background:#fff8f3!important;
  border-bottom:1px solid #f0f0eb!important;
}
.xb-page-layout .xb-page .xb-prose 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;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>p{
  margin:0!important;
  padding:14px 16px 17px!important;
  color:#555960!important;
  font-size:12.5px!important;
  line-height:2.05!important;
  background:#fff!important;
}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>p:empty{display:none!important}
.xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]:not([open])>*:not(summary){display:none!important}

@media(max-width:640px){
  .xb-page-layout .xb-page .xb-prose p{
    text-align:justify!important;
    text-justify:inter-word!important;
    hyphens:none!important;
  }
  .xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary{
    min-height:50px!important;
    padding:11px 44px 11px 12px!important;
  }
  .xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary h3{
    font-size:12px!important;
    line-height:1.9!important;
  }
  .xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>summary::after{
    right:10px!important;
    width:25px!important;
    height:25px!important;
  }
  .xb-page-layout .xb-page .xb-prose details[id^="e-n-accordion-item-"]>p{
    padding:12px 13px 15px!important;
    font-size:12px!important;
    line-height:2.05!important;
  }
}


/* v3.19.08 — Enamad/licenses page: keep the 3 trust marks compact and aligned. */
body.page-id-15949 .xb-prose>p:last-child{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  margin:24px 0 0!important;
  padding:28px 20px!important;
  background:#fafaf8!important;
  border:1px solid #e8e8e4!important;
  border-radius:16px!important;
}
body.page-id-15949 .xb-prose>p:last-child>br{display:none!important}
body.page-id-15949 .xb-prose>p:last-child>a{
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
}
body.page-id-15949 .xb-prose>p:last-child>img,
body.page-id-15949 .xb-prose>p:last-child>a>img{
  display:block!important;
  box-sizing:border-box!important;
  width:110px!important;
  height:110px!important;
  max-width:110px!important;
  max-height:110px!important;
  margin:0!important;
  padding:8px!important;
  object-fit:contain!important;
  background:#fff!important;
  border:1px solid #ecece8!important;
  border-radius:14px!important;
}
@media (max-width:767px){
  body.page-id-15949 .xb-prose>p:last-child{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:16px 10px!important;
  }
  body.page-id-15949 .xb-prose>p:last-child>img,
  body.page-id-15949 .xb-prose>p:last-child>a>img{
    width:100%!important;
    height:82px!important;
    max-width:100%!important;
    max-height:82px!important;
    padding:6px!important;
  }
}

/* v3.20.2: Persian dynamic decorative backdrop on single posts; top editorial labels stay unchanged. */
body.single-post .xb-article-header::after{content:attr(data-xb-backdrop-label)!important;direction:rtl!important;letter-spacing:0!important;font-family:inherit!important}
