@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

/* =========================================
   GLOBAL
   ========================================= */

:root{
  --mm-accent:#b5964a;
  --mm-line:rgba(0,0,0,.12);
  --mm-text:#111;
}

html,
body,
button,
input,
select,
textarea{
  font-family:'Poppins', sans-serif !important;
  color:var(--mm-text);
}

html,
body{
  overflow-x:hidden !important;
}

h1,h2,h3,h4,h5,h6{
  font-family:'Playfair Display', serif !important;
  font-weight:600 !important;
}

/* =========================================
   HEADER DESKTOP
   ========================================= */

@media (min-width:980px){

  header#masthead.site-header{
    background:#fff !important;
    border:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    font-family:'Poppins', sans-serif !important;
    padding-top:6px !important;
    width:100% !important;
    max-width:none !important;
    position:relative !important;
  }

  header#masthead,
  header#masthead .wrap,
  header#masthead .site-header-inner,
  header#masthead .site-header-main,
  header#masthead .site-header__wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  header#masthead .site-logo{
    width:100% !important;
    text-align:center !important;
    margin:6px 0 6px !important;
    padding:0 !important;
    position:relative !important;
    min-height:140px !important;
  }

  header#masthead img.custom-logo{
    height:140px !important;
    width:auto !important;
    max-width:650px !important;
    display:block !important;
    margin:0 auto !important;
  }

  header#masthead #site-navigation{
    width:100% !important;
    margin:0 !important;
    padding:10px 0 4px !important;
    border-top:2px solid var(--mm-line) !important;
    text-align:center !important;
  }

  header#masthead #site-navigation ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:0 auto !important;
    gap:140px !important;
    padding:0 !important;
    list-style:none !important;
    box-sizing:border-box !important;
  }

  header#masthead #site-navigation li{
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  header#masthead #site-navigation a,
  header#masthead #site-navigation .current-menu-item > a,
  header#masthead #site-navigation .current_page_item > a{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    display:block !important;
    padding:12px 12px !important;
    text-transform:uppercase !important;
    letter-spacing:.10em !important;
    font-weight:600 !important;
    font-size:18px !important;
    white-space:nowrap !important;
    color:var(--mm-text) !important;
    text-decoration:none !important;
  }

  header#masthead #site-navigation a:hover{
    color:var(--mm-accent) !important;
    text-decoration:underline !important;
    text-underline-offset:6px;
    text-decoration-thickness:2px;
  }

  header#masthead #site-navigation .current-menu-item > a,
  header#masthead #site-navigation .current_page_item > a{
    color:var(--mm-accent) !important;
    text-decoration:underline !important;
    text-underline-offset:6px;
    text-decoration-thickness:2px;
  }

  .site-content,
  #content,
  .content-area,
  .site-main{
    padding-top:0 !important;
    margin-top:0 !important;
  }

  .entry-content > *:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

/* =========================================
   HEADER MOBILE
   ========================================= */

@media (max-width:979px){

  header#masthead .site-logo{
    text-align:center !important;
  }

  header#masthead img.custom-logo{
    height:70px !important;
    width:auto !important;
    max-width:85vw !important;
  }

  header#masthead,
  header#masthead *{
    font-family:'Poppins', sans-serif !important;
  }
}

/* Customizer preview */
body.customize-preview header#masthead img.custom-logo{
  height:95px !important;
  width:auto !important;
  max-width:520px !important;
}

/* =========================================
   HEADER TOP INFO + SOCIAL
   ========================================= */

@media (min-width:980px){

  header#masthead .site-logo::before{
    content:"Transport si montaj la domiciliu";
    position:absolute;
    left:20px;
    top:calc(50% - 1px);
    transform:translateY(-50%);
    display:inline-block;
    padding-left:34px;
    font-family:'Poppins', sans-serif !important;
    font-size:14px;
    font-weight:600;
    line-height:20px;
    letter-spacing:.01em;
    color:#b5964a;
    white-space:nowrap;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23b5964a' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h11v6H3z'/%3E%3Cpath d='M14 10h3l3 3v1h-6z'/%3E%3Ccircle cx='7' cy='17' r='1.7'/%3E%3Ccircle cx='17' cy='17' r='1.7'/%3E%3Cpath d='M5 6h4'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:left center;
    background-size:20px 20px;
    z-index:30;
  }

  header#masthead .social-navigation{
    position:absolute !important;
    right:30px !important;
    top:calc(50% - 25px) !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    z-index:40 !important;
  }

  header#masthead .social-navigation ul{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  header#masthead .social-navigation li{
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
  }

  header#masthead .social-navigation a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transition:all .25s ease !important;
  }

  header#masthead .social-navigation a:before{
    font-size:16px !important;
    line-height:1 !important;
    transition:all .25s ease !important;
  }

  header#masthead .social-navigation a[href*="facebook.com"]{
    border:1px solid rgba(24,119,242,.35) !important;
    color:#1877F2 !important;
  }

  header#masthead .social-navigation a[href*="facebook.com"]:before{
    color:#1877F2 !important;
  }

  header#masthead .social-navigation a[href*="facebook.com"]:hover{
    background:#1877F2 !important;
    border-color:#1877F2 !important;
  }

  header#masthead .social-navigation a[href*="facebook.com"]:hover:before{
    color:#fff !important;
  }

  header#masthead .social-navigation a[href*="instagram.com"]{
    border:1px solid rgba(228,64,95,.35) !important;
    color:#E4405F !important;
  }

  header#masthead .social-navigation a[href*="instagram.com"]:before{
    color:#E4405F !important;
  }

  header#masthead .social-navigation a[href*="instagram.com"]:hover{
    background:#E4405F !important;
    border-color:#E4405F !important;
  }

  header#masthead .social-navigation a[href*="instagram.com"]:hover:before{
    color:#fff !important;
  }
}

@media (max-width:979px){
  header#masthead .site-logo::before{
    display:none !important;
  }

  header#masthead .social-navigation{
    position:static !important;
    transform:none !important;
    width:100% !important;
    margin-top:10px !important;
    text-align:center !important;
  }

  header#masthead .social-navigation ul{
    justify-content:center !important;
  }
}

/* =========================================
   HERO
   ========================================= */

.hero-full{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
}

.hero-full:first-child{
  margin-top:0 !important;
}

.hero-full.alignfull{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

.gutslider-caption,
.wp-block-gutslider .caption,
.wp-block-gutslider figcaption{
  display:none !important;
}

/* =========================================
   INTRO HOMEPAGE
   ========================================= */

/* =========================================
   INTRO HOMEPAGE - DIRECT PE PARAGRAF
   ========================================= */

.home p#intro-home,
.home p.intro-home{
  display:block !important;
  width:min(96vw, 1700px) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 20px !important;
  box-sizing:border-box !important;

  text-align:center !important;
  line-height:1.28 !important;
  font-size:clamp(20px, 1.7vw, 26px) !important;
  white-space:normal !important;

  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  top:20px !important;
  right:auto !important;
}

.home p#intro-home br,
.home p.intro-home br{
  display:none !important;
}

@media (max-width:768px){
  .home p#intro-home,
  .home p.intro-home{
    width:calc(100vw - 32px) !important;
    padding:0 16px !important;
    font-size:clamp(18px, 5vw, 24px) !important;
    line-height:1.35 !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    right:auto !important;
    top:0 !important;
  }
}
/* =========================================
   PORTOFOLIU
   grup1 = 2 coloane
   grup2 = 3 coloane
   grup3 = 2 coloane
   ========================================= */

.grup1,
.grup2,
.grup3{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  --wp--style--block-gap:0 !important;
	
}

.grup1.alignfull,
.grup2.alignfull,
.grup3.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
	
}

.grup1,
.grup2,
.grup3{
  justify-content:flex-start !important;
	
}

.grup1.is-layout-flex,
.grup2.is-layout-flex,
.grup3.is-layout-flex{
  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;
  justify-content:flex-start !important;
	
}

/* latimea fiecarui element din row */
.grup1 > *{
  flex:0 0 50% !important;
  width:50% !important;
  max-width:50% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
	
}

.grup2 > *{
  flex:0 0 50% !important;
  width:50% !important;
  max-width:50% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
	
}

.grup3 > *{
  flex:0 0 50% !important;
  width:50% !important;
  max-width:50% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
	
}

/* grupurile interne */
.grup1 .wp-block-group,
.grup2 .wp-block-group,
.grup3 .wp-block-group,
.grup1 .wp-block-group__inner-container,
.grup2 .wp-block-group__inner-container,
.grup3 .wp-block-group__inner-container{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
	
}



/* titlurile */
.grup1 h1, .grup1 h2, .grup1 h3,
.grup2 h1, .grup2 h2, .grup2 h3,
.grup3 h1, .grup3 h2, .grup3 h3{
  width:100% !important;
  margin:0 !important;
  padding:16px 0 12px !important;
  text-align:center !important;
  box-sizing:border-box !important;
	
}

/* slider */
.grup1 .wp-block-gutslider,
.grup2 .wp-block-gutslider,
.grup3 .wp-block-gutslider{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  display:block !important;
	
}




/* structura interna slider */
.grup1 .splide,
.grup1 .splide__track,
.grup1 .splide__list,
.grup1 .splide__slide,
.grup2 .splide,
.grup2 .splide__track,
.grup2 .splide__list,
.grup2 .splide__slide,
.grup3 .splide,
.grup3 .splide__track,
.grup3 .splide__list,
.grup3 .splide__slide{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
	
}

.grup1 .wp-block-gutslider img,
.grup2 .wp-block-gutslider img,
.grup3 .wp-block-gutslider img,
.grup1 .splide__slide img,
.grup2 .splide__slide img,
.grup3 .splide__slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
	
}


/* inaltime mai mare DOAR pentru portofoliu, fara gol alb */
.grup1 .wp-block-gutslider,
.grup2 .wp-block-gutslider,
.grup3 .wp-block-gutslider{
  height:720px !important;
  min-height:720px !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
	
}

/* toate layerele interne ale sliderului sa aiba aceeasi inaltime */
.grup1 .splide,
.grup1 .splide__track,
.grup1 .splide__list,
.grup1 .splide__slide,
.grup2 .splide,
.grup2 .splide__track,
.grup2 .splide__list,
.grup2 .splide__slide,
.grup3 .splide,
.grup3 .splide__track,
.grup3 .splide__list,
.grup3 .splide__slide{
  height:720px !important;
  min-height:720px !important;
  max-height:none !important;
	
}

/* imaginile sa umple complet inaltimea */
.grup1 .wp-block-gutslider img,
.grup2 .wp-block-gutslider img,
.grup3 .wp-block-gutslider img,
.grup1 .splide__slide img,
.grup2 .splide__slide img,
.grup3 .splide__slide img{
  width:100% !important;
  height:720px !important;
  min-height:720px !important;
  object-fit:cover !important;
  display:block !important;
	
}

/* mobil */
@media (max-width:768px){
  .grup1 .wp-block-gutslider,
  .grup2 .wp-block-gutslider,
  .grup3 .wp-block-gutslider,
  .grup1 .splide,
  .grup1 .splide__track,
  .grup1 .splide__list,
  .grup1 .splide__slide,
  .grup2 .splide,
  .grup2 .splide__track,
  .grup2 .splide__list,
  .grup2 .splide__slide,
  .grup3 .splide,
  .grup3 .splide__track,
  .grup3 .splide__list,
  .grup3 .splide__slide,
  .grup1 .wp-block-gutslider img,
  .grup2 .wp-block-gutslider img,
  .grup3 .wp-block-gutslider img,
  .grup1 .splide__slide img,
  .grup2 .splide__slide img,
  .grup3 .splide__slide img{
    height:420px !important;
    min-height:420px !important;
  }
}


/* =========================================
   MOBILE PORTOFOLIU
   ========================================= */

@media (max-width:768px){

  .grup1,
  .grup2,
  .grup3{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    display:block !important;
  }

  .grup1 > *,
  .grup2 > *,
  .grup3 > *{
    width:100% !important;
    max-width:100% !important;
    flex:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .grup1 .wp-block-gutslider{
    height:340px !important;
  }

  .grup2 .wp-block-gutslider,
  .grup3 .wp-block-gutslider{
    aspect-ratio:16/10 !important;
  }
}

/* =========================================
   BUTOANE
   ========================================= */

.wp-block-button__link,
button,
input[type="submit"],
form button{
  font-family:'Poppins', sans-serif !important;
  font-weight:600 !important;
  background:#1c1c1c !important;
  color:#fff !important;
  border:2px solid #1c1c1c !important;
  transition:.25s !important;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
form button:hover{
  background:#d8c7a1 !important;
  color:#1c1c1c !important;
  border-color:#d8c7a1 !important;
}



/* =========================================
   FIX INTERIOR CARDURI PORTOFOLIU
   ========================================= */

/* grupurile copil din fiecare row */
.grup1 > .wp-block-group,
.grup2 > .wp-block-group,
.grup3 > .wp-block-group{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* scoate padding-ul global Gutenberg */
.grup1 > .wp-block-group.has-global-padding,
.grup2 > .wp-block-group.has-global-padding,
.grup3 > .wp-block-group.has-global-padding{
  padding-left:0 !important;
  padding-right:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* containerul intern sa umple toata coloana */
.grup1 > .wp-block-group > .wp-block-group__inner-container,
.grup2 > .wp-block-group > .wp-block-group__inner-container,
.grup3 > .wp-block-group > .wp-block-group__inner-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* anuleaza content-width / constrained layout din interior */
.grup1 :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.grup2 :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.grup3 :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* titlu + slider sa umple coloana */
.grup1 > .wp-block-group > .wp-block-group__inner-container > *,
.grup2 > .wp-block-group > .wp-block-group__inner-container > *,
.grup3 > .wp-block-group > .wp-block-group__inner-container > *{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

/* sliderul exact */
.grup1 > .wp-block-group .wp-block-gutslider,
.grup2 > .wp-block-group .wp-block-gutslider,
.grup3 > .wp-block-group .wp-block-gutslider{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* daca exista padding pe wrappere GutSlider */
.grup1 > .wp-block-group .splide,
.grup1 > .wp-block-group .splide__track,
.grup2 > .wp-block-group .splide,
.grup2 > .wp-block-group .splide__track,
.grup3 > .wp-block-group .splide,
.grup3 > .wp-block-group .splide__track{
  margin:0 !important;
  padding:0 !important;
}

.is-style-animated{
  margin-top:100px !important;
}


/* =========================================
   INTRO HOMEPAGE 1
   ========================================= */

.home #intro-home1,
.home .intro-home1{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 20px !important;
  box-sizing:border-box !important;
}

.home #intro-home1 .wp-block-group__inner-container,
.home .intro-home1 .wp-block-group__inner-container{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
}

.home #intro-home1 p,
.home .intro-home1 p{
  width:min(96vw, 1700px) !important;
  max-width:none !important;
  margin:0 auto !important;
  text-align:center !important;
  line-height:1.28 !important;
  font-size:clamp(20px, 1.7vw, 26px) !important;
  white-space:normal !important;
  position:relative !important;
  right:500px !important;
}

.home #intro-home1 br,
.home .intro-home1 br{
  display:none !important;
}

@media (max-width:768px){
  .home #intro-home1,
  .home .intro-home1{
    padding:0 16px !important;
  }

  .home #intro-home1 p,
  .home .intro-home1 p{
    width:100% !important;
    font-size:clamp(18px, 5vw, 24px) !important;
    line-height:1.35 !important;
  }
}



/* =========================================
   TITLURI PORTOFOLIU JOS PE POZA
   ========================================= */

.bucatarie,
.living,
.dormitor,
.dressing,
.hol,
.balcon{
  position:relative !important;
  overflow:hidden !important;
}

.bucatarie .wp-block-group__inner-container,
.living .wp-block-group__inner-container,
.dormitor .wp-block-group__inner-container,
.dressing .wp-block-group__inner-container,
.hol .wp-block-group__inner-container,
.balcon .wp-block-group__inner-container{
  position:relative !important;
}

/* titlul cu clasa pusa direct pe el */
.bucatarie .titlu-pe-poza,
.living .titlu-pe-poza,
.dormitor .titlu-pe-poza,
.dressing .titlu-pe-poza,
.hol .titlu-pe-poza,
.balcon .titlu-pe-poza{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:16px !important;
  margin:0 !important;
  padding:0 14px !important;
  z-index:30 !important;
  color:#fff !important;
  text-align:center !important;
  text-shadow:0 2px 10px rgba(0,0,0,.75) !important;
  background:transparent !important;
  pointer-events:none !important;
}

/* mic gradient jos */
.bucatarie .wp-block-group__inner-container::after,
.living .wp-block-group__inner-container::after,
.dormitor .wp-block-group__inner-container::after,
.dressing .wp-block-group__inner-container::after,
.hol .wp-block-group__inner-container::after,
.balcon .wp-block-group__inner-container::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:80px;
  background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
  pointer-events:none;
  z-index:20;
}

.fara-buline-bucatarie .splide__pagination,
.fara-buline-bucatarie ul.splide__pagination,
.fara-buline-bucatarie .splide__pagination__page,
.fara-buline-bucatarie [class*="pagination"],
.fara-buline-bucatarie [class*="dots"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

.fara-buline-bucatarie .splide__track,
.fara-buline-bucatarie .splide__list,
.fara-buline-bucatarie .wp-block-gutslider,
.fara-buline-bucatarie .gutslider{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.balcon{top:0px !important;

}
.bucatarie{
  top:32px !important;
}
.dormitor, .dressing, .hol, .balcon
{bottom:32px !important;}
/* contur negru pe fiecare categorie */
.fara-buline-bucatarie{
  border:7px solid #000 !important;
  box-sizing:border-box !important;
}
.grup3{
  position:relative !important;
  bottom:96px !important;
}
.grup2{
  position:relative !important;
  bottom:32px !important;
}

.grup4{
  position:relative !important;
  bottom:62px !important;
}


@media (max-width:768px){
  .grup4{
    margin-top:-55px !important;
  }
	.dressing{
		top: -54px !important;
	}
	
	.hol{
		bottom: -0px !important;
	}
	
	.balcon{
		margin-top: 12px !important;
	}
	
	.wow{
    margin-top:-55px !important;
  }
}
	




/* =========================================
   TEXT FULL WIDTH - GRUP5
   ========================================= */

.grup5{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

.grup5 p,
p.grup5{
  width:min(96vw, 1700px) !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  line-height:1.28 !important;
  font-size:clamp(20px, 1.7vw, 26px) !important;
  white-space:normal !important;

  position:static !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}

.grup5 br,
p.grup5 br{
  display:none !important;
}

@media (max-width:768px){
  .grup5{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .grup5 p,
  p.grup5{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(18px, 5vw, 24px) !important;
    line-height:1.35 !important;

    position:static !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
  }
}

.contact-card-black{
  background:#000 !important;
  padding:26px 38px !important;
  width:fit-content;
  max-width:100%;
  box-sizing:border-box !important;
}

.contact-card-black .contact-row{
  display:flex;
  align-items:center;
  gap:18px;
  color:#fff !important;
  text-decoration:none !important;
  margin:0 0 22px 0;
}

.contact-card-black .contact-row:last-child{
  margin-bottom:0;
}

.contact-card-black .contact-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

.contact-card-black .contact-icon svg{
  width:28px;
  height:28px;
  display:block;
}

.contact-card-black .contact-text{
  color:#fff !important;
  font-family:'Poppins', sans-serif !important;
  font-size:clamp(22px, 2vw, 26px) !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.01em;
  word-break:break-word;
}

.contact-card-black .contact-row:hover .contact-text{
  opacity:.85;
}

@media (max-width:768px){
  .contact-card-black{
    padding:20px 18px !important;
    width:100%;
  }

  .contact-card-black .contact-row{
    gap:14px;
    margin-bottom:18px;
  }

  .contact-card-black .contact-icon,
  .contact-card-black .contact-icon svg{
    width:24px;
    height:24px;
  }

  .contact-card-black .contact-text{
    font-size:clamp(18px, 5vw, 22px) !important;
  }
}
.servicii-grid{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.serviciu-card{
  background:#d3c29a !important;
  min-height:165px !important;
  padding:26px 24px !important;
  box-sizing:border-box !important;

  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  text-align:left !important;
}

.serviciu-card p,
.serviciu-card h3,
.serviciu-card h4{
  margin:0 !important;
  font-family:'Poppins', sans-serif !important;
  font-size:clamp(18px, 1.35vw, 22px) !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

@media (max-width:1024px){
  .servicii-grid{
    grid-template-columns:repeat(2, 1fr) !important;
  }
}

@media (max-width:768px){
  .servicii-grid{
    grid-template-columns:1fr !important;
  }

  .serviciu-card{
    min-height:auto !important;
    padding:20px 18px !important;
  }
}

.serviciu-card{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.serviciu-card p,
.serviciu-card h3,
.serviciu-card h4{
  text-align:center !important;
  width:100% !important;
  margin:0 !important;
}


.process-oak-split .wp-block-media-text__media {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #fff !important;
  min-height: 630px !important;
}

.grup6{
  margin-top: -32px !important;
}




/* =========================================
   MOBILE PORTFOLIO - CLEAN STACK, NO GAPS
   FIXED: LIVING-DORMITOR + DRESSING-HOL
   ========================================= */

@media (max-width:768px){

  .grup1,
  .grup2,
  .grup3,
  .grup4,
  .grup6,
  .wow{
    position:static !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    transform:none !important;
  }

  .grup1,
  .grup2,
  .grup3{
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    gap:0 !important;
    overflow:hidden !important;
    --wp--style--block-gap:0 !important;
  }

  .grup1 > *,
  .grup2 > *,
  .grup3 > *{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
  }

  .grup1 *,
  .grup2 *,
  .grup3 *{
    --wp--style--block-gap:0 !important;
  }

  .grup1 :where(.is-layout-flow) > * + *,
  .grup2 :where(.is-layout-flow) > * + *,
  .grup3 :where(.is-layout-flow) > * + *,
  .grup1 :where(.is-layout-constrained) > * + *,
  .grup2 :where(.is-layout-constrained) > * + *,
  .grup3 :where(.is-layout-constrained) > * + *{
    margin-block-start:0 !important;
  }

  .bucatarie,
  .living,
  .dormitor,
  .dressing,
  .hol,
  .balcon,
  .birouri,
  .receptie{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    line-height:0 !important;
  }

  .bucatarie h5,
  .living h5,
  .dormitor h5,
  .dressing h5,
  .hol h5,
  .balcon h5,
  .birouri h5,
  .receptie h5,
  .grup1 h5,
  .grup2 h5,
  .grup3 h5{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:16px !important;
    top:auto !important;
    z-index:50 !important;

    width:100% !important;
    margin:0 !important;
    padding:0 14px !important;

    color:#fff !important;
    text-align:center !important;
    line-height:1.2 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.75) !important;
    background:transparent !important;
    pointer-events:none !important;
  }

  .grup1 .wp-block-gutslider,
  .grup2 .wp-block-gutslider,
  .grup3 .wp-block-gutslider,
  .grup1 .gutslider,
  .grup2 .gutslider,
  .grup3 .gutslider,
  .grup1 .splide,
  .grup2 .splide,
  .grup3 .splide,
  .grup1 .splide__track,
  .grup2 .splide__track,
  .grup3 .splide__track,
  .grup1 .splide__list,
  .grup2 .splide__list,
  .grup3 .splide__list,
  .grup1 .splide__slide,
  .grup2 .splide__slide,
  .grup3 .splide__slide{
    margin:0 !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
    line-height:0 !important;
    overflow:hidden !important;
  }

  .grup1 .wp-block-gutslider img,
  .grup2 .wp-block-gutslider img,
  .grup3 .wp-block-gutslider img,
  .grup1 .splide__slide img,
  .grup2 .splide__slide img,
  .grup3 .splide__slide img{
    display:block !important;
    width:100% !important;
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
    object-fit:cover !important;
    margin:0 !important;
    padding:0 !important;
  }

  .grup1 figure,
  .grup2 figure,
  .grup3 figure,
  .grup1 .wp-block-group,
  .grup2 .wp-block-group,
  .grup3 .wp-block-group,
  .grup1 .wp-block-group__inner-container,
  .grup2 .wp-block-group__inner-container,
  .grup3 .wp-block-group__inner-container{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  .fara-buline-bucatarie{
    margin:0 !important;
    padding:0 !important;
    border:7px solid #000 !important;
    box-sizing:border-box !important;
  }

  /* THIS FIXES THE TWO REMAINING MOBILE GAPS */
  .dormitor,
  .hol{
    margin-top:-24px !important;
  }

  .living + .dormitor,
  .dressing + .hol{
    margin-top:-24px !important;
  }

  .wp-block-group:has(.living) + .wp-block-group,
  .wp-block-group:has(.dressing) + .wp-block-group{
    margin-top:-24px !important;
  }
}




/* =========================================
   PORTOFOLIU - POZA MARE LA CLICK
   ========================================= */

.grup1 .wp-block-gutslider img,
.grup2 .wp-block-gutslider img,
.grup3 .wp-block-gutslider img{
  cursor:zoom-in !important;
}

body.mm-photo-open{
  overflow:hidden !important;
}

.mm-photo-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  background:rgba(0,0,0,.92) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  box-sizing:border-box !important;
}

.mm-photo-overlay img{
  max-width:92vw !important;
  max-height:86vh !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}

.mm-photo-overlay button{
  position:absolute !important;
  z-index:1000000 !important;
  width:48px !important;
  height:48px !important;
  border:0 !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  font-family:Arial, sans-serif !important;
}

.mm-photo-overlay button:hover{
  background:rgba(255,255,255,.28) !important;
}

.mm-photo-close{
  top:22px !important;
  right:22px !important;
}

.mm-photo-prev{
  left:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.mm-photo-next{
  right:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.mm-photo-counter{
  position:absolute !important;
  left:50% !important;
  bottom:18px !important;
  transform:translateX(-50%) !important;
  color:#fff !important;
  font-family:'Poppins', sans-serif !important;
  font-size:14px !important;
  background:rgba(0,0,0,.35) !important;
  padding:6px 12px !important;
  border-radius:999px !important;
}

@media (max-width:768px){
  .mm-photo-overlay{
    padding:12px !important;
  }

  .mm-photo-overlay img{
    max-width:96vw !important;
    max-height:82vh !important;
  }

  .mm-photo-overlay button{
    width:42px !important;
    height:42px !important;
    font-size:30px !important;
  }

  .mm-photo-close{
    top:12px !important;
    right:12px !important;
  }

  .mm-photo-prev{
    left:10px !important;
  }

  .mm-photo-next{
    right:10px !important;
  }
}



/* =========================================
   SPATIU FORTAT DUPA PORTOFOLIU PE MOBIL
   ========================================= */

@media (max-width:768px){

  .receptie{
    padding-bottom:68px !important;
  }

  .receptie .wp-block-group__inner-container{
    margin-bottom:68px !important;
  }

}



/* =========================================
   FIX TITLU "DE CE SA ALEGI" PE MOBIL
   ========================================= */

.titlu-alege-mobiliar,
.titlu-alege-mobiliar h1,
.titlu-alege-mobiliar h2,
.titlu-alege-mobiliar h3,
h1.titlu-alege-mobiliar,
h2.titlu-alege-mobiliar,
h3.titlu-alege-mobiliar{
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:16px !important;
  padding-right:16px !important;
  box-sizing:border-box !important;

  text-align:center !important;
  position:static !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;

  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  white-space:normal !important;
}

@media (max-width:768px){

  .titlu-alege-mobiliar,
  .titlu-alege-mobiliar h1,
  .titlu-alege-mobiliar h2,
  .titlu-alege-mobiliar h3,
  h1.titlu-alege-mobiliar,
  h2.titlu-alege-mobiliar,
  h3.titlu-alege-mobiliar{
    width:100% !important;
    max-width:300px !important;
    padding-left:0 !important;
    padding-right:0 !important;

    font-size:clamp(24px, 7vw, 31px) !important;
    line-height:1.05 !important;
    text-align:center !important;
  }
}

@media (max-width:380px){

  .titlu-alege-mobiliar,
  .titlu-alege-mobiliar h1,
  .titlu-alege-mobiliar h2,
  .titlu-alege-mobiliar h3,
  h1.titlu-alege-mobiliar,
  h2.titlu-alege-mobiliar,
  h3.titlu-alege-mobiliar{
    max-width:270px !important;
    font-size:24px !important;
  }
}



/* =========================================
   TEXT INTRO - DESKTOP + MOBIL
   ========================================= */

.text-intro-mobil,
.text-intro-mobil p,
p.text-intro-mobil{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-family:'Poppins', sans-serif !important;
  font-weight:400 !important;
  line-height:1.32 !important;
}

/* Desktop */
@media (min-width:769px){

  .text-intro-mobil,
  .text-intro-mobil p,
  p.text-intro-mobil{
    max-width:760px !important;
    font-size:24px !important;
  }
}

/* Mobil */
@media (max-width:768px){

  .text-intro-mobil,
  .text-intro-mobil p,
  p.text-intro-mobil{
    max-width:250px !important;
    font-size:18px !important;
    line-height:1.25 !important;
  }
}