html, body { margin:0; padding:0; background:#0A090C; color:#F2EFF5; -webkit-font-smoothing:antialiased; font-family:Poppins,Helvetica,sans-serif; }
*, *::before, *::after { box-sizing:border-box; }
a { color:#C77DFF; text-decoration:none; }
a:hover { color:#E4C4FF; }
input, select, textarea, button { font-family:inherit; }
button { border:none; background:none; }
::selection { background:#8B2FD6; color:#fff; }
img { max-width:100%; }

@keyframes daScroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.da-track { animation: daScroll 38s linear infinite; }
.da-track:hover { animation-play-state: paused; }

.da-hover-card { border-color:#2A2433; transition:border-color .15s ease; }
.da-hover-card:hover { border-color:#8B2FD6; }

.da-logo { font-family:'Playfair Display',serif; font-style:italic; font-weight:800; letter-spacing:-0.01em; color:#F2EFF5; white-space:nowrap; }
.da-logo em { color:#C77DFF; font-style:italic; }

/* ---- responsive grids (kept out of inline styles so they can adapt) ---- */
.grid-collections { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:36px; }
.grid-featured, .grid-catalog { display:grid; gap:16px; }
.grid-catalog { grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)); }
.grid-featured { grid-template-columns:repeat(4,1fr); }
.grid-promises { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#2A2433; border:1px solid #2A2433; }
.grid-hero-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.grid-product { display:grid; grid-template-columns:1.15fr .85fr; gap:44px; margin-top:24px; align-items:start; }
.grid-cart { display:grid; grid-template-columns:1fr 340px; gap:28px; align-items:start; }
.grid-catalog-shell { display:grid; grid-template-columns:236px 1fr; gap:32px; align-items:start; }
.grid-admin-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#2A2433; border:1px solid #2A2433; }
.grid-order-cols { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:start; }
.grid-stat-main { display:grid; grid-template-columns:1.5fr 1fr; gap:16px; margin-top:16px; align-items:start; }
.grid-stat-panels { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; margin-top:16px; }
.grid-admin-shell { display:grid; grid-template-columns:238px 1fr; min-height:100vh; }
.grid-footer { display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:32px; }
.grid-form-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.grid-form-photos { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.grid-admin-row { display:grid; grid-template-columns:56px 2.2fr 1fr .8fr .8fr .9fr 170px; gap:12px; align-items:center; }

@media (max-width: 1080px) {
  .grid-collections { grid-template-columns:repeat(2,1fr); }
  .grid-featured { grid-template-columns:repeat(2,1fr); }
  .grid-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .grid-product { grid-template-columns:1fr; }
  .grid-cart { grid-template-columns:1fr; }
  .grid-catalog-shell { grid-template-columns:1fr; }
  .grid-admin-kpis { grid-template-columns:repeat(2,1fr); }
  .grid-order-cols { grid-template-columns:1fr; }
  .grid-stat-main { grid-template-columns:1fr; }
  .grid-stat-panels { grid-template-columns:1fr; }
  .grid-admin-shell { grid-template-columns:1fr; }
  .grid-footer { grid-template-columns:1fr 1fr; }
}

@media (max-width: 640px) {
  .grid-collections { grid-template-columns:1fr; }
  .grid-featured { grid-template-columns:1fr; }
  .grid-catalog { grid-template-columns:1fr; }
  .grid-hero-stats { grid-template-columns:1fr; gap:12px; }
  .grid-promises { grid-template-columns:1fr; }
  .grid-admin-kpis { grid-template-columns:1fr; }
  .grid-footer { grid-template-columns:1fr; }
  .grid-form-2 { grid-template-columns:1fr; }
  .grid-admin-row { grid-template-columns:40px 1fr; row-gap:6px; }
  .grid-admin-row > *:nth-child(n+3) { grid-column:2; }
}

.da-scrollbar-hide::-webkit-scrollbar { display:none; }
.da-scrollbar-hide { scrollbar-width:none; }

@media (max-width: 720px) {
  .da-topbar-madein, .da-topbar-socials { display:none !important; }
  .da-topbar > div { grid-template-columns:1fr; padding:8px 20px; }
}
@media (max-width: 560px) {
  .da-search, .da-eur { display:none !important; }
}