/* TopDiscounts.xyz — Unique Stylesheet */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--td-bg:#fafaf8;--td-surface:#ffffff;--td-text:#1a1a1a;--td-muted:#6b6b6b;--td-accent:#c9703b;--td-accent-hover:#b5612f;--td-border:#e8e5e0;--td-green:#3a7d44;--td-red:#c44536;--td-radius:6px;--td-shadow:0 1px 3px rgba(0,0,0,.06);--td-font:'Segoe UI',system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--td-font);background:var(--td-bg);color:var(--td-text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--td-accent);text-decoration:none;transition:color .2s}
a:hover{color:var(--td-accent-hover)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{line-height:1.3;font-weight:600}

/* Layout */
.td-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.td-grid{display:grid;gap:24px}
.td-cols-2{grid-template-columns:repeat(2,1fr)}
.td-cols-3{grid-template-columns:repeat(3,1fr)}
.td-cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.td-cols-3,.td-cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.td-cols-2,.td-cols-3,.td-cols-4{grid-template-columns:1fr}}

/* Header */
.td-header{background:var(--td-surface);border-bottom:1px solid var(--td-border);padding:16px 0;position:sticky;top:0;z-index:100}
.td-header-inner{display:flex;align-items:center;justify-content:space-between}
.td-logo{font-size:22px;font-weight:700;color:var(--td-text);letter-spacing:-.5px}
.td-logo em{font-style:normal;color:var(--td-accent)}
.td-nav{display:flex;gap:28px;list-style:none}
.td-nav a{color:var(--td-muted);font-size:15px;font-weight:500;transition:color .2s}
.td-nav a:hover,.td-nav a.active{color:var(--td-text)}
.td-hamburger{display:none;background:none;border:none;font-size:24px;cursor:pointer}
@media(max-width:768px){
  .td-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--td-surface);flex-direction:column;padding:16px 20px;border-bottom:1px solid var(--td-border);gap:12px}
  .td-nav.open{display:flex}
  .td-hamburger{display:block}
}

/* Hero */
.td-hero{padding:60px 0;text-align:center;background:linear-gradient(135deg,#f5f0eb 0%,#ede6dc 100%)}
.td-hero h1{font-size:clamp(28px,5vw,48px);margin-bottom:12px}
.td-hero p{color:var(--td-muted);font-size:18px;max-width:600px;margin:0 auto 28px}
.td-btn{display:inline-block;padding:12px 32px;background:var(--td-accent);color:#fff;border-radius:var(--td-radius);font-weight:600;font-size:15px;transition:background .2s,transform .1s}
.td-btn:hover{background:var(--td-accent-hover);color:#fff;transform:translateY(-1px)}

/* Categories */
.td-categories{padding:50px 0}
.td-cat-card{background:var(--td-surface);border:1px solid var(--td-border);border-radius:var(--td-radius);padding:32px 20px;text-align:center;transition:box-shadow .2s,transform .2s}
.td-cat-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.td-cat-count{font-size:36px;font-weight:700;color:var(--td-accent);display:block;margin-bottom:8px}
.td-cat-card h3{font-size:18px;font-weight:600}

/* Product Cards */
.td-products{padding:50px 0}
.td-section-title{font-size:28px;margin-bottom:8px}
.td-section-sub{color:var(--td-muted);margin-bottom:32px}
.td-product{background:var(--td-surface);border:1px solid var(--td-border);border-radius:var(--td-radius);overflow:hidden;transition:box-shadow .2s,transform .2s}
.td-product:hover{box-shadow:var(--td-shadow);transform:translateY(-2px)}
.td-product-img{aspect-ratio:4/3;background:#f0ece6;overflow:hidden}
.td-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.td-product:hover .td-product-img img{transform:scale(1.04)}
.td-product-body{padding:16px}
.td-product-name{font-size:16px;font-weight:600;margin-bottom:6px}
.td-product-price{font-size:18px;font-weight:700;color:var(--td-accent)}
.td-product-price del{color:var(--td-muted);font-weight:400;font-size:14px;margin-right:6px}
.td-badge{display:inline-block;padding:3px 10px;border-radius:3px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px;z-index:2}
.td-badge-sale{background:var(--td-red);color:#fff}
.td-badge-sold{background:var(--td-muted);color:#fff}
.td-product-img{position:relative}
.td-rating{display:flex;gap:2px;margin-top:4px}
.td-star{color:#e0b93d;font-size:14px}
.td-star-empty{color:#ddd}
.td-product-cta{display:block;text-align:center;padding:10px;background:var(--td-accent);color:#fff;font-weight:600;font-size:14px;border-radius:0 0 var(--td-radius) var(--td-radius);transition:background .2s}
.td-product-cta:hover{background:var(--td-accent-hover);color:#fff}

/* Banner */
.td-banner{padding:80px 0;background:linear-gradient(135deg,#3d2b1f 0%,#5c3d2e 100%);color:#fff;text-align:center;margin:40px 0}
.td-banner-tag{font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-bottom:12px}
.td-banner h2{font-size:clamp(26px,4vw,42px);margin-bottom:20px}
.td-banner .td-btn{background:#fff;color:var(--td-text)}
.td-banner .td-btn:hover{background:#f0ece6;color:var(--td-text)}

/* Blog Cards */
.td-blog{padding:50px 0}
.td-blog-card{background:var(--td-surface);border:1px solid var(--td-border);border-radius:var(--td-radius);overflow:hidden;transition:box-shadow .2s}
.td-blog-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.td-blog-card-img{aspect-ratio:3/2;overflow:hidden;background:#f0ece6}
.td-blog-card-img img{width:100%;height:100%;object-fit:cover}
.td-blog-card-body{padding:20px}
.td-blog-tag{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--td-accent);font-weight:600;margin-bottom:8px}
.td-blog-card-body h3{font-size:18px;margin-bottom:8px}
.td-blog-card-body p{color:var(--td-muted);font-size:14px;line-height:1.5}

/* Footer */
.td-footer{background:#1a1a1a;color:#aaa;padding:48px 0 24px;margin-top:60px}
.td-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
@media(max-width:768px){.td-footer-grid{grid-template-columns:1fr}}
.td-footer h4{color:#fff;margin-bottom:16px;font-size:16px}
.td-footer p{font-size:14px;line-height:1.7}
.td-footer-links{list-style:none}
.td-footer-links li{margin-bottom:8px}
.td-footer-links a{color:#aaa;font-size:14px}
.td-footer-links a:hover{color:#fff}
.td-footer-bottom{border-top:1px solid #333;margin-top:32px;padding-top:20px;text-align:center;font-size:13px}

/* Breadcrumb */
.td-breadcrumb{padding:16px 0;font-size:14px;color:var(--td-muted)}
.td-breadcrumb a{color:var(--td-muted)}
.td-breadcrumb a:hover{color:var(--td-accent)}

/* Category Page */
.td-page-header{padding:40px 0 20px}
.td-page-header h1{font-size:32px}
.td-page-header p{color:var(--td-muted);margin-top:8px}

/* Blog Article */
.td-article{max-width:800px;margin:0 auto;padding:40px 20px}
.td-article h1{font-size:clamp(24px,4vw,36px);margin-bottom:16px}
.td-article-meta{color:var(--td-muted);font-size:14px;margin-bottom:24px}
.td-article-content{font-size:17px;line-height:1.8}
.td-article-content p{margin-bottom:16px}
.td-article-content h2{font-size:24px;margin:32px 0 12px}
.td-article-content img{border-radius:var(--td-radius);margin:24px 0}
.td-article-content ul,.td-article-content ol{margin:16px 0;padding-left:24px}
.td-article-content li{margin-bottom:8px}

/* About */
.td-about{padding:60px 0}
.td-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:768px){.td-about-grid{grid-template-columns:1fr}}

/* 404 */
.td-notfound{text-align:center;padding:120px 20px}
.td-notfound h1{font-size:72px;color:var(--td-accent)}
.td-notfound p{font-size:18px;color:var(--td-muted);margin:12px 0 28px}

/* Utility */
.td-mt-1{margin-top:8px}.td-mt-2{margin-top:16px}.td-mt-3{margin-top:24px}.td-mt-4{margin-top:32px}
.td-text-center{text-align:center}
.td-hidden{display:none}