/* === CarPlay Black Week Landing 1.3.2 === */
:root{ --card:#fff; --line:#e6e8ec; --btn-bg:#111111; --btn-text:#ffffff; --accent:#00C7B7; }
*{box-sizing:border-box}
.cbl-hero{background:linear-gradient(180deg,#0b0d11,#141821);color:#fff;padding:56px 16px 44px}
.cbl-hero-inner{max-width:1160px;margin:0 auto;text-align:center}
.cbl-kicker{display:inline-block;background:var(--accent);color:#052d2a;border-radius:999px;padding:6px 12px;font-weight:700;font-size:12px;margin-bottom:10px}
.cbl-title{font-size:clamp(30px,6vw,60px);margin:0 0 8px;font-weight:900;letter-spacing:.2px;color:#fff}
.cbl-sub{opacity:.95;margin:0 0 18px;font-size:clamp(15px,2.5vw,19px);color:#fff}
.cbl-countdown{display:flex;justify-content:center;gap:12px;margin:14px 0 22px;flex-wrap:wrap}
.cbl-countdown .item{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px);border-radius:12px;padding:10px 12px;min-width:76px}
.cbl-countdown .num{display:block;font-size:22px;font-weight:800}
.cbl-countdown .lbl{display:block;font-size:11px;opacity:.85}
.cbl-coupon{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}
.cbl-coupon .code{display:flex;gap:8px;align-items:center;background:#fff;color:#0b0d11;border-radius:12px;padding:10px 12px;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.cbl-coupon .code .badge{background:#0b0d11;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}
.cbl-coupon .copy{background:var(--btn-bg) !important;color:var(--btn-text) !important;border:0;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:800}
.cbl-cta{display:inline-block;margin-top:16px;background:var(--btn-bg) !important;color:var(--btn-text) !important;border-radius:12px;padding:14px 18px;font-weight:900;text-decoration:none;border:2px solid #00000020;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.cbl-grid{background:#f7f7fb;padding:34px 16px}
.cbl-grid .wrap{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:980px){.cbl-grid .wrap{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.cbl-grid .wrap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.cbl-grid .wrap{grid-template-columns:1fr}}
.cbl-grid .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}
.cbl-grid .card .img{display:block;position:relative;background:#f5f6fa;border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.cbl-grid .card .img img{width:100%;height:100%;object-fit:contain;display:block}
.cbl-grid .card .img .disc{position:absolute;left:10px;top:10px;background:var(--accent);color:#052d2a;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.cbl-grid .card .title{font-size:16px;margin:6px 0 0}
.cbl-grid .card .title a{text-decoration:none;color:#111}
.cbl-grid .card .price{font-weight:900;font-size:18px}
.cbl-grid .card a.button, .cbl-grid .card button.button, .cbl-grid .card .cbl-fallback{
  background:var(--btn-bg) !important;color:var(--btn-text) !important;border-radius:10px;padding:10px 12px;font-weight:800;text-decoration:none;display:block;text-align:center;margin-top:auto;border:0;
}
.cbl-fullbleed{width:100%}.cbl-fullbleed .cbl-hero-inner, .cbl-fullbleed .wrap{max-width:1280px}