/* ==========================================================================
   b-mall home v3 (30 sept 2026). Se incarca din snippets/custom/bm_home_v3.html.twig
   Revert: config.custom.bm_home_v3: false in system/default.yml
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');

.bm-home{
  --bm-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --bm-sans:'Inter',Helvetica,Arial,sans-serif;
  --bm-ink:#111;--bm-muted:#6b6b6b;--bm-line:#e5e5e5;--bm-warm:#e6e1d9;
  font-family:var(--bm-sans);font-size:12px;letter-spacing:.02em;color:var(--bm-ink);
  max-width:1400px;margin:0 auto;padding-bottom:0;
}
.bm-home a{color:inherit;text-decoration:none}
.bm-home img{display:block;max-width:100%}

/* pe home cu v3 ascundem bannerele page_top ale temei */
body:has(.bm-home) .page-top{display:none}

/* text mic subliniat */
.bm-home__link{display:inline-block;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:2px;line-height:1.2}
.bm-home__link--light{color:#fff}
.bm-home__kicker{display:block;font-size:12px}
.bm-home__kicker--muted{color:var(--bm-muted);text-transform:uppercase;letter-spacing:.06em}

/* titluri sectiuni: Cormorant 26 */
.bm-home__title{font-family:var(--bm-serif) !important;font-weight:500 !important;font-size:26px !important;line-height:1;margin:0;letter-spacing:.01em;text-transform:none}
.bm-home__head{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 18px}
.bm-home__section{padding:40px 0 44px}
.bm-home__section--ruled{border-top:1px solid var(--bm-line)}
.bm-home__section--center{text-align:center;padding-left:16px;padding-right:16px}
.bm-home__section--center .bm-home__title{padding-bottom:20px}

/* hero 3:4, text jos */
.bm-home__hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;max-height:640px;width:100%;background:#2b2723;color:#fff;overflow:hidden}
.bm-home__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.bm-home__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 55%)}
.bm-home__hero-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 16px 28px}
.bm-home__hero-text .bm-home__kicker{margin-bottom:6px}
.bm-home__hero-title{font-family:var(--bm-serif);font-weight:500;font-size:34px;line-height:1.05;margin-bottom:14px}

/* tile-uri Femei / Barbati */
.bm-home__tiles{display:flex;gap:8px;padding:24px 16px 8px}
.bm-home__tile{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px}
.bm-home__tile-img{display:block;aspect-ratio:4/5;background:var(--bm-warm);overflow:hidden}
.bm-home__tile-img img{width:100%;height:100%;object-fit:cover}
.bm-home__tile-label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}

/* rail produse (carusel orizontal) */
.bm-home__rail{display:flex;gap:8px;padding:0 16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bm-home__rail::-webkit-scrollbar{display:none}
.bm-home__rail > .product{flex:0 0 165px;min-width:0;scroll-snap-align:start}
.bm-home__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px;padding:0 16px}
.bm-home__grid > .product{min-width:0}

/* editorial 4:5 */
.bm-home__editorial{display:flex;flex-direction:column}
.bm-home__editorial-img{display:block;aspect-ratio:4/5;background:#ebe7e0;overflow:hidden}
.bm-home__editorial-img img{width:100%;height:100%;object-fit:cover}
.bm-home__editorial-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px 40px}
.bm-home__editorial-title{font-family:var(--bm-serif);font-weight:500;font-size:26px;line-height:1.08;margin-bottom:8px}

/* branduri, fixate ca in v1 */
.bm-home__brands{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#333;margin-bottom:22px}

/* incredere 2x2 pe fond cald */
.bm-home__trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;background:#f6f4f1;padding:32px 16px}
.bm-home__trust-item{display:flex;flex-direction:column;gap:4px}
.bm-home__trust-item strong{font-weight:500}
.bm-home__trust-item span{color:var(--bm-muted);line-height:1.4}

/* desktop */
@media (min-width:992px){
  .bm-home{font-size:13px}
  .bm-home__hero{aspect-ratio:auto;height:560px;max-height:none}
  .bm-home__hero-text{padding:0 40px 48px}
  .bm-home__hero-title{font-size:56px}
  .bm-home__head{padding:0 40px 24px}
  .bm-home__title{font-size:34px !important}
  .bm-home__tiles{padding:40px 40px 8px;gap:16px}
  .bm-home__tile-img{aspect-ratio:16/9}
  .bm-home__rail{padding:0 40px;gap:16px}
  .bm-home__rail > .product{flex:0 0 calc((100% - 80px - 64px) / 5)}
  .bm-home__grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 40px;gap:32px 16px}
  .bm-home__editorial{flex-direction:row;align-items:stretch;margin:0 40px}
  .bm-home__editorial-img{flex:0 0 50%;aspect-ratio:4/3}
  .bm-home__editorial-text{justify-content:center;padding:40px}
  .bm-home__editorial-title{font-size:40px}
  .bm-home__trust{grid-template-columns:repeat(4,minmax(0,1fr));padding:40px}
}

/* carduri de produs in v3: tipografie mica, ca in v2 */
.bm-home .product__brand{font-family:var(--bm-sans) !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.06em;text-transform:uppercase;color:var(--bm-ink)}
.bm-home .product__name{font-size:12px !important;line-height:1.35;color:var(--bm-muted);font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bm-home .product__data{padding-top:10px;display:flex;flex-direction:column;gap:2px}
.bm-home .product__info--price-row{margin-top:4px}
.bm-home .product__info--price-gross,
.bm-home .product__info--old-price-gross{font-size:12px !important}

/* hero: text alb (specificitate peste .bm-home a) */
.bm-home a.bm-home__hero,
.bm-home a.bm-home__hero .bm-home__link{color:#fff}

/* header v3: segmente Femei / Barbati / Noutati / Brands (doar cand home v3 e activ) */
body:has(.bm-home) .header{border-bottom:1px solid #e5e5e5}
body:has(.bm-home) .header__menu-item > a{font-family:'Inter',Helvetica,Arial,sans-serif !important;font-size:12px !important;font-weight:500 !important;letter-spacing:.06em;text-transform:uppercase;color:#111}
body:has(.bm-home) .header__menu-item > a:hover{border-bottom:1px solid #111}

/* footer v3: negru, text alb, fara bannere ANPC (linkurile text ANPC / Solutionarea litigiilor raman in meniul Asistenta) */
body:has(.bm-home) .footer{background:#111 !important;color:#fff !important;border-top:0;font-family:'Inter',Helvetica,Arial,sans-serif;font-size:12px}
body:has(.bm-home) .footer a,
body:has(.bm-home) .footer .accordion__button,
body:has(.bm-home) .footer .accordion__header,
body:has(.bm-home) .footer p,
body:has(.bm-home) .footer li,
body:has(.bm-home) .footer label{color:#fff !important;font-size:12px !important;letter-spacing:.02em}
body:has(.bm-home) .footer .accordion__button{font-weight:500 !important;text-transform:uppercase;letter-spacing:.06em;background:transparent !important}
body:has(.bm-home) .footer a{opacity:.85}
body:has(.bm-home) .footer a:hover{opacity:1;text-decoration:underline}
body:has(.bm-home) .footer .form__email{background:transparent !important;color:#fff !important;border:1px solid #fff;border-radius:0}
body:has(.bm-home) .footer .form__email::placeholder{color:rgba(255,255,255,.6)}
body:has(.bm-home) .footer button[type=submit],
body:has(.bm-home) .footer .btn{background:#fff !important;color:#111 !important;border:1px solid #fff !important;border-radius:0;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
body:has(.bm-home) .footer__bottom{border-top:1px solid rgba(255,255,255,.15) !important;background:transparent !important}
body:has(.bm-home) .footer__badges{display:none !important}

/* retusuri 30 sept: hero mai lizibil, footer mai compact */
.bm-home__hero::after{background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0) 52%)}
body:has(.bm-home) .footer{padding-top:48px !important;padding-bottom:32px !important}
body:has(.bm-home) .footer__bottom{padding-top:16px !important;padding-bottom:0 !important;margin-top:24px !important}

/* carduri v3 (30 sept, 2): fara badge %, fara pret vechi, nume pe un rand, card intreg clicabil */
.bm-home .product [class*="badge"]{display:none !important}
.bm-home .product [class*="old-price"]{display:none !important}
.bm-home .product__name{-webkit-line-clamp:1 !important;line-clamp:1 !important;white-space:nowrap;text-overflow:ellipsis;display:block !important;overflow:hidden}
.bm-home .product{position:relative}
.bm-home .product__name::after{content:"";position:absolute;inset:0;z-index:1}
.bm-home .product .grid-image__actions{z-index:3}

/* carduri v3 (30 sept, 3): nume trunchiat in latimea cardului */
.bm-home .product{min-width:0;overflow:hidden}
.bm-home .product__data{min-width:0;width:100%}
.bm-home .product__name,.bm-home .product__brand{display:block !important;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
