/* Webtrixia Black Week Landing v2.2 */
.wtbw{--bg:#0a0a0a;--o:#ff6a00;--o2:#ff9a3c;--tx:#fff;--card-bg:#fff;--card-tx:#333;--card-bw:0px;--card-bs:solid;--card-bc:#ff6a00;--card-r:14px;--card-p:12px;--shape-op:1;
	position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:var(--bg);color:var(--tx);padding:clamp(40px,7vw,90px) 0 clamp(40px,6vw,80px)}
.wtbw--full{width:100vw;margin-left:calc(50% - 50vw)}
html:has(.wtbw--full),body:has(.wtbw--full){overflow-x:clip}

/* самостоятелна страница: без хедър/футър, секцията на цял екран */
html:has(body.wtbw-blank),body.wtbw-blank{overflow-x:clip}
body.wtbw-blank{margin:0;padding:0!important}
.wtbw-blank .wtbw-page{min-height:100vh}
.wtbw-blank .wtbw{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:0}
.wtbw-blank .wd-toolbar,.wtbw-blank .wd-sticky-nav,.wtbw-blank .whb-header,.wtbw-blank .footer-container,.wtbw-blank .wd-prefooter{display:none!important}

/* плаваща количка */
.wtbw-fcart{position:fixed;right:18px;bottom:18px;z-index:390;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--o,#ff6a00);color:#000!important;box-shadow:0 8px 24px rgba(0,0,0,.45);transition:transform .2s}
.wtbw-fcart:hover{transform:scale(1.07)}
.wtbw-cart-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#fff;color:#000;font-size:12px;font-weight:800;line-height:22px;text-align:center}
.wtbw-cart-count[data-n="0"]{display:none}
.wtbw *{box-sizing:border-box}
.wtbw-inner{position:relative;max-width:var(--wd-container-w,1222px);margin:0 auto;padding:0 15px}

/* ---------- абстрактни елементи ---------- */
.wtbw-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--shape-op)}
.wtbw--noshapes .wtbw-bg{display:none}
.wtbw-blob{position:absolute;border-radius:50%;filter:blur(60px)}
.wtbw-blob.b1{width:560px;height:560px;top:-200px;right:-140px;background:radial-gradient(circle,var(--o) 0%,transparent 68%);opacity:.6;animation:wtbwFloat 14s ease-in-out infinite}
.wtbw-blob.b2{width:440px;height:440px;top:45%;left:-180px;background:radial-gradient(circle,var(--o2) 0%,transparent 68%);opacity:.35;animation:wtbwFloat 18s ease-in-out infinite reverse}
.wtbw-ring{position:absolute;border-radius:50%}
.wtbw-ring.r1{width:280px;height:280px;top:50px;left:4%;border:2px dashed var(--o);opacity:.45;animation:wtbwSpin 45s linear infinite}
.wtbw-ring.r2{width:150px;height:150px;top:200px;right:10%;border:18px solid;border-color:var(--o) transparent var(--o) transparent;animation:wtbwSpin 20s linear infinite reverse}
.wtbw-sq{position:absolute;width:70px;height:70px;top:110px;left:56%;border:3px solid var(--o2);animation:wtbwSq 12s ease-in-out infinite}
.wtbw-dots{position:absolute;top:30px;left:44%;width:190px;height:120px;background-image:radial-gradient(var(--o) 2px,transparent 2.6px);background-size:18px 18px;opacity:.55}
.wtbw-wave{position:absolute;top:330px;right:-40px;width:min(560px,70vw);color:var(--o);opacity:.85}
.wtbw-wave.w2{top:auto;bottom:6%;right:auto;left:-60px;width:min(460px,60vw);color:var(--o2);opacity:.4}
@keyframes wtbwSpin{to{transform:rotate(360deg)}}
@keyframes wtbwFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,25px)}}
@keyframes wtbwSq{0%,100%{transform:rotate(20deg) translateY(0)}50%{transform:rotate(65deg) translateY(-20px)}}

/* ---------- горна лента и бутони ---------- */
.wtbw.wtbw:has(.wtbw-top){padding-top:clamp(16px,2.5vw,26px)}
.wtbw-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:clamp(30px,5vw,60px)}
.wtbw .wtbw-logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--tx)}
.wtbw .wtbw-logo img{display:block;width:auto;max-width:200px;object-fit:contain}
.wtbw .wtbw-logo img.is-white{filter:brightness(0) invert(1)}
.wtbw-logo-text{font-size:22px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.wtbw .wtbw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:2px solid var(--o);border-radius:40px;background:var(--o);color:#000;font-size:16px;font-weight:800;line-height:1.2;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.wtbw .wtbw-btn:hover{background:transparent;color:var(--o)}
.wtbw .wtbw-btn--sm{padding:10px 20px;font-size:14px;background:transparent;color:var(--tx)}
.wtbw .wtbw-btn--sm:hover{background:var(--o);color:#000}
.wtbw .wtbw-btn--lg{padding:18px 40px;font-size:clamp(16px,2vw,20px)}
.wtbw--tabs-square .wtbw-btn{border-radius:6px}
.wtbw-hero-cta{margin:30px 0 0}
.wtbw-bottom-cta{display:flex;justify-content:center;margin:10px 0 20px}

/* ---------- hero ---------- */
.wtbw-hero{max-width:760px}
.wtbw--align-center .wtbw-hero{margin:0 auto;text-align:center}
.wtbw--align-center .wtbw-sub{margin-left:auto;margin-right:auto}
.wtbw--align-center .wtbw-count{justify-content:center}
.wtbw-kicker{display:inline-block;padding:7px 16px;border:1px solid var(--o);border-radius:40px;color:var(--o);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.wtbw .wtbw-title{margin:18px 0 0;color:var(--tx);font-size:clamp(58px,13vw,168px);font-weight:900;line-height:.86;letter-spacing:-.03em;text-transform:uppercase}
.wtbw--title-m .wtbw-title{font-size:clamp(48px,9vw,120px)}
.wtbw--title-s .wtbw-title{font-size:clamp(40px,6vw,80px)}
.wtbw .wtbw-title em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--o)}
.wtbw-discount{display:inline-block;margin-top:22px;padding:8px 22px;background:var(--o);color:#000;font-size:clamp(26px,4vw,44px);font-weight:900;transform:rotate(-3deg);box-shadow:8px 8px 0 var(--tx)}
.wtbw-sub{margin:26px 0 0;max-width:520px;color:var(--tx);opacity:.78;font-size:clamp(16px,1.6vw,19px);line-height:1.5}
.wtbw-count{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.wtbw-count>div{min-width:84px;padding:14px 10px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.04);backdrop-filter:blur(6px);text-align:center}
.wtbw-count b{display:block;color:var(--tx);font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1}
.wtbw-count span{display:block;margin-top:6px;color:var(--o2);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.wtbw-ended{padding:14px 20px;border:1px solid var(--o);border-radius:14px;color:var(--o);font-weight:700}

/* ---------- лента ---------- */
.wtbw-ticker{margin:clamp(40px,6vw,70px) -30px;padding:12px 0;background:var(--o);color:#000;transform:rotate(-2deg);overflow:hidden;white-space:nowrap;font-size:clamp(16px,2vw,22px);font-weight:900;letter-spacing:.06em}
.wtbw-ticker-in{display:inline-flex;animation:wtbwTick 30s linear infinite}
.wtbw-ticker-in span{padding-right:1em}
@keyframes wtbwTick{to{transform:translateX(-50%)}}
.wtbw:not(:has(.wtbw-ticker)) .wtbw-hero{margin-bottom:50px}

/* ---------- навигация ---------- */
.wtbw-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.wtbw .wtbw-tab{all:unset;box-sizing:border-box;cursor:pointer;padding:11px 22px;border:1px solid rgba(255,255,255,.25);border-radius:40px;color:var(--tx);font-size:15px;font-weight:600;line-height:1.2;transition:.2s}
.wtbw .wtbw-tab small{opacity:.65;font-size:.85em}
.wtbw .wtbw-tab:hover{border-color:var(--o);color:var(--o)}
.wtbw .wtbw-tab.is-active{background:var(--o);border-color:var(--o);color:#000}
.wtbw .wtbw-tab:focus-visible{outline:2px solid var(--o2);outline-offset:3px}
.wtbw--tabs-square .wtbw-tab{border-radius:4px}
.wtbw--tabs-underline .wtbw-nav{gap:4px 22px;border-bottom:1px solid rgba(255,255,255,.15)}
.wtbw--tabs-underline .wtbw-tab{padding:12px 2px;border:0;border-bottom:3px solid transparent;border-radius:0;margin-bottom:-1px}
.wtbw--tabs-underline .wtbw-tab.is-active{background:none;color:var(--o);border-bottom-color:var(--o)}

/* ---------- панели ---------- */
.wtbw-panel{margin-bottom:50px}
.wtbw-panel[hidden]{display:none}
.wtbw-panel-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.wtbw .wtbw-panel-head h2{margin:0;color:var(--tx);font-size:clamp(24px,3vw,34px);font-weight:800}
.wtbw .wtbw-panel-head a{color:var(--o);font-weight:600;text-decoration:none}
.wtbw .wtbw-panel-head a:hover{color:var(--o2)}

/* ---------- продуктови карти ---------- */
.wtbw .wtbw-grid .product-grid-item .product-wrapper,
.wtbw .wtbw-grid li.product:not(.product-grid-item){position:relative;height:100%;padding:var(--card-p);border:var(--card-bw) var(--card-bs) var(--card-bc);border-radius:var(--card-r);background:var(--card-bg);color:var(--card-tx);transition:transform .25s,box-shadow .25s,border-color .25s}
.wtbw .wtbw-grid .product-element-top{border-radius:max(0px,calc(var(--card-r) - 4px));overflow:hidden}
.wtbw .wtbw-grid .wd-entities-title a,
.wtbw .wtbw-grid .woocommerce-loop-product__title,
.wtbw .wtbw-grid .wd-product-cats a,
.wtbw .wtbw-grid .wd-product-brands-links a{color:var(--card-tx)}
.wtbw--price .wtbw-grid .price,
.wtbw--price .wtbw-grid .price ins,
.wtbw--price .wtbw-grid .price .amount{color:var(--price)}
.wtbw--price .wtbw-grid .price del .amount{color:var(--card-tx);opacity:.55}

/* сянка */
.wtbw--shadow-soft .wtbw-grid .product-grid-item .product-wrapper,
.wtbw--shadow-soft .wtbw-grid li.product:not(.product-grid-item){box-shadow:0 10px 30px rgba(0,0,0,.35)}
.wtbw--shadow-glow .wtbw-grid .product-grid-item .product-wrapper,
.wtbw--shadow-glow .wtbw-grid li.product:not(.product-grid-item){box-shadow:0 0 26px rgba(255,106,0,.35);box-shadow:0 0 26px color-mix(in srgb,var(--o) 40%,transparent)}

/* ефект при посочване */
@media (hover:hover){
	.wtbw--hover-lift .wtbw-grid .product-grid-item:hover .product-wrapper,
	.wtbw--hover-lift .wtbw-grid li.product:not(.product-grid-item):hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
	.wtbw--hover-glow .wtbw-grid .product-grid-item:hover .product-wrapper,
	.wtbw--hover-glow .wtbw-grid li.product:not(.product-grid-item):hover{box-shadow:0 0 0 2px var(--o),0 0 40px rgba(255,106,0,.5);box-shadow:0 0 0 2px var(--o),0 0 40px color-mix(in srgb,var(--o) 55%,transparent)}
	.wtbw--hover-border .wtbw-grid .product-grid-item:hover .product-wrapper,
	.wtbw--hover-border .wtbw-grid li.product:not(.product-grid-item):hover{border-color:var(--o);box-shadow:inset 0 0 0 max(0px,calc(2px - var(--card-bw))) var(--o)}
}

/* надпис върху картата */
.wtbw--badge .wtbw-grid{padding-top:12px}
.wtbw--badge .wtbw-grid .product-grid-item .product-wrapper::before,
.wtbw--badge .wtbw-grid li.product:not(.product-grid-item)::before{content:var(--badge);position:absolute;top:0;left:50%;z-index:6;transform:translate(-50%,-50%);padding:4px 12px;border-radius:20px;background:var(--o);color:#000;font-size:11px;font-weight:800;line-height:1.4;letter-spacing:.08em;white-space:nowrap;pointer-events:none}

/* бутони в акцента */
.wtbw--btn .wtbw-grid .button,
.wtbw--btn .wtbw-grid .add_to_cart_button,
.wtbw--btn .wtbw-grid .wd-add-btn>a{background:var(--o)!important;border-color:var(--o)!important;color:#000!important}
.wtbw--btn .wtbw-grid .button:hover,
.wtbw--btn .wtbw-grid .add_to_cart_button:hover{background:var(--o2)!important;border-color:var(--o2)!important}

.wtbw-empty{color:var(--tx);opacity:.7}
.wtbw-debug{margin-top:20px;padding:16px 20px;border:2px dashed var(--o);border-radius:12px;background:rgba(255,106,0,.08);color:var(--tx);font-size:14px;line-height:1.6}
.wtbw-debug ul{margin:8px 0;padding-left:18px}
.wtbw-debug a{color:var(--o)}

@media (max-width:767px){
	.wtbw-ring.r1,.wtbw-dots,.wtbw-sq{display:none}
	.wtbw-ring.r2{width:90px;height:90px;border-width:12px;top:30px;right:-20px}
	.wtbw-count>div{min-width:68px}
	.wtbw .wtbw-logo img{max-width:140px;max-height:36px}
	.wtbw .wtbw-btn--sm{padding:9px 14px;font-size:13px}
	.wtbw .wtbw-btn--lg{width:100%}
	.wtbw:has(.wtbw-top) .wtbw-ring.r2{top:110px}

	/* навигация: бутони в 2 колони */
	.wtbw--mnav-grid .wtbw-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:26px;border-bottom:0}
	.wtbw--mnav-grid .wtbw-tab{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 8px;text-align:center;font-size:14px;margin:0}
	.wtbw--mnav-grid.wtbw--tabs-underline .wtbw-tab{border:1px solid rgba(255,255,255,.2);border-radius:6px}
	.wtbw--mnav-grid.wtbw--tabs-underline .wtbw-tab.is-active{background:var(--o);color:#000;border-color:var(--o)}
	.wtbw--mnav-grid .wtbw-tab:last-child:nth-child(odd){grid-column:1/-1}

	/* навигация: падащо меню */
	.wtbw--mnav-select .wtbw-nav{display:none}
	.wtbw--mnav-select .wtbw-mselect{display:block}

	/* навигация: лента с плъзгане, залепва горе */
	.wtbw--mnav-scroll .wtbw-nav{position:sticky;top:0;z-index:30;flex-wrap:nowrap;overflow-x:auto;margin:0 -15px 24px;padding:10px 15px;background:var(--bg);box-shadow:0 8px 16px -8px rgba(0,0,0,.6);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent 100%)}
	.wtbw--mnav-scroll .wtbw-nav::-webkit-scrollbar{display:none}
	.wtbw--mnav-scroll .wtbw-tab{flex:0 0 auto;white-space:nowrap;padding:9px 16px;font-size:14px}
}
@media (min-width:601px) and (max-width:767px){body.admin-bar .wtbw--mnav-scroll .wtbw-nav{top:46px}}
.wtbw-mselect{display:none;position:relative;margin-bottom:26px}
.wtbw-mselect::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border-right:2px solid var(--o);border-bottom:2px solid var(--o);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.wtbw .wtbw-mselect select{width:100%;height:52px;margin:0;padding:0 46px 0 18px;border:2px solid var(--o);border-radius:12px;background:var(--bg);color:var(--tx);font-size:16px;font-weight:700;-webkit-appearance:none;appearance:none;box-shadow:none}
.wtbw .wtbw-mselect select option{background:#111;color:#fff}
.wtbw--noanim *,.wtbw--noanim *::before{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.wtbw *{animation:none!important}}