:root {
    --orange: #FF751F;
    --orange-light: #FF8F45;
    --cream: #F4EFE6;
    --dark: #080808;
    --dark-mid: #0F0F0F;
    --dark-card: #161616;
    --white: #FFFFFF;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Be Vietnam Pro', sans-serif; background: var(--dark); color: var(--white); overflow-x: hidden; cursor: none; }

  .cursor { position: fixed; width: 10px; height: 10px; background: var(--orange); border-radius: 50%; pointer-events: none; z-index: 9999; transform: translate(-50%,-50%); }
  .cursor-ring { position: fixed; width: 36px; height: 36px; border: 1.5px solid rgba(255,117,31,0.45); border-radius: 50%; pointer-events: none; z-index: 9998; transform: translate(-50%,-50%); }

  /* NAV */
  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 20px 64px; display: flex; justify-content: space-between; align-items: center; transition: background 0.4s, border-bottom 0.4s; }
  nav.scrolled { background: rgba(8,8,8,0.97); border-bottom: 1px solid rgba(255,255,255,0.06); backdrop-filter: blur(12px); }
  .logo img { height: 80px; width: auto; display: block; }
  nav.scrolled .logo img { filter: none; }
  .nav-links { display: flex; gap: 36px; list-style: none; }
  .nav-links a { color: rgba(255,255,255,0.55); text-decoration: none; font-size: 13px; font-weight: 500; transition: color 0.3s; }
  .nav-links a:hover { color: var(--white); }
  .nav-cta { background: var(--orange) !important; color: #fff !important; padding: 9px 22px; border-radius: 3px; font-weight: 600 !important; }
  .nav-cta:hover { background: var(--orange-light) !important; }

  /* HERO */
  .hero { min-height: 100vh; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 64px 90px; }
  .hero-img { position: absolute; inset: 0; background-image: url('img/hero.jpg'); background-size: cover; background-position: center 40%; filter: brightness(0.32); }
  .hero-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(8,8,8,0.72) 0%, rgba(8,8,8,0.15) 55%, rgba(255,117,31,0.07) 100%); }
  .hero-bottom-fade { position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to top, #080808 0%, transparent 100%); }
  .hero-content { position: relative; z-index: 2; }

  .hero-tag { margin-left:10%; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: var(--orange); margin-bottom: 24px; font-weight: 600; display: flex; align-items: center; gap: 14px; opacity: 0; animation: fadeUp 0.9s ease 0.3s forwards; }
  .hero-tag::before { content: ''; width: 30px; height: 1px; background: var(--orange); }
  .hero h1 { font-size: clamp(44px, 6.5vw, 96px); font-weight: 900; line-height: 0.92; letter-spacing: -3px; margin-bottom: 32px; opacity: 0; animation: fadeUp 0.9s ease 0.5s forwards; }
  .hero h1 .orange { color: var(--orange); display: block; }
  .hero-sub { max-width: 490px; font-size: 17px; line-height: 1.75; color: rgba(255,255,255,0.58); margin-bottom: 44px; font-weight: 300; opacity: 0; animation: fadeUp 0.9s ease 0.7s forwards; }
  .hero-cta { display: flex; align-items: center; gap: 28px; opacity: 0; animation: fadeUp 0.9s ease 0.9s forwards; }

  .btn-primary { background: var(--orange); color: #fff; text-decoration: none; padding: 14px 36px; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; border-radius: 3px; display: inline-block; transition: background 0.3s, transform 0.2s; }
  .btn-primary:hover { background: var(--orange-light); transform: translateY(-2px); }
  .btn-ghost { color: rgba(255,255,255,0.5); text-decoration: none; font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 12px; transition: color 0.3s; }
  .btn-ghost:hover { color: #fff; }
  .btn-ghost::before { content: ''; width: 34px; height: 1px; background: currentColor; }

  .hero-scroll { position: absolute; right: 64px; bottom: 90px; z-index: 2; writing-mode: vertical-rl; font-size: 10px; letter-spacing: 4px; color: rgba(255,255,255,0.22); text-transform: uppercase; display: flex; align-items: center; gap: 12px; opacity: 0; animation: fadeUp 1s ease 1.2s forwards; }
  .hero-scroll::after { content: ''; width: 1px; height: 52px; background: linear-gradient(to bottom, var(--orange), transparent); }

  /* STATS */
  .stats { background: var(--orange); padding: 26px 64px; display: flex; justify-content: space-around; align-items: center; }
  .stat { text-align: center; }
  .stat-n { font-size: 50px; font-weight: 900; line-height: 1; color: #fff; letter-spacing: -2px; }
  .stat-l { font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,0.68); margin-top: 5px; font-weight: 500; }
  .stat-sep { width: 1px; height: 52px; background: rgba(255,255,255,0.2); }

  /* SECTION LABEL */
  .slabel { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--orange); margin-bottom: 16px; font-weight: 600; display: flex; align-items: center; gap: 12px; }
  .slabel::before { content: ''; width: 22px; height: 1px; background: var(--orange); }

  /* ABOUT */
  .about { background: var(--cream); color: var(--dark); padding: 120px 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
  .about h2 { font-size: clamp(46px, 5.5vw, 82px); font-weight: 900; line-height: 0.93; letter-spacing: -2px; margin-bottom: 26px; }
  .about p { font-size: 16px; line-height: 1.85; color: rgba(10,10,10,0.58); margin-bottom: 14px; font-weight: 300; }
  .about-stat { margin-top: 44px; display: flex; align-items: baseline; gap: 14px; border-top: 1px solid rgba(10,10,10,0.1); padding-top: 36px; }
  .about-stat-n { font-size: 90px; font-weight: 900; line-height: 1; color: var(--orange); letter-spacing: -4px; }
  .about-stat-t { font-size: 14px; line-height: 1.5; color: rgba(10,10,10,0.45); max-width: 130px; }
  .about-img { position: relative; overflow: hidden; aspect-ratio: 4/5; border-radius: 1px; }
  .about-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; display: block; }
  .about-img:hover img { transform: scale(1.04); }
  .about-badge { position: absolute; bottom: 24px; left: 24px; background: var(--orange); color: #fff; padding: 11px 16px; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 700; }

  /* SERVICII */
  .servicii { background: var(--dark-mid); padding: 120px 64px; }
  .servicii-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 72px; }
  .servicii-head h2 { font-size: clamp(46px, 6vw, 90px); font-weight: 900; line-height: 0.92; letter-spacing: -2px; }
  .servicii-sub { max-width: 270px; font-size: 14px; line-height: 1.8; color: rgba(255,255,255,0.42); font-weight: 300; }
  .svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
  .svc { background: var(--dark-card); overflow: hidden; position: relative; }
  .svc-img { aspect-ratio: 16/9; overflow: hidden; }
  .svc-img img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6) grayscale(15%); transition: transform 0.5s, filter 0.5s; display: block; }
  .svc:hover .svc-img img { transform: scale(1.07); filter: brightness(0.82) grayscale(0%); }
  .svc-body { padding: 28px 26px 32px; }
  .svc-num { font-size: 10px; letter-spacing: 3px; color: var(--orange); font-weight: 600; margin-bottom: 8px; text-transform: uppercase; }
  .svc-title { font-size: 19px; font-weight: 800; letter-spacing: -0.3px; margin-bottom: 9px; }
  .svc-desc { font-size: 13px; line-height: 1.75; color: rgba(255,255,255,0.42); font-weight: 300; }
  .svc::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--orange); transition: width 0.4s; }
  .svc:hover::after { width: 100%; }

  /* TECH */
  .tech { background: var(--orange); padding: 120px 64px; }
  .tech-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 64px; }
  .tech-head h2 { font-size: clamp(46px, 5.5vw, 82px); font-weight: 900; line-height: 0.92; letter-spacing: -2px; color: #fff; max-width: 580px; }
  .tech-sub { max-width: 250px; font-size: 14px; line-height: 1.8; color: rgba(255,255,255,0.62); font-weight: 300; }
  .tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
  .tech-card { background: rgba(0,0,0,0.16); overflow: hidden; transition: background 0.3s; }
  .tech-card:hover { background: rgba(0,0,0,0.26); }
  .tech-img { aspect-ratio: 4/3; overflow: hidden; }
  .tech-img img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.58) grayscale(20%); transition: transform 0.5s, filter 0.5s; display: block; }
  .tech-card:hover .tech-img img { transform: scale(1.06); filter: brightness(0.78) grayscale(0%); }
  .tech-body { padding: 22px 22px 26px; }
  .tech-title { font-size: 19px; font-weight: 800; letter-spacing: -0.3px; margin-bottom: 9px; color: #fff; }
  .tech-desc { font-size: 12px; line-height: 1.75; color: rgba(255,255,255,0.68); margin-bottom: 10px; font-weight: 300; }
  .tech-spec { font-size: 10px; color: rgba(255,255,255,0.4); line-height: 1.7; }

  /* STUDIO */
  .studio { background: var(--dark); display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; }
  .studio-img { position: relative; overflow: hidden; }
  .studio-img img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.68); transition: transform 0.7s; display: block; }
  .studio-img:hover img { transform: scale(1.04); }
  .studio-img-fade { position: absolute; inset: 0; background: linear-gradient(to right, transparent 55%, var(--dark) 100%); }
  .studio-badge { position: absolute; top: 32px; left: 32px; background: var(--orange); color: #fff; padding: 7px 14px; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; }
  .studio-body { padding: 90px 60px; display: flex; flex-direction: column; justify-content: center; }
  .studio-body h2 { font-size: clamp(38px, 4.5vw, 66px); font-weight: 900; line-height: 0.93; letter-spacing: -1.5px; margin-bottom: 36px; }
  .studio-list { list-style: none; display: flex; flex-direction: column; gap: 18px; margin-bottom: 44px; }
  .studio-list li { display: flex; align-items: flex-start; gap: 16px; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,0.72); font-weight: 300; }
  .dot { width: 6px; height: 6px; min-width: 6px; background: var(--orange); border-radius: 50%; margin-top: 9px; }

  /* GALLERY */
  .gallery { display: grid; grid-template-columns: repeat(4, 1fr); height: 260px; }
  .gal { overflow: hidden; position: relative; }
  .gal img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.48) grayscale(28%); transition: transform 0.5s, filter 0.5s; display: block; }
  .gal:hover img { transform: scale(1.08); filter: brightness(0.76) grayscale(0%); }
  .gal-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 14px 12px; background: linear-gradient(to top, rgba(0,0,0,0.65), transparent); font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.75); }

  /* PRET */
  .pret { background: var(--dark); padding: 150px 64px; text-align: center; position: relative; overflow: hidden; }
  .pret-bg-img { position: absolute; inset: 0; background-image: url('img/pret.jpg'); background-size: cover; background-position: center; filter: brightness(0.2); }
  .pret::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(255,117,31,0.12) 0%, transparent 62%); pointer-events: none; z-index:1; }
  .pret h2 { font-size: clamp(48px, 8.5vw, 122px); font-weight: 900; line-height: 0.9; letter-spacing: -3px; margin-bottom: 32px; position: relative; }
  .pret h2 em { font-style: normal; color: var(--orange); display: block; }
  .pret p { font-size: 17px; line-height: 1.8; color: rgba(255,255,255,0.48); max-width: 500px; margin: 0 auto 16px; font-weight: 300; position: relative; }
  .pret-cta { margin-top: 52px; position: relative; }

  /* FOOTER */
  footer { background: var(--dark-mid); border-top: 1px solid rgba(255,255,255,0.05); }
  .ft-top { padding: 72px 64px 48px; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 60px; border-bottom: 1px solid rgba(255,255,255,0.06); }
  .ft-logo img { height: 64px; width: auto; display: block; filter: brightness(0) invert(1); margin-bottom: 20px; }
  .ft-slogan { font-size: 13px; color: rgba(255,255,255,0.4); margin-bottom: 24px; font-style: italic; line-height: 1.5; }
  .ft-email { font-size: 14px; color: #fff; text-decoration: none; display: flex; align-items: center; gap: 10px; font-weight: 500; transition: color 0.3s; }
  .ft-email:hover { color: var(--orange); }
  .ft-email::before { content: ''; width: 20px; height: 1px; background: currentColor; }
  .ft-col-title { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--orange); font-weight: 600; margin-bottom: 20px; }
  .ft-links { list-style: none; display: flex; flex-direction: column; gap: 12px; }
  .ft-links a { font-size: 13px; color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.3s; font-weight: 300; }
  .ft-links a:hover { color: #fff; }
  .ft-anpc { padding: 28px 64px; display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; border-bottom: 1px solid rgba(255,255,255,0.06); }
  .anpc-badge { display: flex; align-items: stretch; gap: 0; background: #fff; border-radius: 8px; text-decoration: none; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }
  .anpc-badge:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.3); }
  .anpc-logo-text { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 16px; border-right: 1px solid rgba(0,0,0,0.1); gap: 2px; }
  .anpc-name { font-size: 18px; font-weight: 900; color: #1a2456; letter-spacing: 1px; }
  .anpc-sub { font-size: 6.5px; color: #1a2456; text-align: center; line-height: 1.3; text-transform: uppercase; font-weight: 600; }
  .anpc-motto { font-size: 10px; color: #c62828; font-style: italic; font-weight: 500; }
  .anpc-text { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 24px; gap: 6px; }
  .anpc-title { font-size: 13px; font-weight: 800; color: #1a2456; text-transform: uppercase; text-align: center; line-height: 1.25; }
  .anpc-btn { font-size: 11px; font-weight: 800; color: #fff; background: #1a2456; padding: 4px 18px; border-radius: 4px; text-transform: uppercase; letter-spacing: 1px; }
  .ft-bottom { padding: 24px 64px; display: flex; justify-content: space-between; align-items: center; }
  .ft-company p { font-size: 11px; color: rgba(255,255,255,0.2); line-height: 1.9; }
  .ft-born { font-style: italic; font-size: 12px; color: rgba(255,117,31,0.45); letter-spacing: 1px; white-space: nowrap; }

  /* ANIM */
  @keyframes fadeUp { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
  .reveal { opacity:0; transform:translateY(34px); transition: opacity 0.75s ease, transform 0.75s ease; }
  .reveal.visible { opacity:1; transform:translateY(0); }
  .d1 { transition-delay:.1s; } .d2 { transition-delay:.2s; } .d3 { transition-delay:.3s; }

  /* MOBILE */
  @media (max-width: 900px) {
    nav { padding: 16px 24px; } .nav-links { display: none; }
    .hero { padding: 0 24px 60px; } .hero h1 { letter-spacing: -1.5px; } .hero-scroll { display: none; }
    .stats { padding: 20px 24px; flex-wrap: wrap; gap: 16px; }
    .about { grid-template-columns: 1fr; gap: 40px; padding: 80px 24px; }
    .servicii, .tech { padding: 80px 24px; }
    .servicii-head { flex-direction: column; align-items: flex-start; gap: 16px; }
    .svc-grid { grid-template-columns: 1fr; }
    .tech-head { flex-direction: column; align-items: flex-start; gap: 16px; }
    .tech-grid { grid-template-columns: 1fr 1fr; }
    .studio { grid-template-columns: 1fr; }
    .studio-body { padding: 56px 24px; }
    .gallery { grid-template-columns: 1fr 1fr; height: auto; }
    .gal { height: 150px; }
    .pret { padding: 90px 24px; }
    .ft-top { grid-template-columns: 1fr; gap: 36px; padding: 48px 24px 36px; }
    .ft-anpc { padding: 20px 24px; gap: 16px; }
    .ft-bottom { flex-direction: column; align-items: flex-start; gap: 16px; padding: 20px 24px; }
  }
/* <!-- MODALS --> */
 
.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.85); z-index:10000; display:none; align-items:center; justify-content:center; padding:24px; backdrop-filter:blur(4px); }
.modal-overlay.active { display:flex; }
.modal-box { background:#141414; border:1px solid rgba(255,255,255,0.08); border-radius:4px; max-width:720px; width:100%; max-height:85vh; overflow-y:auto; position:relative; }
.modal-header { padding:32px 40px 20px; border-bottom:1px solid rgba(255,255,255,0.07); display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; background:#141414; z-index:1; }
.modal-header h3 { font-size:20px; font-weight:800; color:#fff; letter-spacing:-0.3px; }
.modal-close { background:none; border:none; color:rgba(255,255,255,0.4); font-size:28px; cursor:pointer; line-height:1; transition:color 0.2s; padding:0; }
.modal-close:hover { color:#fff; }
.modal-body { padding:32px 40px 40px; }
.modal-body h4 { font-size:14px; font-weight:700; color:var(--orange); text-transform:uppercase; letter-spacing:2px; margin:28px 0 10px; }
.modal-body h4:first-child { margin-top:0; }
.modal-body p { font-size:14px; line-height:1.8; color:rgba(255,255,255,0.6); font-weight:300; margin-bottom:10px; }
.modal-body ul { list-style:none; padding:0; margin:0 0 10px; }
.modal-body ul li { font-size:14px; line-height:1.8; color:rgba(255,255,255,0.6); font-weight:300; padding-left:16px; position:relative; }
.modal-body ul li::before { content:'·'; color:var(--orange); position:absolute; left:0; font-weight:900; }
.modal-company { font-size:13px; color:rgba(255,255,255,0.35); border-top:1px solid rgba(255,255,255,0.07); margin-top:28px; padding-top:20px; line-height:1.8; }
@media(max-width:600px) { .modal-body, .modal-header { padding:24px; } }

/* COOKIE BANNER */
.cookie-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.7); z-index:10001; display:flex; align-items:center; justify-content:center; padding:24px; backdrop-filter:blur(4px); }
.cookie-overlay.hidden { display:none; }
.cookie-banner { background:#fff; color:#1a1a1a; border-radius:6px; max-width:680px; width:100%; max-height:88vh; overflow-y:auto; position:relative; padding:40px 36px 32px; box-shadow:0 20px 60px rgba(0,0,0,0.4); }
.cookie-close { position:absolute; top:14px; right:14px; width:34px; height:34px; border:1.5px solid #d0d0d0; border-radius:4px; background:none; color:#666; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color 0.2s, color 0.2s; line-height:1; }
.cookie-close:hover { border-color:#333; color:#333; }
.cookie-banner p { font-size:14px; line-height:1.75; color:#444; margin-bottom:14px; font-weight:300; }
.cookie-categories { margin:20px 0 16px; }
.cookie-cat { background:#f5f5f5; border-radius:4px; overflow:hidden; }
.cookie-cat-header { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; cursor:pointer; font-size:15px; font-weight:600; color:#1a1a1a; user-select:none; transition:background 0.2s; }
.cookie-cat-header:hover { background:#eee; }
.cookie-cat-arrow { transition:transform 0.3s; color:#888; }
.cookie-cat.open .cookie-cat-arrow { transform:rotate(180deg); }
.cookie-cat-body { display:none; padding:0 18px 16px; }
.cookie-cat.open .cookie-cat-body { display:block; }
.cookie-cat-body p { font-size:13px; color:#666; margin-bottom:0; }
.cookie-links-row { display:flex; gap:24px; margin-bottom:24px; flex-wrap:wrap; }
.cookie-links-row a { font-size:13px; color:#0984e3; text-decoration:underline; font-weight:500; }
.cookie-links-row a:hover { color:#065fa6; }
.cookie-buttons { display:flex; flex-direction:column; gap:10px; }
.cookie-btn { width:100%; padding:14px 24px; font-size:15px; font-weight:700; border-radius:5px; border:2px solid #0984e3; cursor:pointer; transition:background 0.2s, color 0.2s, transform 0.15s; font-family:'Be Vietnam Pro', sans-serif; letter-spacing:0.3px; }
.cookie-btn:active { transform:scale(0.985); }
.cookie-btn-accept { background:#0984e3; color:#fff; }
.cookie-btn-accept:hover { background:#0872c4; }
.cookie-btn-reject { background:#0984e3; color:#fff; }
.cookie-btn-reject:hover { background:#0872c4; }
.cookie-btn-manage { background:#fff; color:#0984e3; }
.cookie-btn-manage:hover { background:#f0f7ff; }
.cookie-manage h4 { font-size:18px; font-weight:800; color:#1a1a1a; margin-bottom:24px; }
.cookie-toggle-row { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid #eee; font-size:14px; color:#333; font-weight:500; }
.cookie-toggle-row:last-of-type { border-bottom:none; margin-bottom:20px; }
.cookie-always { font-size:11px; color:#888; font-weight:400; }
.cookie-switch { position:relative; display:inline-block; width:44px; min-width:44px; height:24px; margin-left:auto; }
.cookie-switch input { opacity:0; width:0; height:0; }
.cookie-slider { position:absolute; cursor:pointer; inset:0; background:#ccc; border-radius:24px; transition:background 0.3s; }
.cookie-slider::before { content:''; position:absolute; width:18px; height:18px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:transform 0.3s; }
.cookie-switch input:checked+.cookie-slider { background:#0984e3; }
.cookie-switch input:checked+.cookie-slider::before { transform:translateX(20px); }
.cookie-switch input:disabled+.cookie-slider { background:#0984e3; opacity:0.6; cursor:default; }
.cookie-reopen { position:fixed; bottom:20px; left:20px; z-index:9999; width:44px; height:44px; border-radius:50%; background:var(--orange); color:#fff; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(0,0,0,0.3); transition:transform 0.2s, background 0.2s; }
.cookie-reopen:hover { transform:scale(1.1); background:var(--orange-light); }
@media(max-width:600px) {
  .cookie-banner { padding:28px 20px 24px; }
  .cookie-overlay { padding:12px; }
}