/* It's On Sale — Daily Brief styles */
.iosdb-wrap{ max-width:1400px; margin:0 auto; padding:0 0 28px; font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif; color:#fff; box-sizing:border-box; }
.iosdb-wrap *{ box-sizing:border-box; }

/* === Hero banner === */
.iosdh-wrap{ max-width:1400px; margin:0 auto 32px; padding:36px 32px 28px; color:#fff; box-sizing:border-box; }
.iosdh-wrap *{ box-sizing:border-box; }
.iosdh-row{ display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center; }
.iosdh-ico{ width:96px; height:96px; border-radius:50%; position:relative; flex-shrink:0; background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.5) 0%,transparent 32%),linear-gradient(180deg,#FFB45E 0%,#FF8A1E 45%,#FF6A0B 100%); box-shadow:0 16px 32px rgba(255,106,11,.45),0 6px 14px rgba(0,0,0,.4),inset 0 -18px 24px rgba(120,30,0,.4),inset 0 6px 14px rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; }
.iosdh-ico::before{ content:''; position:absolute; left:14%; top:10%; width:50%; height:30%; border-radius:50%; background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0%,transparent 70%); filter:blur(2px); pointer-events:none; }
.iosdh-ico svg{ width:52px; height:52px; position:relative; z-index:2; filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)); }
.iosdh-body{ min-width:0; }
.iosdh-kicker{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#FF8A1E; margin:0 0 12px; }
.iosdh-kicker::before{ content:''; width:8px; height:8px; border-radius:50%; background:#FF8A1E; box-shadow:0 0 12px rgba(255,138,30,.8); }
.iosdh-title{ font-size:54px; line-height:1; font-weight:800; letter-spacing:-.025em; color:#fff; margin:0 0 16px; }
.iosdh-sub{ font-size:17px; line-height:1.5; color:rgba(255,255,255,.72); margin:0; max-width:780px; }
.iosdh-cta{ display:inline-flex; align-items:center; gap:10px; padding:16px 28px; background:linear-gradient(180deg,#FFB45E 0%,#FF8A1E 45%,#FF6A0B 100%); border-radius:14px; color:#fff; font-weight:800; font-size:14px; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; box-shadow:0 14px 28px rgba(255,106,11,.45),0 5px 12px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25); transition:transform 280ms ease, box-shadow 280ms ease; white-space:nowrap; }
.iosdh-cta:hover{ transform:translateY(-2px); box-shadow:0 20px 38px rgba(255,106,11,.55),0 8px 18px rgba(0,0,0,.35); color:#fff; text-decoration:none; }
.iosdh-cta-arrow{ font-size:16px; line-height:1; transition:transform 240ms ease; }
.iosdh-cta:hover .iosdh-cta-arrow{ transform:translateX(4px); }
.iosdh-divider{ height:1px; background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.15) 80%,transparent 100%); margin:32px 0 22px; }
.iosdh-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.iosdh-stat{ padding:8px 24px; border-left:1px solid rgba(255,255,255,.1); position:relative; }
.iosdh-stat:first-child{ border-left:none; padding-left:0; }
.iosdh-stat-value{ font-size:30px; line-height:1.05; font-weight:800; color:#fff; margin:0 0 6px; letter-spacing:-.01em; }
.iosdh-stat-value.iosdh-live{ color:#FF8A1E; display:inline-flex; align-items:center; gap:10px; }
.iosdh-stat-value.iosdh-live::before{ content:''; width:10px; height:10px; border-radius:50%; background:#FF8A1E; box-shadow:0 0 12px rgba(255,138,30,.8); animation:iosdh-pulse 1.8s ease-in-out infinite; }
@keyframes iosdh-pulse{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.55; transform:scale(.8); } }
.iosdh-stat-label{ font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.55); margin:0; }
@media (max-width:1024px){ .iosdh-row{ grid-template-columns:auto 1fr; } .iosdh-cta{ grid-column:1 / -1; justify-self:start; margin-top:8px; } .iosdh-title{ font-size:42px; } }
@media (max-width:640px){ .iosdh-wrap{ padding:28px 20px 22px; } .iosdh-row{ grid-template-columns:1fr; gap:18px; } .iosdh-ico{ width:72px; height:72px; } .iosdh-ico svg{ width:40px; height:40px; } .iosdh-title{ font-size:34px; } .iosdh-sub{ font-size:15px; } .iosdh-cta{ width:100%; justify-content:center; } .iosdh-stats{ grid-template-columns:repeat(2,1fr); gap:18px 0; } .iosdh-stat{ padding:8px 16px; } .iosdh-stat:nth-child(3){ border-left:none; padding-left:0; } .iosdh-stat-value{ font-size:24px; } }
/* === End hero === */

.iosdb-grid-wrap{ padding:0 20px; }

.iosdb-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.iosdb-cols-1 .iosdb-grid{ grid-template-columns:1fr; }
.iosdb-cols-2 .iosdb-grid{ grid-template-columns:repeat(2,1fr); }
.iosdb-cols-3 .iosdb-grid{ grid-template-columns:repeat(3,1fr); }
.iosdb-cols-4 .iosdb-grid{ grid-template-columns:repeat(4,1fr); }

.iosdb-card{ background:linear-gradient(180deg,#15295a 0%,#0f1d3a 100%); border:1px solid rgba(255,255,255,.18); border-radius:20px; overflow:hidden; box-shadow:0 18px 44px rgba(0,0,0,.5),0 6px 18px rgba(0,0,0,.35); transition:transform 300ms cubic-bezier(.2,.7,.2,1),border-color 300ms ease,box-shadow 300ms ease; }
.iosdb-card:hover{ transform:translateY(-4px); border-color:rgba(255,138,30,.55); box-shadow:0 24px 60px rgba(0,0,0,.6),0 8px 22px rgba(255,138,30,.18); }

.iosdb-card-link{ display:block; color:inherit; text-decoration:none; }
.iosdb-card-link:hover{ color:inherit; text-decoration:none; }

.iosdb-card-media{ position:relative; width:100%; aspect-ratio:16/9; background-color:#0a1530; background-size:cover; background-position:center; }
.iosdb-card-media--placeholder{ display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.45); font-weight:700; font-size:22px; text-align:center; line-height:1.05; background:linear-gradient(180deg,#1a2f66 0%,#0a1530 100%); }

.iosdb-card-body{ padding:18px 20px 22px; }
.iosdb-card-meta{ display:flex; align-items:center; gap:6px; font-size:12px; color:rgba(255,255,255,.55); letter-spacing:.02em; margin:0 0 10px; }
.iosdb-card-dot{ opacity:.5; }
.iosdb-card-date{ font-weight:600; color:#FFB45E; }
.iosdb-card-author{ font-weight:500; }
.iosdb-card-title{ font-size:19px; line-height:1.3; font-weight:700; color:#fff; margin:0 0 10px; letter-spacing:-.01em; }
.iosdb-card-excerpt{ font-size:14px; line-height:1.5; color:rgba(255,255,255,.7); margin:0 0 14px; }
.iosdb-card-cta{ display:inline-block; font-size:13px; font-weight:700; color:#FF8A1E; letter-spacing:.02em; }
.iosdb-card-cta span{ display:inline-block; transition:transform 240ms ease; margin-left:4px; }
.iosdb-card:hover .iosdb-card-cta span{ transform:translateX(4px); }

.iosdb-empty{ padding:60px 20px; text-align:center; color:rgba(255,255,255,.6); font-size:16px; }

.iosdb-pagination{ display:flex; align-items:center; justify-content:center; gap:16px; margin:36px 0 8px; }
.iosdb-page-btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 22px; border-radius:14px; background:linear-gradient(180deg,#15295a 0%,#0f1d3a 100%); border:1px solid rgba(255,255,255,.2); color:#fff; font-weight:700; font-size:14px; text-decoration:none; transition:all 240ms ease; }
.iosdb-page-btn:hover{ border-color:#FF8A1E; color:#fff; text-decoration:none; transform:translateY(-2px); }
.iosdb-page-btn.is-disabled{ opacity:.35; pointer-events:none; }
.iosdb-page-status{ color:rgba(255,255,255,.65); font-size:13px; font-weight:500; letter-spacing:.02em; }

@media (max-width:1100px){
    .iosdb-cols-3 .iosdb-grid,
    .iosdb-cols-4 .iosdb-grid{ grid-template-columns:repeat(2,1fr); gap:18px; }
    .iosdb-title{ font-size:38px; }
}
@media (max-width:640px){
    .iosdb-grid,
    .iosdb-cols-2 .iosdb-grid,
    .iosdb-cols-3 .iosdb-grid,
    .iosdb-cols-4 .iosdb-grid{ grid-template-columns:1fr; gap:16px; }
    .iosdb-title{ font-size:32px; }
    .iosdb-card-title{ font-size:17px; }
    .iosdb-pagination{ gap:10px; }
    .iosdb-page-btn{ padding:10px 16px; font-size:13px; }
}