/* DealRadar static CSS (Vite bağımsız) */
/* Note: Inter font loaded via <link> in HTML head for non-blocking load */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#E24B4A;--red-dark:#A32D2D;--red-light:#FCEBEB;--red-border:#F09595;
  --green:#0F6E56;--green-light:#E1F5EE;
  --amber:#BA7517;--amber-light:#FAEEDA;
  --bg:#e2e8f0;--bg-card:#fff;--bg-muted:#F3F4F6;
  --border:#D1D5DB;--border-strong:#9CA3AF;
  --text:#0F1111;--text-2:#565959;--text-3:#888;
  --radius:8px;--radius-sm:5px;
  --sidebar:210px;--max-w:1200px;
}
html{scrollbar-gutter:stable;overflow-x:hidden}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.dr-container{max-width:var(--max-w);margin:0 auto;padding:0 20px}

/* HEADER */
.dr-header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.dr-header-inner{height:52px;display:flex;align-items:center;gap:14px}
.dr-logo{font-size:17px;font-weight:600;color:var(--red);letter-spacing:-.03em;white-space:nowrap}
.dr-logo span{color:var(--text)}
.dr-search{flex:1;height:34px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;padding:0 12px;gap:8px;cursor:text;min-width:0}
.dr-search svg{opacity:.35;flex-shrink:0}
.dr-search input{font-size:13px;color:var(--text);border:none;outline:none;background:transparent;width:100%;min-width:0}
.dr-nav{display:flex;gap:6px}
.dr-nav-btn{font-size:12px;color:var(--text-2);padding:5px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;transition:all .15s;background:var(--bg-card)}
.dr-nav-btn:hover{border-color:var(--border-strong);color:var(--text)}
.dr-nav-btn.active{background:var(--red);color:#fff;border-color:var(--red)}

/* HERO */
.dr-hero{background:var(--bg);border-bottom:1px solid var(--border);padding-top:20px;padding-bottom:20px}
.dr-hero-inner{max-width:var(--max-w);margin:0 auto;padding:0 16px 0 0}
.dr-hero-label{font-size:20px;font-weight:700;letter-spacing:-0.01em;color:var(--text);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff;border:1px solid var(--border);border-radius:8px;padding:12px 20px;box-shadow:0 4px 12px rgba(0,0,0,0.03)}
.dr-hero-label::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--red);display:inline-block}
.dr-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}

.hero-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;height:100%}
.hero-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-1px)}
.hc-img{background:var(--bg);height:180px;overflow:hidden;padding-top:1px;box-sizing:border-box}
.hc-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hc-body{padding:12px;display:flex;flex-direction:column;flex:1}
.hc-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-prices{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:4px}
.hc-now{font-size:19px;font-weight:600;color:#CC0C39}
.hc-was{font-size:13px;color:var(--text-2);text-decoration:line-through}
.hc-btn{display:block;text-align:center;background:var(--red);border:1px solid var(--red);border-radius:var(--radius-sm);padding:7px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s;margin-top:auto}
.hc-btn:hover{background:var(--red-dark);border-color:var(--red-dark)}
.hero-card.sm .hc-img{height:120px}
.hero-card.sm .hc-title{font-size:11px}
.hero-card.sm .hc-now{font-size:14px}

/* BODY */
.dr-body{max-width:1320px;margin:0 auto;display:flex;padding:20px;gap:24px}

/* BREADCRUMB */
.dr-breadcrumb{background:var(--bg-card);border-bottom:1px solid var(--border)}
.dr-breadcrumb-inner{padding:8px 20px;display:flex;align-items:center;gap:6px}
.dr-breadcrumb a{font-size:12px;color:var(--text-2)}
.dr-breadcrumb a:hover{color:var(--red)}
.bc-sep{font-size:12px;color:var(--text-3)}
.bc-current{font-size:12px;color:var(--text);font-weight:600}

/* CATEGORY BANNER */
.dr-cat-banner{background:var(--bg-card);border-bottom:1px solid var(--border)}
.dr-cat-inner{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.dr-cat-left{display:flex;align-items:center;gap:14px}
.dr-cat-icon{width:50px;height:50px;background:var(--red-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dr-cat-icon svg{color:var(--red)}
.dr-cat-title{font-size:19px;font-weight:700;color:var(--text);line-height:1.2}
.dr-cat-sub{font-size:12px;color:var(--text-2);margin-top:3px}
.dr-cat-sub strong{color:var(--green)}
.dr-cat-stats{display:flex;gap:12px}
.cstat{text-align:center;padding:9px 16px;background:var(--bg-muted);border-radius:var(--radius)}
.cstat .cl{font-size:10px;color:var(--text-3);margin-bottom:2px}
.cstat .cv{font-size:16px;font-weight:700;color:var(--text)}
.cstat .cv.red{color:var(--red-dark)}
.cstat .cv.green{color:var(--green)}

/* SUBCATEGORY BAR */
.dr-subcat-bar{background:var(--bg-card);border-bottom:1px solid var(--border)}
.dr-subcat-inner{padding:10px 20px;display:flex;align-items:center;gap:8px;overflow-x:auto}
.subcat-pill{font-size:12px;font-weight:500;padding:5px 13px;border:1px solid var(--border);border-radius:20px;color:var(--text-2);white-space:nowrap;cursor:pointer;background:var(--bg-card);flex-shrink:0;transition:all .12s}
.subcat-pill:hover{border-color:var(--border-strong);color:var(--text)}
.subcat-pill.active{background:var(--red-light);color:var(--red-dark);border-color:var(--red-border);font-weight:600}
.subcat-cnt{font-size:11px;font-weight:400;opacity:.65;margin-left:3px}

/* DETAIL PAGE */
.dr-page-inner{max-width:var(--max-w);margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}
.dr-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dr-img-panel{display:flex;flex-direction:column;gap:10px;width:100%}
.dr-gallery{display:flex;flex-direction:column;gap:16px;align-items:stretch;width:100%}
.dr-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:none;overflow:visible;padding-right:0;width:100%}
.dr-gallery-thumb{width:100%;aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s,box-shadow .12s}
.dr-gallery-thumb.active{border:2px solid var(--red);box-shadow:0 0 0 2px rgba(231,59,59,.12)}
.dr-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.dr-gallery-main-wrap{position:relative;width:100%;cursor:crosshair}.dr-gallery-main{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);height:420px;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08)}.dr-gallery-main-img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none}.dr-zoom-lens{position:absolute;width:100px;height:100px;border:2px solid rgba(59,130,246,0.5);background:rgba(59,130,246,0.08);border-radius:4px;pointer-events:none;z-index:10}.dr-zoom-panel{position:absolute;left:calc(100% + 12px);top:0;width:420px;height:420px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-card);background-repeat:no-repeat;box-shadow:0 12px 40px rgba(0,0,0,.18);z-index:100;pointer-events:none}
.dr-img-main{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);height:230px;display:flex;align-items:center;justify-content:center}
.dr-img-main img{max-height:210px;object-fit:contain}
.dr-img-thumbs{display:flex;gap:7px}
.dr-img-thumb{width:56px;height:56px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s}
.dr-img-thumb.active{border:2px solid var(--red)}
.dr-img-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.dr-info-panel{display:flex;flex-direction:column;gap:13px}
.dr-badges{display:flex;gap:7px;flex-wrap:wrap}
.dr-badge{font-size:10px;font-weight:600;padding:3px 9px;border-radius:4px}
.dr-badge-off{background:var(--red);color:#fff}
.dr-badge-score{background:var(--red-light);color:var(--red-dark)}
.dr-badge-low{background:var(--green-light);color:var(--green)}
.dr-badge-cat{background:var(--bg-muted);color:var(--text-2);border:1px solid var(--border)}
.dr-product-title{font-size:20px;font-weight:700;color:var(--text);line-height:1.4}
.dr-rating-row{display:flex;align-items:center;gap:10px}
.dr-stars{color:var(--amber);font-size:15px}
.dr-rating-num{font-size:14px;font-weight:600;color:var(--text)}
.dr-rating-cnt{font-size:13px;color:var(--text-2)}
.dr-price-box{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}
.dr-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}
.dr-price-now{font-size:32px;font-weight:600;color:#CC0C39}
.dr-price-was{font-size:15px;color:var(--text-2);text-decoration:line-through}
.dr-price-save{font-size:13px;color:var(--green);font-weight:600}
.dr-price-meta{font-size:11px;color:var(--text-3);margin-top:7px}
.dr-price-meta strong{color:var(--green)}
.dr-btn-amazon{display:block;text-align:center;background:var(--red);border-radius:var(--radius);padding:12px 16px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;border:none;margin-top:12px;transition:opacity .15s;width:100%}
.dr-btn-amazon:hover{opacity:.88}
.dr-btn-note{font-size:11px;color:var(--text-3);text-align:center;margin-top:5px}
.dr-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dr-meta-table{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);padding:0;box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08)}
.dr-meta-item{text-align:center;padding:9px;background:var(--bg);border-radius:var(--radius-sm)}
.dr-meta-item .ml{font-size:10px;color:var(--text-3);margin-bottom:3px}
.dr-meta-item .mv{font-size:13px;font-weight:600;color:var(--text)}
.dr-meta-item .mv.good{color:var(--green)}
.dr-meta-item .mv.warn{color:var(--amber)}
.dr-expires-bar{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2);padding:8px 12px;background:var(--amber-light);border-radius:var(--radius-sm)}
.dr-expires-bar strong{color:#633806}
.dr-section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}
.dr-sc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.dr-sc-title{font-size:15px;font-weight:600;color:var(--text)}
.dr-sc-sub{font-size:11px;color:var(--text-3)}
.dr-price-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.pstat{text-align:center;padding:9px;background:var(--bg);border-radius:var(--radius-sm)}
.pstat .pl{font-size:10px;color:var(--text-3);margin-bottom:3px}
.pstat .pv{font-size:13px;font-weight:600;color:var(--text)}
.pstat .pv.best{color:var(--green)}
.pstat .pv.now{color:var(--red-dark)}
.dr-details-cols{display:grid;grid-template-columns:1fr 1fr;gap:0}
.dr-details-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);padding:0;box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08)}
.dt-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-card)}
.dt-label{font-size:13px;font-weight:500;color:var(--text-2)}
.dt-value{font-size:13px;font-weight:600;color:var(--text)}
.dr-description-table{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:0;box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08)}
.dr-description-table .dt-row{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-card)}
.dr-description-table .dt-value{font-size:14px;font-weight:400;color:var(--text);line-height:1.6;word-wrap:break-word}
.dcol{padding:0 16px}
.dcol:first-child{padding-left:0;border-right:1px solid var(--border);padding-right:24px}
.drow{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}
.drow:last-child{border-bottom:none}
.drow .dl{color:var(--text-2)}
.drow .dv{font-weight:500;color:var(--text);text-align:right}
.dr-similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}

/* Sidebar */
.dr-sidebar {
    width: 280px; /* Slightly wider for card layout */
    flex-shrink: 0;
    margin-right: 12px;
}
.sidebar-card {
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    margin-bottom: 24px;
}
.sb-section { margin-bottom: 0; }
.sb-title {
    background: var(--red);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 0;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.sb-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    color: var(--text-2);
    font-weight: 500;
    transition: all 0.15s;
    cursor: pointer;
    background: #ffffff;
    border: none;
    border-bottom: 1px solid #F3F4F6;
    width: 100%;
    text-align: left;
    font-size: 13px;
}
.sb-item:last-child { border-bottom: none; }
.sb-item:hover {
    background: #F8F9FA;
    color: var(--red);
    padding-left: 20px; /* Subtle indent effect */
}
.sb-item.active {
    background: var(--red-light);
    color: var(--red-dark);
    font-weight: 600;
    border-left: 3px solid var(--red);
}
.sb-item .cnt {
    font-size: 11px;
    color: var(--text-3);
    background: var(--bg-muted);
    padding: 2px 6px;
    border-radius: 10px;
}
.sb-item.active .cnt {
    background: var(--red);
    color: #ffffff;
}
.sb-tree{display:block}
.sb-parent{width:100%;background:transparent;border:none;text-align:left}
.sb-parent .cnt{margin-left:auto}
.sb-children{display:block;padding-left:8px}
.sb-item.sb-child{font-size:12px;padding-left:20px}
.sb-filter-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff;background:var(--red);padding:6px 14px;margin-top:10px;margin-bottom:4px;border-left:none}
.sb-filter-item{font-size:12px;color:var(--text-2)}
.sb-clear-filters{border-top:1px dashed var(--border);margin-top:8px;padding-top:10px;color:var(--red-dark);font-weight:600}
.sb-divider{height:1px;background:var(--border);margin:8px 14px}

/* MAIN */
.dr-main{flex:1;min-width:0}
.dr-filterbar{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:9px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 16px 16px 0}
.fsep{color:var(--border-strong);font-size:16px}
.sort-wrap{margin-left:auto;display:flex;align-items:center;gap:8px}
.result-cnt{font-size:12px;color:var(--text-3);white-space:nowrap}
.sort-wrap select{font-size:12px;color:var(--text-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;height:28px;cursor:pointer}
.dr-pill{font-size:11px;padding:4px 11px;border:1px solid var(--border);border-radius:20px;color:var(--text-2);cursor:pointer;background:var(--bg-card);transition:all .12s;white-space:nowrap}
.dr-pill:hover{border-color:var(--border-strong);color:var(--text)}
.dr-pill.active{background:var(--red-light);color:var(--red-dark);border-color:var(--red-border);font-weight:600}
.dr-filter-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}
.dr-filter-input,.dr-filter-select{height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:12px;padding:0 10px}
.dr-filter-input{min-width:130px}
.dr-filter-price{min-width:82px;width:82px}
.dr-filter-brand{min-width:110px}

/* DEAL GRID */
.dr-grid{padding:8px 16px 16px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}

/* CARD — Style A: Premium White */
.dr-card{
  background:#fff;
  border:1px solid #e8edf2;
  border-radius:14px;
  overflow:hidden;
  transition:transform .2s,box-shadow .2s;
  display:flex;
  flex-direction:column;
  height:100%;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  position:relative;
}
.dr-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.15)}

.dr-card-deal-badge{display:none} /* badges now absolute on image */
.dr-badge-pct{
  display:inline-block;
  background:linear-gradient(135deg,#e02424,#b91c1c);
  color:#fff;font-size:10px;font-weight:800;
  padding:2px 6px;border-radius:4px;
  box-shadow:0 2px 4px rgba(185,28,28,0.2);
  margin-left:auto;
  white-space:nowrap;
}
.mobile-badge { display: none !important; }
.dr-badge-ltd{
  position:absolute;top:10px;right:10px;z-index:2;
  background:rgba(220,38,38,.1);
  color:#dc2626;font-size:10px;font-weight:700;
  padding:3px 7px;border-radius:6px;
  border:1px solid rgba(220,38,38,.25);
  white-space:nowrap;
}

.dr-card-img{
  position:relative;
  background:#fff;
  height:190px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  box-sizing:border-box;
  border-bottom:1px solid #f1f5f9;
}
.dr-card-img img{
  max-height:100%;
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  transition:transform .3s;
}
.dr-card:hover .dr-card-img img{transform:scale(1.05)}

.dr-card-body{padding:12px 14px;display:flex;flex-direction:column;flex:1;gap:3px}
.dr-card-brand{font-size:11px;color:#565959;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.dr-card-title{font-size:15px;font-weight:700;color:#0F1111;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.dr-card-prices{display:flex;align-items:center;gap:7px;margin-bottom:2px}
.dr-card-now{font-size:20px;font-weight:600;color:#CC0C39}
.dr-card-was{font-size:13px;color:#565959;text-decoration:line-through}
.dr-card-meta{display:flex;font-size:13px;color:#f59e0b;margin-bottom:6px}
.dr-card-meta .low{color:#10b981;font-weight:600}

.dr-card-btn{
  margin-top:auto;
  display:block;
  text-align:center;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:8px;
  padding:8px;
  font-size:12.5px;font-weight:600;
  color:#475569;
  cursor:pointer;
  transition:all .18s;
}
.dr-card-btn:hover{background:#e2e8f0;color:#1a202c}
.dr-card-btn-red{
  background:linear-gradient(135deg,#f97316,#ea6500) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 3px 10px rgba(249,115,22,.3) !important;
}
.dr-card-btn-red:hover{
  box-shadow:0 5px 16px rgba(249,115,22,.45) !important;
  transform:translateY(-1px);
  opacity:1 !important;
}

/* FOOTER */
.dr-footer{margin-top:26px;background:#111317;color:#c6ccd8;border-top:1px solid #252b35}
.dr-footer-inner{padding-top:60px;padding-bottom:10px;max-width:1200px;margin:0 auto}
.dr-footer .container{max-width:1200px;margin:0 auto;padding:36px 20px 0}
.dr-footer .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-bottom:26px;border-bottom:1px solid #2a313d}
.dr-footer [class*='col-']{min-width:0}
.dr-footer .widget{min-height:100%}
.dr-footer .widget-title{font-size:14px;font-weight:600;color:#f2f4f8;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #343d4d}
.dr-footer .mb-1{margin-bottom:6px;font-size:13px;line-height:1.55;color:#c6ccd8}
.dr-footer .mb-1 strong,.dr-footer .list-unstyled strong{color:#fff}
.dr-footer .mb-1 a{color:#d6dced}
.dr-footer .list-unstyled{margin-top:6px;margin-bottom:0;padding-left:0;list-style:none}
.dr-footer .list-unstyled li{font-size:13px;color:#bcc4d4}
.dr-footer .widget-links ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dr-footer .widget-links a{position:relative;display:inline-block;font-size:13px;color:#c8d0de;padding-left:10px;transition:color .15s}
.dr-footer .widget-links a::before{content:'\203A';position:absolute;left:0;color:#7f8aa0}
.dr-footer .widget-links a:hover{color:#fff}
.dr-footer .footer-social-links{margin-top:14px;display:flex;gap:8px}
.dr-footer .footer-social-links a{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700;color:#fff;background:#ff6c00;transition:opacity .15s}
.dr-footer .footer-social-links a:hover{opacity:.88}
.dr-footer .newsletter-form{display:flex;flex-direction:column;gap:8px}
.dr-footer .newsletter-input-wrap{position:relative;width:100%}
.dr-footer .newsletter-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#7f8aa0;font-size:13px;pointer-events:none}
.dr-footer .newsletter-input{width:100%;height:40px;border-radius:4px;border:1px solid #2f3746;background:#181d25;color:#f3f6fb;padding:0 12px 0 32px;font-size:13px;box-sizing:border-box;outline:none}
.dr-footer .newsletter-input::placeholder{color:#8d97ab}
.dr-footer .newsletter-btn{width:100%;height:40px;border:none;border-radius:4px;background:#ff6c00;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}
.dr-footer .newsletter-btn:hover{opacity:.9}
.dr-footer .newsletter-desc{font-size:12px;color:#9da8bc;line-height:1.6;margin:0}
.dr-footer .pt-2{padding-top:8px}
.dr-footer .pt-3{padding-top:12px}
.dr-footer .gateway_image{max-width:230px;width:100%;height:auto}
.dr-footer-bottom{padding:12px 0 10px;text-align:center}
.dr-footer .footer-copyright{font-size:12px;color:#96a1b6}

/* PAGINATION */
.dr-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}
.dr-pagination-summary{font-size:12px;color:var(--text-2)}
.dr-pagination-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dr-page-btn{min-width:30px;height:30px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:all .12s}
.dr-page-btn:hover{border-color:var(--red);color:var(--red-dark)}
.dr-page-btn.is-active{background:var(--red);border-color:var(--red);color:#fff;cursor:default}
.dr-page-btn.is-disabled{opacity:.45;pointer-events:none}
.dr-page-ellipsis{font-size:12px;color:var(--text-3);padding:0 4px}

/* RESPONSIVE */
@media(max-width:900px){
  .dr-container{padding:0 16px}
  .dr-nav{display:none}
  .dr-hero-grid{grid-template-columns:1fr 1fr}
  .hero-card.sm:last-child{display:none}
  .dr-cat-stats{display:none}
  .dr-sidebar{display:none}
  .dr-footer .row{grid-template-columns:1fr 1fr}
  .dr-pagination{flex-direction:column;align-items:flex-start}
  .dr-top-grid{grid-template-columns:1fr 1fr}
  .dr-price-stats{grid-template-columns:repeat(2,1fr)}
  .dr-details-cols{grid-template-columns:1fr}
  .dcol:first-child{border-right:none;padding:0;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:8px}
}
@media(max-width:700px){
  .dr-top-grid{grid-template-columns:1fr}
  .dr-gallery{grid-template-columns:1fr}
  .dr-gallery-thumbs{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:2px}
  .dr-gallery-main{height:320px}.dr-zoom-panel{display:none!important}
}
@media(max-width:600px){
  .dr-container{padding:0 12px}
  .dr-hero-grid{grid-template-columns:1fr}
  .hero-card.sm{display:none}
  .dr-footer .row{grid-template-columns:1fr;gap:16px}
  .dr-grid{padding:10px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-bar{gap:5px}
  .sort-wrap{display:none}
  .dr-subcat-inner{padding:8px 12px;gap:6px}
  .dr-cat-icon{display:none}
  .dr-page-inner{padding:12px}
  .dr-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desktop-badge { display: none !important; }
  .mobile-badge { display: inline-block !important; margin-left: auto; }
  .dr-card-img { height: 140px; padding: 10px; }
  .dr-card-now { font-size: 17px; }
  .dr-card-title { font-size: 13.5px; margin-bottom: 2px; }
  .dr-card-body { padding: 10px; gap: 2px; }
  .dr-btn-primary { padding: 10px 14px; font-size: 13px; }
}
/* ── HEADER & NAVIGATION (Moved from header partial for performance) ── */
.dr-mobile-menu-toggle { display: none; }
:root {
    --navy:         #0d1b2a;
    --navy-light:   #1a2e45;
    --blue-mid:     #1e3a5f;
    --accent:       #f97316;
    --accent-dark:  #ea6500;
    --accent-light: #fff7ed;
    --bg:           #e2e8f0;
    --card-bg:      #ffffff;
    --text:         #0F1111;
    --text-muted:   #565959;
    --border:       #e2e8f0;
    --sidebar-w:    240px;
    --max-w:        1320px;
    --radius:       10px;
    --shadow:       0 2px 12px rgba(0,0,0,0.08);
    --shadow-hover: 0 8px 30px rgba(0,0,0,0.14);
}

.dr-topbar {
    background: var(--navy);
    color: #94a3b8;
    font-size: 12px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.dr-topbar-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dr-topbar a { color: #94a3b8; text-decoration: none; transition: color .2s; }
.dr-mobile-menu { display: none; }
.dr-topbar a:hover { color: var(--accent); }
.dr-topbar-right { display: flex; gap: 18px; align-items: center; }

.dr-header {
    background: var(--navy-light);
    border-bottom: 2px solid rgba(249,115,22,0.3);
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.dr-header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 30px;
    height: 68px;
}

.dr-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; text-decoration: none; }
.dr-logo-icon {
    width: 38px; height: 38px;
    background: var(--accent);
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: #fff;
}
.dr-logo-text { font-size: 20px; font-weight: 800; color: #fff; letter-spacing: -0.5px; }
.dr-logo-text span { color: var(--accent); }

.dr-search-wrap {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    display: flex;
}
.dr-search-wrap input {
    width: 100%;
    padding: 11px 50px 11px 18px;
    border-radius: 8px;
    border: 1.5px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.85); /* Soluk beyaz (translucent white) */
    color: #000000; /* Yazılar siyah */
    font-size: 14px;
    font-family: inherit;
    transition: all .25s;
}
.dr-search-wrap input::placeholder { color: #64748b; }
.dr-search-wrap input:focus {
    outline: none;
    border-color: var(--accent);
    background: #ffffff; /* Odaklanınca tam beyaz */
    color: #000000;
}
.dr-search-btn {
    position: absolute; right: 0; top: 0; bottom: 0;
    width: 48px;
    background: var(--accent);
    border: none; cursor: pointer;
    border-radius: 0 8px 8px 0;
    color: #fff; font-size: 15px;
    transition: background .2s;
}
.dr-search-btn:hover { background: var(--accent-dark); }

.dr-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.dr-nav-link {
    color: #cbd5e1;
    font-size: 13.5px;
    font-weight: 500;
    padding: 8px 13px;
    border-radius: 7px;
    text-decoration: none;
    transition: all .2s;
    white-space: nowrap;
}
.dr-nav-link:hover { color: #fff; background: rgba(255,255,255,0.1); }
.dr-nav-link.active { color: var(--accent); }
.dr-nav-cta {
    background: var(--accent);
    color: #fff !important;
    padding: 8px 16px !important;
    font-weight: 700 !important;
    border-radius: 7px;
    text-decoration: none;
    font-size: 13.5px;
    display: flex; align-items: center; gap: 6px;
    transition: background .2s !important;
    white-space: nowrap;
}
.dr-nav-cta:hover { background: #ff8a3d !important; }

.dr-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: auto;
}
.dr-telegram-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #cbd5e1;
    font-size: 13.5px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 7px;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.15);
    transition: all .2s;
    white-space: nowrap;
}
.dr-telegram-btn:hover {
    color: #fff;
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.3);
}

.dr-cat-bar { background: var(--blue-mid); }
.dr-cat-bar-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    gap: 2px;
    overflow-x: auto;
    scrollbar-width: none;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.dr-cat-bar-inner::-webkit-scrollbar { display: none; }
.dr-cat-link {
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 500;
    padding: 11px 15px;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    transition: all .2s;
    flex-shrink: 0;
}
.dr-cat-link:hover { color: #fff; border-bottom-color: rgba(249,115,22,0.5); }
.dr-cat-link.active { color: #ff9b50; border-bottom-color: var(--accent); }

@media (max-width: 900px) {
    .dr-nav { display: none; }
    .dr-search-wrap { max-width: 100%; }
    .dr-topbar-right { display: none; }
    .dr-header-inner { gap: 12px; }
}
@media (max-width: 600px) {
    .dr-logo-text { font-size: 16px; }

    /* ── Mobil header: 2-satır grid ──
       Satır 1: Logo (sol) | Butonlar (sağ)
       Satır 2: Arama çubuğu (tam genişlik)
       flex-wrap yerine grid → butonlar ASLA alt satıra düşmez */
    .dr-header-inner {
        padding: 10px 12px 4px;
        height: auto;
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        align-items: center;
        gap: 14px 8px;
    }
    .dr-logo {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        max-width: 160px;
    }
    .dr-header-right {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
        margin-left: 0;
    }
    .dr-mobile-search-row {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex;
        align-items: center;
        gap: 10px;
        padding-bottom: 10px;
        width: 100%;
    }
    .dr-telegram-btn,
    .dr-nav-cta {
        padding: 8px 11px !important;
        font-size: 12.5px !important;
        border-radius: 7px;
        white-space: nowrap;
    }
    .dr-mobile-menu-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid rgba(255,255,255,0.18);
        background: rgba(255,255,255,0.08);
        color: #fff;
        cursor: pointer;
        flex-shrink: 0;
    }
    .dr-search-wrap {
        max-width: 100%;
        margin: 0;
        flex: 1 1 auto;
    }
    .dr-search-wrap input { width: 100% !important; display: block !important; }
    .dr-search-btn { display: block !important; }
    .dr-logo img { max-height: 38px !important; width: auto; height: auto; max-width: 100%; }
    .dr-cat-bar { display: none; }

    .dr-mobile-menu {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: flex;
    }
    .dr-mobile-menu-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.6);
        backdrop-filter: blur(3px);
    }
    .dr-mobile-menu-panel {
        position: relative;
        width: min(88vw, 320px);
        height: 100%;
        background: #0d1b2a;
        display: flex;
        flex-direction: column;
        box-shadow: 6px 0 40px rgba(0,0,0,0.5);
        border-right: 1px solid rgba(255,255,255,0.07);
        overflow: hidden;
    }
    .dr-mm-tab-r { position: absolute; left: -9999px; opacity: 0; }
    .dr-mm-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.02);
        flex-shrink: 0;
    }
    .dr-mm-close {
        width: 32px; height: 32px;
        display: flex; align-items: center; justify-content: center;
        border-radius: 8px;
        background: rgba(255,255,255,0.07);
        border: 1px solid rgba(255,255,255,0.1);
        color: #94a3b8;
        cursor: pointer;
        transition: all 0.15s;
    }
    .dr-mm-close:hover { background: rgba(249,115,22,0.15); color: #f97316; }

    .dr-mm-tabs {
        display: flex;
        gap: 0;
        padding: 10px 12px;
        border-bottom: 1px solid rgba(255,255,255,0.07);
        flex-shrink: 0;
        background: rgba(0,0,0,0.15);
    }
    .dr-mm-tab {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 9px 12px;
        font-size: 13px;
        font-weight: 600;
        color: #64748b;
        cursor: pointer;
        border-radius: 8px;
        transition: all 0.2s;
        border: 1px solid transparent;
    }
    .dr-mm-tab svg { color: #475569; transition: color 0.2s; }
    .dr-mm-tab:hover { color: #94a3b8; background: rgba(255,255,255,0.05); }

    #drMmTabCats:checked ~ .dr-mm-tabs label[for="drMmTabCats"],
    #drMmTabMenu:checked ~ .dr-mm-tabs label[for="drMmTabMenu"] {
        background: rgba(249,115,22,0.15);
        color: #f97316;
        border-color: rgba(249,115,22,0.25);
    }
    #drMmTabCats:checked ~ .dr-mm-tabs label[for="drMmTabCats"] svg,
    #drMmTabMenu:checked ~ .dr-mm-tabs label[for="drMmTabMenu"] svg { color: #f97316; }

    .dr-mm-pane {
        flex: 1;
        overflow-y: auto;
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 3px;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,0.08) transparent;
    }
    #drMmTabCats:checked ~ .dr-mm-pane-menu { display: none; }
    #drMmTabMenu:checked ~ .dr-mm-pane-cats { display: none; }

    .dr-mm-link {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 9px;
        color: #cbd5e1;
        font-size: 13.5px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.15s;
        border: 1px solid transparent;
    }
    .dr-mm-link svg { flex-shrink: 0; color: #64748b; transition: color 0.15s; }
    .dr-mm-link:hover {
        background: rgba(249,115,22,0.1);
        color: #f97316;
        border-color: rgba(249,115,22,0.15);
    }
    .dr-mm-link:hover svg { color: #f97316; }
    .dr-mm-link.active {
        background: rgba(249,115,22,0.15);
        color: #f97316;
        font-weight: 700;
        border-color: rgba(249,115,22,0.25);
    }
    .dr-mm-link.active svg { color: #f97316; }
    .dr-mm-count {
        margin-left: auto;
        font-size: 10px;
        font-weight: 700;
        background: rgba(255,255,255,0.07);
        color: #64748b;
        padding: 2px 7px;
        border-radius: 20px;
        flex-shrink: 0;
    }
    .dr-mm-empty {
        padding: 24px;
        text-align: center;
        color: #475569;
        font-size: 13px;
    }
    .dr-mobile-menu-toggle:not(:checked) ~ .dr-mobile-menu { display: none; }
    .dr-mobile-menu-toggle:checked ~ .dr-mobile-menu { display: flex; }
}

/* ── Çok küçük ekranlar (≤360px — eski/kompakt telefonlar) ── */
@media (max-width: 360px) {
    .dr-telegram-btn,
    .dr-nav-cta {
        padding: 7px 9px !important;
        font-size: 11.5px !important;
        gap: 4px !important;
    }
    .dr-logo { max-width: 130px; }
    .dr-logo img { max-height: 32px !important; }
}

@media (min-width: 601px) {
    .dr-mobile-menu-btn { display: none; }
    .dr-mobile-search-row { display: contents; }
}

/* ── HOME PAGE ── */
.dr-hero-section{background:linear-gradient(135deg,var(--navy,#0d1b2a) 0%,#1e3a5f 60%,#1e4d8c 100%);padding:56px 24px;position:relative;overflow:hidden}
.dr-hero-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(249,115,22,.15) 0%,transparent 60%)}
.dr-hero-inner{max-width:var(--max-w,1320px);margin:0 auto;padding:0 24px;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:stretch}.dr-hero-left{width:100%;height:100%;display:flex;flex-direction:column}.dr-hero-right{width:100%;display:flex;flex-direction:column;align-items:center}.dr-hero-label{display:inline-flex;align-items:center;gap:7px;background:rgba(249,115,22,.18);color:var(--accent,#f97316);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;border-radius:20px;border:1px solid rgba(249,115,22,.3);margin:0 auto 16px auto}.dr-hero-left h1{font-size:40px;font-weight:800;color:#fff;line-height:1.18;letter-spacing:-1px;margin-bottom:14px;margin-top:0}.dr-hero-left h1 span{color:var(--accent,#f97316)}.dr-hero-left p{color:#94a3b8;font-size:15.5px;margin:auto 0;max-width:460px}.dr-hero-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:0;margin-bottom:0}.dr-btn-primary{background:var(--accent,#f97316);color:#fff;font-weight:700;padding:13px 26px;border-radius:9px;font-size:14.5px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:all .25s;box-shadow:0 4px 14px rgba(249,115,22,.4)}.dr-btn-primary:hover{background:var(--accent-dark,#ea6500);transform:translateY(-1px)}
.dr-hero-inline-stats{display:flex;align-items:center;gap:16px;padding:10px 20px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:10px}
.dr-inline-stat{text-align:center}
.dr-inline-stat-sep{width:1px;height:30px;background:rgba(255,255,255,0.15)}
.dr-stat-big{font-size:20px;font-weight:800;color:#fff;line-height:1.1}
.dr-stat-small{font-size:11px;color:#94a3b8;margin-top:2px}
.dr-hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.dr-hero-card{position:relative;background:rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;transition:all .28s cubic-bezier(.4,0,.2,1);overflow:hidden;text-align:left}.dr-hero-card::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#f97316,#ea6500);border-radius:14px 14px 0 0;opacity:0.6;transition:opacity .28s}.dr-hero-card:hover{background:rgba(255,255,255,.11);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.2),0 0 0 1px rgba(249,115,22,.2)}.dr-hero-card:hover::before{opacity:1}.dr-hero-card.dr-first{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.2)}.dr-hero-card.dr-first::before{opacity:1}.dr-hero-card-rank{position:absolute;top:10px;right:10px;width:20px;height:20px;background:linear-gradient(135deg,#f97316,#ea6500);color:#fff;font-size:10px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(249,115,22,.4)}.dr-hero-card-img{width:64px;height:64px;border-radius:10px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.2);margin-bottom:12px;flex-shrink:0}.dr-hero-card-img img{width:100%;height:100%;object-fit:contain}.dr-hero-card-hot{display:inline-flex;align-items:center;gap:3px;background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.3);color:#fb923c;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:20px;margin-bottom:6px}.dr-hero-card-brand{color:rgba(249,115,22,.85);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.dr-hero-card-title{color:#f1f5f9;font-size:12px;font-weight:600;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.dr-hero-card-bottom{margin-top:auto;width:100%}.dr-hero-card-prices{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.dr-hero-card-price{color:var(--accent,#f97316);font-size:17px;font-weight:800;letter-spacing:-.4px}.dr-hero-card-old{color:#64748b;font-size:11px;text-decoration:line-through}.dr-hero-card-save{color:#34d399;font-size:10px;font-weight:600;margin-bottom:10px}.dr-hero-card-cta{display:flex;align-items:center;justify-content:space-between;width:100%}.dr-hero-card-badge{background:linear-gradient(135deg,#f97316,#ea6500);color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:20px;box-shadow:0 2px 8px rgba(249,115,22,.35)}.dr-hero-card-arrow{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:14px;transition:all .28s}.dr-hero-card:hover .dr-hero-card-arrow{background:rgba(249,115,22,.2);border-color:rgba(249,115,22,.4);color:var(--accent,#f97316)}
.hp-page-wrap{max-width:1320px;margin:0 auto;padding:28px 24px}
.hp-content-grid{display:flex;gap:24px;align-items:flex-start}
.hp-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}
.hp-sidebar-box{background:#ffffff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.09);overflow:hidden;border:1px solid #e2e8f0}
.hp-sb-title{padding:14px 18px;font-size:12px;font-weight:800;color:#fff;border-bottom:none;display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.7px;background:var(--theme-gradient)}
.hp-sb-title i{color:#ffffff;font-size:13px}
.hp-cat-list{padding:4px 0}
.hp-cat-item{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:13px;color:#475569;transition:all .15s;cursor:pointer;text-decoration:none;background:none;border:none;border-bottom:1px solid #f1f5f9;width:100%;text-align:left;box-sizing:border-box;border-left:3px solid transparent}
.hp-cat-item:last-child{border-bottom:none}
.hp-cat-item:hover{background:#fff7ed;color:#ea6500;border-left-color:#f97316}
.hp-cat-item.active{background:#fff7ed;color:#c2410c;font-weight:700;border-left-color:#f97316}
.hp-cat-item-left{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.hp-cat-item-left i{width:14px;text-align:center;font-size:11px;flex-shrink:0;color:#94a3b8}
.hp-cat-item:hover .hp-cat-item-left i,.hp-cat-item.active .hp-cat-item-left i{color:#f97316}
.hp-cat-count{background:#f1f5f9;color:#64748b;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;flex-shrink:0;margin-left:4px;transition:all .15s}
.hp-cat-item:hover .hp-cat-count{background:rgba(249,115,22,.15);color:#c2410c}
.hp-cat-item.active .hp-cat-count{background:rgba(249,115,22,.2);color:#9a3412}
.hp-cat-child{padding-left:28px;font-size:12px}
.hp-cat-parent{font-weight:600}
.hp-sb-children{padding-left:0}
.hp-sidebar-cta{background:linear-gradient(135deg,#1a2e45,#1e3a5f);border-radius:10px;padding:20px 16px;text-align:center}
.hp-sidebar-cta-title{color:#fff;font-weight:700;font-size:14px;margin-bottom:8px}
.hp-sidebar-cta-text{color:#fff;font-size:12px;margin-bottom:14px;line-height:1.6}
.hp-sidebar-cta-btn{display:block;background:#f97316;color:#fff;padding:9px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s}
.hp-sidebar-cta-btn:hover{background:#ea6500}
.hp-deals-area{flex:1;min-width:0}
.hp-deals-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}
.hp-deals-title-wrap{display:flex;align-items:center;gap:12px}
.hp-deals-title-bar{width:4px;height:22px;background:linear-gradient(180deg,#f97316,#ea6500);border-radius:4px;flex-shrink:0}
.hp-deals-header h2{font-size:17px;font-weight:800;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}
.hp-deals-count{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f97316,#ea6500);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;line-height:1.6}
.hp-deals-search-wrap{position:relative;display:flex;align-items:center}
.hp-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}
.hp-inline-search{padding:0 12px 0 32px;height:38px;box-sizing:border-box;border-radius:8px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:13px;color:#1a202c;outline:none;transition:all .2s;width:185px}
.hp-inline-search:focus{border-color:#f97316;background:#fff;box-shadow:0 0 0 3px rgba(249,115,22,0.1)}
.hp-deals-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hp-sort-dropdown{position:relative}
.hp-btn-sort{display:inline-flex;align-items:center;gap:6px;padding:0 14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#1a202c;cursor:pointer;transition:all .2s;white-space:nowrap;height:38px;box-sizing:border-box}
.hp-btn-sort:hover,.hp-btn-sort.is-open{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,0.1)}
.hp-btn-sort .hp-active-sort{color:#f97316;font-weight:700;margin-left:2px}
.hp-btn-sort svg{color:#94a3b8;transition:transform .2s}
.hp-btn-sort svg.rotate-180{transform:rotate(180deg)}
.hp-sort-menu{position:absolute;top:calc(100% + 6px);right:0;width:190px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.1);padding:6px;z-index:50;display:flex;flex-direction:column;gap:2px;transform-origin:top right}
.hp-sort-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;color:#475569;text-decoration:none;border-radius:6px;transition:all .15s}
.hp-sort-item svg{color:#94a3b8;flex-shrink:0}
.hp-sort-item:hover{background:#f8fafc;color:#1a202c}
.hp-sort-item.active{background:#fff7ed;color:#ea6500;font-weight:700}
.hp-sort-item.active svg{color:#ea6500}
.hp-deals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hp-empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:#64748b}
.hp-empty-state i{font-size:40px;margin-bottom:12px;opacity:.4;display:block}
.hp-pagination-wrap{margin-top:28px;display:flex;justify-content:center}
@media(max-width:1200px){.hp-deals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){.dr-hero-inner{grid-template-columns:1fr;text-align:center}.dr-hero-right{display:none}.dr-hero-left h1{margin-left:auto;margin-right:auto}.dr-hero-left p{margin-left:auto;margin-right:auto}.dr-hero-btns{justify-content:center}.hp-sidebar{width:190px}.hp-deals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.hp-content-grid{flex-direction:column}.hp-sidebar{width:100%;position:static}.hp-deals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dr-hero-section{padding:32px 12px}.dr-hero-inner{padding:0}.dr-hero-left h1{font-size:28px}.dr-hero-left p{margin-bottom:16px}.hp-page-wrap{padding:16px}.dr-hero-btns{gap:6px;flex-wrap:nowrap;align-items:center;justify-content:center}.dr-btn-primary{padding:10px 12px;font-size:12px;white-space:nowrap}.dr-hero-inline-stats{padding:6px 10px;gap:8px;flex-shrink:0}.dr-inline-stat-sep{height:24px}.dr-stat-big{font-size:14px}.dr-stat-small{font-size:9px}}
@media(max-width:480px){.hp-deals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── DEALS INDEX PAGE ── */
.sidebar-card{box-shadow:0 2px 14px rgba(0,0,0,.07);border:1px solid #e8edf2;border-radius:12px;overflow:hidden;margin-bottom:12px}
.dr-sidebar{background:transparent}
.sb-title{display:flex;align-items:center;gap:8px;background:var(--theme-gradient);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1px;padding:13px 16px;text-transform:uppercase}
.sb-title svg{color:#ffffff;stroke:#ffffff;flex-shrink:0}
.sb-item{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:500;color:#374151;padding:9px 16px;border-left:3px solid transparent;border-bottom:none;text-decoration:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:all .15s ease;line-height:1.4;box-sizing:border-box}
.sb-item:hover{background:#fff7ed;color:#f97316;border-left-color:rgba(249,115,22,.4);padding-left:20px}
.sb-item.active{background:linear-gradient(90deg,#fff7ed,#fff);color:#ea6500;border-left-color:#f97316;font-weight:700}
.sb-item .cnt{font-size:10px;font-weight:700;background:#f1f5f9;color:#64748b;padding:1px 7px;border-radius:20px;flex-shrink:0;margin-left:6px;min-width:24px;text-align:center}
.sb-item:hover .cnt,.sb-item.active .cnt{background:rgba(249,115,22,.15);color:#ea6500}
.sb-filter-title{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0d1b2a 0%,#1a3a5c 100%);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:10px 16px;margin:0;text-transform:uppercase;border-top:1px solid rgba(255,255,255,0.05)}
.sb-filter-title::before{content:'';display:inline-block;width:3px;height:12px;background:#f97316;border-radius:2px;flex-shrink:0}
.sb-filter-item{padding:8px 16px;font-size:12.5px;color:#475569}
.sb-filter-item:hover{background:#fff7ed;color:#f97316;border-left-color:rgba(249,115,22,.3);padding-left:20px}
.sb-filter-item.active{background:linear-gradient(90deg,#fff7ed,#fff);color:#ea6500;border-left-color:#f97316;font-weight:700}
.sb-parent{font-weight:600}
.sb-child{padding-left:28px;font-size:12px;color:#64748b;border-left-color:transparent}
.sb-child:hover{padding-left:31px}
.sb-clear-filters{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 12px 12px;padding:8px 16px;background:#fff7ed;border:1.5px solid rgba(249,115,22,.3);border-radius:8px;color:#f97316;font-size:12px;font-weight:700;text-decoration:none;transition:all .18s;width:calc(100% - 24px);box-sizing:border-box}
.sb-clear-filters:hover{background:#f97316;color:#fff;border-color:#f97316}
.dr-cat-banner{background:linear-gradient(135deg,#0d1b2a,#1e3a5f);border-bottom:2px solid rgba(249,115,22,.3)}
.dr-cat-title{color:#fff}
.dr-cat-sub{color:#94a3b8}
.dr-cat-sub strong{color:#f97316}
.dr-cat-icon{background:rgba(249,115,22,.15)}
.dr-cat-icon svg{color:#f97316;stroke:#f97316}
.cstat{background:rgba(255,255,255,.06)}
.cstat .cl{color:#64748b}
.cstat .cv{color:#fff}
.cstat .cv.red{color:#f97316}
.cstat .cv.green{color:#10b981}
.subcat-pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#94a3b8}
.subcat-pill:hover{border-color:rgba(249,115,22,.5);color:#f97316}
.subcat-pill.active{background:rgba(249,115,22,.15);color:#f97316;border-color:rgba(249,115,22,.4)}
.dr-subcat-bar{background:#1e3a5f;border-bottom:none}
.result-cnt{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ffffff}
.result-cnt-badge{background:linear-gradient(135deg,#f97316,#ea6500);color:#fff;font-size:11px;font-weight:700;padding:1px 8px;border-radius:20px;line-height:1.7}

/* ── DEAL SHOW PAGE THEME ── */
.dr-breadcrumb-card{background:linear-gradient(180deg,#3c5c80 0%,#0a377d 100%);border:1px solid rgba(255,255,255,0.12);box-shadow:0 4px 12px rgba(10,55,125,0.15)}
.dr-breadcrumb-card a{color:#ffffff;font-weight:700}
.dr-breadcrumb-card a:hover{color:#e2e8f0}
.dr-breadcrumb-card .bc-sep{color:rgba(255,255,255,0.6)}
.dr-breadcrumb-card .bc-current{color:#ffffff;font-weight:800}
.dr-badge-off{background:#f97316}
.dr-badge-score{background:rgba(249,115,22,.15);color:#f97316}
.dr-badge-low{background:#ecfdf5;color:#059669}
.dr-badges .dr-badge{font-size:12px;padding:4px 10px}
.dr-price-box{background:#f8fafc;border-color:#e2e8f0}
.dr-price-now{color:#1a202c;font-size:32px}
.dr-price-save{color:#059669;font-weight:700;font-size:13px}
.dr-btn-amazon{background:#f97316;border-radius:10px;font-size:15px;padding:14px;box-shadow:0 4px 14px rgba(249,115,22,.35);transition:all .25s}
.dr-btn-amazon:hover{background:#ea6500;transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.45)}
.dr-meta-table{border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.dt-row{background:#fff;border-bottom:1px solid #f1f5f9}
.dt-label{color:#64748b}
.dt-value{color:#1a202c}
.dr-section-card{border-color:#e2e8f0;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-top:13px}
.dr-sc-title{color:var(--theme-secondary);font-size:16px;font-weight:700}
.dr-details-table{background:#e2e8f0;border-color:#e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.dr-stars{color:#f59e0b}
.dr-rating-num{color:#1a202c;font-weight:700}
.dr-expires-bar{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.2);color:#92400e;border-radius:8px}
.dr-expires-bar strong{color:#c2410c}
.dr-gallery-main{border-color:#e2e8f0;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.1)}
.dr-gallery-thumb.active{border-color:#f97316}
@media(max-width:600px){
  .dr-top-grid{grid-template-columns:1fr;gap:14px}
  .dr-breadcrumb-card{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .dr-details-table,.dr-meta-table{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dt-row{flex-direction:column;align-items:flex-start;gap:2px;padding:10px}
  .dt-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#94a3b8;line-height:1.2}
  .dt-value{font-size:13px;font-weight:700;color:#1a202c;word-break:break-word;line-height:1.3}
  .hp-hide-mobile { display: none !important; }
}

/* ═══════════════════════════════════════════════════
   DEAL SHOW PAGE — Social Share
   ═══════════════════════════════════════════════════ */
.dr-social-share-card {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
    margin-top: 13px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.dr-social-share-header {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 14px;
}
.dr-social-buttons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.dr-share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(.4,0,.2,1);
    white-space: nowrap;
    font-family: inherit;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.dr-share-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
    color: #fff;
}
.dr-share-btn svg { flex-shrink: 0; }
.dr-share-whatsapp  { background: linear-gradient(135deg,#25d366,#128c3f); }
.dr-share-telegram  { background: linear-gradient(135deg,#2aabee,#1477b5); }
.dr-share-reddit    { background: linear-gradient(135deg,#ff6314,#cc3300); }
.dr-share-pinterest { background: linear-gradient(135deg,#e60023,#a3001a); }
.dr-share-instagram { background: linear-gradient(135deg,#f09433,#e6683c,#dc2743,#bc1888); }
.dr-share-email     { background: linear-gradient(135deg,#6366f1,#4338ca); }
@media (max-width: 600px) {
    .dr-social-buttons { grid-template-columns: repeat(2, 1fr); }
}

/* ═══════════════════════════════════════════════════
   DEAL SHOW PAGE — Similar Products
   ═══════════════════════════════════════════════════ */
.dr-similar-section { margin-top: 13px; margin-bottom: 13px; }
.dr-similar-header {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--theme-gradient) !important;
    color: #fff;
    padding: 12px 18px;
    border-radius: 12px;
    margin-bottom: 12px;
    box-shadow: 0 4px 14px rgba(13,27,42,0.25);
}
.dr-similar-header h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.2px;
}
.dr-similar-header svg { color: #ffffff !important; flex-shrink: 0; }
.dr-similar-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
.dr-similar-item:nth-child(5) { display: none; }
@media (min-width: 1100px) {
    .dr-similar-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .dr-similar-item:nth-child(5) { display: block; }
}
@media (max-width: 1099px) and (min-width: 768px) {
    .dr-similar-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .dr-similar-item:nth-child(5) { display: none; }
}
@media (max-width: 767px) {
    .dr-similar-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .dr-similar-item:nth-child(5) { display: none; }
}

/* ═══════════════════════════════════════════════════
   DEAL SHOW PAGE — Comments
   ═══════════════════════════════════════════════════ */
.dr-comments-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    margin-top: 13px;
}
.dr-comments-header {
    background: var(--theme-gradient) !important;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dr-comments-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}
.dr-comments-title-row svg { color: #ffffff !important; }
.dr-comments-title-row h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
}
.dr-comments-badge {
    background: rgba(249,115,22,0.2);
    border: 1px solid rgba(249,115,22,0.4);
    color: #fdba74;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
}
.dr-comments-body { padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.dr-comment-form {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.dr-comment-form-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 700;
    color: #1a2e45;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.dr-comment-form-title svg { color: #f97316; }
.dr-cmt-input, .dr-cmt-textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    font-size: 13.5px;
    font-family: inherit;
    color: #1a202c;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    outline: none;
}
.dr-cmt-input:focus, .dr-cmt-textarea:focus {
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249,115,22,0.12);
}
.dr-cmt-textarea { resize: vertical; min-height: 90px; }
.dr-cmt-form-footer { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.dr-cmt-submit {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: linear-gradient(135deg, #f97316, #ea6500);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 11px 22px;
    font-size: 13.5px;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(249,115,22,0.35);
}
.dr-cmt-submit:hover { background: linear-gradient(135deg,#ff8a3d,#f97316); transform: translateY(-1px); }
.dr-cmt-submit:disabled { opacity: 0.65; cursor: not-allowed; transform: none; }
.dr-cmt-success { font-size: 13px; color: #10b981; font-weight: 600; }
.dr-cmt-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px;
    color: #64748b;
    font-size: 14px;
}
.dr-cmt-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 36px 20px;
    text-align: center;
    gap: 8px;
    color: #94a3b8;
}
.dr-cmt-empty p { margin: 0; font-size: 15px; font-weight: 700; color: #64748b; }
.dr-cmt-empty span { font-size: 13px; }
.dr-cmt-list { display: flex; flex-direction: column; gap: 14px; }
.dr-cmt-item {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition: box-shadow 0.2s;
}
.dr-cmt-item:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.07); }
.dr-cmt-left { display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; }
.dr-cmt-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a2e45, #f97316);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.dr-cmt-votes { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.dr-vote-btn {
    background: none;
    border: none;
    font-size: 11px;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    transition: all 0.15s;
    color: #94a3b8;
}
.dr-vote-up:hover { color: #f97316; background: rgba(249,115,22,0.1); }
.dr-vote-down:hover { color: #6366f1; background: rgba(99,102,241,0.1); }
.dr-vote-count { font-size: 13px; font-weight: 800; color: #1a2e45; }
.dr-cmt-body { flex: 1; min-width: 0; }
.dr-cmt-meta { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; flex-wrap: wrap; }
.dr-cmt-author { font-size: 13.5px; font-weight: 700; color: #1a2e45; }
.dr-cmt-dot { color: #cbd5e1; }
.dr-cmt-date { font-size: 12px; color: #94a3b8; }
.dr-cmt-text { font-size: 13.5px; color: #374151; line-height: 1.6; white-space: pre-wrap; word-break: break-word; margin-bottom: 10px; }
.dr-reply-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0;
    transition: color 0.15s;
}
.dr-reply-btn:hover { color: #f97316; }
.dr-reply-form-wrap {
    margin-top: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px;
}
.dr-reply-form { display: flex; flex-direction: column; gap: 10px; }
.dr-cmt-cancel {
    padding: 8px 16px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.15s;
}
.dr-cmt-cancel:hover { background: #e2e8f0; color: #374151; }
.dr-replies {
    margin-top: 12px;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.dr-reply-item { display: flex; gap: 10px; align-items: flex-start; }
.dr-reply-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, #334155, #64748b);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* ═══════════════════════════════════════════════════
   DEAL SHOW PAGE — Product Details Card
   ═══════════════════════════════════════════════════ */
.dr-pdetails-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    margin-top: 13px;
    margin-bottom: 13px;
}
.dr-pdetails-header {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--theme-gradient) !important;
    color: #fff;
    padding: 16px 22px;
    box-shadow: 0 2px 8px rgba(13,27,42,0.2);
}
.dr-pdetails-header svg { color: #ffffff !important; flex-shrink: 0; }
.dr-pdetails-header h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.2px;
}
.dr-pdetails-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: 1px solid #e2e8f0;
    border-left: 1px solid #e2e8f0;
}
.dr-pd-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    transition: background 0.12s;
    flex-wrap: wrap;
}
.dr-pd-row:hover { background: #f8fafc; }
.dr-pd-lbl {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    word-break: break-word;
}
.dr-pd-val {
    font-size: 12.5px;
    font-weight: 700;
    color: #1a202c;
    text-align: right;
    word-break: break-word;
}
.dr-pd-badge-red {
    display: inline-block;
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 5px;
}
.dr-pd-badge-green {
    display: inline-block;
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
    font-size: 11px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 5px;
}
@media (max-width: 600px) {
    .dr-pdetails-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px) {
    .dr-pdetails-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════
   DEAL SHOW PAGE — Product Description Card
   ═══════════════════════════════════════════════════ */
.dr-desc-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    margin-top: 13px;
    margin-bottom: 13px;
}
.dr-desc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--theme-gradient) !important;
    padding: 16px 22px;
}
.dr-desc-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.dr-desc-title-row svg { color: #ffffff !important; flex-shrink: 0; }
.dr-desc-title-row h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.2px;
}
.dr-desc-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(249,115,22,0.18);
    border: 1px solid rgba(249,115,22,0.35);
    color: #fdba74;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 11px;
    border-radius: 20px;
    white-space: nowrap;
}
.dr-desc-body { padding: 24px 26px; }
.dr-desc-content {
    font-size: 14.5px;
    line-height: 1.85;
    color: #374151;
    word-break: break-word;
}
.dr-desc-content p { margin: 0 0 14px 0; }
.dr-desc-content p:last-child { margin-bottom: 0; }
.dr-desc-content h1,.dr-desc-content h2,.dr-desc-content h3 {
    color: #1a2e45;
    font-weight: 700;
    margin: 20px 0 10px;
    line-height: 1.3;
}
.dr-desc-content h2 { font-size: 16px; }
.dr-desc-content h3 { font-size: 14px; }
.dr-desc-content ul, .dr-desc-content ol {
    padding-left: 20px;
    margin: 10px 0 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.dr-desc-content li { font-size: 14px; color: #374151; position: relative; }
.dr-desc-content ul li::marker { color: #f97316; }
.dr-desc-content strong, .dr-desc-content b { color: #1a2e45; font-weight: 700; }
.dr-desc-content a { color: #f97316; text-decoration: underline; }
.dr-desc-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 30px 20px;
    text-align: center;
    color: #94a3b8;
}
.dr-desc-empty svg { opacity: 0.4; }
.dr-desc-empty p { margin: 0; font-size: 14px; color: #64748b; line-height: 1.6; }

/* ═══════════════════════════════════════════════════
   DEAL SHOW PAGE — AI Description Formatting
   ═══════════════════════════════════════════════════ */
.ai-desc h2, .ai-desc h3 {
    font-weight: 700;
    font-size: 1.05em;
    margin: 10px 0 6px;
    color: inherit;
}
.ai-desc p { margin: 0 0 10px; }
.ai-desc ul { margin: 0 0 10px 18px; padding: 0; list-style-type: disc; }
.ai-desc ol { margin: 0 0 10px 18px; padding: 0; list-style-type: decimal; }
.ai-desc li { margin: 0 0 6px; }

/* ═══════════════════════════════════════════════════
   DEAL CARD — No Image Fallback
   ═══════════════════════════════════════════════════ */
.dr-card-img.dr-no-img-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 10px;
}
.dr-card-img.dr-no-img-fallback::after {
    content: 'No Image';
}

/* ═══════════════════════════════════════════════════
   FOOTER STYLES
   ═══════════════════════════════════════════════════ */
.dr-footer {
    background: var(--navy, #0d1b2a);
    border-top: 2px solid rgba(249,115,22,0.2);
    margin-top: 13px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.dr-footer-top {
    max-width: var(--max-w, 1320px);
    margin: 0 auto;
    padding: 56px 24px 40px;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.6fr;
    gap: 40px;
}
.dr-footer-brand p {
    color: #94a3b8;
    font-size: 13.5px;
    line-height: 1.7;
    margin-bottom: 20px;
}
.dr-social-links { display: flex; gap: 10px; }
.dr-social-btn {
    width: 38px; height: 38px;
    border-radius: 9px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex; align-items: center; justify-content: center;
    color: #cbd5e1;
    font-size: 15px;
    text-decoration: none;
    transition: all .25s;
    cursor: pointer;
}
.dr-social-btn:hover {
    background: var(--accent, #f97316);
    border-color: var(--accent, #f97316);
    color: #fff;
    transform: translateY(-2px);
}
.dr-footer-col h4,
.dr-newsletter-box h4 {
    color: #e2e8f0;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(249,115,22,0.3);
    display: inline-block;
}
.dr-footer-links {
    list-style: none;
    padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 10px;
}
.dr-footer-links a {
    color: #cbd5e1;
    font-size: 13.5px;
    text-decoration: none;
    display: flex; align-items: center; gap: 8px;
    transition: all .2s;
}
.dr-footer-links a i { font-size: 10px; width: 14px; }
.dr-footer-links a:hover { color: var(--accent, #f97316); padding-left: 4px; }
.dr-footer-stats { display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px; }
.dr-stat-num { font-size: 22px; font-weight: 800; color: #fff; letter-spacing: -0.5px; }
.dr-stat-label { font-size: 12px; color: #94a3b8; margin-top: 2px; }
.dr-footer-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.dr-footer-badge {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    color: #94a3b8;
    font-size: 11px; font-weight: 600;
    padding: 5px 12px; border-radius: 6px;
    display: flex; align-items: center; gap: 6px;
}
.dr-footer-badge i { color: #10b981; }
.dr-newsletter-box p { color: #94a3b8; font-size: 13px; margin-bottom: 16px; line-height: 1.6; }
.dr-newsletter-form { display: flex; flex-direction: column; gap: 10px; }
.dr-newsletter-form input {
    padding: 12px 16px;
    border-radius: 8px;
    border: 1.5px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.85);
    color: #000000;
    font-size: 13.5px;
    font-family: inherit;
    transition: border-color .2s, background-color .2s;
}
.dr-newsletter-form input::placeholder { color: #556375; }
.dr-newsletter-form input:focus {
    outline: none;
    border-color: var(--accent, #f97316);
    background: #ffffff;
    color: #000000;
}
.dr-newsletter-form button {
    padding: 12px 20px;
    background: #ffffff !important;
    color: #0a377d !important;
    border: none !important; border-radius: 8px !important;
    font-size: 13.5px !important; font-weight: 800 !important;
    cursor: pointer !important; font-family: inherit !important;
    display: flex !important; align-items: center !important;
    justify-content: center !important; gap: 8px !important;
    transition: all .2s !important;
}
.dr-newsletter-form button:hover {
    background: #f8fafc !important;
    color: #05234d !important;
    box-shadow: 0 4px 12px rgba(255,255,255,0.15) !important;
}
.dr-footer-mid {
    border-top: 1px solid rgba(255,255,255,0.07);
    max-width: var(--max-w, 1320px);
    margin: 0 auto;
    padding: 20px 24px;
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.dr-footer-mid-label {
    font-size: 12px; font-weight: 700;
    color: #475569;
    text-transform: uppercase; letter-spacing: .6px;
    flex-shrink: 0;
    display: flex; align-items: center; gap: 6px;
}
.dr-cat-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.dr-cat-tag {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    color: #cbd5e1;
    font-size: 12px;
    padding: 4px 12px; border-radius: 20px;
    text-decoration: none;
    transition: all .2s;
}
.dr-cat-tag:hover { border-color: var(--accent, #f97316); color: var(--accent, #f97316); }
.dr-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.07);
    max-width: var(--max-w, 1320px);
    margin: 0 auto;
    padding: 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 12px;
}
.dr-footer-copyright, .dr-footer-copyright p { color: #ffffff; font-size: 13px; margin: 0; line-height: 1.6; }
.dr-footer-copyright strong { color: #ffffff; font-weight: 700; }
.dr-footer-legal { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.dr-footer-legal a { color: #cbd5e1; font-size: 13px; text-decoration: none; transition: color .2s; }
.dr-footer-legal a:hover { color: var(--accent, #f97316); }
@media (max-width: 1024px) {
    .dr-footer-top { grid-template-columns: 1fr 1fr 1fr; }
    .dr-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .dr-footer-top { grid-template-columns: 1fr 1fr; padding: 32px 16px 24px; gap: 28px; }
    .dr-footer-mid, .dr-footer-bottom { padding: 16px; }
    .dr-footer-recent { grid-column: 1 / -1; }
    .dr-footer-recent .dr-footer-links a {
        display: block; white-space: nowrap;
        overflow: hidden; text-overflow: ellipsis; width: 100%;
    }
    .dr-footer-recent .dr-footer-links a i { display: inline-block; margin-right: 6px; }
}