/* =========================
   HOME: layout full-width
   ========================= */
.cms-index-index .page-main {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.cms-index-index .columns { max-width: none !important; }
/* dacă ai Goomento */
.cms-index-index .gm-container,
.cms-index-index .gm-section .gm-container {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* =========================
   SECTIONS / heading
   ========================= */
.section { padding: 32px 6vw; }
.section .section-heading,
.section-heading {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin: 0 0 16px;
}

/* =========================
   HERO (am păstrat ambele versiuni)
   ========================= */
/* varianta veche: .home-hero */
.home-hero .hero-wrap { position: relative; min-height: 520px; }
.home-hero .hero-bg img { width: 100%; height: 520px; object-fit: cover; display: block; }
.home-hero .hero-content { position: absolute; left: 6vw; top: 18vh; color: #fff; }
.home-hero .hero-content h1 {
  font-size: 56px; line-height: 1.1; font-weight: 800; margin: 0 0 16px;
  text-shadow: 0 0 20px rgba(0,0,0,.25);
}
.home-hero .btn-cta {
  background:#ff7a00; border:1px solid #ff7a00; color:#fff;
  padding:12px 20px; border-radius:12px; font-weight:700; text-decoration:none;
}
.home-hero .btn-cta:hover{ background:#e66f00; border-color:#e66f00; }

/* varianta nouă: .tls-hero-section */
.tls-hero-section { display:grid; gap:1rem; min-height:800px; }
.left-col.two-rows-col{ grid-column:1/2; grid-row:1/3; }
.right-col.one-row-col.top-row{ grid-column:2/3; grid-row:1/2; }
.right-col.one-row-col.bottom-row{ grid-column:2/3; grid-row:2/3; }
.grid-col{
  position:relative; display:flex; flex-direction:column; align-items:center;
  border-radius:var(--radius); padding:2rem; gap:2rem; min-height:500px;
}
.grid-col.two-rows-col{ justify-content:center; }
.grid-col.one-row-col{ justify-content:flex-end; }
.grid-col::before{
  content:""; position:absolute; inset:0; background:rgba(255,255,255,.1);
  backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px);
  border-radius:var(--radius); transition:.2s ease-in-out;
}
.grid-col:hover::before{ background:transparent; backdrop-filter:blur(0); -webkit-backdrop-filter:blur(0); }
.grid-col a.button{ z-index:2; }
.hero-title{ color:#fff; text-align:center; z-index:2; text-shadow:0 0 20px var(--primary-color); margin:0; }
.block-bg{ position:absolute; inset:0; width:100%; height:100%; border-radius:var(--radius); object-fit:cover; object-position:center; z-index:-1; }

/* features */
.tls-features-row{ display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; }
.tls-feature-wrapper{
  flex:1 0; max-width:425px; min-width:250px; display:grid; grid:2fr 1fr / auto; gap:1rem;
  padding:1rem; position:relative; background:var(--bg-lavander); border-radius:1rem;
}
.tls-feature-header{ display:grid; grid:auto / 3fr 1fr; align-items:end; position:relative; }
.tls-feature-image{
  position:relative; display:flex; justify-content:center; align-items:center;
  padding:1rem; width:120px; height:120px; border-radius:50%;
  background:#fff; box-shadow:var(--shadow-dark);
}
.tls-feature-image img{ width:100%; }

/* promo / pachete */
.container-home-products{ display:flex; flex-direction:column; row-gap:2rem; }
.header-home-products{ display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:1rem; }
.header-hp-button{ display:flex; align-items:center; }
.packages .header-home-products{ justify-content:center; }
.packages .header-hp-content h2,
.packages .header-hp-content p{ text-align:center; }
.home-packages-wrapper{ gap:1rem; }
.promo-package{ flex:1 0; max-width:426px; display:flex; }
.promo-package a.package{ width:100%; height:100%; }
.promo-package .package img{ border-radius:var(--radius); }

/* =========================
   HOME – “Produse populare” (Slick GRID 2×4)
   ========================= */

/* ascunde toolbarele widgetului doar pe HOME */
.cms-index-index .home-popular .toolbar,
.cms-index-index .home-popular .toolbar-products,
.cms-index-index .home-popular .toolbar-amount,
.cms-index-index .home-popular .toolbar-sorter,
.cms-index-index .home-popular .pages { display:none !important; }

/* spacing între celule (Slick wrappuie slide-ul într-un <div>) */
.cms-index-index .home-popular .slick-list  { overflow:visible; margin:0 -12px; }
.cms-index-index .home-popular .slick-slide > div {
  padding:12px;
  display:block;   
}

/* Asigură-te că nimic nu anulează float-ul Slick */
.cms-index-index .home-popular .slick-slider .slick-slide {
  float: left !important;
  box-sizing: border-box;
}



/* anulează overlay-ul temei pe HOME: butonul rămâne în card */
.cms-index-index .home-popular .product-item .product-item-inner{
  position:static !important; clip:auto !important; width:auto !important; height:auto !important;
  overflow:visible !important; margin:0 !important; padding:0 !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
}

/* card compact ca în design */
.cms-index-index .home-popular .product-item-info{
  display:flex; flex-direction:column; height:100%;
  border-radius:10px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.08);
  padding:0; overflow:hidden; margin: 20px 0;
}

/* zonă imagine mică, fixă (nu calcă peste titlu) */
/*.cms-index-index .home-popular .product-item-photo{
  height:120px; display:flex; align-items:center; justify-content:center; padding:8px; overflow:hidden;
}*/
/*.cms-index-index .home-popular .product-item-photo .product-image-photo{
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; border-radius:12px; background:#fff;
}*/

/* titlu / preț */
.cms-index-index .home-popular .product-item-name{ text-align:center; margin:8px 6px 20px; font-size:13px; line-height:1.3; }
.cms-index-index .home-popular .price-box{ text-align:center; margin:0 0 8px; }

/* buton în partea de jos a cardului, portocaliu */
.cms-index-index .home-popular .product-item .product-item-actions{
  margin-top:auto; display:flex !important; justify-content:center !important;
}
.cms-index-index .home-popular .product-item .product-item-actions::after{ display:none !important; }
.cms-index-index .home-popular .product-item .action.tocart{
  position:static !important; background:#ff7a00; border:1px solid #ff7a00; color:#fff;
  font-weight:700; font-size:13px; padding:8px 14px; border-radius:8px; margin:8px auto 0;
}
.cms-index-index .home-popular .product-item .action.tocart:hover{ background:#e66f00; border-color:#e66f00; }

/* săgeți / dots */
.cms-index-index .home-popular .slick-prev:before,
.cms-index-index .home-popular .slick-next:before{ color:#333; }
.cms-index-index .home-popular .slick-dots li button:before{ font-size:8px; opacity:.4; }
.cms-index-index .home-popular .slick-dots li.slick-active button:before{ opacity:1; color:#ff7a00; }

/* Neutralizează regulile vechi din homepage.css DOAR pe secțiunea Home Popular */
.cms-index-index .home-popular .slick-slide .product-item .product-item-info{ align-items:stretch !important; margin:0 !important; }
.cms-index-index .home-popular .slick-slide .product-item .product-item-info .product-item-photo{ width:auto !important; }
.cms-index-index .home-popular .slick-slide .product-item .product-item-info .product-item-details .tocart{
  background:#ff7a00 !important; border:1px solid #ff7a00 !important; color:#fff !important;
  font-size:13px !important; padding:8px 14px !important; border-radius:8px !important;
}

/* =========================
   CATEGORII (carduri promo)
   ========================= */
.home-categories .cat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top: 20px; }
.home-categories .cat-card { position:relative; display:block; border-radius:14px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,.06); }
.home-categories .cat-card img { width:100%; height:260px; object-fit:cover; display:block; }
.home-categories .cat-badge {
  position:absolute; left:16px; bottom:16px; display:inline-block;
  background:#ff7a00; color:#fff; font-weight:800; padding:10px 14px; border-radius:10px; letter-spacing:.02em;
}

/* =========================
   Responsive
   ========================= */
@media (min-width:1024px){
  .tls-hero-section{ grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); }
  .home-packages-wrapper{ display:grid; grid:auto / repeat(3,1fr); justify-content:center; }
  /* carduri mai compacte pe desktop (home popular) */
  .cms-index-index .home-popular .product-item-info{ min-height:340px; }
  .cms-index-index .home-popular .product-item-photo{ height:140px; }
}
@media (max-width:1023px){
  .tls-hero-section{
    grid-template-columns:1fr;
    grid-template-rows:minmax(700px,auto) minmax(350px,auto) minmax(350px,auto);
  }
  .left-col.two-rows-col, .right-col.one-row-col.top-row, .right-col.one-row-col.bottom-row{ grid-column:1/2; grid-row:auto; }
  .home-packages-wrapper{ display:grid; grid:auto / auto; justify-content:center; }
}
@media (max-width:1024px){
  .home-hero .hero-content h1{ font-size:40px; }
  .home-categories .cat-grid{ grid-template-columns:1fr; }
}
@media (max-width:768px){
  .home-hero .btn-cta{ display:block; width:fit-content; margin:0 auto; text-align:center; }
}


/* doar pe HOME – lista folosită de Slick nu trebuie să fie grid/flex */
.cms-index-index .home-popular .product-items { display: block !important; }
.cms-index-index .home-popular .product-items > .product-item {
  float: none; width: auto; margin: 0;
}

/* spațiu între carduri în slider (prin padding pe slide) */
.cms-index-index .home-popular .slick-list { overflow: visible; }
.cms-index-index .home-popular .slick-slide { padding: 12px; }

/* carduri compacte pe desktop – încap 2 rânduri x 4 coloane */
@media (min-width: 1024px) {
  .cms-index-index .home-popular .product-item-info { min-height: 340px; }
  .cms-index-index .home-popular .product-item-photo { height: 150px; }
}

/* zonă foto fixă – previne „căderea” titlului sub imagine */
.cms-index-index .home-popular .product-item-photo {
  display:flex; align-items:center; justify-content:center;
  height: 150px; padding: 12px; overflow: hidden;
}
.cms-index-index .home-popular .product-item-photo .product-image-photo {
  max-width:100%; max-height:100%; object-fit:contain;
}

.home-hero .hero-bg .slick-dots{bottom:12px;}
.home-hero .hero-bg { position: relative; }
.home-hero .hero-slider img {
  width: 100%; height: 520px; object-fit: cover; display: block;
}

/* @media (max-width: 640px){
  .cms-index-index .home-popular .product-items > .product-item { width:100%; }
} */