/* Atelierul — otel #13263F + lime #A4D932. Suprascrie Hummingbird (Bootstrap 5) prin variabile. 1 oct 2026 */
:root {
  --atl-otel: #13263F;
  --atl-otel-2: #1C3556;
  --atl-otel-3: #0B1829;
  --atl-lime: #A4D932;
  --atl-lime-2: #8CC21F;
  --atl-lime-ink: #5E8410;
  --atl-ceata: #F3F6F9;
  --atl-linie: #DDE4EC;
  --atl-text: #13263F;
  --atl-text-2: #4A5B70;
  --bs-primary: #13263F;
  --bs-primary-rgb: 19, 38, 63;
  --bs-link-color: #13263F;
  --bs-link-color-rgb: 19, 38, 63;
  --bs-link-hover-color: #5E8410;
  --bs-body-color: #13263F;
  --bs-body-font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-border-radius: 12px;
  --atl-r: 14px;
  --atl-ease: cubic-bezier(.2, .8, .2, 1);
}
body { font-family: var(--bs-body-font-family); color: var(--atl-text); background: #fff; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .product-miniature__title, .page-title, .card-title {
  font-family: Outfit, Inter, sans-serif; letter-spacing: -0.01em; color: var(--atl-otel);
}

/* butoane */
.btn-primary { --bs-btn-bg: var(--atl-otel); --bs-btn-border-color: var(--atl-otel); --bs-btn-hover-bg: var(--atl-lime);
  --bs-btn-hover-border-color: var(--atl-lime); --bs-btn-hover-color: var(--atl-otel); --bs-btn-active-bg: var(--atl-lime-2);
  --bs-btn-active-border-color: var(--atl-lime-2); --bs-btn-active-color: var(--atl-otel); font-weight: 600; border-radius: 999px; }
.btn-outline-primary { --bs-btn-color: var(--atl-otel); --bs-btn-border-color: var(--atl-otel); --bs-btn-hover-bg: var(--atl-otel);
  --bs-btn-hover-border-color: var(--atl-otel); border-radius: 999px; }
.atl-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .9rem 1.6rem; border-radius: 999px; font: 600 1rem Outfit, sans-serif;
  text-decoration: none; transition: transform .25s var(--atl-ease), background .25s, color .25s, box-shadow .25s; }
.atl-btn--lime { background: var(--atl-lime); color: var(--atl-otel); }
.atl-btn--lime:hover { transform: translateY(-2px); color: var(--atl-otel); box-shadow: 0 10px 30px -8px rgba(164, 217, 50, .7); }
.atl-btn--ghost { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .45); }
.atl-btn--ghost:hover { color: var(--atl-otel); background: #fff; }

/* banda demo */
.header-banner { background: var(--atl-otel-3); }
.atl-demo-bar { color: #C9D4E2; font-size: .82rem; text-align: center; padding: .45rem 1rem; letter-spacing: .01em; }
.atl-demo-bar__pill { background: var(--atl-lime); color: var(--atl-otel); font-weight: 700; border-radius: 999px; padding: .1rem .55rem;
  margin-right: .5rem; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.atl-demo-checkout { background: #F4FADF; border: 1px solid #D6EC9C; color: #3F5A0A; border-radius: var(--atl-r); padding: .9rem 1.1rem; margin-bottom: 1rem; }

/* antet */
.header-bottom { background: #fff; border-bottom: 1px solid var(--atl-linie); position: sticky; top: 0; z-index: 1020;
  transition: box-shadow .3s; }
body.atl-scrolled .header-bottom { box-shadow: 0 8px 30px -18px rgba(19, 38, 63, .45); }
.header-bottom__logo img { max-height: 46px; width: auto; }
.header-top { background: var(--atl-ceata); }

/* erou */
.atl-hero { position: relative; overflow: hidden; background: radial-gradient(1200px 600px at 75% 20%, var(--atl-otel-2), var(--atl-otel) 55%, var(--atl-otel-3));
  color: #fff; min-height: 640px; display: flex; align-items: center; margin: 0 calc(50% - 50vw); padding: 7rem 0 6rem; }
.atl-hero__grid { position: absolute; inset: -20% 0 0; background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 70% 40%, #000 30%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at 70% 40%, #000 30%, transparent 75%); }
.atl-hero__gear { position: absolute; width: 600px; right: -110px; top: 30px; color: #fff; opacity: .07; }
.atl-hero__bolt { position: absolute; width: 300px; right: 140px; top: 170px; color: var(--atl-lime); filter: drop-shadow(0 30px 60px rgba(164, 217, 50, .35)); }
.atl-hero__dots { position: absolute; width: 220px; height: 220px; left: 6%; bottom: -40px; opacity: .35;
  background-image: radial-gradient(var(--atl-lime) 2px, transparent 2.5px); background-size: 18px 18px; }
.atl-hero__inner { position: relative; z-index: 2; }
.atl-eyebrow { font: 600 .8rem Outfit, sans-serif; text-transform: uppercase; letter-spacing: .22em; color: var(--atl-lime); margin-bottom: 1rem; }
.atl-hero__title { font: 800 clamp(2.6rem, 6vw, 5rem)/1.02 Outfit, sans-serif; color: #fff; letter-spacing: -0.03em; margin: 0 0 1.4rem; }
.atl-hero__title span { color: var(--atl-lime); }
.atl-hero__lead { max-width: 34rem; font-size: 1.15rem; line-height: 1.6; color: #C9D4E2; margin-bottom: 2rem; }
.atl-hero__cta { display: flex; gap: .8rem; flex-wrap: wrap; margin-bottom: 3rem; }
.atl-hero__stats { display: flex; gap: 2.5rem; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; }
.atl-hero__stats strong { display: block; font: 800 2.2rem/1 Outfit, sans-serif; color: #fff; }
.atl-hero__stats span { color: #9FB0C6; font-size: .9rem; }
.atl-hero__scroll { position: absolute; left: 50%; bottom: 28px; width: 26px; height: 42px; border: 2px solid rgba(255, 255, 255, .35);
  border-radius: 14px; transform: translateX(-50%); }
.atl-hero__scroll span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; border-radius: 2px; background: var(--atl-lime);
  transform: translateX(-50%); animation: atl-scroll 1.8s infinite var(--atl-ease); }
@keyframes atl-scroll { 0% { opacity: 0; transform: translate(-50%, 0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, 14px); } }

/* sectiuni */
.atl-section-head { text-align: center; margin: 5rem 0 2.5rem; }
.atl-section-head .atl-eyebrow { color: var(--atl-lime-ink); }
.atl-section-head h2 { font: 800 clamp(2rem, 4vw, 2.8rem)/1.1 Outfit, sans-serif; }
.atl-cats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 4rem; }
.atl-cat { position: relative; display: flex; flex-direction: column; gap: .3rem; padding: 1.6rem 1.5rem 1.4rem; border-radius: 18px; background: var(--atl-ceata);
  color: var(--atl-otel); text-decoration: none; overflow: hidden; transition: transform .35s var(--atl-ease), background .35s, color .35s; }
.atl-cat::after { content: ""; position: absolute; width: 180px; height: 180px; right: -60px; bottom: -80px; border-radius: 50%;
  background: var(--atl-lime); opacity: 0; transform: scale(.4); transition: all .5s var(--atl-ease); }
.atl-cat:hover { transform: translateY(-6px); background: var(--atl-otel); color: #fff; }
.atl-cat:hover::after { opacity: .18; transform: scale(1); }
.atl-cat__icon { width: 48px; height: 48px; margin-bottom: .8rem; background: var(--atl-otel); transition: background .35s; }
.atl-cat:hover .atl-cat__icon { background: var(--atl-lime); }
.atl-cat__name { font: 700 1.2rem Outfit, sans-serif; }
.atl-cat__sub { font-size: .9rem; opacity: .7; }
.atl-cat__arrow { position: absolute; right: 1.4rem; top: 1.4rem; font-size: 1.3rem; transition: transform .35s var(--atl-ease); }
.atl-cat:hover .atl-cat__arrow { transform: translateX(6px); color: var(--atl-lime); }

/* banda cu marci */
.atl-band { margin: 0 calc(50% - 50vw) 3rem; background: var(--atl-lime); overflow: hidden; padding: 1.1rem 0; transform: rotate(-1.2deg); }
.atl-band__track { display: flex; gap: 2.2rem; white-space: nowrap; font: 800 1.6rem Outfit, sans-serif; color: var(--atl-otel); will-change: transform; }

/* produse */
.product-miniature { transition: transform .35s var(--atl-ease); }
.product-miniature .card, .product-miniature__card, .product-miniature > div { border-radius: 18px; }
.product-miniature:hover { transform: translateY(-6px); }
.product-miniature img { transition: transform .6s var(--atl-ease); }
.product-miniature:hover img { transform: scale(1.06); }
.product-flag, .badge.bg-primary { background: var(--atl-lime) !important; color: var(--atl-otel) !important; font-weight: 700; border-radius: 999px; }
.product-flag.discount, .product-flag.on-sale { background: #E5322D !important; color: #fff !important; }
.price, .product-miniature__price, .product__current-price { font-family: Outfit, sans-serif; font-weight: 700; color: var(--atl-otel); }

/* avantaje + subsol */
.atl-perks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 4rem auto 3rem; }
.atl-perk { display: flex; gap: .9rem; align-items: center; padding: 1.2rem; border: 1px solid var(--atl-linie); border-radius: 16px; }
.atl-perk .atl-ico { width: 40px; height: 40px; flex: none; background: var(--atl-lime-ink); }
.atl-perk strong { display: block; font-family: Outfit, sans-serif; }
.atl-perk span { font-size: .88rem; color: var(--atl-text-2); }
#footer, .footer { background: var(--atl-otel); color: #C9D4E2; }
#footer a, .footer a { color: #E5ECF4; }
#footer a:hover, .footer a:hover { color: var(--atl-lime); }
#footer h4, #footer .h4, .footer .h4, .footer h4, .footer__title { color: #fff; }

/* aparitii */
.atl-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--atl-ease), transform .8s var(--atl-ease); }
.atl-reveal.atl-in { opacity: 1; transform: none; }
.atl-js-off .atl-reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .atl-reveal { opacity: 1; transform: none; transition: none; }
  .atl-hero__scroll span { animation: none; }
}
@media (max-width: 991px) { .atl-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .atl-cats__grid { grid-template-columns: 1fr; }
  .atl-hero { min-height: 560px; padding: 5rem 0 4rem; }
  .atl-hero__gear { width: 380px; right: -170px; top: 10px; }
  .atl-hero__bolt { width: 150px; right: 10px; top: 40px; opacity: .55; }
  .atl-hero__stats { gap: 1.5rem; }
}

/* iconite (masca SVG, se coloreaza din background) */
.atl-ico { display: inline-block; -webkit-mask: var(--m) center/contain no-repeat; mask: var(--m) center/contain no-repeat; }
.atl-ico--bolt { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2 4 14h7l-2 8 10-12h-7z'/%3E%3C/svg%3E"); }
.atl-ico--wrench { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.4-.6-.6-2.4z'/%3E%3C/svg%3E"); }
.atl-ico--leaf { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 21c0-9 5-15 15-16-1 10-7 15-15 16zM5 21l7-7'/%3E%3C/svg%3E"); }
.atl-ico--gear { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E"); }
.atl-ico--laser { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='3' y='9' width='10' height='8' rx='2'/%3E%3Cpath d='M13 13h8M16 9l4-3M16 17l4 3'/%3E%3C/svg%3E"); }
.atl-ico--battery { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='3' y='7' width='16' height='11' rx='2'/%3E%3Cpath d='M22 11v3M11 9l-2 4h4l-2 4'/%3E%3C/svg%3E"); }
.atl-ico--truck { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M2 6h11v10H2zM13 10h5l3 3v3h-8'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E"); }
.atl-ico--shield { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E"); }
.atl-ico--return { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 10h11a5 5 0 0 1 0 10H8M4 10l4-4M4 10l4 4'/%3E%3C/svg%3E"); }
.atl-ico--chat { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E"); }

/* etichete pe produse (Hummingbird: li.badge.new / .discount / .on-sale) */
.product-flags .badge { background: var(--atl-lime); color: var(--atl-otel); font: 700 .75rem Outfit, sans-serif; border-radius: 999px; padding: .35rem .7rem; }
.product-flags .badge.discount, .product-flags .badge.on-sale { background: #E5322D; color: #fff; }
.product-miniature__inner { border-radius: 18px; background: #fff; transition: box-shadow .35s var(--atl-ease); }
.product-miniature:hover .product-miniature__inner { box-shadow: 0 24px 50px -28px rgba(19, 38, 63, .45); }
.product-miniature__image-container { border-radius: 16px; overflow: hidden; background: var(--atl-ceata); }

/* meniu pe un singur rand */
.ps-mainmenu__desktop .menu__link, .ps-mainmenu__desktop a { font: 600 .92rem Outfit, sans-serif; padding-left: .55rem; padding-right: .55rem; white-space: nowrap; }
.ps-mainmenu__desktop .menu__link:hover, .ps-mainmenu__desktop a:hover { color: var(--atl-lime-ink); }

/* blocul de garantii de pe produs (blockreassurance): iconitele albastre → otel, fara albastrul Bootstrap */
.blockreassurance_product img, .blockreassurance img, [class*="reassurance"] img.svg, [class*="reassurance"] svg {
  filter: brightness(0) saturate(100%) invert(13%) sepia(30%) saturate(1500%) hue-rotate(185deg) brightness(92%); }
[class*="reassurance"] .block-title, [class*="reassurance"] p.block-title { font-family: Outfit, sans-serif; font-weight: 700; color: var(--atl-otel); }


/* ── scena 3D „bormașina desfăcută" (atl3d.js) ── */
.atl-3d { position: relative; height: 420vh; margin: 0 calc(50% - 50vw) 0; background: radial-gradient(900px 600px at 70% 45%, #1C3556, #13263F 55%, #0B1829); color: #fff; }
.atl-3d__sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.atl-3d__stage { position: absolute; inset: 0; }
.atl-3d__stage canvas { width: 100% !important; height: 100% !important; display: block; }
.atl-3d__labels { position: absolute; inset: 0; pointer-events: none; }
.atl-3d__label { position: absolute; left: 0; top: 0; white-space: nowrap; font: 600 .82rem Outfit, sans-serif; color: #fff; background: rgba(11, 24, 41, .72);
  border: 1px solid rgba(164, 217, 50, .55); border-radius: 999px; padding: .3rem .75rem .3rem .55rem; opacity: 0; margin: -14px 0 0 18px; will-change: transform, opacity; }
.atl-3d__label span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--atl-lime); margin-right: .45rem; vertical-align: 1px; box-shadow: 0 0 0 4px rgba(164, 217, 50, .25); }
.atl-3d__copy { position: relative; height: 100%; pointer-events: none; }
.atl-3d__pas { position: absolute; left: 0; top: 50%; max-width: 26rem; transform: translateY(-40%); opacity: 0; transition: opacity .6s var(--atl-ease), transform .6s var(--atl-ease); }
.atl-3d__pas.atl-on { opacity: 1; transform: translateY(-50%); pointer-events: auto; }
.atl-3d__pas h2 { font: 800 clamp(2rem, 4.2vw, 3.4rem)/1.04 Outfit, sans-serif; color: #fff; letter-spacing: -.02em; margin: 0 0 1rem; }
.atl-3d__pas p { color: #C9D4E2; font-size: 1.08rem; line-height: 1.6; }
.atl-3d__bar { position: absolute; left: 50%; bottom: 26px; width: 160px; height: 3px; background: rgba(255, 255, 255, .15); border-radius: 3px; transform: translateX(-50%); overflow: hidden; }
.atl-3d__bar span { position: absolute; inset: 0; background: var(--atl-lime); transform-origin: left; transform: scaleX(var(--atl-p, 0)); }
.atl-3d--fara .atl-3d__pas[data-pas="0"] { opacity: 1; transform: translateY(-50%); }
.atl-3d--fara { height: auto; } .atl-3d--fara .atl-3d__sticky { height: 70vh; position: relative; }
@media (max-width: 767px) {
  .atl-3d { height: 340vh; }
  .atl-3d__pas { top: 12%; transform: translateY(0); max-width: 100%; }
  .atl-3d__pas { top: calc(var(--atl-sus, 150px) + 12px); }   /* 3 oct: sub bara site-ului, nu ascuns de ea */
  .atl-3d__pas { left: 16px; right: 16px; }   /* 3 oct: nu lipit de marginea telefonului */
  .atl-3d__pas.atl-on { transform: translateY(0); }
  .atl-3d__pas h2 { font-size: 1.8rem; } .atl-3d__pas p { font-size: .95rem; }
  .atl-3d__label { font-size: .7rem; }
}
@media (prefers-reduced-motion: reduce) { .atl-3d__pas { transition: none; } }
.atl-3d__label.atl-st { margin-left: -18px; }

/* tile-urile de categorii cu poze reale (Pexels, 1 oct) */
.atl-cat { min-height: 280px; justify-content: flex-end; color: #fff; background: var(--atl-otel); isolation: isolate; }
.atl-cat__img { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: -2;
  transition: transform .9s var(--atl-ease), filter .6s; filter: saturate(.95); }
.atl-cat::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(11, 24, 41, .05) 20%, rgba(11, 24, 41, .55) 55%, rgba(11, 24, 41, .94) 100%); transition: background .5s; }
.atl-cat:hover .atl-cat__img { transform: scale(1.08); filter: saturate(1.1); }
.atl-cat:hover { background: var(--atl-otel); }
.atl-cat:hover::before { background: linear-gradient(180deg, rgba(11, 24, 41, .1) 10%, rgba(11, 24, 41, .65) 50%, rgba(11, 24, 41, .96) 100%); }
.atl-cat__icon { background: var(--atl-lime); width: 40px; height: 40px; }
.atl-cat__name { color: #fff; font-size: 1.35rem; }
.atl-cat__sub { color: #C9D4E2; opacity: 1; }
.atl-cat__arrow { color: #fff; background: rgba(255, 255, 255, .14); width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; backdrop-filter: blur(4px); }
.atl-cat::after { z-index: -1; }
/* 2 oct: pe ecran lat banda „Comandă de probă" se vede deja in coloana cosului — nu o dublam la pasul de plata */
@media (min-width: 992px) { #checkout-payment-step .atl-demo-checkout { display: none; } }
/* 2 oct: descrierea de produs scrisa de EDRAX (sablon cu clase — HTMLPurifier pastreaza clasele, nu si toate stilurile) */
.atl-desc { display: grid; gap: .55rem; }
.atl-desc p { margin: 0; }
.atl-desc__lead { font-size: 1.04rem; color: var(--atl-otel, #13263F); font-weight: 600; }
.atl-desc__box { background: #f6fbe9; border: 1px solid #dcefb0; border-left: 4px solid var(--atl-lime, #A4D932); border-radius: 10px; padding: .7rem 1rem; margin-top: .25rem; }
.atl-desc__titlu { font-weight: 800; color: var(--atl-otel, #13263F); font-size: .85rem; letter-spacing: .05em; text-transform: uppercase; margin-bottom: .3rem !important; }
.atl-desc__lista { list-style: none; padding: 0; margin: 0; }
.atl-desc__lista li { position: relative; padding: .2rem 0 .2rem 1.5rem; }
.atl-desc__lista li::before { content: "✓"; position: absolute; left: .15rem; color: #5f8f00; font-weight: 800; }
.atl-video { margin-bottom: .9rem; }
/* 2 oct: sablonul cu carduri (stil elefant-tools.ro, mult mai mic) */
.atl-desc__tags { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; padding: 0; margin: 0; }
.atl-desc__tags li { background: var(--atl-otel, #13263F); color: #fff; font-size: .78rem; font-weight: 700; border-radius: 999px; padding: .25rem .7rem; }
.atl-desc__tags li::before { content: "✓ "; color: var(--atl-lime, #A4D932); }
.atl-desc__specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .6rem; }
.atl-desc__spec { border: 1px solid #e3e8ef; border-radius: 12px; padding: .7rem .8rem; text-align: center; background: #fff; }
.atl-desc__spec strong { display: block; color: var(--atl-otel, #13263F); font-size: 1.15rem; line-height: 1.2; }
.atl-desc__spec span { font-size: .78rem; color: #64748b; }
.atl-desc__carduri { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .6rem; }
.atl-desc__card { background: #f6fbe9; border: 1px solid #dcefb0; border-left: 4px solid var(--atl-lime, #A4D932); border-radius: 12px; padding: .75rem .9rem; }
.atl-desc__card strong { display: block; color: var(--atl-otel, #13263F); margin-bottom: .15rem; }
.atl-desc__card p { font-size: .93rem; }
.atl-desc__carduri { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.atl-desc__titlu { margin-top: .35rem !important; }
@media (max-width: 560px) { .atl-desc__carduri { grid-template-columns: 1fr; } .atl-desc__specs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* 2 oct: pe telefon cele 3 etichete stau pe UN rand */
@media (max-width: 560px) {
  .atl-desc__tags { flex-wrap: nowrap; gap: .3rem; }
  .atl-desc__tags li { font-size: .68rem; padding: .2rem .45rem; white-space: nowrap; letter-spacing: -.01em; }
}

/* ── 3 oct: bulina de chat — in haina EDRAX (mov, mascota), sa se vada ca raspunde EDRAX. La clienti: culorile site-ului lor. ── */
.atl-chat{--e-acc:#4b4ba3;--e-soft:#ececf6;--e-bg:#faf9f6;--e-ink:#1b1b19;--e-muted:#8a867c;--e-line:#e9e6df;
  --e-grad:linear-gradient(135deg,#5b5bc4 0%,#4b4ba3 55%,#3c3c8c 100%);--e-glow:0 8px 22px -8px rgba(75,75,163,.55);
  position:fixed;right:18px;bottom:18px;z-index:2147483000;font:15px/1.5 "Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Inter,Helvetica,Arial,sans-serif;color:var(--e-ink)}
.atl-chat__bula{width:66px;height:66px;border-radius:50%;border:3px solid var(--e-acc);background:radial-gradient(circle at 50% 40%,#fff 0%,#fff 55%,var(--e-soft) 100%);display:grid;place-items:center;cursor:pointer;padding:0;
  box-shadow:0 10px 26px -8px rgba(60,60,140,.55),0 0 0 5px rgba(75,75,163,.12);transition:transform .15s;position:relative}
.atl-chat__bula img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(20,20,60,.25));margin-top:2px}
.atl-chat__bula:hover{transform:scale(1.06) rotate(-3deg)} .atl-chat__bula:focus-visible{outline:3px solid var(--e-acc);outline-offset:4px}
.atl-chat__eticheta{position:absolute;right:76px;bottom:16px;white-space:nowrap;background:#fff;color:var(--e-acc);border:1px solid var(--e-line);
  font-weight:700;font-size:13px;padding:7px 12px;border-radius:12px 12px 4px 12px;box-shadow:0 8px 20px -10px rgba(28,26,60,.35);pointer-events:none}
.atl-chat__eticheta b{color:var(--e-ink)}
.atl-chat[data-deschis="1"] .atl-chat__bula,.atl-chat[data-deschis="1"] .atl-chat__eticheta{display:none}
.atl-chat__nr{position:absolute;top:-3px;right:-3px;min-width:22px;height:22px;border-radius:11px;background:#d14343;color:#fff;font:800 12px/22px system-ui,sans-serif;padding:0 6px;box-shadow:0 0 0 2px #fff}
.atl-chat__panou{position:absolute;right:0;bottom:0;width:390px;height:min(620px,calc(100vh - 36px));background:var(--e-bg);border-radius:20px;border:1px solid var(--e-line);
  box-shadow:0 24px 60px -18px rgba(28,26,60,.45);display:flex;flex-direction:column;overflow:hidden}
.atl-chat__panou[hidden]{display:none}
.atl-chat__cap{display:flex;gap:11px;align-items:center;padding:13px 14px;background:var(--e-grad);color:#fff;position:relative}
.atl-chat__cap b{display:block;font-weight:800;font-size:16px;letter-spacing:.02em} .atl-chat__cap span{font-size:12px;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:6px}
.atl-chat__avatar{width:44px;height:44px;border-radius:13px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 4px 12px -4px rgba(10,10,40,.45)}
.atl-chat__avatar img{width:38px;height:38px;object-fit:contain}
.atl-chat__punct{width:8px;height:8px;border-radius:50%;background:#7ee2a8;display:inline-block;box-shadow:0 0 0 3px rgba(126,226,168,.25)}
.atl-chat__inchide{margin-left:auto;background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer;padding:6px 8px;border-radius:8px}
.atl-chat__inchide:hover{background:rgba(255,255,255,.14)}
.atl-chat__lista{flex:1;overflow-y:auto;padding:16px 14px;background:radial-gradient(600px 260px at 50% -120px,rgba(75,75,163,.09),transparent 70%),var(--e-bg);display:flex;flex-direction:column;gap:12px}
.atl-chat__m{display:flex;flex-direction:column;max-width:88%} .atl-chat__m.tu{align-self:flex-end;align-items:flex-end}
.atl-chat__cine{display:flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#a19c90;margin:0 0 4px 4px}
.atl-chat__cine img{width:18px;height:18px;object-fit:contain}
.atl-chat__m.om .atl-chat__cine::before{content:"";width:6px;height:6px;border-radius:50%;background:#1f9d55}
.atl-chat__b{padding:11px 14px;border-radius:16px;background:#fff;border:1px solid #ebe7de;word-wrap:break-word;box-shadow:0 1px 1px rgba(28,26,60,.03),0 10px 24px -18px rgba(28,26,60,.25)}
.atl-chat__m.tu .atl-chat__b{background:var(--e-grad);color:#fff;border-color:transparent;border-bottom-right-radius:5px;box-shadow:var(--e-glow)}
.atl-chat__m.bot .atl-chat__b{border-bottom-left-radius:5px}
.atl-chat__m.om .atl-chat__b{background:#f0faf4;border-color:#cdebd9;border-bottom-left-radius:5px}
.atl-chat__b a{color:var(--e-acc);font-weight:700}
.atl-chat__scrie .atl-chat__b{display:flex;gap:4px;padding:14px} .atl-chat__scrie i{width:7px;height:7px;border-radius:50%;background:var(--e-acc);animation:atlPunct 1s infinite}
.atl-chat__scrie i:nth-child(2){animation-delay:.15s} .atl-chat__scrie i:nth-child(3){animation-delay:.3s}
@keyframes atlPunct{0%,80%,100%{opacity:.2}40%{opacity:1}}
.atl-chat__carduri{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 4px}
.atl-chat__card{flex:0 0 134px;background:#fff;border:1px solid var(--e-line);border-radius:14px;padding:8px;text-decoration:none;color:var(--e-ink);display:flex;flex-direction:column;gap:3px;transition:border-color .15s,transform .15s}
.atl-chat__card:hover{border-color:var(--e-acc);transform:translateY(-1px)}
.atl-chat__card img,.atl-chat__noimg{width:100%;height:86px;object-fit:contain;background:#f6f5f1;border-radius:9px;display:grid;place-items:center;font-size:26px}
.atl-chat__cn{font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.atl-chat__cp{font-weight:800;font-size:13.5px;color:var(--e-acc)} .atl-chat__cp s{font-weight:600;color:#a19c90;font-size:11px}
.atl-chat__cs{font-size:11px;font-weight:700} .atl-chat__cs.da{color:#1f9d55} .atl-chat__cs.nu{color:#d14343}
.atl-chat__sugestii{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px;background:var(--e-bg)}
.atl-chat__sugestii button{border:1px solid #d9d8ee;background:#fff;color:var(--e-acc);border-radius:99px;padding:6px 11px;font-family:inherit;font-weight:600;font-size:12.5px;line-height:1.3;cursor:pointer}
.atl-chat__sugestii button:hover{background:var(--e-soft);border-color:var(--e-acc)}
.atl-chat__form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--e-line);background:#fff}
.atl-chat__in{flex:1;min-width:0;border:1px solid #e3dfd3;border-radius:14px;padding:10px 13px;font-family:inherit;font-size:15px;line-height:1.4;color:var(--e-ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.atl-chat__in:focus{outline:none;border-color:rgba(75,75,163,.55);box-shadow:0 0 0 4px rgba(75,75,163,.10)}
.atl-chat__trimite{width:46px;border:0;border-radius:14px;background:var(--e-grad);color:#fff;font-size:18px;cursor:pointer;box-shadow:var(--e-glow)}
.atl-chat__trimite:focus-visible,.atl-chat__inchide:focus-visible,.atl-chat__sugestii button:focus-visible{outline:2px solid var(--e-acc);outline-offset:2px}
.atl-chat__jos{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#a19c90;padding:0 0 8px;background:#fff}
.atl-chat__jos a{color:var(--e-acc);font-weight:700;text-decoration:none}
@media (max-width:600px){
  .atl-chat{right:12px;bottom:12px}
  .atl-chat__panou{position:fixed;inset:0;width:auto;height:auto;border-radius:0;border:0}
  .atl-chat__bula{width:60px;height:60px} .atl-chat__bula img{width:44px;height:44px}
  .atl-chat__eticheta{display:none}
}
@media (prefers-reduced-motion:reduce){.atl-chat__bula,.atl-chat__card{transition:none}.atl-chat__scrie i{animation:none;opacity:.6}}