/* ==========================================================================
   3dform.ro — TEMA dupa macheta `imgexmp`, in culorile vechi 3dform (octombrie 2026)
   Varianta bleumarin + portocaliu e pastrata in varianta-bleumarin/
   --------------------------------------------------------------------------
   Strat separat, incarcat DUPA custom.css. Dupa macheta `imgexmp` urcata de
   George: antet si subsol inchise, bannere cu colturi rotunjite, carduri
   albe, butoane pline. Numele variabilelor (--t-navy, --t-orange) au ramas
   de la varianta bleumarin; valorile sunt paleta veche (masliniu, maro, crem).
   Nu atinge build-ul. Ca sa revii la designul vechi: scoate linia
   <link ... theme.css> din index.html (si <script ... theme.js>).
   ========================================================================== */

:root {
  --t-navy:    #4b5443;
  --t-navy-2:  #535c4a;
  --t-navy-3:  #58614d;
  --t-orange:  #e6c3a0;   /* decor, text pe fundal inchis (4.6:1 pe #4b5443) */
  --t-btn:     #805237;   /* fundal de buton cu text alb (6.6:1) */
  --t-btn-h:   #6b432c;
  --t-oink:    #805237;   /* text de accent pe fundal deschis */
  --t-bg:      #f8f5ef;
  --t-card:    #fffdf9;
  --t-line:    #ddd6ca;
  --t-ink:     #302d26;
  --t-muted:   #777064;
  --t-ondark:  #d1d1bc;
  --t-radius:  18px;
  --t-shadow:  0 1px 2px rgba(41,46,38,.05), 0 8px 24px -12px rgba(41,46,38,.18);
}
.dark {
  --t-bg:     #1a1c18;
  --t-card:   #2a2d27;
  --t-line:   #66705b;
  --t-ink:    #f3ede3;
  --t-muted:  #bbb5a9;
  --t-oink:   #e6c3a0;
  --t-shadow: 0 8px 24px -12px rgba(0,0,0,.6);
}

/* --- variabilele designului vechi, redirectionate ------------------------ */
.atelier,
.marketplace-page {
  --paper:  var(--t-bg);
  --ink:    var(--t-ink);
  --muted:  var(--t-muted);
  --line:   var(--t-line);
  --soft:   #ece5db;
  --accent: var(--t-btn);
  font-family: Manrope, system-ui, sans-serif;
}
.dark .atelier,
.dark .marketplace-page { --soft: #30332b; }

body { background: var(--t-bg); }
.min-h-screen.bg-white { background: var(--t-bg) !important; }

/* titluri: fara serif italic, sans grasa; accentul devine portocaliu */
.atelier h1, .atelier h2,
.marketplace-intro h1 { font-weight: 800; letter-spacing: -.035em; color: var(--t-ink); }
.atelier h3 { font-weight: 700; }
.atelier em,
.marketplace-intro h1 em {
  font-family: inherit !important;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.035em;
  color: var(--t-oink);
}
.atelier-eyebrow,
.marketplace-kicker { color: var(--t-oink); font-weight: 800; letter-spacing: .16em; }
.atelier-dot { background: var(--t-orange); }

/* --- butoane ------------------------------------------------------------- */
.atelier-button {
  background: var(--t-btn) !important;
  color: #fff !important;
  border-radius: 999px;
  padding: 15px 26px;
  gap: 14px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 10px 22px -12px rgba(128,82,55,.8);
}
.atelier-button:hover { background: var(--t-btn-h) !important; }
.atelier-button-light {
  background: #fff !important;
  color: var(--t-navy) !important;
  box-shadow: none;
}
.atelier-button-light:hover { background: var(--t-orange) !important; color: var(--t-navy) !important; }
.atelier-text-link {
  color: var(--t-oink);
  font-weight: 700;
  border-bottom: 0;
}
.atelier-text-link:hover { color: var(--t-btn-h); }

/* ==========================================================================
   ANTET
   ========================================================================== */
header.fixed {
  background: var(--t-navy) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 6px 20px -14px rgba(0,0,0,.6);
}
/* pe bleumarin logoul trebuie sa aiba literele deschise */
header a.focus-ring > div > span.font-display {
  background-image: url("/images/v2/logo-navbar-dark.webp") !important;
}
header a.focus-ring > div > p { color: #d1d1bc !important; }

header nav a {
  color: #e9e7d9 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 14px;
}
header nav a:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
header nav a[aria-current="page"] {
  background: var(--t-btn) !important;
  color: #fff !important;
}
header .header-actions button,
header .header-actions a { color: #e9e7d9 !important; }
header .header-actions button:hover,
header .header-actions a:hover { background: rgba(255,255,255,.08) !important; color: var(--t-orange) !important; }
/* insigna cu numarul de produse din cos */
header .header-actions a span { background: var(--t-orange) !important; color: var(--t-navy) !important; }

/* bara de cautare din antet (adaugata de theme.js, doar pe desktop) */
.t-search { display: none; }
@media (min-width: 1024px) {
  .t-search {
    display: flex;
    align-items: center;
    flex: 0 1 300px;
    min-width: 170px;
    margin: 0 14px 0 18px;
    background: #fff;
    border-radius: 999px;
    padding: 4px 4px 4px 16px;
  }
  .t-search input {
    flex: 1; min-width: 0;
    border: 0; outline: 0; background: transparent;
    font: 500 13px Manrope, system-ui, sans-serif;
    color: var(--t-navy);
  }
  .t-search input::placeholder { color: #777064; }
  .t-search button {
    width: 32px; height: 32px; flex: none;
    display: grid; place-items: center;
    border-radius: 50%;
    background: var(--t-btn); color: #fff;
  }
  .t-search button:hover { background: var(--t-btn-h); }
  .t-search:focus-within { box-shadow: 0 0 0 3px rgba(230,195,160,.45); }
  /* lupa aplicatiei devine redundanta langa bara */
  header .header-actions > div.static { display: none; }
  header nav.lg\:flex { margin-left: auto; }
}
@media (min-width: 1024px) and (max-width: 1180px) {
  header nav a { padding-left: 10px !important; padding-right: 10px !important; font-size: 13px; }
  header a.focus-ring > div > p { display: none; }
}

/* bara de jos de pe mobil */
.tabbar,
.dark .tabbar {
  --tb-paper:  #4b5443;
  --tb-muted:  #d1d1bc;
  --tb-line:   #5d6652;
  --tb-accent: #e6c3a0;
}

/* ==========================================================================
   ACASA
   ========================================================================== */
.atelier { background: var(--t-bg); }

/* --- hero: banner bleumarin cu colturi rotunjite ------------------------- */
.atelier-hero {
  max-width: 1360px;
  margin: 100px auto 0;
  width: calc(100% - 2 * clamp(16px, 3vw, 40px));
  padding-top: 0 !important;
  min-height: 560px;
  background:
    radial-gradient(circle at 18% 20%, rgba(230,195,160,.16), transparent 42%),
    linear-gradient(120deg, var(--t-navy) 0%, var(--t-navy-2) 60%, var(--t-navy-3) 100%);
  border-radius: 24px;
  overflow: hidden;
  grid-template-columns: 1.05fr .95fr;
  box-shadow: var(--t-shadow);
}
.atelier-hero-copy {
  padding: 56px 40px 56px clamp(28px, 5vw, 72px) !important;
  color: #fff;
}
.atelier-hero h1 { color: #fff; font-size: clamp(2.6rem, 4.6vw, 4.4rem); line-height: 1.04; }
.atelier-hero h1 em { color: var(--t-orange) !important; display: inline; }
.atelier-hero-copy > p { color: var(--t-ondark); font-size: 15px; max-width: 420px; }
.atelier-hero .atelier-eyebrow { color: var(--t-orange); }
.atelier-explore { color: #e9e7d9; font-size: 12px; font-weight: 600; margin-top: 22px; }
.atelier-explore > span { border-color: rgba(255,255,255,.3); }
.atelier-hero-art {
  min-height: 0;
  margin: 18px 18px 18px 0;
  border-radius: 18px;
  background: var(--t-navy-2);
}
.atelier-stamp {
  width: auto; height: auto;
  padding: 10px 16px;
  border-radius: 14px;
  border: 1px solid rgba(230,195,160,.75);
  background: rgba(41,46,38,.55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  font-size: 14px; font-weight: 700;
  align-items: flex-start;
  text-align: left;
}
.atelier-stamp svg { display: none; }
.atelier-stamp i { font-family: inherit; font-style: normal; font-weight: 500; font-size: 11px; color: var(--t-ondark); margin: 2px 0 0; }
.atelier-art-caption { background: linear-gradient(transparent, rgba(41,46,38,.85)); }

/* --- banda „Ceara de soia ✳ ..." devine banda de incredere -------------- */
.atelier-ticker {
  max-width: 1360px;
  width: calc(100% - 2 * clamp(16px, 3vw, 40px));
  margin: 18px auto 0;
  background: var(--t-navy);
  color: #e9e7d9;
  border: 0;
  border-radius: 16px;
}
.atelier-ticker span { font-weight: 700; letter-spacing: .12em; }
.atelier-ticker i,
.atelier-ticker .marquee-track > i { color: var(--t-orange) !important; }

/* --- sectiuni ------------------------------------------------------------ */
.atelier-section { padding-top: 70px; padding-bottom: 70px; }
.atelier-section-heading > p { font-size: 14px; color: var(--t-muted); }

/* categorii: carduri albe egale, fara arcade */
.atelier-collection-grid { align-items: stretch; gap: 22px; }
.atelier-collection {
  display: block;
  background: var(--t-card);
  border: 1px solid var(--t-line);
  border-radius: var(--t-radius);
  padding: 12px 12px 20px;
  box-shadow: var(--t-shadow);
  transition: transform .3s ease, box-shadow .3s ease;
}
.atelier-collection:hover { transform: translateY(-4px); box-shadow: 0 18px 36px -18px rgba(41,46,38,.35); }
.atelier-collection .atelier-collection-image {
  aspect-ratio: 4 / 3 !important;
  border-radius: 12px !important;
}
.atelier-collection h3 { font-size: 19px; margin: 16px 6px 0; color: var(--t-ink); }
.atelier-collection p  { font-size: 13px; margin: 6px 6px 0; }
.atelier-collection-image > span:not(.atelier-collection-arrow) {
  background: var(--t-navy); color: #fff;
  border-radius: 999px; padding: 4px 10px;
  font-weight: 700; font-size: 11px;
}
.atelier-collection-arrow { background: var(--t-btn) !important; color: #fff !important; }

/* produse */
.atelier-product-grid { gap: 22px; }
.atelier-product {
  background: var(--t-card);
  border: 1px solid var(--t-line);
  border-radius: var(--t-radius);
  padding: 10px 10px 16px;
  box-shadow: var(--t-shadow);
}
.atelier-product-image { border-radius: 12px; background: #ece5db; }
.atelier-product-tag {
  background: var(--t-navy) !important; color: #fff !important;
  border-radius: 999px; font-weight: 700; padding: 5px 10px;
}
.atelier-save { background: #fff !important; color: var(--t-navy) !important; box-shadow: 0 2px 8px rgba(41,46,38,.15); }
.atelier-save[aria-pressed="true"] { color: var(--t-btn) !important; }
.atelier-quick { background: var(--t-btn) !important; color: #fff !important; border-radius: 10px; font-weight: 700; }
.atelier-product-info { padding: 14px 6px 0; }
.atelier-product-info h3 { font-size: 16px; color: var(--t-ink); }
.atelier-product-info > span {
  font-size: 16px; font-weight: 800; color: var(--t-oink);
}
.atelier-stars .is-filled { color: #c98a4f; }

/* banda „Ne scrii. Discutam. Il facem." -> banner albastru ca „Smart Watches" */
.atelier-story-band {
  max-width: 1360px;
  width: calc(100% - 2 * clamp(16px, 3vw, 40px));
  margin: 10px auto 80px;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(115deg, #4b5443 0%, #58614d 55%, #6b7656 100%);
  color: #fff;
  box-shadow: var(--t-shadow);
}
.atelier-story-copy h2 { color: #fff; }
.atelier-story-copy h2 em { color: var(--t-orange) !important; }
.atelier-story-copy p { color: var(--t-ondark); font-size: 14px; }
.atelier-story-copy .atelier-eyebrow { color: var(--t-orange); }
.atelier-story-photo { min-height: 460px; }
.atelier-story-photo > span {
  color: #fff; background: rgba(41,46,38,.7);
  padding: 6px 10px; border-radius: 999px; font-weight: 700;
}

/* ==========================================================================
   CATALOG (/products) si PAGINA DE PRODUS
   ========================================================================== */
.marketplace-page { background: var(--t-bg); }
.marketplace-intro {
  max-width: 1360px;
  width: calc(100% - 2 * clamp(16px, 3vw, 40px));
  margin: 20px auto 30px;
  padding: 44px clamp(24px, 4vw, 60px);
  border-radius: 24px;
  background:
    radial-gradient(circle at 15% 20%, rgba(230,195,160,.16), transparent 45%),
    linear-gradient(120deg, var(--t-navy), var(--t-navy-3));
  color: #fff;
  box-shadow: var(--t-shadow);
}
.marketplace-intro h1 { color: #fff; }
.marketplace-intro p { color: var(--t-ondark); }
.marketplace-kicker { color: var(--t-orange); }
.marketplace-intro-link {
  border: 0; border-radius: 999px;
  background: var(--t-btn); color: #fff;
  padding: 12px 22px;
}
.marketplace-intro-link:hover { background: var(--t-btn-h); }
.marketplace-intro img { border-radius: 16px !important; }

.marketplace-categories { border-top: 0; }
.marketplace-categories a { background: var(--t-card); border-color: var(--t-line); }
.marketplace-categories a:hover,
.marketplace-categories a[aria-current="page"] {
  background: var(--t-btn); border-color: var(--t-btn); color: #fff;
}
.marketplace-toolbar { border-bottom: 0; }
.marketplace-search,
.marketplace-toolbar select {
  background: var(--t-card) !important;
  border: 1px solid var(--t-line);
  border-radius: 999px;
}
.marketplace-toolbar select { padding-left: 16px; }
.marketplace-budget input { accent-color: var(--t-btn); }

.marketplace-grid { gap: 26px 20px; }
.marketplace-card {
  background: var(--t-card);
  border: 1px solid var(--t-line);
  border-radius: var(--t-radius);
  padding: 10px;
  box-shadow: var(--t-shadow);
  display: flex; flex-direction: column;
}
.marketplace-card-image { border-radius: 12px; background: #ece5db; }
.marketplace-card-copy { padding: 14px 6px 6px; display: flex; flex-direction: column; flex: 1; }
.marketplace-card-bottom { margin-top: auto; padding-top: 14px; }
.marketplace-card-category { color: var(--t-oink); font-weight: 700; }
.marketplace-card h2 { color: var(--t-ink); font-weight: 700; font-size: 17px; }
.marketplace-price strong { color: var(--t-ink); font-size: 18px; font-weight: 800; }
.marketplace-sale {
  background: #a04c3d; color: #fff;
  border-radius: 999px; padding: 5px 10px; font-size: 11px;
}
.marketplace-favorite { background: #fff; color: var(--t-navy); box-shadow: 0 2px 8px rgba(41,46,38,.15); }
.marketplace-favorite[aria-pressed="true"] { color: var(--t-btn); }
.marketplace-card-bottom > a {
  background: var(--t-btn); color: #fff;
  border-radius: 10px; padding: 11px 14px; font-weight: 700;
}
.marketplace-card-bottom > a:hover { background: var(--t-btn-h); color: #fff; }
.marketplace-empty { background: var(--t-card); border-radius: var(--t-radius); }
.marketplace-empty h2 { font-family: inherit; font-weight: 800; }
.marketplace-skeleton { border-radius: 12px; background: linear-gradient(110deg,#e6ded2 8%,#f6f1e9 18%,#e6ded2 33%); background-size: 200% 100%; }

/* catalogul vechi „atelier" si filtrele lui */
.atelier-catalog-cover { border-radius: 18px !important; }
.atelier-category-tabs a[aria-current="page"] { border-color: var(--t-btn); color: var(--t-oink); font-weight: 700; }
.atelier-tabs button,
.atelier-variant-pills button { border-radius: 999px; background: var(--t-card); }
.atelier-tabs button[aria-pressed="true"],
.atelier-variant-pills button[aria-pressed="true"] { background: var(--t-navy); border-color: var(--t-navy); color: #fff; }
.atelier-filter-row select { border-radius: 999px; background: var(--t-card); }

/* pagina de produs */
.atelier-detail-image img { border-radius: 18px; }
.atelier-detail-thumbs button { border-radius: 10px; }
.atelier-detail-thumbs button[aria-current="true"] { border-color: var(--t-btn); }
.atelier-detail-badge { background: #a04c3d; border-radius: 999px; }
.atelier-detail-price { color: var(--t-oink); font-weight: 800; }
.atelier-detail-copy h1 { font-size: clamp(2rem, 3.4vw, 3.2rem) !important; }
.atelier-qty { border-radius: 999px; background: var(--t-card); }
.atelier-detail-actions .atelier-button { border-radius: 12px; justify-content: center; }
/* al doilea buton („Cumpără acum") e conturat, nu plin */
.atelier-detail-actions .atelier-button + .atelier-button {
  background: transparent !important;
  color: var(--t-oink) !important;
  border: 2px solid var(--t-btn);
  box-shadow: none;
}
.atelier-detail-actions .atelier-button + .atelier-button:hover { background: var(--t-btn) !important; color: #fff !important; }
.atelier-detail-perks {
  background: var(--t-card);
  border: 1px solid var(--t-line);
  border-radius: 16px;
  padding: 18px;
}
.atelier-review-avatar { background: var(--t-navy); color: #fff; }
.atelier-dialog { border-radius: 20px; }
.atelier-dialog h2 { font-family: inherit; font-style: normal; font-weight: 800; }

/* ==========================================================================
   SUBSOL
   ========================================================================== */
.atelier-footer {
  background: var(--t-navy);
  color: #e9e7d9;
  border-top: 4px solid var(--t-orange);
}
.atelier-footer-brand { color: #fff; font-weight: 800; }
.atelier-footer h3 { color: #fff; font-weight: 800; }
.atelier-footer p,
.atelier-footer nav a,
.atelier-footer-mail { color: #cbd0c1; }
.atelier-footer a:hover { color: var(--t-orange); }
.atelier-footer-bottom { border-top-color: #66705b; }
.atelier-footer-bottom small { color: #d1d1bc; }

/* ==========================================================================
   MOBIL
   ========================================================================== */
@media (max-width: 1023px) {
  .atelier-hero,
  .atelier-ticker,
  .atelier-story-band,
  .marketplace-intro { width: calc(100% - 24px); border-radius: 18px; }
  .atelier-hero { margin-top: 64px; }
  .marketplace-intro { margin-top: 12px; }
}
@media (max-width: 767px) {
  .atelier-hero { grid-template-columns: 1fr; min-height: 0; }
  .atelier-hero-copy { padding: 26px 22px 0 !important; }
  .atelier-hero-copy > .atelier-eyebrow {
    width: calc(100% + 44px) !important;
    margin: 26px -22px 0 !important;
    border-color: rgba(255,255,255,.12) !important;
  }
  .atelier-hero-copy > .atelier-eyebrow .marquee-track > i { color: var(--t-orange) !important; }
  .atelier-hero-copy > p { font-size: 13px; }
  .atelier-explore { margin-top: 26px !important; }
  .atelier-hero-art { margin: 0 12px 12px; aspect-ratio: 1.15; }
  .atelier-ticker { margin-top: 12px; border-radius: 14px; }
  .atelier-section { padding: 46px 16px; }
  .atelier-collection-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .atelier-collection { padding: 8px 8px 14px; border-radius: 14px; }
  .atelier-collection.collection-short { grid-column: 1 / -1; }
  .atelier-collection.collection-short .atelier-collection-image { aspect-ratio: 16 / 9 !important; }
  .atelier-collection h3 { font-size: 15px; margin: 10px 4px 0; }
  .atelier-collection p { font-size: 11px; margin: 4px 4px 0; }
  .atelier-product-grid { gap: 12px; }
  .atelier-product { padding: 7px 7px 12px; border-radius: 14px; }
  .atelier-product-info { padding: 10px 4px 0; }
  .atelier-story-band { margin-bottom: 40px; }
  .atelier-story-photo { min-height: 0; }
  .marketplace-intro { padding: 28px 22px; }
  .marketplace-grid { gap: 12px; }
  .marketplace-card { padding: 7px; border-radius: 14px; }
}

/* --- culorile „primary" din componentele generice (contact, despre, forms) */
.bg-primary,
.btn-pill-primary,
.btn-primary { background-color: var(--t-btn) !important; color: #fff !important; }
.hover\:bg-primary\/90:hover,
.btn-pill-primary:hover,
.btn-primary:hover { background-color: var(--t-btn-h) !important; }
.bg-primary\/10 { background-color: rgba(128,82,55,.1) !important; }
.text-primary { color: var(--t-oink) !important; }
.text-primary-foreground { color: #fff !important; }
.text-card-foreground,
.text-secondary-foreground { color: var(--t-ink) !important; }
.text-muted-foreground { color: var(--t-muted) !important; }
.bg-card { background-color: var(--t-card) !important; }
.bg-secondary { background-color: #ece5db !important; }

/* --- reglaje antet desktop: totul pe un rand ----------------------------- */
@media (min-width: 1024px) {
  header nav a { white-space: nowrap; }
  header a.focus-ring > div > p { display: none !important; }
}
.atelier-collection.collection-offset { margin-top: 0 !important; }
.atelier-stamp { transform: none !important; }

/* titlul din hero: „prind formă." pe randul lui si cand custom.css ascunde <br> */
.atelier-hero h1 em { display: block !important; }
/* butonul conturat din hero, alb pe bleumarin */
.atelier-hero .atelier-explore {
  color: #fff !important;
  border-color: rgba(255,255,255,.4) !important;
}
.atelier-hero .atelier-explore > span { color: #fff; border-color: rgba(255,255,255,.4) !important; }
.atelier em { font-style: normal !important; }
@media (max-width: 1023px) {
  .atelier-hero-copy > .atelier-explore > span { border: 0 !important; width: auto !important; height: auto !important; }
}

/* ==========================================================================
   STRUCTURA DIN MACHETA — antet, prima pagina, subsol (construite de theme.js)
   Ascunderea elementelor React depinde de prezenta nodurilor noastre: daca
   theme.js nu ruleaza, ramane designul React, nu o pagina goala.
   ========================================================================== */
.t-wrap { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: clamp(16px, 3vw, 32px); padding-right: clamp(16px, 3vw, 32px); box-sizing: border-box; }
#t-header, #t-home, #t-footer { font-family: Manrope, system-ui, sans-serif; color: var(--t-ink); }
#t-home *, #t-header *, #t-footer * { box-sizing: border-box; }
#t-home a, #t-header a, #t-footer a { text-decoration: none; }
#t-home h1, #t-home h2, #t-home p, #t-footer h3, #t-footer p { margin: 0; }

.t-eyebrow { display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--t-orange); }
.t-sec .t-eyebrow, .t-eyebrow-inchis { color: var(--t-oink); }
.t-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--t-btn); color: #fff !important;
  font-size: 14px; font-weight: 700;
  padding: 13px 22px; border-radius: 10px;
  transition: background .2s, transform .2s;
}
.t-btn svg { width: 16px; height: 16px; }
.t-btn:hover { background: var(--t-btn-h); transform: translateY(-1px); }
.t-btn-alb { background: #fff; color: var(--t-navy) !important; border-radius: 999px; }
.t-btn-alb:hover { background: var(--t-orange); }
.t-btn-navy { background: var(--t-navy); border-radius: 999px; }
.t-btn-navy:hover { background: var(--t-navy-3); }

/* iconite colorate (categorii, meniu) */
.t-ci { display: grid; place-items: center; border-radius: 16px; flex: none; }
.t-ci svg { width: 55%; height: 55%; }
.c-portocaliu { background: #f3e7da; color: #9b5a2e; }
.c-albastru   { background: #e6ece4; color: #4d6145; }
.c-roz        { background: #f5e6e0; color: #9b5137; }
.c-rosu       { background: #f3e1da; color: #a04c3d; }
.c-mov        { background: #ece7dd; color: #6e5a3c; }
.c-verde      { background: #e3eadc; color: #4f6b3a; }
.c-ocru       { background: #f2ead2; color: #7d6224; }
.c-bleu       { background: #e2e8ea; color: #44606b; }
.c-lila       { background: #ede4ea; color: #6c4a63; }
.dark .t-ci { filter: saturate(1.1) brightness(.95); }

/* --------------------------------------------------------------- ANTET */
#t-header { display: none; }
@media (min-width: 1024px) {
  body.t-are-antet #root header.fixed { display: none !important; }
  #t-header { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: var(--t-navy); box-shadow: 0 8px 24px -16px rgba(0,0,0,.7); }
  body.t-are-antet #root main { padding-top: 42px; }
  .e-admin #root { padding-top: 42px; }
}
.t-h1 .t-wrap { display: flex; align-items: center; gap: 28px; height: 74px; }
.t-logo img { display: block; height: 44px; width: auto; }
.t-hsearch {
  flex: 1; max-width: 560px; margin: 0 auto;
  display: flex; align-items: center;
  background: #fff; border-radius: 999px; padding: 4px 4px 4px 20px;
}
.t-hsearch input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: 500 14px Manrope, sans-serif; color: #4b5443; height: 36px; }
.t-hsearch input::placeholder { color: #777064; }
.t-hsearch button { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: transparent; color: #4b5443; border: 0; cursor: pointer; }
.t-hsearch button svg { width: 19px; height: 19px; }
.t-hsearch:focus-within { box-shadow: 0 0 0 3px rgba(230,195,160,.5); }
.t-hact { display: flex; align-items: center; gap: 6px; }
.t-hact a { color: #fff; display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; padding: 8px; border-radius: 10px; }
.t-hact a:hover { color: var(--t-orange); }
.t-hact svg { width: 22px; height: 22px; }
.t-cos { position: relative; }
.t-cos b { position: absolute; top: 1px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--t-orange); color: #fff; font-size: 11px; line-height: 18px; text-align: center; }
.t-cos b[hidden] { display: none; }

.t-h2 { border-top: 1px solid rgba(255,255,255,.07); }
.t-h2 .t-wrap { display: flex; align-items: center; gap: 26px; height: 48px; }
.t-catwrap { position: relative; align-self: stretch; }
.t-catbtn {
  height: 100%; display: inline-flex; align-items: center; gap: 10px;
  background: var(--t-btn); color: #fff; border: 0; cursor: pointer;
  padding: 0 22px; font: 700 14px Manrope, sans-serif; border-radius: 10px 10px 0 0;
}
.t-catbtn svg { width: 18px; height: 18px; }
.t-catbtn:hover, .t-catbtn[aria-expanded="true"] { background: var(--t-btn-h); }
.t-catmenu {
  position: absolute; top: 100%; left: 0; width: 280px; z-index: 5;
  background: var(--t-card); border: 1px solid var(--t-line); border-radius: 0 12px 12px 12px;
  box-shadow: 0 20px 40px -18px rgba(41,46,38,.45); padding: 8px;
}
.t-catmenu[hidden] { display: none; }
.t-catmenu a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 10px; color: var(--t-ink); font-size: 14px; font-weight: 600; }
.t-catmenu a:hover { background: var(--t-bg); color: var(--t-oink); }
.t-catmenu .t-ci { width: 36px; height: 36px; border-radius: 10px; }
.t-h2 nav { display: flex; gap: 6px; }
.t-h2 nav a { color: #e9e7d9; font-size: 14px; font-weight: 600; padding: 8px 12px; border-radius: 8px; white-space: nowrap; }
.t-h2 nav a:hover { color: #fff; }
.t-h2 nav a[aria-current="page"] { color: var(--t-orange); }
.t-tema { margin-left: auto; background: none; border: 0; color: #d1d1bc; cursor: pointer; padding: 8px; border-radius: 8px; }
.t-tema:hover { color: #fff; }
.t-tema svg { width: 18px; height: 18px; display: block; }

/* ------------------------------------------------------- PRIMA PAGINA */
.atelier:has(> #t-home) > :not(#t-home) { display: none !important; }
.atelier:has(> #t-home) { background: var(--t-card); }
#t-home { padding-top: 98px; padding-bottom: 30px; }
@media (max-width: 1023px) { #t-home { padding-top: 64px; } }

/* hero */
.t-hero { position: relative; }
.t-hero::before { content: ""; display: block; padding-top: 0; }
.t-slide {
  display: none; position: relative; overflow: hidden;
  min-height: 430px; border-radius: 20px;
  background: radial-gradient(circle at 75% 40%, #6b5845 0%, #4a3e33 70%);
}
.t-slide.is-activ { display: block; animation: t-fade .6s ease both; }
@keyframes t-fade { from { opacity: .4; } to { opacity: 1; } }
.t-slide-img {
  position: absolute; top: 0; right: 0; height: 100%; width: 62%;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 38%);
          mask-image: linear-gradient(90deg, transparent 0, #000 38%);
}
.t-slide-copy { position: relative; z-index: 1; max-width: 560px; padding: 64px 0 74px clamp(28px, 5vw, 56px); color: #fff; }
.t-slide-copy h1, .t-slide-copy .t-h1like {
  font-size: clamp(2.3rem, 4.4vw, 3.6rem); line-height: 1.08; font-weight: 800; letter-spacing: -.03em;
  color: #fff; margin: 16px 0 18px;
}
.t-slide-copy em { font-style: normal; color: var(--t-orange); }
.t-slide-copy p { color: #e3dccf; font-size: 15px; line-height: 1.65; max-width: 400px; margin-bottom: 28px; }
.t-hero-badge {
  position: absolute; top: 22px; right: 22px; z-index: 2;
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-radius: 14px;
  border: 1px solid rgba(230,195,160,.8); background: rgba(58,48,38,.55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  color: #fff; font-size: 13px; font-weight: 700; line-height: 1.25;
}
.t-hero-badge svg { width: 26px; height: 26px; color: var(--t-orange); }
.t-dots { display: flex; gap: 8px; }
.t-hero > .t-dots { position: absolute; left: calc(clamp(16px, 3vw, 32px) + clamp(28px, 5vw, 56px)); bottom: 28px; z-index: 2; }
.t-dots button { width: 9px; height: 9px; border-radius: 9px; border: 1.5px solid rgba(255,255,255,.7); background: transparent; padding: 0; cursor: pointer; transition: width .25s, background .25s; }
.t-dots button[aria-selected="true"], .t-dots button[aria-current="true"] { width: 26px; background: #fff; border-color: #fff; }

/* sectiuni */
.t-sec { margin-top: 26px; padding-top: 34px; padding-bottom: 34px; }
.t-panou { background: var(--t-bg); border-radius: 20px; padding-top: 30px; padding-bottom: 30px; }
.t-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.t-sec-head h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); font-weight: 800; letter-spacing: -.025em; color: var(--t-ink); margin-top: 6px; }
.t-sec-head p { color: var(--t-muted); font-size: 14px; margin-top: 6px; }
.t-vezi { display: inline-flex; align-items: center; gap: 8px; color: var(--t-ink); font-size: 14px; font-weight: 700; white-space: nowrap; }
.t-vezi svg { width: 16px; height: 16px; }
.t-vezi:hover { color: var(--t-oink); }

/* categorii */
.t-cats { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 12px; }  /* 9 casute: un rand pe desktop */
.t-cat {
  display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;
  background: var(--t-card); border-radius: 16px; padding: 22px 10px 16px;
  box-shadow: var(--t-shadow); color: var(--t-ink);
  transition: transform .25s, box-shadow .25s;
}
.t-cat:hover { transform: translateY(-4px); box-shadow: 0 18px 30px -18px rgba(41,46,38,.4); }
.t-cat .t-ci { width: 72px; height: 72px; border-radius: 18px; }
.t-cat-nume { font-size: 14px; font-weight: 700; line-height: 1.3; min-height: 2.6em; display: flex; align-items: center; }
.t-cat > svg { width: 16px; height: 16px; color: var(--t-muted); }
.t-cat:hover > svg { color: var(--t-oink); }

/* banner albastru */
.t-promo {
  margin-top: 30px; display: grid; grid-template-columns: .9fr 1.2fr .9fr; align-items: center; gap: 28px;
  padding-top: 0; padding-bottom: 0;
}
.t-promo > * { position: relative; z-index: 1; }
.t-promo { position: relative; }
.t-promo::before {
  content: ""; position: absolute; inset: 0 clamp(16px, 3vw, 32px); border-radius: 20px; z-index: 0;
  background: radial-gradient(circle at 20% 50%, #7d8866 0%, transparent 55%), linear-gradient(110deg, #58614d, #4f5846 60%, #4b5443);
}
.t-promo-img { padding: 22px 0 22px 26px; }
.t-promo-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; display: block; box-shadow: 0 20px 40px -18px rgba(0,0,0,.7); }
.t-promo-copy { color: #fff; padding: 26px 0; }
.t-promo-copy h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 800; letter-spacing: -.025em; color: #fff; margin: 8px 0 8px; }
.t-promo-copy p { color: var(--t-ondark); font-size: 15px; }
.t-promo-big { font-size: 20px !important; font-weight: 700; color: #fff !important; margin: 14px 0 20px !important; }
.t-promo-big em, .t-duo em { font-style: normal; color: var(--t-orange); }
.t-promo-perks { list-style: none; margin: 0; padding: 22px 30px 22px 0; display: grid; gap: 18px; }
.t-promo-perks li, .t-trust > div { display: flex; align-items: center; gap: 14px; color: #fff; }
.t-promo-perks svg, .t-trust svg { width: 22px; height: 22px; flex: none; color: #fff; }
.t-promo-perks li > svg { width: 44px; height: 44px; padding: 10px; border-radius: 12px; border: 1px solid rgba(255,255,255,.3); }
.t-promo-perks span, .t-trust span { display: grid; gap: 2px; font-size: 12px; color: var(--t-ondark); }
.t-promo-perks strong, .t-trust strong { font-size: 14px; color: #fff; }

/* produse */
.t-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.t-card {
  position: relative; display: flex; flex-direction: column;
  background: var(--t-card); border: 1px solid var(--t-line); border-radius: 14px;
  padding: 14px; box-shadow: 0 1px 2px rgba(41,46,38,.04);
  transition: box-shadow .25s, transform .25s;
}
.t-card:hover { box-shadow: 0 18px 32px -20px rgba(41,46,38,.4); transform: translateY(-3px); }
.t-card-img { display: block; aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: #f1ebe1; margin-bottom: 14px; }
.t-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.t-card:hover .t-card-img img { transform: scale(1.05); }
.t-badge { position: absolute; z-index: 1; top: 22px; left: 22px; background: #4f6b3a; color: #fff; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 6px; }
.t-badge-rosu { background: #a04c3d; }
.t-card-nume { color: var(--t-ink); font-size: 15px; font-weight: 600; line-height: 1.35; min-height: 2.7em; }
.t-card-nume:hover { color: var(--t-oink); }
.t-stele { display: flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: var(--t-ink); margin-top: 6px; }
.t-stele span svg { width: 14px; height: 14px; fill: #c98a4f; color: #c98a4f; display: block; }
.t-stele small { color: var(--t-muted); font-weight: 500; }
.t-pret { display: flex; align-items: baseline; gap: 10px; margin: 10px 0 14px; }
.t-pret strong { font-size: 19px; font-weight: 800; color: var(--t-ink); }
.t-pret del { font-size: 13px; color: var(--t-muted); }
.t-card-btn { margin-top: auto; display: block; text-align: center; background: var(--t-btn); color: #fff !important; font-size: 14px; font-weight: 700; padding: 11px; border-radius: 8px; transition: background .2s; }
.t-card-btn:hover, .t-card-cta:hover .t-card-btn { background: var(--t-btn-h); }
.t-card-btn-off { background: #d1d1bc; cursor: default; }
.t-card-cta { background: var(--t-bg); border-style: dashed; justify-content: center; align-items: flex-start; gap: 10px; color: var(--t-ink); }
.t-card-cta .t-ci { width: 56px; height: 56px; }
.t-card-cta strong { font-size: 18px; font-weight: 800; }
.t-card-cta p { font-size: 13px; color: var(--t-muted); line-height: 1.6; margin-bottom: 8px !important; }
.t-card-cta .t-card-btn { width: 100%; }
.t-schelet { min-height: 360px; background: linear-gradient(110deg,#ece5db 8%,#f6f1e9 18%,#ece5db 33%); background-size: 200% 100%; animation: t-shim 1.4s linear infinite; }
@keyframes t-shim { to { background-position-x: -200%; } }

/* doua bannere */
.t-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 16px; }
.t-duo > div { position: relative; overflow: hidden; border-radius: 18px; min-height: 250px; display: flex; align-items: center; }
.t-duo img { position: absolute; top: 0; height: 100%; width: 46%; object-fit: cover; }
.t-duo > div > div { position: relative; padding: 30px; }
.t-duo h2 { font-size: 1.6rem; font-weight: 800; letter-spacing: -.02em; margin: 8px 0 6px; }
.t-duo p { font-size: 13px; line-height: 1.6; max-width: 280px; }
.t-duo .t-promo-big { font-size: 20px !important; margin: 4px 0 8px !important; }
.t-duo .t-btn { margin-top: 16px; padding: 10px 18px; font-size: 13px; }
.t-duo-a { background: #5a4c3e; color: #fff; }
.t-duo-a img { left: 0; -webkit-mask-image: linear-gradient(90deg, #000 55%, transparent); mask-image: linear-gradient(90deg, #000 55%, transparent); }
.t-duo-a > div { margin-left: 42%; }
.t-duo-a h2 { color: #fff; }
.t-duo-a p { color: #cbd0c1; }
.t-duo-b { background: #e8efe2; color: #4b5443; }
.t-duo-b img { right: 0; -webkit-mask-image: linear-gradient(270deg, #000 55%, transparent); mask-image: linear-gradient(270deg, #000 55%, transparent); }
.t-duo-b > div { max-width: 60%; }
.t-duo-b h2 { color: #4b5443; }
.t-duo-b p { color: #3f4a3a; }

/* banner oferte */
.t-oferta {
  position: relative; overflow: hidden; margin-top: 46px;
  display: grid; grid-template-columns: 1fr 1fr; align-items: center;
  background: linear-gradient(110deg, #f3e7da, #ecdcc8 60%, #e6d2bb);
  border-radius: 20px; padding-top: 0; padding-bottom: 0;
  width: calc(100% - 2 * clamp(16px, 3vw, 32px)); padding-left: 0; padding-right: 0;
}
.t-oferta[hidden] { display: none; }
.t-oferta > div { padding: 36px clamp(24px, 4vw, 48px); color: #4b5443; }
.t-oferta h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; letter-spacing: -.025em; color: #4b5443; margin: 8px 0 6px; }
.t-oferta p { font-size: 14px; color: #5e584e; }
.t-oferta-pct { font-size: 20px !important; font-weight: 700; color: #4b5443 !important; margin: 14px 0 20px !important; }
.t-oferta-pct em { font-style: normal; color: #805237; font-weight: 800; font-size: 26px; }
.t-oferta img { width: 100%; height: 100%; max-height: 300px; object-fit: cover; }

/* banda de incredere */
.t-trust {
  margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  background: var(--t-navy); border-radius: 16px; padding-top: 22px; padding-bottom: 22px;
  width: calc(100% - 2 * clamp(16px, 3vw, 32px));
}
.t-trust > div { justify-content: center; }
.t-trust > div + div { border-left: 1px solid rgba(255,255,255,.12); }
.t-trust svg { width: 32px; height: 32px; color: var(--t-orange); }

/* cum lucram */
.t-pasi {
  position: relative; overflow: hidden; margin-top: 30px; border-radius: 20px;
  width: calc(100% - 2 * clamp(16px, 3vw, 32px)); padding: 0;
  background: #4b5443; min-height: 420px; display: flex; align-items: center;
}
.t-pasi-bg { position: absolute; top: 0; right: 0; width: 55%; height: 100%; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent, #000 45%); mask-image: linear-gradient(90deg, transparent, #000 45%); opacity: .85; }
.t-pasi::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #4b5443 30%, rgba(75,84,67,.2)); }
.t-pasi-copy { position: relative; z-index: 1; padding: 40px clamp(24px, 4vw, 48px); max-width: 560px; color: #fff; }
.t-pasi-copy h2 { font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; letter-spacing: -.025em; color: #fff; margin: 8px 0 6px; }
.t-pasi-copy > p { color: var(--t-ondark); font-size: 14px; margin-bottom: 22px !important; }
.t-pas-card { position: relative; background: #fff; color: #4b5443; border-radius: 14px; padding: 22px 56px 22px 24px; min-height: 130px; box-shadow: 0 20px 40px -20px rgba(0,0,0,.7); }
.t-pas { display: none; }
.t-pas.is-activ { display: block; animation: t-fade .4s ease both; }
.t-pas-n { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--t-btn); color: #fff; font-size: 12px; font-weight: 800; margin-bottom: 10px; }
.t-pas strong { display: block; font-size: 16px; font-weight: 800; margin-bottom: 6px; }
.t-pas p { font-size: 14px; line-height: 1.6; color: #5e584e; }
.t-pas-nav { position: absolute; right: 12px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ddd6ca; background: #fff; color: #4b5443; display: grid; place-items: center; cursor: pointer; }
.t-pas-nav svg { width: 16px; height: 16px; }
.t-pas-prev { top: 22px; }
.t-pas-next { bottom: 22px; }
.t-pas-nav:hover { background: var(--t-btn); color: #fff; border-color: var(--t-btn); }
.t-dots-pasi { margin: 16px 0 24px; }
.t-dots-pasi button { border-color: rgba(255,255,255,.6); }
.t-dots-pasi button[aria-current="true"] { background: var(--t-orange); border-color: var(--t-orange); }

/* --------------------------------------------------------------- SUBSOL */
footer.atelier-footer:has(> #t-footer) { padding: 0 !important; border-top: 0 !important; background: var(--t-navy); margin-top: 40px; }
footer.atelier-footer:has(> #t-footer) > :not(#t-footer) { display: none !important; }
#t-footer { color: #cbd0c1; padding: 52px 0 22px; }
.t-f-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.4fr; gap: 36px; padding-bottom: 36px; }
.t-f-brand img { height: 46px; width: auto; display: block; }
#t-footer p { font-size: 13px; line-height: 1.7; color: #cbd0c1; margin-top: 14px; max-width: 280px; }
.t-f-mail { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; color: #fff !important; font-size: 14px; font-weight: 600; }
.t-f-mail svg { width: 18px; height: 18px; color: var(--t-orange); }
#t-footer h3 { color: #fff; font-size: 15px; font-weight: 800; margin-bottom: 16px; }
#t-footer nav { display: grid; gap: 10px; }
#t-footer nav a { color: #cbd0c1; font-size: 13px; }
#t-footer a:hover { color: var(--t-orange) !important; }
.t-news { display: flex; margin-top: 14px; background: #fff; border-radius: 10px; padding: 4px; max-width: 320px; }
.t-news input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; padding: 0 12px; font: 500 13px Manrope, sans-serif; color: #4b5443; }
.t-news input::placeholder { color: #777064; }
.t-news button { width: 40px; height: 38px; border: 0; border-radius: 8px; background: var(--t-btn); color: #fff; display: grid; place-items: center; cursor: pointer; }
.t-news button:hover { background: var(--t-btn-h); }
.t-news button:disabled { opacity: .6; }
.t-news button svg { width: 18px; height: 18px; }
#t-footer .t-news-msg { margin-top: 8px; min-height: 1em; font-size: 12px; }
#t-footer .t-news-msg.is-ok { color: #4ade80; }
#t-footer .t-news-msg.is-err { color: #fca5a5; }
.t-f-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid #66705b; padding-top: 18px; }
.t-f-bottom small { font-size: 12px; color: #d1d1bc; }
.t-f-badges .atelier-footer-badges { display: flex; gap: 10px; }
.t-f-badges img { width: 120px; height: auto; display: block; }
#t-footer .t-f-sol { font-size: 10px; text-align: right; max-width: none; margin-top: 8px; color: #d1d1bc; }
#t-footer .t-f-sol a { color: #cbd0c1; text-decoration: underline; }

/* ------------------------------------------------------- CATALOG: carduri ca in macheta */
.marketplace-card-bottom { flex-direction: column; align-items: stretch !important; gap: 12px; }
.marketplace-card-bottom > a { width: 100%; justify-content: center; border-radius: 8px !important; }
.marketplace-price { display: flex !important; align-items: baseline; gap: 10px; }

/* ----------------------------------------------------------------- MOBIL */
@media (max-width: 1023px) {
  .t-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); }  /* 3 x 3 */
  .t-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-promo { grid-template-columns: 1fr 1fr; }
  .t-promo-perks { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); padding: 0 26px 24px; }
  .t-promo-copy { padding-right: 26px; }
  .t-f-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .t-slide { min-height: 0; display: none; }
  .t-slide.is-activ { display: flex; flex-direction: column-reverse; }
  .t-slide-img { position: relative; width: 100%; height: 220px; -webkit-mask-image: linear-gradient(0deg, transparent 0, #000 35%); mask-image: linear-gradient(0deg, transparent 0, #000 35%); }
  .t-slide-copy { padding: 0 22px 54px; margin-top: -20px; }
  .t-slide-copy h1, .t-slide-copy .t-h1like { font-size: 2.1rem; margin: 10px 0 12px; }
  .t-slide-copy p { font-size: 14px; margin-bottom: 20px; }
  .t-hero > .t-dots { left: 38px; bottom: 22px; }
  .t-hero-badge { top: 14px; right: 26px; font-size: 11px; padding: 7px 11px; }
  .t-hero-badge svg { width: 20px; height: 20px; }
  .t-sec-head { flex-direction: column; align-items: flex-start; gap: 10px; }
  .t-cats { gap: 10px; }
  .t-cat { padding: 16px 6px 12px; gap: 8px; }
  .t-cat .t-ci { width: 54px; height: 54px; border-radius: 14px; }
  .t-cat-nume { font-size: 12px; }
  .t-promo { grid-template-columns: 1fr; gap: 0; }
  .t-promo-img { padding: 22px 26px 0; }
  .t-promo-copy { padding: 20px 26px 10px; }
  .t-promo-perks { grid-template-columns: 1fr; gap: 12px; }
  .t-grid { gap: 10px; }
  .t-card { padding: 9px; }
  .t-badge { top: 15px; left: 15px; }
  .t-card-nume { font-size: 13px; }
  .t-pret strong { font-size: 16px; }
  .t-card-btn { font-size: 13px; padding: 10px 6px; }
  .t-duo { grid-template-columns: 1fr; }
  .t-duo > div { min-height: 220px; }
  .t-oferta { grid-template-columns: 1fr; }
  .t-oferta img { max-height: 180px; }
  .t-trust { grid-template-columns: 1fr; gap: 14px; padding: 20px 24px; }
  .t-trust > div { justify-content: flex-start; }
  .t-trust > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); padding-top: 14px; }
  .t-pasi-bg { width: 100%; opacity: .35; }
  .t-pasi::after { background: rgba(75,84,67,.55); }
  .t-f-top { grid-template-columns: 1fr 1fr; gap: 28px 18px; }
  .t-f-top > div:first-child, .t-f-top > div:last-child { grid-column: 1 / -1; }
  .t-f-bottom { flex-direction: column; align-items: flex-start; }
  #t-footer .t-f-sol { text-align: left; }
}

/* blocurile cu fundal propriu au aceeasi latime ca restul continutului */
.t-panou, .t-oferta, .t-trust, .t-pasi { max-width: 1176px; width: calc(100% - 2 * clamp(16px, 3vw, 32px)); }
.t-panou, .t-trust { padding-left: 24px; padding-right: 24px; }
@media (max-width: 700px) { .t-panou { padding-left: 14px; padding-right: 14px; } }
#t-footer h3 { text-transform: none; letter-spacing: 0; margin-top: 0; }
footer.atelier-footer:has(> #t-footer) { margin-top: 0; }
#t-home { padding-bottom: 56px; }
@media (max-width: 700px) { .t-hero-badge { top: auto; bottom: 64px; right: 26px; } }
@media (max-width: 700px) { .t-slide-copy { padding: 28px 22px 8px !important; margin-top: 0 !important; } .t-slide-img { margin-top: -10px; } }

/* ==========================================================================
   PAGINA DE PRODUS — in stilul machetei (carduri albe, butoane portocalii,
   banda de incredere bleumarin, produse similare in carduri)
   ========================================================================== */
.atelier-detail-page { background: var(--t-bg); }
.atelier-detail-page > .atelier-section:first-child { max-width: 1240px; padding: 24px clamp(16px, 3vw, 32px) 10px !important; }
@media (min-width: 1024px) { .atelier-detail-page > .atelier-section:first-child { padding-top: 34px !important; } }

/* firul de navigare inlocuieste „Inapoi in colectie" */
.atelier-detail-page > .atelier-section:first-child > .atelier-text-link { display: none; }
.t-fir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--t-muted); margin-bottom: 18px; }
.t-fir a { color: var(--t-muted); font-weight: 600; }
.t-fir a:hover { color: var(--t-oink); }
.t-fir b { color: var(--t-ink); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 40ch; }

.atelier-detail-grid { margin-top: 0 !important; gap: 24px !important; grid-template-columns: 1.05fr 1fr !important; align-items: start; }

/* galeria: card alb */
.atelier-detail-grid > div:first-child {
  background: var(--t-card); border: 1px solid var(--t-line); border-radius: 18px;
  padding: 18px; box-shadow: var(--t-shadow);
}
@media (min-width: 1024px) { .atelier-detail-grid > div:first-child { position: sticky; top: 140px; } }
.atelier-detail-image img { aspect-ratio: 1 !important; border-radius: 12px !important; background: #f1ebe1; }
.atelier-detail-image > span:not(.atelier-detail-badge) { display: none; }
.atelier-detail-badge { top: 30px !important; left: 30px !important; border-radius: 6px !important; font-size: 13px !important; padding: 5px 11px !important; background: #a04c3d !important; }
.atelier-detail-image .atelier-save { top: 30px !important; right: 30px !important; width: 42px; height: 42px; }
.atelier-detail-thumbs { gap: 10px; }
.atelier-detail-thumbs button { width: 74px; height: 74px; border-radius: 10px !important; border: 2px solid var(--t-line) !important; }
.atelier-detail-thumbs button[aria-current="true"] { border-color: var(--t-btn) !important; }

/* informatiile: card alb */
.atelier-detail-copy {
  background: var(--t-card); border: 1px solid var(--t-line); border-radius: 18px;
  padding: 28px 30px !important; box-shadow: var(--t-shadow);
}
.atelier-detail-copy > .atelier-eyebrow {
  display: inline-flex; background: #f3e7da; color: var(--t-oink); border-radius: 6px;
  padding: 5px 10px; font-size: 11px; letter-spacing: .1em;
}
.dark .atelier-detail-copy > .atelier-eyebrow { background: rgba(230,195,160,.15); }
.atelier-detail-copy h1 {
  font-size: clamp(1.7rem, 2.6vw, 2.3rem) !important; line-height: 1.18 !important;
  font-weight: 800 !important; letter-spacing: -.025em !important; margin: 14px 0 12px !important;
}
.atelier-detail-copy > p:not(.atelier-detail-stock) { font-size: 15px !important; line-height: 1.7 !important; color: var(--t-muted); }

.atelier-detail-price {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px;
  margin: 22px 0 10px !important; padding: 16px 0; border-top: 1px solid var(--t-line); border-bottom: 1px solid var(--t-line);
  font-size: 34px !important; font-weight: 800 !important; color: var(--t-ink) !important; letter-spacing: -.02em;
}
.atelier-detail-price del { font-size: 17px !important; font-weight: 500; color: var(--t-muted); margin: 0 !important; }
.atelier-detail-price span { font-size: 12px !important; font-weight: 500; color: var(--t-muted); margin: 0 !important; flex-basis: 100%; letter-spacing: 0; }

.atelier-detail-stock { display: flex; align-items: center; gap: 8px; margin: 14px 0 18px !important; font-size: 14px !important; font-weight: 600; color: #4f6b3a !important; }
.atelier-detail-stock::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #6b8f4e; box-shadow: 0 0 0 4px rgba(107,143,78,.18); }

/* variante */
.atelier-variant-pills button { border-radius: 10px !important; padding: 11px 18px !important; font-size: 13px !important; border: 2px solid var(--t-line) !important; background: var(--t-card) !important; color: var(--t-ink) !important; }
.atelier-variant-pills button[aria-pressed="true"] { border-color: var(--t-btn) !important; color: var(--t-oink) !important; background: #f6ede2 !important; }
.dark .atelier-variant-pills button[aria-pressed="true"] { background: rgba(230,195,160,.12) !important; }

/* cantitate + butoane */
.atelier-qty { border-radius: 10px !important; border: 2px solid var(--t-line) !important; padding: 8px 14px !important; margin: 0 0 14px !important; gap: 20px !important; }
.atelier-qty span { font-size: 16px !important; }
.atelier-detail-actions { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px !important; margin-bottom: 22px !important; }
.atelier-detail-actions .atelier-button {
  width: 100%; justify-content: center !important; border-radius: 10px !important;
  padding: 16px 18px !important; font-size: 15px !important; gap: 10px !important;
}
.atelier-detail-actions .atelier-button + .atelier-button,
.atelier-detail-actions .atelier-button-light {
  background: var(--t-navy) !important; color: #fff !important; border: 0 !important; box-shadow: none !important;
}
.atelier-detail-actions .atelier-button + .atelier-button:hover,
.atelier-detail-actions .atelier-button-light:hover { background: var(--t-navy-3) !important; color: #fff !important; }

/* avantajele: banda bleumarin cu iconite portocalii */
.atelier-detail-perks {
  background: var(--t-navy) !important; border: 0 !important; border-radius: 14px !important;
  padding: 16px 14px !important; gap: 8px !important; margin-bottom: 22px !important;
}
.atelier-detail-perks div { color: var(--t-ondark) !important; font-size: 11px !important; display: grid; grid-template-columns: 30px 1fr; column-gap: 8px; align-items: center; }
.atelier-detail-perks strong { color: #fff !important; font-size: 12px !important; margin: 0 !important; grid-column: 2; }
.atelier-detail-perks div::before {
  content: ""; grid-row: 1 / span 2; width: 26px; height: 26px; background: var(--t-orange);
  -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
}
.atelier-detail-perks div:nth-child(1) { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M1 4h13v12H1zM14 8h4l4 4v4h-8z'/%3E%3Ccircle cx='6' cy='18.5' r='2'/%3E%3Ccircle cx='18' cy='18.5' r='2'/%3E%3C/svg%3E"); }
.atelier-detail-perks div:nth-child(2) { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.atelier-detail-perks div:nth-child(3) { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E"); }

/* file: subliniate, ca la magazinele din macheta */
.atelier-detail-copy .atelier-tabs { gap: 0 !important; border-bottom: 2px solid var(--t-line); margin-bottom: 0 !important; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.atelier-detail-copy .atelier-tabs button {
  border: 0 !important; border-radius: 0 !important; background: none !important; color: var(--t-muted) !important;
  padding: 12px 16px !important; font-size: 14px !important; font-weight: 700; white-space: nowrap;
  margin-bottom: -2px; border-bottom: 2px solid transparent !important;
}
.atelier-detail-copy .atelier-tabs button[aria-pressed="true"] { color: var(--t-oink) !important; border-bottom-color: var(--t-btn) !important; }
.atelier-detail-tabcontent { font-size: 14px !important; line-height: 1.75 !important; color: var(--t-muted); margin-top: 16px !important; }
.atelier-detail-tabcontent h4 { font-size: 15px !important; font-weight: 800 !important; color: var(--t-ink) !important; }
.atelier-detail-tabcontent ul { list-style: none !important; padding: 0 !important; }
.atelier-detail-tabcontent ul li { position: relative; padding-left: 26px; margin-bottom: 8px !important; }
.atelier-detail-tabcontent ul li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--t-btn); font-weight: 800; }
.atelier-review { border-top-color: var(--t-line) !important; }

/* produse similare */
.atelier-related { max-width: 1240px; padding: 46px clamp(16px, 3vw, 32px) 60px !important; }
.atelier-related h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem) !important; font-weight: 800 !important; margin: 6px 0 22px !important; }
.atelier-related h2 em { color: var(--t-oink) !important; }
.atelier-related.t-are-related > p.atelier-detail-tabcontent { display: none; }

/* mobil */
@media (max-width: 1023px) {
  .atelier-detail-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 700px) {
  .atelier-detail-page > .atelier-section:first-child { padding: 16px 12px 6px !important; }
  .t-fir { font-size: 12px; margin-bottom: 12px; }
  .t-fir b { max-width: 22ch; }
  .atelier-detail-grid > div:first-child { padding: 10px; border-radius: 16px; }
  .atelier-detail-badge { top: 20px !important; left: 20px !important; }
  .atelier-detail-image .atelier-save { top: 20px !important; right: 20px !important; }
  .atelier-detail-copy { padding: 20px 18px !important; border-radius: 16px; }
  .atelier-detail-copy h1 { font-size: 1.6rem !important; }
  .atelier-detail-price { font-size: 28px !important; }
  .atelier-detail-actions { grid-template-columns: 1fr; }
  .atelier-detail-perks { grid-template-columns: 1fr !important; gap: 12px !important; }
  .atelier-related { padding: 34px 12px 40px !important; }
}
.atelier-detail-badge { color: #fff !important; }
.atelier-detail-actions .atelier-button { margin: 0 !important; }
.atelier-detail-grid > * { min-width: 0; }

/* ==========================================================================
   CATALOG — /products, categoriile si ofertele, in stilul machetei
   ========================================================================== */
.marketplace-page { background: var(--t-bg) !important; padding-bottom: 50px; }
@media (min-width: 1024px) { .marketplace-page { padding-top: 80px !important; } }
.t-fir-catalog { max-width: 1176px; width: calc(100% - 2 * clamp(16px, 3vw, 32px)); margin: 22px auto 14px; }

/* bannerul de sus: ca hero-ul de pe prima pagina */
.marketplace-intro {
  position: relative; overflow: hidden;
  max-width: 1176px !important; width: calc(100% - 2 * clamp(16px, 3vw, 32px)) !important;
  margin: 0 auto 26px !important; padding: 0 !important;
  display: block !important; min-height: 300px;
  border-radius: 20px !important;
  background: radial-gradient(circle at 75% 40%, #6b5845 0%, #4a3e33 70%) !important;
}
.marketplace-intro > div { position: relative; z-index: 1; max-width: 560px !important; padding: 48px clamp(28px, 5vw, 56px); }
.marketplace-intro img {
  position: absolute; top: 0; right: 0; width: 60% !important; height: 100% !important;
  border-radius: 0 !important; object-fit: cover; object-position: center 55%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40%); mask-image: linear-gradient(90deg, transparent 0, #000 40%);
}
.marketplace-kicker { color: var(--t-orange) !important; font-size: 11px !important; }
.marketplace-intro h1 { color: #fff !important; font-size: clamp(2.1rem, 3.8vw, 3.2rem) !important; line-height: 1.08 !important; margin: 14px 0 14px !important; }
.marketplace-intro p { color: #e3dccf !important; font-size: 15px !important; }
.marketplace-intro-link { border-radius: 10px !important; margin-top: 22px !important; font-size: 14px !important; padding: 12px 20px !important; }

/* continutul */
.marketplace-content { max-width: 1240px !important; padding: 0 clamp(16px, 3vw, 32px) 30px !important; }

/* categoriile: carduri cu iconite colorate, ca „Explorează categoriile" */
.marketplace-categories {
  display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px !important;
  padding: 0 0 22px !important; border: 0 !important;
}
.marketplace-categories a {
  display: flex !important; align-items: center; gap: 12px;
  background: var(--t-card) !important; color: var(--t-ink) !important;
  border: 2px solid transparent !important; border-radius: 14px !important;
  padding: 12px 14px !important; font-size: 14px !important; font-weight: 700 !important;
  box-shadow: var(--t-shadow); transition: transform .2s, border-color .2s;
}
.marketplace-categories a:hover { transform: translateY(-3px); background: var(--t-card) !important; color: var(--t-oink) !important; }
.marketplace-categories a[aria-current="page"] { border-color: var(--t-btn) !important; background: var(--t-card) !important; color: var(--t-oink) !important; }
.marketplace-categories a::before {
  content: ""; flex: none; width: 44px; height: 44px; border-radius: 12px;
  background: var(--fundal) var(--ico) center / 22px no-repeat;
}
.marketplace-categories a[href="/products"] { --fundal: #ece7dd; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e5a3c' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E"); }
.marketplace-categories a[href*="cadouri"] { --fundal: #f5e6e0; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b5137' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12M12 8S10.5 3.5 8 4.2C6 4.8 7 8 12 8zm0 0s1.5-4.5 4-3.8C18 4.8 17 8 12 8z'/%3E%3C/svg%3E"); }
.marketplace-categories a[href*="lumanari"] { --fundal: #f3e7da; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b5a2e' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 22a6 6 0 0 0 6-6c0-4-3-6-4-10-2 2-3 4-3 6-1-1-2-2-2-3-2 2-3 4-3 7a6 6 0 0 0 6 6z'/%3E%3C/svg%3E"); }
.marketplace-categories a[href*="printuri"] { --fundal: #e6ece4; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d6145' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E"); }
.marketplace-categories a[href*="offers"] { --fundal: #f3e1da; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a04c3d' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E"); }

/* categoriile adaugate pe 11.10.2026 + o iconita implicita pentru orice categorie noua */
.marketplace-categories a { --fundal: #ece7dd; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e5a3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E"); }
.marketplace-categories a[href*="didactice"] { --fundal: #f2ead2; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d6224' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5.5C4.5 4 7.5 4 12 6c4.5-2 7.5-2 10-.5V19c-2.5-1.5-5.5-1.5-10 .5-4.5-2-7.5-2-10-.5z'/%3E%3Cpath d='M12 6v13.5'/%3E%3C/svg%3E"); }
.marketplace-categories a[href*="figurine"] { --fundal: #ede4ea; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c4a63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2.5'/%3E%3Cpath d='M7 21h10M9.5 21l.8-5.5L8 12l4-3 4 3-2.3 3.5.8 5.5'/%3E%3C/svg%3E"); }
.marketplace-categories a[href*="brelocuri"] { --fundal: #e2e8ea; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2344606b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='7.5' r='4.5'/%3E%3Cpath d='M10.7 10.7 20 20M16 16l2.5-2.5M18.5 18.5 21 16'/%3E%3C/svg%3E"); }

/* filtrele: panou alb */
.marketplace-toolbar {
  background: var(--t-card); border: 1px solid var(--t-line) !important; border-radius: 14px;
  padding: 14px 16px !important; box-shadow: var(--t-shadow);
}
.marketplace-search, .marketplace-toolbar select { background: var(--t-bg) !important; border-radius: 10px !important; border: 1px solid var(--t-line) !important; }
.marketplace-search { padding: 11px 14px !important; }
.marketplace-search input { font-size: 14px !important; }
.marketplace-toolbar select { padding: 12px 14px !important; font-size: 13px !important; font-weight: 600; }
.marketplace-budget { font-size: 13px !important; font-weight: 600; }
.marketplace-results { margin: 22px 0 14px !important; font-size: 14px !important; font-weight: 600; }
.marketplace-results button { color: var(--t-oink); }

/* cardurile: ca in macheta */
.marketplace-grid { gap: 18px !important; }
.marketplace-card { padding: 14px !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(41,46,38,.04) !important; transition: box-shadow .25s, transform .25s !important; }
.marketplace-card:hover { box-shadow: 0 18px 32px -20px rgba(41,46,38,.4) !important; transform: translateY(-3px) !important; }
.marketplace-card-image { aspect-ratio: 1 !important; border-radius: 10px !important; background: #f1ebe1 !important; }
.marketplace-sale { top: 10px !important; left: 10px !important; border-radius: 6px !important; padding: 4px 10px !important; font-size: 11px !important; font-weight: 800 !important; background: #a04c3d !important; color: #fff !important; }
.marketplace-favorite { width: 36px !important; height: 36px !important; top: 10px !important; right: 10px !important; }
.marketplace-card-copy { padding: 14px 0 0 !important; }
.marketplace-card-category { font-size: 11px !important; }
.marketplace-card h2 { font-size: 15px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: 0 !important; margin: 5px 0 0 !important; min-height: 2.7em; }
.marketplace-card h2:hover { color: var(--t-oink); text-decoration: none !important; }
.marketplace-card-copy > p { display: none !important; }
.marketplace-card-bottom { margin-top: 10px !important; padding-top: 0 !important; }
.marketplace-price strong { font-size: 19px !important; }
.marketplace-price del { font-size: 13px !important; }
.marketplace-card-bottom > a { padding: 11px !important; font-size: 14px !important; }

.marketplace-empty { border: 1px dashed var(--t-line) !important; padding: 60px 20px !important; }
.marketplace-empty h2 { font-size: 26px !important; }
.marketplace-empty a, .marketplace-empty button {
  border: 0 !important; background: var(--t-btn); color: #fff !important;
  padding: 12px 20px !important; border-radius: 10px; font-weight: 700;
}
.marketplace-empty a:hover, .marketplace-empty button:hover { background: var(--t-btn-h); }

.t-trust-catalog { margin-top: 10px !important; }

/* mobil */
@media (max-width: 1023px) {
  .marketplace-categories { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .t-fir-catalog { margin-top: 64px; }
  .marketplace-page { padding-top: 0 !important; }
}
@media (max-width: 700px) {
  .t-fir-catalog { margin: 62px auto 10px; width: calc(100% - 24px); }
  .marketplace-intro { width: calc(100% - 24px) !important; min-height: 0; margin-bottom: 18px !important; }
  .marketplace-intro > div { padding: 26px 22px 200px; }
  .marketplace-intro img { top: auto; bottom: 0; width: 100% !important; height: 200px !important; -webkit-mask-image: linear-gradient(0deg, #000 60%, transparent); mask-image: linear-gradient(0deg, #000 60%, transparent); }
  .marketplace-intro h1 { font-size: 2rem !important; }
  .marketplace-intro p { font-size: 14px !important; }
  .marketplace-content { padding: 0 12px 20px !important; }
  .marketplace-categories {
    display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 10px !important;
    margin: 0 -12px !important; padding: 2px 12px 18px !important; scrollbar-width: none;
  }
  .marketplace-categories::-webkit-scrollbar { display: none; }
  .marketplace-categories a { flex: none !important; padding: 9px 14px 9px 9px !important; font-size: 13px !important; }
  .marketplace-categories a::before { width: 36px; height: 36px; border-radius: 10px; background-size: 18px; }
  .marketplace-toolbar { padding: 12px !important; }
  .marketplace-grid { gap: 10px !important; }
  .marketplace-card { padding: 9px !important; }
  .marketplace-card h2 { font-size: 13px !important; }
  .marketplace-price strong { font-size: 16px !important; }
  .marketplace-card-bottom > a { font-size: 13px !important; padding: 10px 6px !important; }
}

/* ==========================================================================
   COS si CHECKOUT — in stilul machetei. Paginile n-au clase proprii, doar
   utilitare Tailwind, deci totul e limitat la body.t-pagina-cos /
   body.t-pagina-checkout (puse de theme.js dupa ruta).
   ========================================================================== */
:is(.t-pagina-cos, .t-pagina-checkout) main > .min-h-screen { background: var(--t-bg) !important; padding-top: 80px !important; }
:is(.t-pagina-cos, .t-pagina-checkout) main .max-w-7xl { max-width: 1240px !important; padding: 26px clamp(16px, 3vw, 32px) 40px !important; }
:is(.t-pagina-cos, .t-pagina-checkout) .t-fir { margin-bottom: 14px; }

/* titlu */
:is(.t-pagina-cos, .t-pagina-checkout) main h1 { font-size: clamp(1.7rem, 3vw, 2.3rem) !important; font-weight: 800 !important; letter-spacing: -.025em; color: var(--t-ink) !important; }
:is(.t-pagina-cos, .t-pagina-checkout) main h1 + p { font-size: 14px !important; }
:is(.t-pagina-cos, .t-pagina-checkout) main .max-w-7xl > div:nth-child(2) > a,
:is(.t-pagina-cos, .t-pagina-checkout) main .max-w-7xl > div:nth-child(2) > div > a {
  background: var(--t-card); border: 1px solid var(--t-line); border-radius: 999px;
  padding: 9px 16px; font-size: 14px; font-weight: 700; color: var(--t-oink) !important;
}

/* carduri */
:is(.t-pagina-cos, .t-pagina-checkout) main .bg-white.rounded-2xl {
  background: var(--t-card) !important; border: 1px solid var(--t-line) !important;
  border-radius: 18px !important; box-shadow: var(--t-shadow) !important;
}
:is(.t-pagina-cos, .t-pagina-checkout) main .sticky.top-24 { top: 140px !important; }
:is(.t-pagina-cos, .t-pagina-checkout) main h2,
:is(.t-pagina-cos, .t-pagina-checkout) main h3 { color: var(--t-ink) !important; font-weight: 800 !important; letter-spacing: -.01em; }
:is(.t-pagina-cos, .t-pagina-checkout) main h3.text-lg { font-size: 19px !important; padding-bottom: 14px; border-bottom: 1px solid var(--t-line); }

/* produsul din cos */
.t-pagina-cos main .lg\:col-span-2 img { width: 112px !important; height: 112px !important; border-radius: 12px !important; background: #f1ebe1; }
.t-pagina-cos main .lg\:col-span-2 h3 { font-size: 17px !important; }
.t-pagina-cos main .lg\:col-span-2 .text-lg.font-bold { font-size: 21px !important; font-weight: 800 !important; color: var(--t-ink) !important; }
.t-pagina-cos main .lg\:col-span-2 .rounded-lg.w-fit { border: 2px solid var(--t-line) !important; border-radius: 10px !important; overflow: hidden; }
.t-pagina-cos main .lg\:col-span-2 .rounded-lg.w-fit button { padding: 10px 12px !important; }
.t-pagina-cos main .lg\:col-span-2 .rounded-lg.w-fit span { border-color: var(--t-line) !important; font-weight: 700; }
.t-pagina-cos main .lg\:col-span-2 .flex.justify-between.items-start > button {
  width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%;
  background: var(--t-bg); flex: none;
}

/* sumar: totalul mare, butonul plin */
:is(.t-pagina-cos, .t-pagina-checkout) main .text-lg.font-bold.text-clay-950 { font-size: 21px !important; font-weight: 800 !important; }
:is(.t-pagina-cos, .t-pagina-checkout) main .text-lg.font-bold.text-clay-950 > span:last-child { color: var(--t-oink); }
.t-pagina-cos main a[href="/checkout"] {
  background: var(--t-btn) !important; border-radius: 10px !important; padding: 15px !important;
  font-size: 15px !important; font-weight: 700 !important; box-shadow: 0 10px 22px -12px rgba(128,82,55,.8);
}
.t-pagina-cos main a[href="/checkout"]:hover { background: var(--t-btn-h) !important; }
:is(.t-pagina-cos, .t-pagina-checkout) main .mt-6.text-sm.space-y-2 {
  background: var(--t-bg); border-radius: 12px; padding: 12px 14px; color: var(--t-ink) !important; font-weight: 600;
}
:is(.t-pagina-cos, .t-pagina-checkout) main .mt-6.text-sm.space-y-2 span:first-child:not(:only-child) { color: #4f6b3a; font-weight: 800; }
:is(.t-pagina-cos, .t-pagina-checkout) main .mt-6.text-sm.space-y-2 svg { color: #4f6b3a; }

/* checkout: pasii */
.t-pagina-checkout main .rounded-full.border-2 { width: 42px !important; height: 42px !important; }
.t-pagina-checkout main .rounded-full.border-2.bg-clay-600 { background: var(--t-btn) !important; border-color: var(--t-btn) !important; }
.t-pagina-checkout main .text-clay-600 { color: var(--t-oink) !important; }
.t-pagina-checkout main .h-0\.5 { height: 3px !important; border-radius: 3px; }
.t-pagina-checkout main .h-0\.5.bg-clay-600 { background: var(--t-btn) !important; }

/* campurile */
.t-pagina-checkout main form label { color: var(--t-ink) !important; font-weight: 700 !important; }
.t-pagina-checkout main form :is(input[type=text], input[type=email], input[type=tel], input:not([type]), select, textarea) {
  background: #fbf8f3 !important; border: 1.5px solid var(--t-line) !important; border-radius: 10px !important;
  padding: 12px 14px !important; font-size: 15px !important; color: var(--t-ink);
  transition: border-color .2s, box-shadow .2s;
}
.t-pagina-checkout main form :is(input, select, textarea):focus {
  outline: 0 !important; border-color: var(--t-btn) !important; box-shadow: 0 0 0 3px rgba(128,82,55,.18) !important; background: #fff !important;
}
.t-pagina-checkout main form .border-red-500 { border-color: #b4412f !important; }
.t-pagina-checkout main form input[type=checkbox], .t-pagina-checkout main form input[type=radio] { accent-color: var(--t-btn); width: 18px; height: 18px; }
.t-pagina-checkout main form label:has(input[type=radio]),
.t-pagina-checkout main form .border.rounded-lg:has(input[type=radio]) {
  border-radius: 12px !important;
}
.t-pagina-checkout main form .border.rounded-lg:has(input[type=radio]:checked) { border-color: var(--t-btn) !important; background: #f6ede2 !important; }

/* butoanele Inapoi / Continua / Plaseaza */
.t-pagina-checkout main form button.bg-clay-600 {
  background: var(--t-btn) !important; border-radius: 10px !important; padding: 13px 28px !important;
  font-size: 15px !important; font-weight: 700 !important;
}
.t-pagina-checkout main form button.bg-clay-600:hover { background: var(--t-btn-h) !important; }
.t-pagina-checkout main form button.bg-gray-200 {
  background: transparent !important; border: 2px solid var(--t-line) !important; border-radius: 10px !important;
  padding: 11px 24px !important; font-weight: 700 !important; color: var(--t-ink) !important;
}
.t-pagina-checkout main form button.bg-gray-200:hover { border-color: var(--t-ink) !important; }
.t-pagina-checkout main form > .border-t { border-color: var(--t-line) !important; }

/* sumarul din checkout */
.t-pagina-checkout main .lg\:col-span-1 img { width: 56px !important; height: 56px !important; border-radius: 10px !important; }

/* cosul gol */
.t-pagina-cos main .text-center svg { color: var(--t-oink); }
.t-pagina-cos main .text-center a[href="/products"] { border-radius: 10px !important; background: var(--t-btn) !important; padding: 13px 24px !important; font-weight: 700; }

.t-trust-cos { margin-top: 34px; width: 100% !important; max-width: none !important; }

/* telefon */
@media (max-width: 1023px) {
  :is(.t-pagina-cos, .t-pagina-checkout) main > .min-h-screen { padding-top: 52px !important; }
}
@media (max-width: 700px) {
  :is(.t-pagina-cos, .t-pagina-checkout) main .max-w-7xl { padding: 16px 12px 30px !important; }
  :is(.t-pagina-cos, .t-pagina-checkout) main .bg-white.rounded-2xl { padding: 16px !important; border-radius: 16px !important; }
  .t-pagina-cos main .lg\:col-span-2 .flex.flex-col.md\:flex-row { flex-direction: row !important; gap: 12px !important; }
  .t-pagina-cos main .lg\:col-span-2 img { width: 84px !important; height: 84px !important; }
  .t-pagina-cos main .lg\:col-span-2 h3 { font-size: 15px !important; }
  .t-pagina-checkout main .rounded-full.border-2 { width: 34px !important; height: 34px !important; }
  .t-pagina-checkout main .w-12.h-0\.5 { width: 18px !important; margin: 0 6px !important; }
  .t-pagina-checkout main form .flex.justify-between.mt-8 { gap: 10px; }
  .t-pagina-checkout main form .flex.justify-between.mt-8 > button { flex: 1; padding-left: 12px !important; padding-right: 12px !important; }
}

/* ==========================================================================
   MOBIL — reparatii din analiza automata (audit.js), 04.10.2026
   ========================================================================== */

/* 1. Turnstile (anti-robot Cloudflare) are 300px fix; pe ecrane de 320-360px
      cardul formularului lasa doar ~240px. Il micsoram proportional — e un
      iframe, nu i se poate schimba latimea din afara.
   Atentie: `scale` nu schimba spatiul ocupat in layout — de aceea marginea
   negativa din dreapta scade exact cat s-a micsorat (300 x (1 - scara)). */
@media (max-width: 379px) {
  .cf-turnstile { width: 300px; transform: scale(.78); transform-origin: left top; height: 52px; margin-right: -66px; }
}
@media (min-width: 380px) and (max-width: 420px) {
  .cf-turnstile { width: 300px; transform: scale(.9); transform-origin: left top; height: 59px; margin-right: -30px; }
}
/* cardurile formularelor de cont (p-8 = 32px pe fiecare parte) si grila lor */
@media (max-width: 420px) {
  main .rounded-3xl.p-8 { padding: 22px 18px !important; }
}
main .grid.gap-10 > * { min-width: 0; }

/* 2. Titlul paginii + linkul „Continuă cumpărăturile" / „Înapoi la coș":
      pe telefon, unul sub altul */
@media (max-width: 700px) {
  :is(.t-pagina-cos, .t-pagina-checkout) main .max-w-7xl > div.flex.items-center.justify-between,
  :is(.t-pagina-cos, .t-pagina-checkout) main .max-w-7xl > div.flex.flex-col {
    flex-direction: column !important; align-items: flex-start !important; gap: 12px !important;
  }
  :is(.t-pagina-cos, .t-pagina-checkout) main .max-w-7xl > div:nth-child(2) > a { padding: 10px 16px; }
}

/* 3. Tinte de atingere de minim ~40px pe telefon */
@media (max-width: 1023px) {
  #t-footer nav { gap: 0 !important; }
  #t-footer nav a { display: flex; align-items: center; min-height: 40px; }
  .t-f-mail { min-height: 40px; }
  .t-vezi { min-height: 40px; }
  .t-fir a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 2px; }
  /* punctele caruselului: mici la vedere, dar cu zona de apasare mare */
  .t-dots { gap: 4px !important; }
  .t-dots button { position: relative; margin: 0 6px; }
  .t-dots button::after { content: ""; position: absolute; inset: -16px -10px; }
  .atelier-qty button { width: 40px; height: 40px; padding: 0 !important; }
  .atelier-qty { padding: 2px 6px !important; gap: 6px !important; }
  .marketplace-favorite, .atelier-save { min-width: 40px; min-height: 40px; }
  /* etichetele din bara de jos: 9px era sub pragul de lizibilitate */
  .tabbar a, .tabbar button { font-size: 10px !important; letter-spacing: .08em !important; }
}

/* 4. Linkurile din textul paginilor de cont (Creează un cont, Ai uitat parola?…) */
@media (max-width: 1023px) {
  main :is(a, button).font-semibold.text-clay-700 { display: inline-flex; align-items: center; min-height: 40px; }
  #t-footer .t-f-sol { font-size: 11px; }
}

/* ==========================================================================
   PAGINILE DE CONT — in stilul machetei
   body.t-pagina-auth : /login, /RegisterStep1-2, /forgot-password, /reset-password
   body.t-pagina-cont : /account (pus de theme.js)
   ========================================================================== */

/* --- conectare / inregistrare / parola uitata ------------------------------ */
.t-pagina-auth main > div { background: var(--t-bg) !important; }
.t-pagina-auth main > div > div:not(.max-w-5xl):not(.max-w-6xl):not(.mx-auto) { display: none; } /* petele decorative vechi */
.t-pagina-auth main .grid.gap-10 { gap: 22px !important; align-items: stretch; }

/* coloana din stanga devine banner inchis, ca hero-ul */
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col {
  position: relative; overflow: hidden;
  border-radius: 22px; padding: 44px clamp(26px, 4vw, 48px);
  background:
    radial-gradient(circle at 85% 15%, rgba(230,195,160,.22), transparent 45%),
    radial-gradient(circle at 75% 40%, #6b5845 0%, #4a3e33 75%);
  color: #fff; box-shadow: var(--t-shadow);
}
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col > div.rounded-full {
  background: rgba(255,255,255,.12) !important; color: var(--t-orange) !important; box-shadow: none !important;
  font-weight: 800 !important; letter-spacing: .14em !important;
}
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col h1 { color: #fff !important; font-weight: 800 !important; letter-spacing: -.03em !important; line-height: 1.1 !important; }
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col > p { color: #e3dccf !important; }
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col .rounded-2xl {
  background: rgba(255,255,255,.09) !important; border: 1px solid rgba(255,255,255,.16) !important; box-shadow: none !important;
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col .rounded-2xl p:first-child { color: #fff !important; font-weight: 800 !important; }
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col .rounded-2xl p + p { color: #e3dccf !important; }
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col > div:last-child:not(.grid) { color: #e3dccf !important; }
.t-pagina-auth main .grid.gap-10 > div.flex.flex-col :is(a, button).text-clay-700 { color: var(--t-orange) !important; text-decoration: underline; text-underline-offset: 3px; }

/* cardul cu formularul */
.t-pagina-auth main .rounded-3xl {
  background: var(--t-card) !important; border: 1px solid var(--t-line); border-radius: 22px !important;
  box-shadow: var(--t-shadow) !important;
}
.t-pagina-auth main .rounded-3xl h2 { color: var(--t-ink) !important; font-weight: 800 !important; font-size: 1.6rem !important; }
.t-pagina-auth main form label { color: var(--t-ink) !important; font-weight: 700 !important; }

/* campuri si butoane — la fel ca in checkout */
:is(.t-pagina-auth, .t-pagina-cont) main form :is(input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input:not([type]), select, textarea) {
  background: #fbf8f3 !important; border: 1.5px solid var(--t-line) !important; border-radius: 10px !important;
  min-height: 48px; padding: 0 14px !important; font-size: 15px !important; color: var(--t-ink) !important; box-shadow: none !important;
}
:is(.t-pagina-auth, .t-pagina-cont) main form textarea { padding: 12px 14px !important; }
:is(.t-pagina-auth, .t-pagina-cont) main form :is(input, select, textarea):focus {
  outline: 0 !important; border-color: var(--t-btn) !important; box-shadow: 0 0 0 3px rgba(128,82,55,.18) !important; background: #fff !important;
}
:is(.t-pagina-auth, .t-pagina-cont) main input[type=checkbox] { accent-color: var(--t-btn); width: 18px; height: 18px; }
.t-pagina-auth main form button[type=submit],
.t-pagina-auth main form button.bg-clay-700 {
  background: var(--t-btn) !important; border-radius: 10px !important; height: 50px !important;
  font-size: 15px !important; font-weight: 700 !important; box-shadow: 0 10px 22px -12px rgba(128,82,55,.8) !important;
}
.t-pagina-auth main form button[type=submit]:hover:not(:disabled) { background: var(--t-btn-h) !important; }
.t-pagina-auth main .rounded-3xl :is(a, button).text-clay-700 { color: var(--t-oink) !important; }

/* --- contul meu ------------------------------------------------------------ */
.t-pagina-cont main > .min-h-screen { background: var(--t-bg) !important; padding-top: 80px !important; }
.t-pagina-cont main .max-w-7xl { max-width: 1240px !important; padding: 26px clamp(16px, 3vw, 32px) 50px !important; }
.t-pagina-cont .t-fir { margin-bottom: 14px; }

.t-cont-banner {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
  border-radius: 20px; padding: 30px clamp(24px, 4vw, 44px); margin-bottom: 24px;
  background: radial-gradient(circle at 85% 20%, rgba(230,195,160,.2), transparent 45%), linear-gradient(115deg, var(--t-navy), var(--t-navy-3));
  color: #fff; box-shadow: var(--t-shadow);
}
.t-cont-banner h1 { margin: 6px 0 4px; font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 800; letter-spacing: -.025em; color: #fff; }
.t-cont-banner p { margin: 0; color: var(--t-ondark); font-size: 14px; }

/* meniul lateral */
.t-pagina-cont main .lg\:col-span-1 > .bg-white {
  background: var(--t-card) !important; border: 1px solid var(--t-line); border-radius: 18px !important;
  box-shadow: var(--t-shadow) !important; padding: 22px 16px !important;
}
.t-pagina-cont main .lg\:col-span-1 .rounded-full.bg-clay-100 { background: var(--t-navy) !important; color: var(--t-orange) !important; }
.t-pagina-cont main .lg\:col-span-1 h3 { color: var(--t-ink) !important; font-weight: 800 !important; }
.t-pagina-cont main .lg\:col-span-1 .text-center p { font-size: 13px; color: var(--t-muted) !important; word-break: break-all; }
.t-pagina-cont main .lg\:col-span-1 nav { border-top: 1px solid var(--t-line); padding-top: 14px; }
.t-pagina-cont main .lg\:col-span-1 nav button {
  border-radius: 10px !important; padding: 11px 14px !important; font-weight: 600; font-size: 14px;
  border-right: 0 !important; color: var(--t-ink);
}
.t-pagina-cont main .lg\:col-span-1 nav button:hover { background: var(--t-bg) !important; }
.t-pagina-cont main .lg\:col-span-1 nav button.bg-clay-50 { background: var(--t-btn) !important; color: #fff !important; }
.t-pagina-cont main .lg\:col-span-1 nav button.text-red-600 { color: #a04c3d !important; }
.t-pagina-cont main .lg\:col-span-1 nav button.text-red-600:hover { background: #f3e1da !important; }

/* continutul: titluri, carduri */
.t-pagina-cont main .lg\:col-span-3 h2 { color: var(--t-ink) !important; font-weight: 800 !important; font-size: 1.6rem !important; letter-spacing: -.02em; }
.t-pagina-cont main .lg\:col-span-3 :is(.bg-white.rounded-lg, .bg-white.border) {
  background: var(--t-card) !important; border: 1px solid var(--t-line) !important; border-radius: 16px !important;
  box-shadow: var(--t-shadow) !important;
}
.t-pagina-cont main .lg\:col-span-3 h3 { color: var(--t-ink) !important; font-weight: 800 !important; }
.t-pagina-cont main .lg\:col-span-3 img.rounded-md { width: 60px !important; height: 60px !important; border-radius: 10px !important; }
.t-pagina-cont main .lg\:col-span-3 .rounded-full.text-sm { font-weight: 700 !important; }
.t-pagina-cont main .lg\:col-span-3 .text-lg.font-bold { font-weight: 800 !important; color: var(--t-ink) !important; }
.t-pagina-cont main .lg\:col-span-3 .border-t { border-color: var(--t-line) !important; }
.t-pagina-cont main .lg\:col-span-3 button.text-clay-600.text-sm {
  border: 2px solid var(--t-line); border-radius: 10px; padding: 8px 14px; font-weight: 700; color: var(--t-oink) !important;
}
.t-pagina-cont main .lg\:col-span-3 button.text-clay-600.text-sm:hover { border-color: var(--t-btn); }
.t-pagina-cont main .lg\:col-span-3 :is(button, a).bg-clay-600,
.t-pagina-cont main .lg\:col-span-3 :is(button, a).bg-clay-700 {
  background: var(--t-btn) !important; color: #fff !important; border-radius: 10px !important; padding: 11px 18px !important; font-weight: 700 !important;
}
.t-pagina-cont main .lg\:col-span-3 :is(button, a).bg-clay-600:hover { background: var(--t-btn-h) !important; }
.t-pagina-cont main .lg\:col-span-3 :is(a, button).text-clay-600:not(.text-sm) { color: var(--t-oink) !important; font-weight: 700; }
.t-pagina-cont main .lg\:col-span-3 .text-gray-600 { color: var(--t-muted) !important; }

/* --- telefon ---------------------------------------------------------------- */
@media (max-width: 1023px) {
  .t-pagina-cont main > .min-h-screen { padding-top: 52px !important; }
}
@media (max-width: 700px) {
  .t-pagina-auth main .grid.gap-10 > div.flex.flex-col { padding: 28px 20px; border-radius: 18px; }
  .t-pagina-auth main .grid.gap-10 > div.flex.flex-col h1 { font-size: 1.9rem !important; }
  .t-pagina-cont main .max-w-7xl { padding: 16px 12px 30px !important; }
  .t-cont-banner { padding: 22px 20px; border-radius: 16px; }
  .t-cont-banner .t-btn { width: 100%; justify-content: center; }
  .t-pagina-cont main .lg\:col-span-3 :is(.bg-white.rounded-lg, .bg-white.border) { padding: 16px !important; }
  .t-pagina-cont main .lg\:col-span-3 .flex.items-center.justify-between.mb-4 { flex-wrap: wrap; gap: 10px; }
}
/* pe telefon, formularul primul — bannerul cu avantajele dupa el */
@media (max-width: 1023px) {
  .t-pagina-auth main .grid.gap-10 > .rounded-3xl { order: -1; }
}
@media (max-width: 1023px) {
  .t-pagina-auth main > div.pt-24 { padding-top: 52px !important; }
  .t-pagina-auth main > div > div.py-12 { padding-top: 16px !important; padding-bottom: 30px !important; }
}

/* ==========================================================================
   DESPRE (/about) si CONTACT (/contact) — in stilul machetei
   body.t-pagina-despre / body.t-pagina-contact puse de theme.js
   ========================================================================== */
:is(.t-pagina-despre, .t-pagina-contact) main > section { background: var(--t-bg) !important; padding-top: 104px !important; }
@media (min-width: 1024px) { :is(.t-pagina-despre, .t-pagina-contact) main > section { padding-top: 96px !important; } }
:is(.t-pagina-despre, .t-pagina-contact) main > section > .container-custom { max-width: 1240px; }
:is(.t-pagina-despre, .t-pagina-contact) .t-fir { margin-bottom: 14px; }

/* banner de sus: inchis, cu poza in dreapta */
.t-pagina-despre main .container-custom > .grid:first-of-type,
.t-pagina-contact main .container-custom > .max-w-2xl {
  position: relative; overflow: hidden; max-width: none !important;
  border: 0 !important; border-radius: 22px; padding: 48px clamp(26px, 5vw, 60px) !important;
  margin-bottom: 30px !important;
  background:
    linear-gradient(90deg, #4a3e33 0%, #4a3e33 42%, rgba(74,62,51,.55) 70%, rgba(74,62,51,.15) 100%),
    var(--poza) right center / cover no-repeat, #4a3e33;
  color: #fff; box-shadow: var(--t-shadow);
}
.t-pagina-despre main .container-custom > .grid:first-of-type { --poza: url("/images/v2/atelier-still-life-1200.webp"); align-items: center !important; }
.t-pagina-contact main .container-custom > .max-w-2xl { --poza: url("/images/v2/catalog-gift-1000.webp"); }
.t-pagina-despre main .container-custom > .grid:first-of-type p.uppercase { color: var(--t-orange) !important; font-weight: 800 !important; font-size: 12px !important; }
:is(.t-pagina-despre, .t-pagina-contact) main .container-custom > :is(.grid:first-of-type, .max-w-2xl) h1 {
  color: #fff !important; font-family: Manrope, sans-serif !important; font-weight: 800 !important; letter-spacing: -.03em !important;
  font-size: clamp(2.1rem, 4vw, 3.3rem) !important; line-height: 1.08 !important; max-width: 560px;
}
:is(.t-pagina-despre, .t-pagina-contact) main .container-custom > :is(.grid:first-of-type, .max-w-2xl) p:not(.uppercase) {
  color: #efe8dc !important; font-size: 16px !important; margin-left: 0 !important; max-width: 520px;
  text-shadow: 0 1px 12px rgba(40,32,24,.6);
}

/* titluri de sectiune */
.t-pagina-despre main h2 { font-family: Manrope, sans-serif !important; font-weight: 800 !important; letter-spacing: -.025em; color: var(--t-ink); }
.t-pagina-despre main .container-custom > .py-12 { padding-top: 26px !important; padding-bottom: 36px !important; }

/* „Ce gasesti in atelier": carduri albe cu iconite colorate */
.t-pagina-despre main .grid.md\:grid-cols-3 > a {
  background: var(--t-card) !important; border: 1px solid var(--t-line) !important; border-radius: 18px !important;
  box-shadow: var(--t-shadow); transition: transform .25s, box-shadow .25s !important;
}
.t-pagina-despre main .grid.md\:grid-cols-3 > a:hover { transform: translateY(-4px); box-shadow: 0 18px 32px -18px rgba(41,46,38,.45); }
.t-pagina-despre main .grid.md\:grid-cols-3 > a > svg:first-child {
  width: 58px !important; height: 58px !important; padding: 15px; border-radius: 16px; box-sizing: border-box;
}
.t-pagina-despre main .grid.md\:grid-cols-3 > a:nth-child(1) > svg:first-child { background: #f3e7da; color: #9b5a2e; }
.t-pagina-despre main .grid.md\:grid-cols-3 > a:nth-child(2) > svg:first-child { background: #e6ece4; color: #4d6145; }
.t-pagina-despre main .grid.md\:grid-cols-3 > a:nth-child(3) > svg:first-child { background: #f5e6e0; color: #9b5137; }
.t-pagina-despre main .grid.md\:grid-cols-3 > a h3 { font-weight: 800 !important; color: var(--t-ink); }
.t-pagina-despre main .grid.md\:grid-cols-3 > a > span { color: var(--t-oink) !important; font-weight: 700 !important; }

/* „Cum prinde forma un cadou": banner masliniu */
.t-pagina-despre main .rounded-3xl {
  background: radial-gradient(circle at 85% 20%, rgba(230,195,160,.2), transparent 45%), linear-gradient(115deg, var(--t-navy), var(--t-navy-3)) !important;
  color: #fff; border-radius: 22px !important; box-shadow: var(--t-shadow);
}
.t-pagina-despre main .rounded-3xl h2, .t-pagina-despre main .rounded-3xl h3 { color: #fff !important; }
.t-pagina-despre main .rounded-3xl .grid > div {
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; padding: 20px;
}
.t-pagina-despre main .rounded-3xl .grid > div > span {
  display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%;
  background: var(--t-btn); color: #fff !important; font-weight: 800 !important;
}
.t-pagina-despre main .rounded-3xl p { color: var(--t-ondark) !important; }
.t-pagina-despre main .rounded-3xl .btn-pill-primary { background: #fff !important; color: var(--t-navy) !important; }
.t-pagina-despre main .rounded-3xl .btn-pill-primary:hover { background: var(--t-orange) !important; }

/* Contact: formularul si cardurile laterale */
.t-pagina-contact main .rounded-lg.text-card-foreground {
  background: var(--t-card) !important; border: 1px solid var(--t-line) !important; border-radius: 18px !important; box-shadow: var(--t-shadow) !important;
}
.t-pagina-contact main .rounded-lg.text-card-foreground h3 { color: var(--t-ink) !important; font-weight: 800 !important; }
.t-pagina-contact main form label { color: var(--t-ink) !important; font-weight: 700 !important; }
.t-pagina-contact main form :is(input, textarea) {
  background: #fbf8f3 !important; border: 1.5px solid var(--t-line) !important; border-radius: 10px !important;
  font-size: 15px !important; color: var(--t-ink) !important;
}
.t-pagina-contact main form input { height: 48px !important; padding: 0 14px !important; }
.t-pagina-contact main form textarea { padding: 12px 14px !important; }
.t-pagina-contact main form :is(input, textarea):focus { outline: 0 !important; border-color: var(--t-btn) !important; box-shadow: 0 0 0 3px rgba(128,82,55,.18) !important; background: #fff !important; }
.t-pagina-contact main form button { height: 50px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 700 !important; }
.t-pagina-contact main .w-10.h-10.rounded-lg { width: 48px !important; height: 48px !important; border-radius: 14px !important; }
.t-pagina-contact main .space-y-6 > .rounded-lg:nth-child(1) .w-10 { background: #f3e7da !important; color: #9b5a2e; }
.t-pagina-contact main .space-y-6 > .rounded-lg:nth-child(2) .w-10 { background: #e6ece4 !important; color: #4d6145; }
.t-pagina-contact main .space-y-6 > .rounded-lg a[href^="mailto"] { color: var(--t-oink) !important; font-weight: 700; font-size: 16px; }
.t-contact-cta {
  border-radius: 18px; padding: 24px; color: #fff; box-shadow: var(--t-shadow);
  background: radial-gradient(circle at 85% 15%, rgba(230,195,160,.22), transparent 50%), linear-gradient(115deg, var(--t-navy), var(--t-navy-3));
}
.t-contact-cta strong { display: block; font-size: 20px; font-weight: 800; margin: 8px 0 6px; }
.t-contact-cta p { color: var(--t-ondark); font-size: 14px; line-height: 1.6; margin: 0 0 16px; }

.t-trust-info { margin-top: 34px; width: 100% !important; max-width: none !important; }

@media (max-width: 1023px) {
  :is(.t-pagina-despre, .t-pagina-contact) main > section { padding-top: 64px !important; }
}
@media (max-width: 700px) {
  .t-pagina-despre main .container-custom > .grid:first-of-type,
  .t-pagina-contact main .container-custom > .max-w-2xl {
    padding: 28px 20px 180px !important; border-radius: 18px;
    background:
      linear-gradient(180deg, #4a3e33 0%, #4a3e33 55%, rgba(74,62,51,.2) 85%),
      var(--poza) center bottom / cover no-repeat, #4a3e33;
  }
  .t-pagina-despre main .rounded-3xl { padding: 22px 18px !important; }
  .t-pagina-despre main .rounded-3xl .grid { gap: 12px !important; }
}
/* Despre: titlul si paragrafele una sub alta, in zona inchisa (nu peste poza) */
.t-pagina-despre main .container-custom > .grid:first-of-type { grid-template-columns: 1fr !important; gap: 16px !important; }
.t-pagina-despre main .container-custom > .grid:first-of-type > div + div { max-width: 540px; }
.t-pagina-despre main .container-custom > .grid:first-of-type > div + div p { font-size: 15px !important; }
@media (max-width: 700px) {
  :is(.t-pagina-despre, .t-pagina-contact) main .container-custom > :is(.grid:first-of-type, .max-w-2xl) p:not(.uppercase) { font-size: 14px !important; }
  .t-pagina-despre main .container-custom > .grid:first-of-type > div + div { gap: 8px; }
  .t-pagina-despre main .container-custom > .grid:first-of-type > div + div > p + p { margin-top: 8px !important; }
}

/* ==========================================================================
   PENTRU COMPANII si PERSONALIZAT (/printare-3d-comanda) — doua coloane:
   banner + „ce urmeaza" in stanga, formularul in dreapta.
   Eticheta, titlul si textul sunt copii separati ai containerului (React),
   deci bannerul e un ::before asezat in grila sub ele — nu se muta noduri.
   ========================================================================== */
:is(.t-pagina-companii, .t-pagina-personalizat) main > section { background: var(--t-bg) !important; padding-top: 96px !important; padding-bottom: 50px !important; }
:is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl {
  max-width: 1240px !important;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); column-gap: 26px; align-items: start;
  position: relative;
}
:is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > * { grid-column: 1; min-width: 0; }
:is(.t-pagina-companii, .t-pagina-personalizat) .container-custom.max-w-3xl > .t-fir { grid-column: 1 / -1; grid-row: 1; margin-bottom: 14px; }

/* bannerul: ::before pe randurile 2-4 (eticheta, titlu, text) */
:is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl::before {
  content: ""; grid-column: 1; grid-row: 2 / 5; align-self: stretch; z-index: 0;
  border-radius: 22px; box-shadow: var(--t-shadow);
  background:
    linear-gradient(180deg, rgba(74,62,51,.94) 0%, rgba(74,62,51,.88) 55%, rgba(74,62,51,.55) 100%),
    var(--poza) center / cover no-repeat, #4a3e33;
}
.t-pagina-companii { --poza: url("/images/v2/catalog-arch-800.webp"); }
.t-pagina-personalizat { --poza: url("/images/v2/catalog-vase-800.webp"); }
:is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > p.uppercase {
  grid-row: 2; position: relative; z-index: 1; margin: 0; padding: 38px 34px 0;
  color: var(--t-orange) !important; font-weight: 800 !important; font-size: 12px !important; letter-spacing: .14em !important;
}
:is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > h1 {
  grid-row: 3; position: relative; z-index: 1; padding: 0 34px; margin-top: 10px !important;
  color: #fff !important; font-family: Manrope, sans-serif !important; font-weight: 800 !important;
  font-size: clamp(2rem, 3.4vw, 2.9rem) !important; line-height: 1.08 !important; letter-spacing: -.03em;
}
:is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > h1 + p {
  grid-row: 4; position: relative; z-index: 1; padding: 0 34px 38px; margin-top: 14px !important;
  color: #efe8dc !important; font-size: 15px; line-height: 1.7 !important;
}

/* formularul: coloana din dreapta, pe toata inaltimea */
:is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > .rounded-lg {
  grid-column: 2; grid-row: 2 / 7; margin-top: 0 !important;
  background: var(--t-card) !important; border: 1px solid var(--t-line) !important; border-radius: 22px !important; box-shadow: var(--t-shadow) !important;
}
:is(.t-pagina-companii, .t-pagina-personalizat) main .rounded-lg h3 { color: var(--t-ink) !important; font-weight: 800 !important; font-size: 1.5rem !important; }
:is(.t-pagina-companii, .t-pagina-personalizat) main form label { color: var(--t-ink) !important; font-weight: 700 !important; }
:is(.t-pagina-companii, .t-pagina-personalizat) main form :is(input:not([type=file]):not([type=hidden]), select, textarea) {
  background: #fbf8f3 !important; border: 1.5px solid var(--t-line) !important; border-radius: 10px !important;
  font-size: 15px !important; color: var(--t-ink) !important;
}
:is(.t-pagina-companii, .t-pagina-personalizat) main form :is(input:not([type=file]):not([type=hidden]), select) { height: 48px !important; padding: 0 14px !important; }
:is(.t-pagina-companii, .t-pagina-personalizat) main form textarea { padding: 12px 14px !important; }
:is(.t-pagina-companii, .t-pagina-personalizat) main form :is(input, select, textarea):focus {
  outline: 0 !important; border-color: var(--t-btn) !important; box-shadow: 0 0 0 3px rgba(128,82,55,.18) !important; background: #fff !important;
}
.t-pagina-personalizat main form label.border-dashed {
  border: 2px dashed var(--t-line) !important; background: #fbf8f3 !important; border-radius: 12px !important; padding: 16px !important;
  color: var(--t-ink) !important; font-weight: 600 !important;
}
.t-pagina-personalizat main form label.border-dashed:hover { border-color: var(--t-btn) !important; }
:is(.t-pagina-companii, .t-pagina-personalizat) main form button[type=submit],
:is(.t-pagina-companii, .t-pagina-personalizat) main form > button {
  width: 100%; height: 52px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 700 !important;
  background: var(--t-btn) !important; color: #fff !important; box-shadow: 0 10px 22px -12px rgba(128,82,55,.8);
}
:is(.t-pagina-companii, .t-pagina-personalizat) main form > button:hover:not(:disabled) { background: var(--t-btn-h) !important; }

/* cardul „ce urmeaza" sub banner */
.t-form-pasi {
  grid-column: 1; grid-row: 5; margin-top: 20px;
  background: var(--t-card); border: 1px solid var(--t-line); border-radius: 20px; padding: 24px; box-shadow: var(--t-shadow);
}
.t-form-pasi h2 { margin: 0 0 14px; font-size: 1.25rem; font-weight: 800; color: var(--t-ink); }
.t-form-pasi ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.t-form-pasi li { display: flex; gap: 14px; align-items: flex-start; }
.t-form-pasi .t-ci { width: 44px; height: 44px; border-radius: 12px; background: #f3e7da; color: #9b5a2e; }
.t-form-pasi li:nth-child(2) .t-ci { background: #e6ece4; color: #4d6145; }
.t-form-pasi li:nth-child(3) .t-ci { background: #f5e6e0; color: #9b5137; }
.t-form-pasi strong { display: block; font-size: 15px; font-weight: 800; color: var(--t-ink); }
.t-form-pasi li p { margin: 3px 0 0; font-size: 13px; line-height: 1.6; color: var(--t-muted); }
.t-form-pasi .t-form-nota { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--t-line); font-size: 13px; color: var(--t-ink); font-weight: 600; }

.t-trust-form { grid-column: 1 / -1 !important; grid-row: 7; margin-top: 30px; width: 100% !important; max-width: none !important; }

/* telefon si tableta: o singura coloana */
@media (max-width: 1023px) {
  :is(.t-pagina-companii, .t-pagina-personalizat) main > section { padding-top: 64px !important; }
  :is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl { grid-template-columns: minmax(0, 1fr); }
  :is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > .rounded-lg { grid-column: 1; grid-row: 5; margin-top: 18px !important; }
  .t-form-pasi { grid-row: 6; }
}
@media (max-width: 700px) {
  :is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > p.uppercase { padding: 26px 20px 0; }
  :is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > h1 { padding: 0 20px; font-size: 1.9rem !important; }
  :is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > h1 + p { padding: 0 20px 26px; font-size: 14px; }
  :is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl::before { border-radius: 18px; }
  :is(.t-pagina-companii, .t-pagina-personalizat) main .container-custom.max-w-3xl > .rounded-lg { border-radius: 18px !important; }
  :is(.t-pagina-companii, .t-pagina-personalizat) main .rounded-lg > div { padding-left: 16px !important; padding-right: 16px !important; }
  .t-form-pasi { padding: 18px; }
}

/* ==========================================================================
   PAGINILE DE AJUTOR — /faq, /livrare-si-plata, /retur-si-garantie
   Copiii containerului (eticheta, titlu, text, continut) sunt ai React-ului:
   bannerul e un ::before in grila, pe randurile lor (ca la formulare).
   ========================================================================== */
.t-pagina-ajutor main > .min-h-screen { background: var(--t-bg) !important; padding-top: 96px !important; padding-bottom: 50px !important; }
.t-pagina-ajutor main > .min-h-screen > .max-w-3xl {
  max-width: 1240px !important; padding: 0 clamp(16px, 3vw, 32px) !important;
  display: grid; grid-template-columns: minmax(0, 1fr) 320px; column-gap: 26px; align-items: start; position: relative;
}
.t-pagina-ajutor main > .min-h-screen > .max-w-3xl > * { grid-column: 1 / -1; min-width: 0; }
.t-pagina-ajutor .max-w-3xl > .t-fir { grid-row: 1; margin-bottom: 14px; }

.t-pagina-ajutor main > .min-h-screen > .max-w-3xl::before {
  content: ""; grid-column: 1 / -1; grid-row: 2 / 5; align-self: stretch; z-index: 0;
  border-radius: 22px; box-shadow: var(--t-shadow);
  background:
    linear-gradient(90deg, #4a3e33 0%, #4a3e33 45%, rgba(74,62,51,.6) 72%, rgba(74,62,51,.2) 100%),
    url("/images/v2/catalog-tray-1000.webp") right center / cover no-repeat, #4a3e33;
}
.t-pagina-ajutor .max-w-3xl > p.uppercase {
  grid-row: 2; position: relative; z-index: 1; margin: 0; padding: 40px clamp(24px, 5vw, 56px) 0;
  color: var(--t-orange) !important; font-weight: 800 !important; font-size: 12px !important; letter-spacing: .14em !important;
}
.t-pagina-ajutor .max-w-3xl > h1 {
  grid-row: 3; position: relative; z-index: 1; padding: 0 clamp(24px, 5vw, 56px); margin-top: 10px !important;
  color: #fff !important; font-family: Manrope, sans-serif !important; font-weight: 800 !important;
  font-size: clamp(2rem, 3.6vw, 3rem) !important; letter-spacing: -.03em; line-height: 1.08;
}
.t-pagina-ajutor .max-w-3xl > h1 + p {
  grid-row: 4; position: relative; z-index: 1; padding: 0 clamp(24px, 5vw, 56px) 40px; max-width: 620px;
  color: #efe8dc !important; font-size: 15px !important;
}
.t-pagina-ajutor .max-w-3xl > h1 + p a { color: var(--t-orange) !important; font-weight: 700; }

/* continutul (stanga) si cardul de ajutor (dreapta) */
.t-pagina-ajutor .max-w-3xl > div.mt-10 { grid-column: 1; grid-row: 5; margin-top: 26px !important; }
.t-ajutor {
  grid-column: 2 !important; grid-row: 5; margin-top: 26px; position: sticky; top: 140px;
  background: var(--t-card); border: 1px solid var(--t-line); border-radius: 20px; padding: 24px; box-shadow: var(--t-shadow);
}
.t-ajutor .t-ci { width: 48px; height: 48px; border-radius: 14px; background: #f3e7da; color: #9b5a2e; }
.t-ajutor strong { display: block; margin: 14px 0 4px; font-size: 18px; font-weight: 800; color: var(--t-ink); }
.t-ajutor > p { margin: 0 0 14px; font-size: 14px; color: var(--t-muted); }
.t-ajutor > .t-btn { width: 100%; justify-content: center; font-size: 14px; }
.t-ajutor nav { display: grid; margin-top: 18px; border-top: 1px solid var(--t-line); padding-top: 8px; }
.t-ajutor nav a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 42px; color: var(--t-ink); font-size: 14px; font-weight: 600; border-bottom: 1px solid var(--t-line); }
.t-ajutor nav a:last-child { border-bottom: 0; }
.t-ajutor nav a svg { width: 16px; height: 16px; color: var(--t-muted); }
.t-ajutor nav a:hover, .t-ajutor nav a[aria-current="page"] { color: var(--t-oink); }
.t-ajutor nav a[aria-current="page"] svg { color: var(--t-oink); }

/* FAQ: carduri care se deschid */
.t-pagina-ajutor details {
  background: var(--t-card) !important; border: 1px solid var(--t-line) !important; border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(41,46,38,.04); transition: border-color .2s, box-shadow .2s;
}
.t-pagina-ajutor details[open] { border-color: var(--t-btn) !important; box-shadow: var(--t-shadow) !important; }
.t-pagina-ajutor details summary { color: var(--t-ink) !important; font-weight: 800 !important; font-size: 16px; min-height: 32px; }
.t-pagina-ajutor details summary > span {
  flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: #f3e7da; color: var(--t-oink) !important; font-size: 20px; font-weight: 700; line-height: 1;
}
.t-pagina-ajutor details[open] summary > span { background: var(--t-btn); color: #fff !important; }
.t-pagina-ajutor details p { font-size: 15px !important; line-height: 1.75 !important; color: var(--t-muted) !important; }
.t-pagina-ajutor details p a, .t-pagina-ajutor section p a { color: var(--t-oink) !important; font-weight: 700; }
/* cardul „Ai o idee de cadou personalizat?" de la finalul FAQ */
.t-pagina-ajutor .max-w-3xl > div.mt-10 ~ div:not(.t-ajutor):not(.t-trust) { grid-column: 1; }

/* Livrare / Retur: fiecare sectiune devine card cu iconita */
.t-pagina-ajutor .space-y-10 > section {
  position: relative; background: var(--t-card); border: 1px solid var(--t-line); border-radius: 18px;
  padding: 24px 24px 24px 88px; box-shadow: 0 1px 2px rgba(41,46,38,.04);
}
.t-pagina-ajutor .space-y-10 { display: grid; gap: 16px; }
.t-pagina-ajutor .space-y-10 > section + section { margin-top: 0 !important; }
.t-pagina-ajutor .space-y-10 > section::before {
  content: ""; position: absolute; left: 24px; top: 24px; width: 46px; height: 46px; border-radius: 14px;
  background: var(--f, #f3e7da) var(--ico) center / 22px no-repeat;
}
.t-pagina-ajutor .space-y-10 > section:nth-child(4n+1) { --f: #f3e7da; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b5a2e' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M1 4h13v12H1zM14 8h4l4 4v4h-8z'/%3E%3Ccircle cx='6' cy='18.5' r='2'/%3E%3Ccircle cx='18' cy='18.5' r='2'/%3E%3C/svg%3E"); }
.t-pagina-ajutor .space-y-10 > section:nth-child(4n+2) { --f: #e6ece4; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d6145' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E"); }
.t-pagina-ajutor .space-y-10 > section:nth-child(4n+3) { --f: #f5e6e0; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b5137' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E"); }
.t-pagina-ajutor .space-y-10 > section:nth-child(4n+4) { --f: #ece7dd; --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e5a3c' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E"); }
.t-pagina-ajutor .space-y-10 > section h2 { font-size: 1.2rem !important; font-weight: 800 !important; color: var(--t-ink); margin-top: 10px; }
.t-pagina-ajutor .space-y-10 > section p,
.t-pagina-ajutor .space-y-10 > section li { font-size: 15px; line-height: 1.75 !important; color: var(--t-muted) !important; }
.t-pagina-ajutor .space-y-10 > section strong { color: var(--t-ink); }

.t-trust-ajutor { grid-column: 1 / -1 !important; grid-row: 7; margin-top: 30px; width: 100% !important; max-width: none !important; }

@media (max-width: 1023px) {
  .t-pagina-ajutor main > .min-h-screen { padding-top: 64px !important; }
  .t-pagina-ajutor main > .min-h-screen > .max-w-3xl { grid-template-columns: minmax(0, 1fr); }
  .t-ajutor { grid-column: 1 !important; grid-row: 6; position: static; }
}
@media (max-width: 700px) {
  .t-pagina-ajutor main > .min-h-screen > .max-w-3xl { padding: 0 12px !important; }
  .t-pagina-ajutor main > .min-h-screen > .max-w-3xl::before {
    border-radius: 18px;
    background: linear-gradient(180deg, #4a3e33 0%, rgba(74,62,51,.92) 70%, rgba(74,62,51,.75) 100%), url("/images/v2/catalog-tray-1000.webp") center / cover no-repeat, #4a3e33;
  }
  .t-pagina-ajutor .max-w-3xl > p.uppercase { padding: 26px 20px 0; }
  .t-pagina-ajutor .max-w-3xl > h1 { padding: 0 20px; font-size: 1.9rem !important; }
  .t-pagina-ajutor .max-w-3xl > h1 + p { padding: 0 20px 26px; font-size: 14px !important; }
  .t-pagina-ajutor .space-y-10 > section { padding: 76px 18px 20px; }
  .t-pagina-ajutor .space-y-10 > section::before { left: 18px; top: 18px; }
  .t-pagina-ajutor details summary { font-size: 15px; }
}
.t-pagina-ajutor .max-w-3xl > div.mt-10 ~ div:not(.t-ajutor):not(.t-trust) {
  margin-top: 20px !important; border-radius: 20px !important; padding: 26px !important;
  background: radial-gradient(circle at 85% 15%, rgba(230,195,160,.22), transparent 50%), linear-gradient(115deg, var(--t-navy), var(--t-navy-3)) !important;
  color: #fff !important; box-shadow: var(--t-shadow); border: 0 !important;
}
.t-pagina-ajutor .max-w-3xl > div.mt-10 ~ div:not(.t-ajutor):not(.t-trust) :is(p, h2, h3) { color: #fff !important; font-weight: 800; font-size: 18px; }
.t-pagina-ajutor .max-w-3xl > div.mt-10 ~ div:not(.t-ajutor):not(.t-trust) a {
  background: #fff !important; color: var(--t-navy) !important; border-radius: 999px !important; font-weight: 700 !important;
}
.t-pagina-ajutor .max-w-3xl > div.mt-10 ~ div:not(.t-ajutor):not(.t-trust) a:hover { background: var(--t-orange) !important; }