/* ============================================================
   SUNDARAM MOTORS — COOKIE CONSENT
   Banner + preference centre. Sits above everything else.
   ============================================================ */
.cc-scrim{
  position:fixed;inset:0;z-index:2990;
  background:rgba(6,8,10,.6);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  display:none;
}
.cc-scrim.on{display:block;}

.cc{
  position:fixed;z-index:3000;
  left:50%;bottom:22px;transform:translateX(-50%) translateY(16px);
  width:min(940px,calc(100vw - 28px));
  background:var(--graphite,#16191F);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  box-shadow:0 26px 70px rgba(0,0,0,.55);
  padding:clamp(20px,3vw,28px);
  color:#C8CDD4;
  opacity:0;visibility:hidden;
  transition:opacity .3s ease,transform .3s ease,visibility .3s;
}
.cc.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

.cc h2{
  font-family:var(--ff-display,sans-serif);font-weight:800;
  font-size:1.12rem;color:#fff;margin:0 0 8px;letter-spacing:-.01em;
}
.cc p{margin:0 0 16px;font-size:.92rem;line-height:1.62;color:#A8B0BA;}
.cc p a{color:var(--amber,#FBAB45);text-decoration:underline;text-underline-offset:3px;}

.cc-actions{display:flex;gap:10px;flex-wrap:wrap;}
/* Accept and Reject are deliberately the same size and weight:
   consent is only valid if refusing is as easy as agreeing. */
.cc-btn{
  flex:1 1 190px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;border-radius:100px;border:1px solid transparent;
  font-family:var(--ff-display,sans-serif);font-weight:600;font-size:.83rem;
  letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
  transition:transform .18s,background .18s,color .18s,border-color .18s;
}
.cc-accept{background:var(--amber,#FBAB45);color:#0B0E11;}
.cc-accept:hover{background:#fff;transform:translateY(-2px);}
.cc-reject{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.3);}
.cc-reject:hover{background:#fff;color:#0B0E11;transform:translateY(-2px);}
.cc-manage{background:transparent;color:#A8B0BA;border-color:rgba(255,255,255,.18);flex:1 1 150px;}
.cc-manage:hover{color:#fff;border-color:rgba(255,255,255,.4);}

/* ---- preference centre ---- */
.cc-panel{display:none;margin-top:6px;}
.cc.expanded .cc-panel{display:block;}
.cc.expanded{max-height:86svh;overflow-y:auto;}

.cc-cat{
  border:1px solid rgba(255,255,255,.12);border-radius:12px;
  padding:16px 18px;margin-bottom:10px;background:rgba(255,255,255,.035);
}
.cc-cat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.cc-cat h3{
  font-family:var(--ff-display,sans-serif);font-weight:700;font-size:.95rem;
  color:#fff;margin:0 0 5px;
}
.cc-cat p{margin:0;font-size:.86rem;color:#8A929C;line-height:1.55;}
.cc-cat small{
  display:block;margin-top:8px;font-family:var(--ff-mono,monospace);
  font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#6E7681;
}

/* toggle */
.cc-sw{position:relative;flex:0 0 auto;width:46px;height:26px;}
.cc-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
.cc-sw span{
  position:absolute;inset:0;border-radius:100px;pointer-events:none;
  background:rgba(255,255,255,.16);transition:background .2s;
}
.cc-sw span::after{
  content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;
  border-radius:50%;background:#fff;transition:transform .2s;
}
.cc-sw input:checked + span{background:var(--amber,#FBAB45);}
.cc-sw input:checked + span::after{transform:translateX(20px);}
.cc-sw input:disabled + span{background:rgba(251,171,69,.45);cursor:not-allowed;}
.cc-sw input:focus-visible + span{outline:2px solid var(--amber,#FBAB45);outline-offset:3px;}

.cc-save{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}

/* ---- blocked embed placeholder ---- */
.cc-block{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;text-align:center;
  padding:26px;background:#0B0E11;color:#A8B0BA;
}
.cc-block i{font-size:1.9rem;color:var(--amber,#FBAB45);}
.cc-block p{margin:0;font-size:.9rem;max-width:44ch;line-height:1.6;}
.cc-block button{
  padding:11px 22px;border-radius:100px;border:0;cursor:pointer;
  background:var(--amber,#FBAB45);color:#0B0E11;
  font-family:var(--ff-display,sans-serif);font-weight:600;font-size:.8rem;
  letter-spacing:.05em;text-transform:uppercase;
}
.cc-block button:hover{background:#fff;}

/* footer link */
.cc-link{background:none;border:0;padding:0;cursor:pointer;
  font:inherit;font-size:.93rem;color:#98A0AA;transition:color .2s,padding-left .2s;}
.cc-link:hover{color:var(--amber,#FBAB45);padding-left:6px;}

@media (max-width:620px){
  .cc{left:8px;right:8px;bottom:8px;width:auto;transform:translateY(16px);}
  .cc.show{transform:translateY(0);}
  .cc-btn{flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce){
  .cc{transition:none;}
  .cc-btn:hover{transform:none;}
}