/* Ts3era Coupons — modern, clean, RTL (WaffarX-inspired) */
.tsc-wrap{direction:rtl;font-family:'Cairo',Tahoma,Arial,sans-serif;--tsc-cols:4;color:#0f172a;max-width:1160px;margin:0 auto}
.tsc-wrap *{box-sizing:border-box}

/* ---- Toolbar: search + sort ---- */
.tsc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.tsc-searchwrap{position:relative;flex:1;min-width:240px}
.tsc-searchwrap .tsc-searchicon{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.6;pointer-events:none}
.tsc-search{width:100%;border:1px solid #e2e8f0;border-radius:999px;padding:13px 46px 13px 18px;font-family:inherit;font-size:14.5px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.05);transition:border-color .15s,box-shadow .15s}
.tsc-search:focus{outline:none;border-color:#0a6fb0;box-shadow:0 0 0 3px rgba(10,111,176,.12)}
.tsc-sort{display:flex;gap:8px;flex-wrap:wrap}
.tsc-chip{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:13px;color:#475569;cursor:pointer;transition:.15s;white-space:nowrap}
.tsc-chip:hover{border-color:#cbd5e1}
.tsc-chip.is-active{background:#0a6fb0;color:#fff;border-color:#0a6fb0}

/* ---- Section header ---- */
.tsc-section-h{display:flex;align-items:center;justify-content:space-between;margin:6px 0 16px}
.tsc-section-h h2{font-size:21px;font-weight:800;color:#0f172a;margin:0;position:relative;padding-inline-start:13px}
.tsc-section-h h2:before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:4px;border-radius:3px;background:#f58625}

/* ---- Stats ---- */
.tsc-stats{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}
.tsc-stat{background:#fff;border:1px solid #eef2f7;border-radius:10px;padding:10px 18px;font-size:13px;color:#64748b}
.tsc-stat b{display:block;font-size:20px;color:#f58625;font-weight:800;line-height:1.2}

/* ---- Coupon grid ---- */
.tsc-grid{display:grid;grid-template-columns:repeat(var(--tsc-cols),1fr);gap:16px}
.tsc-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:16px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:box-shadow .18s,transform .18s,border-color .18s}
.tsc-card:hover{box-shadow:0 12px 28px rgba(15,23,42,.10);transform:translateY(-3px);border-color:#e2e8f0}
.tsc-logo{height:74px;display:flex;align-items:center;justify-content:center;background:#fafcff;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:12px;overflow:hidden}
.tsc-logo img{max-height:54px;max-width:80%;object-fit:contain}
.tsc-logo-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.tsc-logo-fb{font-weight:800;font-size:16px;color:#0f172a;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;padding:6px;line-height:1.3}
.tsc-badge{align-self:flex-start;background:#fff3e8;color:#b3560a;font-weight:800;font-size:12.5px;padding:5px 11px;border-radius:7px;margin-bottom:8px}
.tsc-name{display:block;font-weight:800;font-size:15px;color:#0f172a;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
a.tsc-name:hover{color:#0a6fb0;text-decoration:underline}
.tsc-code{display:flex;border:1.5px dashed #f58625;border-radius:9px;overflow:hidden;margin-bottom:10px;background:#fff8f1}
.tsc-codeval{flex:1;min-width:0;padding:11px;font-family:monospace;font-weight:800;letter-spacing:1px;color:#b3560a;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}
.tsc-copy{border:0;background:#f58625;color:#fff;font-weight:700;font-size:13px;padding:0 16px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:filter .15s}
.tsc-copy:hover{filter:brightness(.95)}
.tsc-copy.done{background:#16a34a}
.tsc-go{display:block;text-align:center;background:#0a6fb0;color:#fff;font-weight:800;font-size:13.5px;padding:12px;border-radius:9px;text-decoration:none;margin-top:auto;transition:filter .15s}
.tsc-go:hover{filter:brightness(.92);color:#fff}
.tsc-go--copy{background:#f1f5f9;color:#64748b;cursor:default}
.tsc-empty,.tsc-noresults{padding:44px;text-align:center;color:#64748b;font-family:'Cairo',Tahoma,Arial,sans-serif;direction:rtl;font-size:15px}

/* ---- Hero (store browse) ---- */
.tsc-hero{max-width:1160px;margin:0 auto 26px;text-align:center;padding:40px 22px 30px;background:linear-gradient(180deg,#fff8f1 0%,#ffffff 72%);border:1px solid #f3e6d8;border-radius:18px}
.tsc-hero-title{font-size:30px;font-weight:800;color:#0f172a;margin:0 0 8px;line-height:1.35}
.tsc-hero-sub{font-size:15px;color:#64748b;margin:0 auto 22px;max-width:620px;line-height:1.85}
.tsc-hero-search{position:relative;max-width:540px;margin:0 auto}
.tsc-hero-search .tsc-searchicon{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);font-size:17px;opacity:.55;pointer-events:none}
.tsc-bsearch{width:100%;border:1px solid #e2e8f0;border-radius:999px;padding:15px 50px 15px 20px;font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:15px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.08)}
.tsc-bsearch:focus{outline:none;border-color:#f58625;box-shadow:0 0 0 4px rgba(245,134,37,.13)}
.tsc-hero-stats{display:flex;justify-content:center;gap:32px;margin-top:20px;flex-wrap:wrap}
.tsc-hero-stats span{font-size:12.5px;color:#64748b}
.tsc-hero-stats b{color:#f58625;font-weight:800;font-size:19px;display:block;line-height:1.2}
.tsc-bnoresults{padding:30px;text-align:center;color:#64748b;direction:rtl;font-family:'Cairo',Tahoma,Arial,sans-serif}
@media(max-width:560px){.tsc-hero{padding:30px 16px 24px}.tsc-hero-title{font-size:24px}}

/* hero slider variant */
.tsc-hero--slider{position:relative;overflow:hidden;padding:0;border:0;background:#0f172a;min-height:360px;display:flex;align-items:center;justify-content:center}
.tsc-hero--slider .tsc-slides{position:absolute;inset:0}
.tsc-hero--slider .tsc-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease}
.tsc-hero--slider .tsc-slide.is-active{opacity:1}
.tsc-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.5) 0%,rgba(15,23,42,.74) 100%)}
.tsc-hero-inner{position:relative;z-index:2;text-align:center;width:100%;max-width:680px;padding:40px 22px 52px}
.tsc-hero-logo{max-height:46px;max-width:210px;object-fit:contain;display:block;margin:0 auto 18px;background:rgba(255,255,255,.96);padding:9px 18px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.tsc-hero--slider .tsc-hero-title{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.tsc-hero--slider .tsc-hero-sub{color:#e8edf3}
.tsc-hero--slider .tsc-hero-stats span{color:#e8edf3}
.tsc-hero--slider .tsc-hero-stats b{color:#ffcf9e}
.tsc-hero-dots{position:absolute;z-index:3;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:7px}
.tsc-hero-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;border:0;padding:0;transition:.2s}
.tsc-hero-dot.is-active{background:#f58625;width:24px;border-radius:5px}
@media(max-width:560px){.tsc-hero--slider{min-height:310px}.tsc-hero-logo{max-height:38px}}

/* ---- Store directory (logo grid) ---- */
.tsc-brands{direction:rtl;font-family:'Cairo',Tahoma,Arial,sans-serif;max-width:1160px;margin:8px auto 0}
.tsc-brands-title{font-size:21px;font-weight:800;color:#0f172a;margin:0 0 16px;position:relative;padding-inline-start:13px}
.tsc-brands-title:before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:4px;border-radius:3px;background:#f58625}
.tsc-brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}
.tsc-brand-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:18px 12px;text-decoration:none;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:box-shadow .18s,transform .18s}
.tsc-brand-card:hover{box-shadow:0 12px 28px rgba(15,23,42,.10);transform:translateY(-3px)}
.tsc-brand-logo{height:56px;display:flex;align-items:center;justify-content:center;width:100%}
.tsc-brand-logo img{max-height:50px;max-width:90%;object-fit:contain}
.tsc-brand-fb{font-weight:800;color:#0f172a;font-size:13px;text-align:center}
.tsc-brand-name{font-weight:700;font-size:13.5px;color:#0f172a;text-align:center;line-height:1.4}
.tsc-brand-count{font-size:11px;color:#fff;background:#f58625;border-radius:999px;padding:2px 10px;font-weight:700}

/* ---- Responsive ---- */
@media(max-width:1024px){.tsc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tsc-grid{grid-template-columns:1fr}.tsc-brands-grid{grid-template-columns:repeat(2,1fr)}.tsc-toolbar{flex-direction:column;align-items:stretch}.tsc-sort{justify-content:center}}