/* =====================================================================
   DROPZENO PREMIUM — design tokens
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --dz-ink: #0D1B1E;
  --dz-ink-soft: #16292D;
  --dz-cream: #F7F5F1;
  --dz-cream-dim: #EDE9E2;
  --dz-text: #14181A;
  --dz-text-muted: #5B6467;
  --dz-brass: #C9A227;
  --dz-brass-light: #E4C457;
  --dz-sale: #C1442E;
  --dz-line-dark: rgba(255,255,255,.12);
  --dz-line-light: rgba(13,27,30,.1);
  --radius: 6px;
  --dz-font-display: 'Syne', sans-serif;
  --dz-font-body: 'Inter', sans-serif;
  --ease: cubic-bezier(.22,.9,.32,1);
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

html { overflow-x: hidden; }
.dropzeno-home { background: var(--dz-cream); color: var(--dz-text); font-family: var(--dz-font-body); margin:0; overflow-x: hidden; max-width: 100vw; }
.dropzeno-home h1, .dropzeno-home h2, .dropzeno-home h3 { font-family: var(--dz-font-display); font-weight: 700; margin: 0; letter-spacing: -.01em; }
.dropzeno-home img { max-width: 100%; display:block; }
.dropzeno-home a { text-decoration: none; color: inherit; }
.dropzeno-home button { font-family: var(--dz-font-body); border: none; background: none; cursor: pointer; }

.dz-section { max-width: 1280px; margin: 0 auto; padding: 88px 32px; }
.dz-section--tint { background: var(--dz-cream-dim); max-width: none; }
.dz-section--tint > * { max-width: 1280px; margin-left:auto; margin-right:auto; }
.dz-section__title { font-size: clamp(28px,3.4vw,42px); margin-bottom: 40px; }

.dz-btn { display:inline-flex; align-items:center; justify-content:center; padding: 15px 30px; border-radius: var(--radius); font-weight: 600; font-size: 15px; transition: transform .25s var(--ease), background .25s, border-color .25s; }
.dz-btn--primary { background: var(--dz-brass); color: var(--dz-ink); }
.dz-btn--primary:hover { background: var(--dz-brass-light); transform: translateY(-2px); }
.dz-btn--ghost { border: 1.5px solid var(--dz-line-dark); color: #fff; }
.dz-btn--ghost:hover { border-color: var(--dz-brass); color: var(--dz-brass-light); }

/* ===================================================================== HEADER */
.dz-header { position: sticky; top:0; z-index: 100; background: var(--dz-ink); color:#fff; transition: padding .25s var(--ease), box-shadow .25s; }
.dz-header.is-scrolled { padding-top:0; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.dz-header__inner { max-width: 1280px; margin:0 auto; display:flex; align-items:center; gap: 28px; padding: 20px 32px; transition: padding .25s var(--ease); }
.dz-header.is-scrolled .dz-header__inner { padding-top: 12px; padding-bottom: 12px; }

.dz-logo { font-family: var(--dz-font-display); font-weight: 800; font-size: 22px; color:#fff; white-space:nowrap; }
.dz-logo span { color: var(--dz-brass); }

.dz-burger { display:none; flex-direction:column; gap:4px; width:22px; }
.dz-burger span { height:2px; background:#fff; border-radius:2px; }

.dz-nav { display:flex; align-items:center; gap: 22px; flex: 1; font-size: 14px; }
.dz-nav > a { opacity:.82; transition: opacity .2s, color .2s; white-space:nowrap; }
.dz-nav > a:hover { opacity:1; color: var(--dz-brass-light); }

/* ---- Buton + panou Categorii ---- */
.dz-cat-menu { position: relative; }
.dz-header .dz-cat-btn,
.dz-header button.dz-cat-btn { display:flex; align-items:center; gap:9px; background: rgba(255,255,255,.08) !important; border: 1px solid var(--dz-line-dark); color:#fff !important; padding: 9px 16px; border-radius: var(--radius); font-size: 14px; font-weight:600; transition: background .2s, border-color .2s; white-space:nowrap; font-family: var(--dz-font-body); }
.dz-header .dz-cat-btn svg { color:#fff !important; stroke: #fff !important; flex-shrink:0; }
.dz-cat-btn:hover, .dz-cat-btn[aria-expanded="true"] { background: rgba(255,255,255,.14) !important; border-color: var(--dz-brass); }

.dz-cat-panel { position:absolute; top: calc(100% + 12px); left:0; width: 360px; max-height: 70vh; overflow-y:auto; background:#fff; color: var(--dz-text); border-radius: var(--radius); box-shadow: 0 24px 50px rgba(0,0,0,.28); z-index: 80; }
.dz-cat-panel__list { list-style:none; margin:0; padding: 8px; }
.dz-cat-panel__item { border-bottom: 1px solid var(--dz-line-light); }
.dz-cat-panel__item:last-child { border-bottom:none; }
.dz-cat-panel__row { display:flex; align-items:center; }
.dz-cat-panel__toggle { flex:1; display:flex; align-items:center; gap:10px; padding: 12px 10px; font-size: 14px; text-align:left; border-radius: 4px; transition: background .15s; }
.dz-cat-panel__toggle:hover { background: var(--dz-cream-dim); }
.dz-cat-panel__toggle small { color: var(--dz-text-muted); font-weight:400; }
.dz-cat-panel__chevron { color: var(--dz-text-muted); transition: transform .2s var(--ease); flex-shrink:0; }
.dz-cat-panel__item.is-open > .dz-cat-panel__row .dz-cat-panel__chevron { transform: rotate(90deg); color: var(--dz-brass); }
.dz-cat-panel__viewall { font-size: 12px; color: var(--dz-text-muted); padding: 8px 10px; white-space:nowrap; opacity:0; transition: opacity .15s; }
.dz-cat-panel__row:hover .dz-cat-panel__viewall { opacity:1; }
.dz-cat-panel__viewall:hover { color: var(--dz-sale); text-decoration:underline; }

.dz-cat-panel__sub { padding: 2px 10px 10px 34px; display:flex; flex-direction:column; gap:2px; }
.dz-cat-panel__sub a { display:flex; justify-content:space-between; gap:10px; padding: 7px 8px; font-size: 13px; border-radius:4px; color: var(--dz-text-muted); transition: background .15s, color .15s; }
.dz-cat-panel__sub a:hover { background: var(--dz-cream-dim); color: var(--dz-text); }
.dz-cat-panel__sub a span:last-child { color: var(--dz-text-muted); font-size:12px; }
.dz-cat-panel__sub-empty, .dz-cat-panel__sub-loading { padding: 8px; font-size: 12.5px; color: var(--dz-text-muted); }

.dz-search { position:relative; flex: 0 1 280px; }
.dz-search input { width:100%; background: rgba(255,255,255,.08); border: 1px solid var(--dz-line-dark); color:#fff; padding: 10px 38px 10px 14px; border-radius: var(--radius); font-size: 14px; transition: border-color .2s, background .2s; }
.dz-search input:focus { outline:none; border-color: var(--dz-brass); background: rgba(255,255,255,.12); }
.dz-search svg { position:absolute; right:12px; top:50%; transform:translateY(-50%); color: rgba(255,255,255,.6); pointer-events:none; }
.dz-search__results { position:absolute; top: calc(100% + 10px); left:0; right:0; background:#fff; color: var(--dz-text); border-radius: var(--radius); box-shadow: 0 16px 40px rgba(0,0,0,.22); overflow:hidden; max-height: 420px; overflow-y:auto; z-index: 50; }
.dz-search__result { display:flex; align-items:center; gap:12px; padding: 10px 14px; border-bottom: 1px solid var(--dz-line-light); transition: background .15s; }
.dz-search__result:hover { background: var(--dz-cream-dim); }
.dz-search__result img { width:40px; height:40px; object-fit:cover; border-radius:4px; }
.dz-search__result-name { font-size: 13.5px; flex:1; }
.dz-search__result-price { font-size: 13px; font-weight:600; color: var(--dz-brass); white-space:nowrap; }
.dz-search__cat { padding: 9px 14px; font-size: 13px; color: var(--dz-text-muted); border-bottom: 1px solid var(--dz-line-light); }
.dz-search__empty { padding: 16px; font-size: 13px; color: var(--dz-text-muted); text-align:center; }

.dz-header__actions { display:flex; align-items:center; gap: 6px; }
.dz-icon-btn { position:relative; width: 38px; height: 38px; display:flex; align-items:center; justify-content:center; color:#fff; border-radius: 50%; transition: background .2s, transform .2s; }
.dz-icon-btn:hover { background: rgba(255,255,255,.1); transform: translateY(-1px); }
.dz-badge { position:absolute; top:-2px; right:-2px; background: var(--dz-brass); color: var(--dz-ink); font-size: 10px; font-weight:700; min-width:16px; height:16px; border-radius:8px; display:flex; align-items:center; justify-content:center; padding:0 3px; }

/* ===================================================================== HERO */
.dz-hero { position:relative; background: linear-gradient(160deg, var(--dz-ink) 0%, var(--dz-ink-soft) 100%); color:#fff; overflow:hidden; display:grid; grid-template-columns: 1.05fr .95fr; align-items:center; gap: 40px; padding: 90px 32px 110px; }
.dz-hero__text { max-width: 560px; position:relative; z-index:2; }
.dz-hero__text h1 { font-size: clamp(40px, 6vw, 68px); line-height: 1.02; }
.dz-hero__text p { font-size: 17px; color: rgba(255,255,255,.72); margin: 22px 0 36px; max-width: 420px; line-height:1.5; }
.dz-hero__cta { display:flex; gap: 14px; flex-wrap:wrap; }

.dz-hero__visual { position:relative; height: 420px; }
.dz-hero__card { position:absolute; width: 190px; border-radius: var(--radius); overflow:hidden; box-shadow: 0 30px 60px rgba(0,0,0,.35); opacity:0; transform: translateY(24px) scale(.96); animation: dzCardIn .7s var(--ease) forwards; }
.dz-hero__card img { aspect-ratio: 1/1; object-fit: cover; }
.dz-hero__card--1 { top: 8%; left: 6%; width: 210px; animation-delay: .1s; }
.dz-hero__card--2 { top: 38%; left: 46%; width: 230px; z-index:2; animation-delay: .28s; }
.dz-hero__card--3 { top: 64%; left: 4%; width: 170px; animation-delay: .46s; }
@keyframes dzCardIn { to { opacity:1; transform: translateY(0) scale(1); } }

/* ===================================================================== TRUST BAR */
.dz-trust { background: var(--dz-ink-soft); color: rgba(255,255,255,.85); display:flex; justify-content:center; gap: 44px; flex-wrap:wrap; padding: 22px 32px; font-size: 13.5px; }
.dz-trust__item { display:flex; align-items:center; gap:10px; color: var(--dz-brass-light); }
.dz-trust__item svg { color: var(--dz-brass); flex-shrink:0; }

/* ===================================================================== CATEGORII */
.dz-cat-grid { display:grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 220px); gap: 14px; }
.dz-cat-tile { position:relative; border-radius: var(--radius); overflow:hidden; background: var(--dz-ink); display:block; }
.dz-cat-tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .5s var(--ease); }
.dz-cat-tile:hover img { transform: scale(1.06); }
.dz-cat-tile__overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding: 18px; background: linear-gradient(180deg, transparent 40%, rgba(13,27,30,.85) 100%); }
.dz-cat-tile__name { color:#fff; font-family: var(--dz-font-display); font-weight:700; font-size: 17px; }
.dz-cat-tile__count { color: var(--dz-brass-light); font-size: 12.5px; margin-top:3px; }

.dz-cat-tile--1 { grid-column: span 3; grid-row: span 2; }
.dz-cat-tile--2 { grid-column: span 3; grid-row: span 1; }
.dz-cat-tile--3 { grid-column: span 3; grid-row: span 1; }
.dz-cat-tile--4 { grid-column: span 2; grid-row: span 1; }
.dz-cat-tile--5 { grid-column: span 2; grid-row: span 1; }
.dz-cat-grid .dz-cat-tile:nth-child(6) { grid-column: span 2; grid-row: span 1; }
.dz-cat-grid .dz-cat-tile:nth-child(n+7) { grid-column: span 2; grid-row: span 1; }

/* ===================================================================== PRODUCT CARDS */
.dz-product-row { display:grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.dz-card { background:#fff; border-radius: var(--radius); overflow:hidden; border: 1px solid var(--dz-line-light); transition: box-shadow .25s var(--ease), transform .25s var(--ease); }
.dz-card:hover { box-shadow: 0 20px 40px rgba(13,27,30,.1); transform: translateY(-3px); }
.dz-card__media { position:relative; display:block; aspect-ratio: 1/1; overflow:hidden; background: var(--dz-cream-dim); }
.dz-card__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: opacity .35s var(--ease); }
.dz-card__img--hover { opacity:0; }
.dz-card:hover .dz-card__img--hover { opacity:1; }
.dz-card__badge { position:absolute; top:12px; left:12px; background: var(--dz-sale); color:#fff; font-size: 12px; font-weight:700; padding: 4px 9px; border-radius: 4px; }
.dz-card__wishlist { position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:50%; background: rgba(255,255,255,.92); display:flex; align-items:center; justify-content:center; color: var(--dz-ink); transition: transform .2s, color .2s; }
.dz-card__wishlist:hover { transform: scale(1.08); color: var(--dz-sale); }
.dz-card__wishlist.is-active { color: var(--dz-sale); }
.dz-card__wishlist.is-active svg path { fill: var(--dz-sale); }

.dz-card__body { padding: 16px 16px 18px; }
.dz-card__name { display:block; font-size: 14px; font-weight: 500; margin-bottom: 6px; line-height:1.35; min-height: 38px; overflow:hidden; }
.dz-card__rating { color: var(--dz-brass); font-size: 12px; margin-bottom: 6px; }
.dz-card__prices { display:flex; align-items:baseline; gap: 8px; margin-bottom: 12px; }
.dz-card__regular del, .dz-card__regular { color: var(--dz-text-muted); font-size: 13px; text-decoration: line-through; }
.dz-card__price { font-size: 17px; font-weight: 700; }
.dz-card__price bdi, .dz-card__regular bdi { unicode-bidi: normal; }
.dz-card__stock { margin-bottom: 12px; }
.dz-card__stock-bar { height:4px; background: var(--dz-cream-dim); border-radius:2px; overflow:hidden; margin-bottom:4px; }
.dz-card__stock-bar span { display:block; height:100%; background: var(--dz-sale); }
.dz-card__stock small { color: var(--dz-text-muted); font-size: 11.5px; }
.dz-card__add { width:100%; background: var(--dz-ink); color:#fff; padding: 11px; border-radius: var(--radius); font-size: 13.5px; font-weight:600; transition: background .2s; }
.dz-card__add:hover { background: var(--dz-brass); color: var(--dz-ink); }
.dz-card__add.is-loading { opacity:.6; pointer-events:none; }

/* ===================================================================== FLASH DEALS */
.dz-flash__head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-bottom:40px; }
.dz-flash__head .dz-section__title { margin-bottom:0; }
.dz-countdown { display:flex; gap: 10px; }
.dz-countdown div { background: var(--dz-ink); color:#fff; border-radius: var(--radius); padding: 10px 14px; text-align:center; min-width: 58px; }
.dz-countdown__num { display:block; font-family: var(--dz-font-display); font-size: 20px; font-weight:700; color: var(--dz-brass-light); }
.dz-countdown span:last-child { font-size: 10px; text-transform: lowercase; color: rgba(255,255,255,.6); }

/* ===================================================================== WHY SHOP */
.dz-why__grid { display:grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.dz-why__item { border-top: 2px solid var(--dz-brass); padding-top: 18px; }
.dz-why__item strong { font-family: var(--dz-font-display); font-size: 16px; display:block; margin-bottom:8px; }
.dz-why__item p { font-size: 13.5px; color: var(--dz-text-muted); line-height:1.5; margin:0; }

/* ===================================================================== BEST SELLERS */
.dz-bestseller-row { display:grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
.dz-bestseller-card { position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid var(--dz-line-light); border-radius: var(--radius); overflow:hidden; transition: transform .25s var(--ease); }
.dz-bestseller-card:hover { transform: translateY(-3px); }
.dz-bestseller-rank { position:absolute; top:10px; left:10px; z-index:2; background: var(--dz-brass); color: var(--dz-ink); font-family: var(--dz-font-display); font-weight:800; font-size: 13px; padding: 3px 9px; border-radius: 4px; }
.dz-bestseller-card img { aspect-ratio:1/1; object-fit:cover; }
.dz-bestseller-name { font-size: 13px; padding: 10px 12px 2px; min-height: 40px; }
.dz-bestseller-price { font-size: 14px; font-weight:700; padding: 0 12px 14px; color: var(--dz-sale); }

/* ===================================================================== DISCOVER */
.dz-discover-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.dz-discover-card { position:relative; aspect-ratio: 3/4; border-radius: var(--radius); overflow:hidden; display:flex; align-items:flex-end; background: var(--dz-ink); }
.dz-discover-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .5s var(--ease); }
.dz-discover-card:hover img { transform: scale(1.05); }
.dz-discover-card span { position:relative; z-index:2; color:#fff; font-family: var(--dz-font-display); font-weight:700; font-size: 18px; padding: 20px; background: linear-gradient(180deg, transparent, rgba(13,27,30,.8)); width:100%; }

/* ===================================================================== NEWSLETTER */
.dz-newsletter { background: var(--dz-ink); color:#fff; text-align:center; padding: 90px 32px; }
.dz-newsletter h2 { font-size: clamp(28px,3.6vw,40px); }
.dz-newsletter p { color: rgba(255,255,255,.68); margin: 16px 0 32px; }
.dz-newsletter__form { display:flex; max-width: 440px; margin: 0 auto; gap: 10px; }
.dz-newsletter__form input { flex:1; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--dz-line-dark); background: rgba(255,255,255,.08); color:#fff; font-size:14px; }
.dz-newsletter__form input:focus { outline:none; border-color: var(--dz-brass); }
.dz-newsletter__form button { padding: 14px 26px; border-radius: var(--radius); background: var(--dz-brass); color: var(--dz-ink); font-weight:700; font-size:14px; transition: background .2s; }
.dz-newsletter__form button:hover { background: var(--dz-brass-light); }
.dz-newsletter__msg { margin-top: 14px; font-size: 13px; color: var(--dz-brass-light); min-height: 18px; }

/* ===================================================================== FOOTER */
.dz-footer { background: var(--dz-ink-soft); color: rgba(255,255,255,.75); padding: 64px 32px 28px; }
.dz-footer__grid { max-width: 1280px; margin:0 auto; display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 36px; border-bottom: 1px solid var(--dz-line-dark); }
.dz-footer__col h4 { font-family: var(--dz-font-display); color:#fff; font-size: 14px; margin-bottom: 16px; }
.dz-footer__col a { display:block; font-size: 13.5px; margin-bottom: 10px; opacity:.82; transition: opacity .2s, color .2s; }
.dz-footer__col a:hover { opacity:1; color: var(--dz-brass-light); }
.dz-logo--footer { display:inline-block; margin-bottom: 12px; }
.dz-footer__col p { font-size: 13px; line-height:1.6; max-width: 240px; }
.dz-footer__bottom { max-width:1280px; margin: 20px auto 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size: 12.5px; }

/* ===================================================================== PAGINI DE CONTINUT (Despre noi / Contact / Retur / Termeni) */
.dz-page-hero { background: linear-gradient(160deg, var(--dz-ink) 0%, var(--dz-ink-soft) 100%); color:#fff; padding: 80px 32px 96px; text-align:center; position:relative; overflow:hidden; }
.dz-page-hero::before { content:''; position:absolute; top:-120px; right:-120px; width:320px; height:320px; border-radius:50%; background: radial-gradient(circle, rgba(201,162,39,.25), transparent 70%); }
.dz-page-hero__eyebrow { display:inline-block; color: var(--dz-brass-light); font-size: 12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom: 14px; }
.dz-page-hero h1 { font-size: clamp(32px, 4.4vw, 50px); position:relative; z-index:1; }
.dz-page-hero p { color: rgba(255,255,255,.72); font-size: 16px; max-width: 560px; margin: 16px auto 0; position:relative; z-index:1; }

.dz-content-wrap { max-width: 1040px; margin: -48px auto 0; padding: 0 32px 90px; position:relative; z-index: 2; }

/* ---- Casete / carduri reutilizabile ---- */
.dz-card { background:#fff; border: 1px solid var(--dz-line-light); border-radius: 14px; box-shadow: 0 18px 40px rgba(13,27,30,.07); padding: 36px 40px; margin-bottom: 24px; }
.dz-card:last-child { margin-bottom: 0; }
.dz-card--accent-brass { border-top: 4px solid var(--dz-brass); }
.dz-card--accent-sale { border-top: 4px solid var(--dz-sale); }
.dz-card__icon { width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; background: var(--dz-cream-dim); color: var(--dz-brass); margin-bottom: 18px; }
.dz-card__icon svg { width:22px; height:22px; }

.dz-prose { max-width: 100%; margin: 0; line-height: 1.75; font-size: 15.5px; }
.dz-prose h2 { font-family: var(--dz-font-display); font-size: 21px; margin: 0 0 14px; display:flex; align-items:center; gap:10px; }
.dz-prose h2::before { content:''; width:8px; height:8px; border-radius:50%; background: var(--dz-brass); flex-shrink:0; }
.dz-prose p { margin: 0 0 16px; color: var(--dz-text); }
.dz-prose p:last-child { margin-bottom: 0; }
.dz-prose ul { margin: 0 0 16px; padding-left: 4px; list-style:none; }
.dz-prose ul:last-child { margin-bottom: 0; }
.dz-prose li { margin-bottom: 10px; padding-left: 26px; position:relative; }
.dz-prose li::before { content:'✓'; position:absolute; left:0; top:0; color: var(--dz-brass); font-weight:700; font-size:13px; }
.dz-prose a { color: var(--dz-sale); text-decoration: underline; }
.dz-prose--notice { background: var(--dz-cream-dim); border: 1px dashed var(--dz-line-light); border-radius: 10px; padding: 16px 18px; font-size: 13.5px; color: var(--dz-text-muted); margin-top: 18px; }

.dz-stats-row { display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1040px; margin: -48px auto 0; padding: 0 32px; position:relative; z-index:2; }
.dz-stat-card { background:#fff; border: 1px solid var(--dz-line-light); border-radius: 14px; box-shadow: 0 18px 40px rgba(13,27,30,.07); padding: 26px 24px; border-top: 3px solid var(--dz-brass); text-align:center; }
.dz-stat-card strong { font-family: var(--dz-font-display); font-size: 22px; display:block; margin-bottom:8px; color: var(--dz-ink); }
.dz-stat-card p { margin:0; font-size: 13.5px; color: var(--dz-text-muted); }

.dz-contact-wrap { max-width: 1040px; margin: -48px auto 0; padding: 0 32px 90px; display:grid; grid-template-columns: .85fr 1.15fr; gap: 24px; align-items:start; position:relative; z-index:2; }
.dz-contact-info { background:#fff; border: 1px solid var(--dz-line-light); border-top: 4px solid var(--dz-brass); border-radius: 14px; box-shadow: 0 18px 40px rgba(13,27,30,.07); padding: 32px; }
.dz-contact-info h3 { font-family: var(--dz-font-display); font-size: 18px; margin: 0 0 20px; }
.dz-contact-info__item { display:flex; gap: 14px; margin-bottom: 22px; align-items:flex-start; }
.dz-contact-info__item:last-child { margin-bottom:0; }
.dz-contact-info__item .dz-contact-info__icon { width:38px; height:38px; border-radius:10px; background: var(--dz-cream-dim); color: var(--dz-brass); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.dz-contact-info__item strong { display:block; font-size: 14px; margin-bottom:3px; color: var(--dz-ink); }
.dz-contact-info__item span, .dz-contact-info__item a { font-size: 13.5px; color: var(--dz-text-muted); }

.dz-contact-form { background:#fff; border: 1px solid var(--dz-line-light); border-top: 4px solid var(--dz-sale); border-radius: 14px; box-shadow: 0 18px 40px rgba(13,27,30,.07); padding: 32px; }
.dz-contact-form label { display:block; font-size: 13px; font-weight:600; margin-bottom: 6px; margin-top: 16px; color: var(--dz-ink); }
.dz-contact-form label:first-child { margin-top: 0; }
.dz-contact-form input, .dz-contact-form textarea { width:100%; box-sizing:border-box; padding: 12px 14px; border-radius: 8px; border: 1px solid var(--dz-line-light); font-family: var(--dz-font-body); font-size: 14px; background: var(--dz-cream); }
.dz-contact-form input:focus, .dz-contact-form textarea:focus { outline:none; border-color: var(--dz-brass); background:#fff; }
.dz-contact-form textarea { min-height: 120px; resize: vertical; }
.dz-contact-form button { margin-top: 22px; background: var(--dz-ink); color:#fff; padding: 13px 28px; border-radius: 8px; font-weight:600; font-size:14px; transition: background .2s; }
.dz-contact-form button:hover { background: var(--dz-brass); color: var(--dz-ink); }
.dz-contact-form button:disabled { opacity:.6; pointer-events:none; }
.dz-form-msg { margin-top: 14px; font-size: 13px; color: #2E7D32; min-height: 18px; font-weight:600; }
.dz-form-msg.is-error { color: var(--dz-sale); }

@media (max-width: 720px) {
  .dz-contact-wrap { grid-template-columns: 1fr; padding: 0 18px 60px; margin-top: -32px; }
  .dz-stats-row { grid-template-columns: 1fr; padding: 0 18px; margin-top: -32px; }
  .dz-content-wrap { padding: 0 18px 60px; margin-top: -32px; }
  .dz-card { padding: 26px 22px; }
  .dz-contact-info, .dz-contact-form { padding: 24px; }
}

/* ===================================================================== TOAST */
.dz-toast { position: fixed; bottom: 26px; left: 50%; transform: translate(-50%, 20px); background: var(--dz-ink); color:#fff; padding: 13px 22px; border-radius: var(--radius); font-size: 14px; opacity:0; pointer-events:none; transition: opacity .25s var(--ease), transform .25s var(--ease); z-index: 999; box-shadow: 0 16px 36px rgba(0,0,0,.25); }
.dz-toast.is-visible { opacity:1; transform: translate(-50%, 0); }

/* ===================================================================== SCROLL REVEAL */
.dz-reveal { opacity:0; transform: translateY(18px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.dz-reveal.is-visible { opacity:1; transform: translateY(0); }

/* ===================================================================== RESPONSIVE */
@media (max-width: 1024px) {
  .dz-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    gap: 0;
    background: var(--dz-ink-soft);
    border-top: 1px solid var(--dz-line-dark);
    box-shadow: 0 16px 30px rgba(0,0,0,.25);
  }
  .dz-nav.is-open { display: flex; max-height: calc(100vh - 70px); overflow-y: auto; }
  .dz-nav > a { padding: 14px 24px; border-bottom: 1px solid var(--dz-line-dark); width: 100%; box-sizing: border-box; display:block; }
  .dz-header { position: sticky; }
  .dz-header__inner { position: relative; flex-wrap: wrap; }
  .dz-burger { display:flex; }

  /* Pe mobil, meniul Categorii se desfasoara inline, nu plutitor */
  .dz-cat-menu { width:100%; order: -1; border-bottom: 1px solid var(--dz-line-dark); }
  .dz-cat-btn { width:100%; justify-content:flex-start; background:none; border:none; border-radius:0; padding: 14px 24px; }
  .dz-cat-panel { position:static; width:100%; max-height:none; box-shadow:none; border-radius:0; background: var(--dz-ink); }
  .dz-cat-panel__toggle, .dz-cat-panel__item, .dz-cat-panel__row { color:#fff; }
  .dz-cat-panel__item { border-bottom-color: var(--dz-line-dark); }
  .dz-cat-panel__toggle:hover { background: rgba(255,255,255,.06); }
  .dz-cat-panel__toggle small, .dz-cat-panel__viewall { color: rgba(255,255,255,.55); }
  .dz-cat-panel__viewall { opacity:1; }
  .dz-cat-panel__sub a { color: rgba(255,255,255,.72); }
  .dz-cat-panel__sub a:hover { background: rgba(255,255,255,.08); color:#fff; }
  .dz-search { flex: 0 1 180px; }
  .dz-hero { grid-template-columns: 1fr; padding-bottom: 60px; overflow: hidden; }
  .dz-hero__visual { height: 300px; margin-top: 20px; overflow: hidden; }
  .dz-product-row, .dz-bestseller-row { grid-template-columns: repeat(2, 1fr); }
  .dz-why__grid { grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .dz-discover-grid { grid-template-columns: repeat(2, 1fr); }
  .dz-cat-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: none; }
  .dz-cat-tile--1, .dz-cat-tile--2, .dz-cat-tile--3, .dz-cat-tile--4, .dz-cat-tile--5,
  .dz-cat-grid .dz-cat-tile:nth-child(n) { grid-column: span 1; grid-row: span 1; height: 200px; }
  .dz-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .dz-header__inner { gap: 14px; padding: 14px 18px; }
  .dz-logo { font-size: 18px; }
  .dz-search { position: static; flex: 1; order: 10; width:100%; }
  .dz-header__inner { flex-wrap: wrap; }
  .dz-search__results { left: 18px; right: 18px; }
  .dz-section { padding: 56px 18px; }
  .dz-hero { padding: 56px 18px 48px; }
  .dz-hero__text p { max-width: none; }
  .dz-hero__visual { height: 230px; }
  .dz-hero__card { width: 120px !important; left: auto !important; }
  .dz-hero__card--1 { top: 0; right: 42%; }
  .dz-hero__card--2 { top: 20%; right: 2%; width: 140px !important; z-index:2; }
  .dz-hero__card--3 { top: 56%; right: 30%; }
  .dz-hero__cta { flex-direction:column; }
  .dz-hero__cta .dz-btn { width:100%; }
  .dz-product-row, .dz-bestseller-row, .dz-discover-grid, .dz-why__grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .dz-cat-grid { grid-template-columns: 1fr; }
  .dz-footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .dz-newsletter__form { flex-direction: column; }
  .dz-flash__head { flex-direction:column; align-items:flex-start; }
}