:root{
  --bg:#070a0f;--panel:#0d1119;--panel2:#111827;--text:#f7f9ff;--muted:#b9c2d0;
  --pink:#ff16c9;--cyan:#00d7ff;--yellow:#ffd400;--line:#253042;--danger:#ff5b75;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#13243c 0,#080b11 38%,#05070b 100%);color:var(--text);font-family:Inter,system-ui,sans-serif}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,7,11,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,215,255,.18)}.topbar-inner{height:76px;display:flex;align-items:center;gap:28px}.brand{text-decoration:none;font-family:Anton,sans-serif;font-style:italic;line-height:.8;display:flex;flex-direction:column;filter:drop-shadow(0 0 10px rgba(255,22,201,.45));transform:rotate(-3deg)}.brand-top{color:white;font-size:22px}.brand-fun{color:var(--pink);font-size:29px}.brand-shirts{color:white;font-size:18px}.nav{display:flex;gap:22px;margin-left:auto}.nav a,.footer-grid a{color:var(--text);text-decoration:none;font-weight:700}.nav a:hover{color:var(--cyan)}.cart-button{border:1px solid var(--pink);background:#0c0f16;color:white;border-radius:999px;padding:12px 16px;font-weight:800;cursor:pointer;box-shadow:0 0 18px rgba(255,22,201,.17)}#cartCount{background:var(--pink);display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:99px;margin-left:6px}.hero{padding:42px 0 28px}.hero-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.hero-copy h1{font-family:Anton,sans-serif;font-size:clamp(46px,7vw,86px);line-height:.95;text-transform:uppercase;margin:10px 0 20px;letter-spacing:.5px}.hero-copy h1 span{color:var(--pink);text-shadow:0 0 18px rgba(255,22,201,.45)}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.eyebrow{font-size:14px;letter-spacing:.18em;font-weight:900;color:var(--cyan)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 18px;text-decoration:none;font-weight:900;border:0;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--pink),#ff007e);color:white;box-shadow:0 0 24px rgba(255,22,201,.32)}.btn-secondary{background:#121826;color:white;border:1px solid #2c3c53}.full{width:100%}.trustline{font-weight:700;color:#d9e1ee;font-size:14px}.hero-image{width:100%;border-radius:22px;border:1px solid rgba(0,215,255,.22);box-shadow:0 26px 80px rgba(0,0,0,.55),0 0 40px rgba(0,215,255,.12)}.quick-benefits{border-top:1px solid rgba(0,215,255,.15);border-bottom:1px solid rgba(255,22,201,.15);background:rgba(10,14,22,.78)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefits-grid>div{padding:22px 18px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.benefits-grid>div:last-child{border-right:0}.benefits-grid strong{font-size:14px}.benefits-grid span{grid-column:2;color:var(--muted);font-size:12px}.section{padding:72px 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-heading h2,.custom-card h2{font-family:Anton,sans-serif;font-size:42px;text-transform:uppercase;margin:6px 0}.section-heading p{max-width:560px;color:var(--muted);line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:linear-gradient(180deg,#111722,#0b0f16);border:1px solid #263247;border-radius:18px;overflow:hidden;position:relative}.product-card:hover{transform:translateY(-3px);transition:.2s;border-color:rgba(255,22,201,.55)}.product-card img{width:100%;height:260px;object-fit:cover;display:block;background:#0a0d13}.product-body{padding:18px}.product-title-row{display:flex;justify-content:space-between;gap:12px;align-items:start}.product-body h3{margin:0;font-size:21px}.price{font-size:22px;font-weight:900;color:var(--yellow)}.product-body p{color:var(--muted);font-size:14px;line-height:1.5;min-height:42px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.options label{font-size:12px;color:#cbd5e1;font-weight:800}.options select,.options input,.form-grid input,.form-grid textarea{width:100%;margin-top:6px;background:#090d14;color:white;border:1px solid #31405a;border-radius:10px;padding:11px}.add-row{display:flex;gap:10px}.qty{width:72px!important}.custom-section{padding:0 0 72px}.custom-card{border-radius:22px;background:linear-gradient(135deg,rgba(255,22,201,.14),rgba(0,215,255,.12));border:1px solid rgba(0,215,255,.2);padding:32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.custom-card p{color:var(--muted);margin-bottom:0}.shipping-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.shipping-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.shipping-icon{font-size:44px}.shipping-card h3{font-size:28px;margin:10px 0}.shipping-card p{color:var(--muted)}.price-tag{display:inline-block;margin-top:16px;padding:8px 12px;border:1px solid var(--pink);border-radius:999px;color:#ffd8f6;font-weight:800}footer{border-top:1px solid var(--line);background:#05070a;padding:36px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer-grid p{color:var(--muted)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:70}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100%);background:#0a0e15;border-left:1px solid #263247;z-index:80;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.cart-head{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.cart-head h2{margin:0}.icon-btn,.dialog-close{background:#151c29;color:white;border:1px solid #30405a;border-radius:10px;width:38px;height:38px;cursor:pointer}.cart-items{padding:14px 20px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item small{color:var(--muted)}.remove{background:none;border:0;color:var(--danger);cursor:pointer;font-weight:800}.cart-summary{border-top:1px solid var(--line);padding:18px 20px 22px;background:#0d121b}.cart-summary>div{display:flex;justify-content:space-between;margin:9px 0}.shipping-choice{display:block;color:#d8e0ec;margin:10px 0}.cart-total{font-size:21px;padding-top:8px;border-top:1px dashed #334155}.empty{color:var(--muted);text-align:center;padding:50px 10px}dialog{width:min(720px,calc(100% - 24px));border:1px solid #2e3d56;border-radius:18px;background:#0c1119;color:white;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.8)}dialog::backdrop{background:rgba(0,0,0,.72)}dialog form{padding:28px;position:relative}.dialog-close{position:absolute;right:20px;top:20px}.muted{color:var(--muted);line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-weight:800;font-size:13px}.form-grid .wide{grid-column:1/-1}.checkout-summary{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#080c12;white-space:pre-line}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#101824;border:1px solid var(--cyan);color:white;padding:12px 18px;border-radius:12px;z-index:120;box-shadow:0 10px 40px rgba(0,0,0,.4)}@media(max-width:900px){.nav{display:none}.hero-wrap{grid-template-columns:1fr}.hero-image{order:-1}.benefits-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.section-heading{display:block}.footer-grid{grid-template-columns:1fr 1fr}.custom-card{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.container{width:min(100% - 20px,1180px)}.topbar-inner{height:68px}.cart-button{font-size:0}.cart-button::before{content:'🛒';font-size:18px}.cart-button #cartCount{font-size:13px}.hero{padding-top:18px}.hero-copy h1{font-size:48px}.product-grid,.shipping-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.benefits-grid{grid-template-columns:1fr}.benefits-grid>div{border-right:0;border-bottom:1px solid var(--line)}.product-card img{height:230px}}

/* =========================================================
   TOP FUN SHIRTS - NIEUW LOGO
   ========================================================= */

.brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  flex-shrink: 0;
}

.brand-logo {
  display: block;
  height: 88px;
  width: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 0 6px rgba(0, 220, 255, 0.35))
    drop-shadow(0 0 10px rgba(255, 0, 170, 0.25));
  transition: transform 0.25s ease, filter 0.25s ease;
}

.brand-logo:hover {
  transform: scale(1.05);
  filter:
    drop-shadow(0 0 10px rgba(0, 220, 255, 0.55))
    drop-shadow(0 0 18px rgba(255, 0, 170, 0.45));
}

.topbar {
  min-height: 105px;
}

.topbar-inner {
  min-height: 105px;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-logo {
  width: 130px;
  height: auto;
  margin-bottom: 14px;
  filter:
    drop-shadow(0 0 5px rgba(0, 220, 255, 0.25))
    drop-shadow(0 0 8px rgba(255, 0, 170, 0.2));
}

@media (max-width: 900px) {
  .brand-logo {
    height: 72px;
  }

  .topbar,
  .topbar-inner {
    min-height: 90px;
  }
}

@media (max-width: 650px) {
  .brand-logo {
    height: 58px;
  }

  .topbar,
  .topbar-inner {
    min-height: 76px;
  }

  .footer-logo {
    width: 100px;
  }
}