
.l4d-home{
  --navy:#172c46;
  --cream:#f5f1eb;
  --sand:#d8c5ac;
  --ink:#303030;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  max-width:1440px;
  margin:auto;
}

.l4d-home *{
  box-sizing:border-box;
}

.l4d-home h1,
.l4d-home h2,
.l4d-home h3{
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.16;
}

.l4d-home a{
  text-decoration:none;
}

.l4d-home .l4d-btn:focus-visible,
.l4d-home .l4d-cat:focus-visible,
.l4d-home .l4d-path-btn:focus-visible{
  outline:3px solid #b89258;
  outline-offset:4px;
}

/* BANNER PRINCIPAL */
.l4d-hero{
  min-height:580px;
  display:flex;
  align-items:center;
  padding:clamp(24px,6vw,90px);
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(
      90deg,
      rgba(255,250,244,.85) 0%,
      rgba(255,250,244,.58) 36%,
      rgba(255,250,244,0) 68%
    ),
    url('/wp-content/uploads/2026/10/Sunlit-Neutral-Living-Room-Retreat-optimized.webp');
  background-position:center;
  background-size:cover;
}

.l4d-hero.l4d-has-photo{
  background-image:
    linear-gradient(
      90deg,
      rgba(14,29,48,.88),
      rgba(14,29,48,.46) 58%,
      rgba(14,29,48,.10)
    ),
    url('URL_FOTOGRAFIE_BANNER');
}

.l4d-hero-inner{
  max-width:650px;
  color:#172c46;
}

.l4d-eyebrow{
  text-transform:uppercase;
  letter-spacing:.23em;
  font-size:12px;
  font-weight:700;
}

.l4d-hero h1{
  font-size:clamp(40px,5.4vw,76px);
  margin:18px 0 22px;
  color:#172c46;
}

.l4d-hero p{
  font-size:clamp(17px,1.6vw,21px);
  line-height:1.65;
  max-width:540px;
}

.l4d-btn{
  display:inline-block;
  margin-top:24px;
  padding:15px 28px;
  background:var(--sand);
  color:var(--navy)!important;
  font-weight:700;
  letter-spacing:.02em;
  border-radius:3px;
}

.l4d-btn:hover{
  background:#e8d8c4;
}

/* SECTIUNI */
.l4d-section{
  padding:76px clamp(18px,5vw,72px);
}

.l4d-center{
  text-align:center;
}

.l4d-section h2{
  font-size:clamp(31px,3vw,45px);
  color:var(--navy);
  margin:10px 0 18px;
}

.l4d-lead{
  color:#68645e;
  line-height:1.7;
  max-width:660px;
  margin:0 auto 36px;
}

/* MAGAZIN / ATELIER - FOTOGRAFII LOOK4DESIGN */
.l4d-paths{
  padding:76px clamp(18px,5vw,72px);
  background:#fff;
}

.l4d-paths-heading{
  text-align:center;
}

.l4d-paths-heading h2{
  font-size:clamp(31px,3vw,45px);
  color:var(--navy);
  margin:10px 0 18px;
}

.l4d-paths-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.l4d-path-card{
  min-height:435px;
  display:flex;
  align-items:flex-end;
  padding:32px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#cfc4b8;
  background-size:cover;
  background-position:center;
}

/* MAGAZIN: fotografie noua, gata confectionate. Incarca look4design-magazin.jpg in Media. */
.l4d-path-shop{
  background-image:url('/wp-content/uploads/2026/10/look4design-magazin.jpg');
  background-position:center 46%;
}

/* ATELIER: fotografie noua cu masurarea ferestrei. Incarca look4design-atelier.jpg in Media. */
.l4d-path-atelier{
  background-image:url('/wp-content/uploads/2026/10/look4design-atelier.jpg');
  background-position:center 47%;
}

.l4d-path-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(to top,rgba(12,26,42,.90) 0%,rgba(12,26,42,.45) 30%,rgba(12,26,42,.08) 72%);
}

.l4d-path-content{
  position:relative;
  z-index:1;
  max-width:530px;
  color:#fff;
}

.l4d-path-content .l4d-eyebrow{
  color:#eee2d1;
}

.l4d-path-content h3{
  font-size:clamp(30px,3vw,42px);
  margin:12px 0;
  color:#fff;
}

.l4d-path-content p{
  color:#f3f0eb;
  font-size:16px;
  line-height:1.65;
  margin:0 0 14px;
}

.l4d-path-note{
  color:#e3ded8;
  font-size:13px;
  line-height:1.5;
}

.l4d-path-btn{
  display:inline-block;
  margin-top:22px;
  padding:14px 23px;
  background:var(--sand);
  color:var(--navy)!important;
  font-weight:700;
  border-radius:3px;
}

.l4d-path-btn:hover{
  background:#e8d8c4;
}

/* AVANTAJE */
.l4d-band{
  background:var(--cream);
}

.l4d-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  text-align:center;
}

.l4d-benefits h3{
  color:var(--navy);
  font-size:24px;
  margin:12px 0;
}

.l4d-benefits p{
  line-height:1.65;
  color:#625e58;
}

/* PRODUSE LA COMANDA */
.l4d-custom{
  background:var(--navy);
  color:#fff;
  text-align:center;
  padding:78px 20px;
}

.l4d-custom h2{
  color:#fff;
  font-size:clamp(32px,3vw,45px);
  margin:12px 0;
}

.l4d-custom p{
  max-width:660px;
  margin:auto;
  line-height:1.7;
  color:#e9e5df;
}

.l4d-footnote{
  font-size:12px;
  color:#777;
  text-align:center;
  padding:20px;
}

/* TABLETA SI MOBIL */
@media(max-width:900px){
  .l4d-paths-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .l4d-hero{
    min-height:510px;
    padding:40px 25px;
  }

  .l4d-categories{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .l4d-cat{
    min-height:175px;
    padding:17px;
  }

  .l4d-cat span{
    font-size:22px;
  }

  .l4d-benefits{
    grid-template-columns:1fr;
  }

  .l4d-section,
  .l4d-paths{
    padding:52px 18px;
  }

  .l4d-path-card{
    min-height:370px;
    padding:25px;
  }
}

@media(max-width:420px){
  .l4d-categories{
    grid-template-columns:1fr;
  }

  .l4d-cat{
    min-height:170px;
  }
}

:root{--l4d-navy:#172c46;--l4d-cream:#f5f1eb;--l4d-sand:#d8c5ac;--l4d-muted:#68645e}
.l4d-surface{max-width:1440px;margin:auto;color:#303030;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.l4d-surface *{box-sizing:border-box}.l4d-surface h1,.l4d-surface h2,.l4d-surface h3{font-family:Georgia,'Times New Roman',serif;line-height:1.16;color:var(--l4d-navy)}
.l4d-surface a{text-decoration:none}.l4d-surface a:focus-visible,.l4d-surface button:focus-visible{outline:3px solid #b89258;outline-offset:4px}
.l4d-kicker{font-size:11px;font-weight:700;letter-spacing:.2em;color:#8b765d;text-transform:uppercase;line-height:1.7}
.l4d-page-heading{text-align:center;padding:55px 20px 42px}.l4d-page-heading h1{font-size:clamp(34px,4vw,56px);margin:14px 0 20px}.l4d-page-heading>p:last-child{color:var(--l4d-muted);line-height:1.8;font-size:18px}
.l4d-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 clamp(18px,5vw,72px) 64px}
.l4d-shop-card{display:block;background:var(--l4d-cream);border:1px solid #eee8df;transition:transform .2s}.l4d-shop-card:hover{transform:translateY(-3px)}
.l4d-shop-card>img{display:block;width:100%;height:330px;object-fit:contain;padding:14px}.l4d-shop-card>span{display:flex;justify-content:space-between;gap:12px;padding:23px 24px;background:#fff;color:var(--l4d-navy);font:25px Georgia,serif}
.l4d-shop-aside{background:var(--l4d-cream);padding:44px 24px;text-align:center}.l4d-shop-aside h2{font-size:30px;margin:0 0 14px}.l4d-shop-aside p{color:var(--l4d-muted)}.l4d-link{display:inline-block;margin-top:14px;color:var(--l4d-navy);font-weight:700}
.l4d-atelier-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--l4d-cream)}.l4d-atelier-hero>div{padding:clamp(25px,5vw,72px);align-self:center}.l4d-atelier-hero h1{font-size:clamp(35px,3.7vw,56px);margin:15px 0 25px}.l4d-atelier-hero p:not(.l4d-kicker){color:var(--l4d-muted);font-size:17px;line-height:1.8}.l4d-atelier-hero>img{width:100%;height:100%;min-height:430px;object-fit:cover}
.l4d-surface .l4d-btn{display:inline-block;background:var(--l4d-sand);color:var(--l4d-navy);font-weight:700;padding:15px 22px;border-radius:3px;margin-top:16px}.l4d-surface .l4d-btn:hover{background:#e8d8c4}
.l4d-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:35px clamp(18px,5vw,72px);margin:0;border-bottom:1px solid #eee8df}.l4d-steps li{font-size:14px;line-height:1.6;color:var(--l4d-muted)}.l4d-steps b{display:block;font:25px Georgia,serif;color:#a88b65;margin-bottom:10px}
.l4d-catalog{padding:64px clamp(18px,5vw,72px)}.l4d-catalog h2{font-size:clamp(30px,3vw,44px);margin:14px 0}.l4d-muted{color:var(--l4d-muted);line-height:1.7}
.l4d-type-tabs{display:flex;gap:12px;margin:30px 0}.l4d-type-tabs a{padding:13px 28px;border:1px solid #d8c5ac;color:var(--l4d-navy);font-weight:700;border-radius:3px}.l4d-type-tabs a[aria-current]{background:var(--l4d-navy);color:white;border-color:var(--l4d-navy)}
.l4d-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.l4d-material-card{border:1px solid #eee8df}.l4d-material-photo{position:relative;background:var(--l4d-cream);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--l4d-muted);font-size:14px;line-height:1.7}.l4d-material-photo img{width:100%;height:100%;object-fit:contain}.l4d-badge{position:absolute;left:16px;top:16px;background:#fff;padding:6px 10px;font-size:11px;color:var(--l4d-navy)}
.l4d-material-info{padding:24px}.l4d-material-info h3{font-size:26px;margin:12px 0 22px}.l4d-material-info dl{font-size:13px;line-height:1.8}.l4d-material-info dl>div{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid #f0ebe4;padding:6px 0}.l4d-material-info dt{color:var(--l4d-muted)}.l4d-material-info dd{margin:0;text-align:right}.l4d-material-price{font-weight:700;font-size:15px}.l4d-stock{font-size:13px;line-height:1.7}.is-available{color:#355744}.is-unavailable{color:#8c4338}.l4d-material-info .l4d-btn{font-size:13px;line-height:1.6}.l4d-material-info button:disabled{background:#eee8df;color:#68645e;cursor:not-allowed;border:0;padding:15px}
.l4d-empty{background:var(--l4d-cream);padding:35px;text-align:center}.l4d-empty h3{font-size:25px}.l4d-empty p,.l4d-catalog-notice{font-size:14px;color:var(--l4d-muted);line-height:1.8}.l4d-catalog-notice{margin:35px 0 0;border-top:1px solid #eee8df;padding-top:24px}
.l4d-selected-material{background:var(--l4d-cream);padding:22px;margin:20px 0;font-size:14px;line-height:1.7}.l4d-selected-material h3{font:24px Georgia,serif;color:var(--l4d-navy);margin:12px 0}.l4d-selected-material a{color:var(--l4d-navy)}
section[id^="l4d04-"]{background:#fff;border-color:#d8c5ac!important;color:var(--l4d-navy)}section[id^="l4d04-"] input[type=number],section[id^="l4d04-"] select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #c8beb0;border-radius:3px;font:16px Arial}
section[id^="l4d04-"] button:disabled{background:#e8e3dc!important;color:#68645e!important;cursor:not-allowed!important}section[id^="l4d04-"] [data-field=result]{font-size:15px;line-height:1.8;padding:16px;background:var(--l4d-cream)}
.single-product .product_title,.woocommerce-products-header__title{font-family:Georgia,serif;color:var(--l4d-navy)}
.l4d-footer{background:var(--l4d-navy);color:#fff;padding:35px clamp(20px,5vw,72px);font:14px Arial;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.l4d-footer strong{letter-spacing:.1em}.l4d-footer p{color:#d5d3cd;font-size:12px}.l4d-footer nav{display:flex;gap:25px}.l4d-footer a{color:#fff;text-decoration:none}.l4d-footer a:focus-visible{outline:2px solid #d8c5ac;outline-offset:5px}
@media(max-width:900px){.l4d-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.l4d-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.l4d-steps{grid-template-columns:repeat(3,1fr)}.l4d-atelier-hero h1{font-size:36px}}
@media(max-width:600px){.l4d-shop-grid,.l4d-material-grid,.l4d-atelier-hero{grid-template-columns:1fr}.l4d-shop-card>img{height:300px}.l4d-atelier-hero>img{min-height:0;height:270px;object-position:center 35%}.l4d-steps{grid-template-columns:repeat(2,1fr);padding:28px 20px}.l4d-catalog{padding:42px 20px}.l4d-page-heading{padding:36px 20px 25px}.l4d-atelier-hero>div{padding:35px 24px}.l4d-type-tabs a{padding:12px 25px}.l4d-footer{align-items:flex-start;flex-direction:column}.wp-block-site-logo img{max-width:150px;height:auto}.l4d-shop-card>span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.l4d-shop-card{transition:none}.l4d-shop-card:hover{transform:none}}
.l4d-atelier-product form.cart>.quantity,.l4d-atelier-product form.cart>.single_add_to_cart_button{display:none!important}
.l4d-atelier-no-photo .woocommerce-product-gallery{display:none!important}.l4d-atelier-no-photo div.product .summary{float:none!important;width:100%!important;max-width:760px;margin:0 auto 40px!important}
.l4d-shop-grid>br,.l4d-material-grid>br,.l4d-type-tabs>br,.l4d-atelier-hero>br,.l4d-steps>br{display:none}
.l4d-shop-card>img{width:100%!important;height:330px!important;object-fit:contain!important}.l4d-atelier-hero>img{width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:600px){.l4d-shop-card>img{height:300px!important}.l4d-atelier-hero>img{height:270px!important}}
