:root{
  --tas-red:#ef0000;
  --tas-red-dark:#b40000;
  --tas-black:#111827;
  --tas-muted:#6b7280;
  --tas-soft:#fff5f5;
  --tas-border:#fee2e2;
  --tas-gold:#fbbf24;
}

body.rtl, html[dir="rtl"] body{background:#fff!important;}

/* Global Woodmart/Tasawwq polish */
.main-page-wrapper,
.site-content{background:#fff!important;}
.woocommerce .product-grid-item,
.product-grid-item{border-radius:18px;overflow:hidden;transition:.22s ease;}
.woocommerce .product-grid-item:hover,
.product-grid-item:hover{transform:translateY(-3px);}
.sale-product .onsale,
.onsale,
.product-label.onsale{background:var(--tas-red)!important;color:#fff!important;border-radius:0 0 12px 12px!important;font-weight:900!important;}
.btn,
.button,
.add_to_cart_button,
.single_add_to_cart_button{border-radius:14px!important;font-weight:900!important;}

.tas-worldcup-home,
.tas-flash-page{direction:rtl;max-width:1240px;margin:0 auto;padding:22px 16px 60px;}
.tas-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.2px;}

/* Hero */
.tas-hero-main{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:430px;border-radius:34px;overflow:hidden;padding:44px;margin:10px 0 28px;background:
 radial-gradient(circle at 18% 20%,rgba(255,255,255,.17),transparent 26%),
 radial-gradient(circle at 82% 25%,rgba(251,191,36,.14),transparent 25%),
 linear-gradient(135deg,var(--tas-red),var(--tas-red-dark) 62%,#070707);
box-shadow:0 30px 70px rgba(239,0,0,.22);}
.tas-hero-main:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 50%),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 1px,transparent 1px 19px);opacity:.75;}
.tas-hero-copy{position:relative;z-index:2;color:#fff;}
.tas-hero-copy h1{color:#fff!important;font-size:clamp(34px,5vw,66px);line-height:1.12;margin:16px 0 12px;font-weight:1000;}
.tas-hero-copy p{font-size:19px;max-width:630px;line-height:1.9;margin:0 0 24px;color:rgba(255,255,255,.92);font-weight:800;}
.tas-hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.tas-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:16px;text-decoration:none!important;font-weight:1000;transition:.2s ease;border:1px solid transparent;}
.tas-btn-light{background:#fff;color:var(--tas-red)!important;}
.tas-btn-dark{background:#111827;color:#fff!important;border-color:rgba(255,255,255,.18);}
.tas-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.16);}
.tas-hero-ball{position:relative;z-index:1;width:min(360px,36vw);height:min(360px,36vw);justify-self:center;border-radius:999px;background:
 radial-gradient(circle at 33% 32%,#fff 0 10%,transparent 10.5%),
 radial-gradient(circle at 65% 42%,#111 0 12%,transparent 12.6%),
 radial-gradient(circle at 43% 68%,#111 0 9%,transparent 9.5%),
 radial-gradient(circle at 50% 50%,#fff 0 62%,#f3f4f6 63% 100%);
box-shadow:inset -25px -35px 45px rgba(0,0,0,.22),0 30px 70px rgba(0,0,0,.28);opacity:.95;}
.tas-hero-ball:after{content:"2026";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-14deg);font-size:46px;font-weight:1000;color:rgba(239,0,0,.16);}

/* Category hero */
.tas-category-hero{position:relative;min-height:340px;border-radius:32px;overflow:hidden;margin:28px 0;background:
 linear-gradient(120deg,rgba(0,0,0,.62),rgba(0,0,0,.28)),
 radial-gradient(circle at 80% 25%,rgba(239,0,0,.35),transparent 30%),
 linear-gradient(135deg,#111827,#222 55%,#5b0000);box-shadow:0 22px 55px rgba(17,24,39,.16);}
.tas-category-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 70px);}
.tas-category-content{position:relative;z-index:2;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px;color:#fff;}
.tas-category-content h2{color:#fff!important;font-size:clamp(44px,7vw,84px);line-height:1;margin:14px 0 8px;font-weight:1000;}
.tas-category-content p{max-width:680px;margin:0 auto 20px;color:rgba(255,255,255,.84);font-weight:800;line-height:1.8;}
.tas-category-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.tas-category-mini{min-width:136px;text-decoration:none!important;color:#fff!important;border-radius:18px;padding:13px 16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(8px);transition:.2s ease;}
.tas-category-mini:hover{background:#fff;color:var(--tas-red)!important;transform:translateY(-3px);}
.tas-category-mini strong{display:block;font-size:16px;margin-bottom:4px;}
.tas-category-mini span{font-size:13px;opacity:.86;font-weight:800;}

/* Tiles */
.tas-worldcup-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0;}
.tas-tile{display:flex;flex-direction:column;gap:8px;text-decoration:none!important;background:#fff;border:1px solid var(--tas-border);border-radius:22px;padding:20px;min-height:120px;box-shadow:0 12px 30px rgba(17,24,39,.06);transition:.2s ease;color:var(--tas-black)!important;}
.tas-tile:hover{transform:translateY(-4px);border-color:var(--tas-red);}
.tas-tile strong{font-size:20px;}
.tas-tile span{color:var(--tas-muted);font-weight:800;}
.tas-tile-red{background:linear-gradient(135deg,var(--tas-red),var(--tas-red-dark));color:#fff!important;border-color:transparent;}
.tas-tile-red span{color:rgba(255,255,255,.86);}

/* Sections */
.tas-section-head{text-align:center;margin:34px auto 20px;max-width:760px;}
.tas-section-head span{display:inline-block;background:var(--tas-soft);color:var(--tas-red);border:1px solid var(--tas-border);padding:7px 12px;border-radius:999px;font-weight:1000;font-size:13px;}
.tas-section-head h2{font-size:clamp(26px,4vw,42px);margin:12px 0 8px;color:var(--tas-black)!important;font-weight:1000;}
.tas-section-head p{color:var(--tas-muted);font-size:16px;line-height:1.8;font-weight:700;}
.tas-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.tas-cols-3{grid-template-columns:repeat(3,1fr)}
.tas-cols-5{grid-template-columns:repeat(5,1fr)}

/* Product card */
.tas-product-card{position:relative;background:#fff;border:1px solid #f1f1f1;border-radius:24px;overflow:hidden;box-shadow:0 14px 36px rgba(17,24,39,.07);transition:.22s ease;}
.tas-product-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(17,24,39,.12);}
.tas-product-thumb{display:block;position:relative;aspect-ratio:1/1;background:#fafafa;overflow:hidden;}
.tas-product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:.35s ease;}
.tas-product-card:hover .tas-product-thumb img{transform:scale(1.05);}
.tas-discount{position:absolute;top:12px;left:12px;background:var(--tas-red);color:#fff;border-radius:12px;padding:7px 9px;font-weight:1000;z-index:2;}
.tas-product-body{padding:15px;}
.tas-product-title{display:block;text-decoration:none!important;color:var(--tas-black)!important;font-weight:900;line-height:1.65;min-height:52px;}
.tas-sku{font-size:12px;color:#9ca3af;margin:6px 0;font-weight:800;}
.tas-price{font-size:17px;font-weight:1000;color:var(--tas-red);margin:8px 0;}
.tas-price del{color:#9ca3af;font-size:13px;margin-inline-end:6px;}
.tas-countdown{display:inline-flex;background:#111827;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;margin:4px 0 10px;}
.tas-cart-btn{display:flex;align-items:center;justify-content:center;background:var(--tas-red);color:#fff!important;text-decoration:none!important;border-radius:14px;padding:11px 14px;font-weight:1000;margin-top:8px;}
.tas-cart-btn:hover{background:var(--tas-red-dark);}
.tas-empty{background:#fff;border:1px dashed var(--tas-border);border-radius:22px;padding:28px;text-align:center;color:var(--tas-muted);font-weight:900;}

/* Promo + features */
.tas-promo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#111827,#2b0202 55%,var(--tas-red));color:#fff;border-radius:30px;padding:28px;margin:34px 0;overflow:hidden;}
.tas-promo-banner span{color:#fef3c7;font-weight:1000;}
.tas-promo-banner h2{color:#fff!important;margin:8px 0;font-size:32px;font-weight:1000;}
.tas-promo-banner p{margin:0;color:rgba(255,255,255,.85);font-weight:800;}
.tas-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0;}
.tas-features div{background:#fff;border:1px solid var(--tas-border);border-radius:22px;padding:20px;text-align:center;box-shadow:0 12px 30px rgba(17,24,39,.06);}
.tas-features strong{display:block;font-size:18px;margin-bottom:7px;color:var(--tas-black);}
.tas-features span{color:var(--tas-muted);font-weight:800;}

/* Forced flash page */
.tas-flash-page-hero{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,var(--tas-red),#1f0303);padding:44px 24px;text-align:center;color:#fff;margin:16px 0 30px;box-shadow:0 28px 70px rgba(239,0,0,.20);}
.tas-flash-page-hero h1{color:#fff!important;font-size:clamp(38px,6vw,72px);line-height:1.1;margin:10px 0;font-weight:1000;}
.tas-flash-page-hero p{max-width:740px;margin:0 auto;color:rgba(255,255,255,.9);font-size:18px;font-weight:800;line-height:1.8;}

/* Hide page title clutter on flash page when body class exists */
body.page-template-page-flash-deals-forced .page-title,
body.page-template-page-flash-deals-forced .entry-header,
body.page-template-page-flash-deals-forced .breadcrumbs,
body.page-template-page-flash-deals-forced .wd-page-title{display:none!important;}

@media(max-width:1024px){
  .tas-products-grid,.tas-worldcup-tiles,.tas-features{grid-template-columns:repeat(2,1fr);}
  .tas-hero-main{grid-template-columns:1fr;min-height:auto;}
  .tas-hero-ball{display:none;}
}
@media(max-width:620px){
  .tas-worldcup-home,.tas-flash-page{padding-inline:12px;}
  .tas-hero-main{padding:28px 20px;border-radius:24px;}
  .tas-products-grid,.tas-worldcup-tiles,.tas-features{grid-template-columns:1fr;}
  .tas-promo-banner{flex-direction:column;align-items:flex-start;}
  .tas-category-links{gap:10px;}
  .tas-category-mini{min-width:calc(50% - 10px);}
}
