:root{
  --ink:#15191d;
  --muted:#5f625f;
  --gold:#b69a75;
  --gold-dark:#9c8464;
  --cream:#f6f2ec;
  --cream-2:#fbf9f6;
  --line:#e5dfd7;
  --panel:#f7f3ed;
  --white:#fff;
  --footer:#181c20;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.45
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

/* HEADER */
.header{
  position:sticky;top:0;z-index:50;
  background:rgba(250,248,245,.97);
  border-bottom:1px solid rgba(30,30,30,.05);
  backdrop-filter:blur(12px)
}
.header-inner{height:94px;display:flex;align-items:center;gap:34px}
.brand{display:flex;align-items:center;gap:12px;min-width:320px}
.brand-icon{width:42px;height:54px;color:#16191c}
.brand-icon svg{width:100%;height:100%}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text strong{font-size:29px;letter-spacing:.025em}
.brand-text strong span{color:var(--gold)}
.brand-text small{letter-spacing:.48em;font-size:13px;margin-top:6px;padding-left:4px}
.brand-text em{font-style:normal;font-size:9px;font-weight:700;margin-top:8px;letter-spacing:.02em}
.nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:700}
.nav a:hover{color:var(--gold-dark)}
.phone-top{
  background:var(--gold);
  color:#fff;
  padding:15px 21px;
  border-radius:9px;
  font-weight:800;
  white-space:nowrap
}

/* HERO */
.hero{background:linear-gradient(90deg,#fff 0%,#faf8f4 52%,#f1ece4 100%)}
.hero-grid{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  min-height:590px
}
.hero-copy{
  padding:70px 50px 55px 0;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.eyebrow,.section-kicker{
  color:var(--gold-dark);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em
}
.eyebrow:before{
  content:"";
  display:inline-block;
  width:28px;
  height:1px;
  background:var(--gold);
  vertical-align:middle;
  margin-right:10px
}
.hero h1{
  font-size:clamp(48px,5.6vw,76px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin:20px 0 22px
}
.hero h1 span{color:var(--gold)}
.hero-lead{
  color:#54595d;
  font-size:18px;
  max-width:600px;
  line-height:1.65
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 24px}
.btn{
  min-height:48px;
  padding:0 21px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  border:1px solid transparent;
  cursor:pointer
}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:var(--gold-dark)}
.btn-outline{background:#fff;border-color:#d6cec4}
.btn-light{background:#fff;border-color:#d8d0c6}
.social-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-width:610px
}
.social-row>a{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:9px;
  padding:11px 13px;
  box-shadow:0 7px 18px rgba(20,20,20,.04)
}
.social-row small,.social-row strong{display:block}
.social-row small{font-size:11px;font-weight:800}
.social-row strong{font-size:11px;margin-top:2px}
.social-icon{
  width:29px;height:29px;border-radius:50%;
  display:grid;place-items:center;
  font-weight:900;border:2px solid currentColor
}
.whatsapp{color:#1db954}.viber{color:#7353d8}.facebook{color:#2e63a4}.email{color:var(--gold-dark)}

.hero-photo-wrap{position:relative;min-height:590px;overflow:hidden}
.hero-photo{width:100%;height:100%;object-fit:cover}
.hero-badge{
  position:absolute;right:28px;bottom:30px;
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.95);
  padding:15px 18px;border-radius:13px;
  box-shadow:0 14px 36px rgba(0,0,0,.12)
}
.badge-icon{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:#f5ede2;color:var(--gold-dark);
  font-size:20px;font-weight:900
}
.hero-badge strong,.hero-badge small{display:block}
.hero-badge strong{font-size:12px}
.hero-badge small{font-size:11px;color:#777;margin-top:3px}

/* BENEFITS */
.benefits{background:var(--cream);border-top:1px solid #eee7df;border-bottom:1px solid #eee7df}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit{
  min-height:94px;
  display:flex;align-items:center;gap:13px;
  padding:18px 26px;
  border-right:1px solid #dfd8cf
}
.benefit:last-child{border-right:0}
.benefit>span{font-size:33px;color:var(--gold-dark)}
.benefit strong,.benefit small{display:block}
.benefit strong{font-size:14px}
.benefit small{font-size:11px;color:#777;margin-top:4px}

/* SECTIONS */
.section{padding:72px 0}
.section h2{font-size:34px;margin:8px 0 28px;letter-spacing:-.025em}
.services-section{background:#fff}
.services-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)
}
.services-grid article{
  min-height:150px;
  padding:22px 16px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff
}
.services-grid article span{font-size:31px;color:var(--gold-dark)}
.services-grid h3{font-size:13px;line-height:1.35;margin:12px 0 0}

/* PROJECTS */
.projects-section{background:var(--cream-2)}
.section-head-inline{
  display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px
}
.project-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px
}
.project-grid img{
  width:100%;height:250px;object-fit:cover;
  border-radius:8px
}
.project-grid-more{margin-top:12px}

/* PANELS */
.light-panels-section{background:#fff;padding-top:34px}
.two-panels{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}
.soft-panel{
  background:linear-gradient(135deg,#faf7f2,#f4eee6);
  border:1px solid #eee7df;
  border-radius:14px;
  padding:28px
}
.check-list{list-style:none;padding:0;margin:20px 0 0}
.check-list li{margin:13px 0;padding-left:25px;position:relative;font-size:14px}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold-dark);font-weight:900}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px}
.steps>div{text-align:center}
.steps span{
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;margin:0 auto 10px;
  background:#f7efe4;color:var(--gold-dark);
  border:1px solid #e8dbca;font-size:19px;font-weight:900
}
.steps strong{font-size:12px;line-height:1.3}

/* CONTACT */
.contact-section{background:#fff;padding-top:24px}
.contact-panels{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #eee7df
}
.contact-form,.contact-info{padding:34px;background:linear-gradient(135deg,#fbf8f4,#f6efe7)}
.contact-form{border-right:1px solid #e5ddd3}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form label{
  display:block;
  font-size:11px;font-weight:800;color:#666;
  margin-top:12px
}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;
  margin-top:5px;
  border:1px solid #ddd6cd;
  background:#fff;
  padding:12px;
  border-radius:5px;
  outline:none
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:var(--gold)
}
.file-box{
  min-height:70px;
  border:1px dashed #d1c5b6;
  background:#fff;
  border-radius:7px;
  padding:13px;
  display:flex!important;
  align-items:center;justify-content:space-between;
  gap:16px
}
.file-box small{display:block;margin-top:3px}
.file-box input{width:auto;border:0;padding:0}
.form-bottom{
  display:flex;align-items:center;gap:16px;margin-top:16px
}
.form-bottom small{font-size:10px;color:#777}

.contact-info{background:#faf6f0}
.contact-line{
  display:grid;
  grid-template-columns:28px auto 1fr;
  align-items:center;
  gap:8px;
  margin:17px 0;
  font-size:15px
}
.contact-line span{font-size:20px;color:var(--gold-dark)}
.contact-line em{font-style:normal;color:var(--gold-dark);font-size:13px}
.green{color:#14a94a!important}.purple{color:#7254d8!important}.blue{color:#2f65a3!important}
.contact-info hr{border:0;border-top:1px solid #ddd3c7;margin:28px 0}
.location{display:flex;gap:13px;align-items:flex-start}
.location>span{font-size:30px;color:var(--gold-dark)}
.location strong{font-size:15px}
.location p{margin:5px 0 0;color:#666;font-size:13px}

/* FOOTER */
.footer{background:var(--footer);color:#fff;padding:28px 0}
.footer-inner{display:flex;align-items:center;gap:30px;font-size:11px}
.footer-brand{display:flex;align-items:center;gap:8px}
.footer-door{color:var(--gold);font-size:35px}
.footer-brand strong{font-size:20px}
.footer-brand strong span{color:var(--gold)}
.footer-brand small{display:block;letter-spacing:.35em;font-size:8px}
.footer-inner p:nth-child(2){margin-left:auto;color:#c7c7c7}
.footer-inner p:last-child{color:#c7c7c7}

/* SCROLL TO TOP */
.to-top{
  position:fixed;right:24px;bottom:24px;
  width:52px;height:52px;border-radius:50%;
  border:2px solid #fff;
  background:var(--gold);color:#fff;
  font-size:26px;font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;
  transition:.2s;
  z-index:60
}
.to-top.show{opacity:1;visibility:visible}
.to-top:hover{background:var(--gold-dark);transform:translateY(-2px)}

@media(max-width:1050px){
  .nav{display:none}
  .brand{min-width:auto}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{padding-right:0}
  .hero-photo-wrap{min-height:480px}
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .project-grid{grid-template-columns:repeat(3,1fr)}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .benefit:nth-child(2){border-right:0}
  .benefit:nth-child(-n+2){border-bottom:1px solid #dfd8cf}
}
@media(max-width:720px){
  .container{width:min(100% - 28px,1180px)}
  .header-inner{height:78px}
  .brand-text em{display:none}
  .brand-icon{width:32px;height:44px}
  .brand-text strong{font-size:20px}
  .brand-text small{font-size:9px}
  .phone-top{padding:11px 12px;font-size:12px}
  .hero-copy{padding:48px 0 35px}
  .hero h1{font-size:46px}
  .hero-lead{font-size:16px}
  .social-row{grid-template-columns:1fr}
  .hero-photo-wrap{min-height:390px}
  .hero-badge{left:14px;right:14px;bottom:14px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .project-grid{grid-template-columns:repeat(2,1fr)}
  .project-grid img{height:220px}
  .two-panels,.contact-panels{grid-template-columns:1fr}
  .contact-form{border-right:0;border-bottom:1px solid #e5ddd3}
  .steps{grid-template-columns:1fr 1fr}
  .steps>div:last-child{grid-column:1/-1}
  .form-row{grid-template-columns:1fr}
  .file-box{align-items:flex-start;flex-direction:column}
  .form-bottom{align-items:flex-start;flex-direction:column}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .footer-inner p:nth-child(2){margin-left:0}
}


/* ===== FINAL INSTALVERO BRAND POLISH =====
   Visual reference: current Facebook cover.
   Warm taupe, charcoal, off-white. No bright yellow-gold.
*/
.header{
  background:rgba(250,248,245,.98);
  box-shadow:0 1px 9px rgba(28,25,22,.05);
}
.header-inner{height:100px}
.header .brand-logo-v2{
  display:flex;
  align-items:center;
  gap:15px;
  min-width:350px;
}
.header .brand-logo-v2 .brand-door{
  width:46px;
  height:61px;
  flex:0 0 46px;
  color:#17191c;
}
.header .brand-logo-v2 .brand-door svg{width:100%;height:100%;display:block}
.header .brand-logo-v2 .brand-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1;
}
.header .brand-logo-v2 .brand-text strong{
  font-size:30px;
  line-height:.96;
  letter-spacing:.018em;
  color:#17191c;
  font-weight:800;
}
.header .brand-logo-v2 .brand-text strong span{color:var(--gold)}
.header .brand-logo-v2 .brand-text small{
  margin-top:8px;
  padding-left:2px;
  font-size:12px;
  line-height:1;
  letter-spacing:.52em;
  color:#17191c;
  font-weight:500;
}
.header .brand-logo-v2 .brand-text em{
  margin-top:8px;
  font-size:8.5px;
  line-height:1;
  color:#17191c;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}
.phone-top{
  background:var(--gold);
  color:#fff;
  box-shadow:0 7px 18px rgba(155,130,107,.16);
}
.phone-top:hover{background:var(--gold-dark)}
.hero{
  background:linear-gradient(90deg,#fff 0%,#fbf9f6 53%,#f2ede7 100%);
}
.hero h1 span{color:var(--gold-dark)}
.btn-gold{background:var(--gold-dark)}
.btn-gold:hover{background:#866f5b}
.eyebrow,.section-kicker{color:var(--gold-dark)}
.to-top{background:var(--gold-dark)}
.to-top:hover{background:#866f5b}

/* Footer #1 composition, visually tied to the Facebook identity */
.footer{background:#181c20;color:#fff;padding:29px 0}
.footer-inner{
  display:flex;
  align-items:center;
  gap:30px;
  min-height:62px;
  font-size:11px;
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:225px;
}
.footer-door{
  width:34px;
  height:42px;
  color:var(--gold);
  display:block;
}
.footer-door svg{width:100%;height:100%;display:block}
.footer-wordmark{display:flex;flex-direction:column;line-height:1}
.footer-wordmark strong{
  font-size:20px;
  letter-spacing:.02em;
  color:#fff;
}
.footer-wordmark strong span{color:var(--gold)}
.footer-wordmark small{
  margin-top:5px;
  padding-left:2px;
  font-size:8px;
  letter-spacing:.38em;
  color:var(--gold);
}
.footer-service{
  margin-left:auto;
  color:#d6d2cd!important;
}
.footer-copy{
  color:#d6d2cd!important;
  margin-left:24px;
}
@media(max-width:720px){
  .header-inner{height:82px}
  .header .brand-logo-v2{min-width:auto;gap:9px}
  .header .brand-logo-v2 .brand-door{width:32px;height:45px;flex-basis:32px}
  .header .brand-logo-v2 .brand-text strong{font-size:20px}
  .header .brand-logo-v2 .brand-text small{font-size:8px;margin-top:5px}
  .header .brand-logo-v2 .brand-text em{display:none}
  .footer-service,.footer-copy{margin-left:0}
}


/* =========================================================
   SECTION 1 — EXACT APPROVED MOCKUP
   Source image is used at native resolution or smaller.
   ========================================================= */
.approved-section1{
  background:#fff;
  border-bottom:0;
}
.approved-hero-shell{
  width:100%;
  max-width:1536px;
  min-height:471px;
  margin:0 auto;
  display:grid;
  grid-template-columns:43.16% 56.84%;
  align-items:stretch;
}
.approved-hero-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px 42px 28px max(5.3vw,64px);
}
.approved-eyebrow{
  color:var(--gold-dark);
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:20px;
  white-space:nowrap;
}
.approved-eyebrow:before{
  content:"";
  display:inline-block;
  width:28px;
  height:1px;
  margin-right:10px;
  vertical-align:middle;
  background:var(--gold);
}
.approved-hero-copy h1{
  margin:0 0 22px;
  font-size:clamp(48px,4.3vw,64px);
  line-height:.99;
  letter-spacing:-.045em;
  color:#15191d;
}
.approved-hero-copy h1 span{
  color:var(--gold);
}
.approved-lead{
  margin:0;
  max-width:560px;
  font-size:16px;
  line-height:1.55;
  color:#4f555a;
}
.approved-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:25px 0 22px;
}
.approved-btn{
  min-height:48px;
  padding:0 19px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid transparent;
  font-size:14px;
  white-space:nowrap;
}
.approved-btn-gold{
  min-width:171px;
  background:var(--gold);
  color:#fff;
}
.approved-btn-light{
  min-width:218px;
  background:#fff;
  color:#15191d;
  border-color:#ddd6ce;
  box-shadow:0 5px 13px rgba(30,25,20,.04);
}
.approved-btn b{font-weight:800}
.approved-btn span{font-size:17px}

.approved-socials{
  width:100%;
  max-width:642px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.approved-socials>a{
  height:57px;
  min-width:0;
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:1px solid #e3ded7;
  border-radius:9px;
  background:#fff;
  box-shadow:0 5px 14px rgba(28,24,20,.035);
  overflow:hidden;
}
.approved-social-icon{
  width:29px;
  height:29px;
  border:2px solid currentColor;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:15px;
  line-height:1;
  font-weight:900;
  font-style:normal;
}
.approved-social-icon.wa{color:#20bd59}
.approved-social-icon.vi{color:#7353d8}
.approved-social-icon.fb{color:#2f65a4}
.approved-social-icon.mail{color:var(--gold-dark)}
.approved-socials>a>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.approved-socials b,
.approved-socials small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.approved-socials b{
  color:#17191c;
  font-size:10px;
  line-height:1.15;
  margin-bottom:2px;
}
.approved-socials small{
  color:#17191c;
  font-size:9px;
  line-height:1.15;
  font-weight:700;
}

/* Exact right image: never render larger than native 873 x 471 */
.approved-hero-image{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  overflow:hidden;
  background:#f5f1eb;
}
.approved-hero-image img{
  display:block;
  width:100%;
  max-width:873px;
  height:auto;
  max-height:471px;
  object-fit:contain;
  object-position:left top;
  image-rendering:auto;
  filter:none;
  transform:none;
}

/* Benefit strip proportions from the mockup */
.approved-benefits{
  background:#faf7f2;
  border-top:1px solid #eee7de;
  border-bottom:1px solid #eee7de;
}
.approved-benefit-shell{
  max-width:1536px;
  min-height:78px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.approved-benefit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:14px 24px;
  border-right:1px solid #dfd7cc;
}
.approved-benefit:last-child{border-right:0}
.approved-benefit>span{
  color:var(--gold);
  font-size:32px;
  line-height:1;
}
.approved-benefit b,
.approved-benefit small{display:block}
.approved-benefit b{
  font-size:13px;
  line-height:1.15;
}
.approved-benefit small{
  margin-top:5px;
  font-size:10px;
  color:#777;
  line-height:1.15;
}

@media(max-width:1180px){
  .approved-hero-copy{
    padding-left:38px;
    padding-right:28px;
  }
  .approved-socials{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:430px;
  }
}
@media(max-width:920px){
  .approved-hero-shell{
    grid-template-columns:1fr;
  }
  .approved-hero-copy{
    padding:42px 28px 30px;
  }
  .approved-hero-image{
    justify-content:center;
  }
  .approved-hero-image img{
    width:auto;
    max-width:100%;
  }
  .approved-benefit-shell{
    grid-template-columns:repeat(2,1fr);
  }
  .approved-benefit:nth-child(2){border-right:0}
  .approved-benefit:nth-child(-n+2){border-bottom:1px solid #dfd7cc}
}
@media(max-width:560px){
  .approved-hero-copy h1{font-size:44px}
  .approved-eyebrow{font-size:10px;white-space:normal}
  .approved-actions{display:grid;grid-template-columns:1fr}
  .approved-btn{width:100%}
  .approved-socials{grid-template-columns:1fr}
  .approved-benefit-shell{grid-template-columns:1fr}
  .approved-benefit{
    border-right:0;
    border-bottom:1px solid #dfd7cc;
    justify-content:flex-start;
  }
  .approved-benefit:last-child{border-bottom:0}
}


/* ===== BENEFIT STRIP SIZE — MATCH USER REFERENCE ===== */
.approved-benefit-shell{
  min-height:94px !important;
  height:94px;
}
.approved-benefit{
  padding:12px 28px !important;
  gap:15px !important;
}
.approved-benefit > span{
  font-size:29px !important;
  flex:0 0 auto;
}
.approved-benefit b{
  font-size:14px !important;
  line-height:1.15 !important;
}
.approved-benefit small{
  margin-top:6px !important;
  font-size:10px !important;
  line-height:1.15 !important;
}
@media(max-width:920px){
  .approved-benefit-shell{height:auto}
}


/* ===== CONTACT BUTTONS + SOCIAL CARDS — MATCH APPROVED MOCKUP ===== */

/* Main CTA buttons */
.approved-actions{
  display:flex !important;
  align-items:center;
  gap:12px !important;
  margin:24px 0 22px !important;
}
.approved-btn{
  height:48px !important;
  min-height:48px !important;
  padding:0 18px !important;
  border-radius:9px !important;
  box-sizing:border-box;
}
.approved-btn-gold{
  width:172px !important;
  min-width:172px !important;
}
.approved-btn-light{
  width:220px !important;
  min-width:220px !important;
}
.approved-btn b{
  font-size:14px !important;
  line-height:1 !important;
}
.approved-btn span{
  font-size:16px !important;
}

/* Let the contact row extend slightly toward the photo like the mockup */
.approved-hero-copy{
  position:relative;
  z-index:3;
  overflow:visible !important;
}
.approved-socials{
  position:relative;
  z-index:5;
  display:flex !important;
  align-items:stretch;
  gap:9px !important;
  width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
}

/* Individual widths reflect content instead of squeezing everything equally */
.approved-socials > a{
  height:58px !important;
  min-height:58px !important;
  display:grid !important;
  grid-template-columns:30px auto !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  border-radius:9px !important;
}
.approved-socials > a:nth-child(1){width:124px !important}
.approved-socials > a:nth-child(2){width:124px !important}
.approved-socials > a:nth-child(3){width:138px !important}
.approved-socials > a:nth-child(4){width:166px !important}

.approved-social-icon{
  width:29px !important;
  height:29px !important;
  min-width:29px !important;
  flex:0 0 29px !important;
  margin:0 !important;
}

.approved-socials > a > span:last-child{
  min-width:0 !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.approved-socials b{
  display:block !important;
  margin:0 0 2px !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  color:#17191c !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.approved-socials small{
  display:block !important;
  margin:0 !important;
  font-size:8px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#17191c !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Email text gets enough room and stays fully visible */
.approved-socials > a:nth-child(4) small{
  font-size:7.8px !important;
}

/* At narrower desktop widths, switch cleanly to 2x2 instead of truncating */
@media(max-width:1180px){
  .approved-socials{
    display:grid !important;
    grid-template-columns:repeat(2, 1fr) !important;
    width:410px !important;
    max-width:100% !important;
  }
  .approved-socials > a{
    width:100% !important;
  }
}
@media(max-width:920px){
  .approved-actions{
    flex-wrap:wrap !important;
  }
}
@media(max-width:560px){
  .approved-socials{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .approved-socials > a{
    width:100% !important;
  }
  .approved-btn-gold,
  .approved-btn-light{
    width:100% !important;
    min-width:0 !important;
  }
}


/* ===== SOCIAL CARDS — EXACT COMPACT SIZE / POSITION ===== */

/* Match the compact reference row */
.approved-socials{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  max-width:none !important;
  margin-top:0 !important;
  position:relative !important;
  left:0 !important;
  z-index:5 !important;
  overflow:visible !important;
}

/* All cards compact, same height, content-driven width */
.approved-socials > a{
  height:38px !important;
  min-height:38px !important;
  width:auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  padding:5px 9px !important;
  border-radius:7px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  background:#fff !important;
}

/* Exact approximate card widths from the reference */
.approved-socials > a:nth-child(1){ width:108px !important; }
.approved-socials > a:nth-child(2){ width:96px !important; }
.approved-socials > a:nth-child(3){ width:112px !important; }
.approved-socials > a:nth-child(4){ width:122px !important; }

/* Smaller icons */
.approved-social-icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  font-size:11px !important;
  border-width:1.7px !important;
  margin:0 !important;
}

/* Compact two-line labels */
.approved-socials > a > span:last-child{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
  overflow:visible !important;
}
.approved-socials b{
  margin:0 0 2px !important;
  font-size:8px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.approved-socials small{
  margin:0 !important;
  font-size:7px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Email stays fully visible */
.approved-socials > a:nth-child(4) small{
  font-size:6.7px !important;
}

/* Position row immediately beneath CTA buttons as in the reference */
.approved-actions{
  margin-bottom:12px !important;
}

/* Keep compact row on desktop; only wrap when genuinely necessary */
@media(max-width:1100px){
  .approved-socials{
    flex-wrap:wrap !important;
    max-width:450px !important;
  }
}
@media(max-width:700px){
  .approved-socials{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    width:100% !important;
  }
  .approved-socials > a{
    width:100% !important;
  }
}
@media(max-width:460px){
  .approved-socials{
    grid-template-columns:1fr !important;
  }
}


/* ===== FINAL HERO FIX: SOCIAL OVERLAP + NO CUT + SHARP PHOTO ===== */

/* Hero layout: allow content to overlap the image area */
.approved-hero-shell{
  overflow:visible !important;
}
.approved-hero-copy{
  position:relative !important;
  z-index:5 !important;
  overflow:visible !important;
}

/* Social row overlaps the photo by design */
.approved-socials{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
  position:relative !important;
  z-index:10 !important;
  margin-top:0 !important;
  transform:translateX(0) !important;
}

/* Shift only the row to the right so its last cards sit over the photo */
.approved-socials{
  margin-right:-170px !important;
}

/* Compact cards from the reference, but wide enough to show all text */
.approved-socials > a{
  height:38px !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:5px 9px !important;
  border-radius:7px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  white-space:nowrap !important;
}
.approved-socials > a:nth-child(1){width:108px !important}
.approved-socials > a:nth-child(2){width:96px !important}
.approved-socials > a:nth-child(3){width:112px !important}
.approved-socials > a:nth-child(4){width:152px !important}

.approved-social-icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  font-size:11px !important;
  border-width:1.7px !important;
}

.approved-socials > a > span:last-child{
  min-width:0 !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.approved-socials b{
  font-size:8px !important;
  line-height:1 !important;
  margin:0 0 2px !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.approved-socials small{
  font-size:7px !important;
  line-height:1 !important;
  margin:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.approved-socials > a:nth-child(4) small{
  font-size:6.8px !important;
}

/* Hero image: render at native resolution or smaller only */
.approved-hero-image{
  overflow:hidden !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  background:#f4efe8 !important;
}
.approved-hero-image img{
  display:block !important;
  width:auto !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
  filter:none !important;
  transform:none !important;
}

/* Important: constrain hero height so image is scaled DOWN, never beyond source width */
.approved-hero-shell{
  min-height:471px !important;
  height:471px !important;
}
.approved-hero-image{
  height:471px !important;
}
.approved-hero-image img{
  min-width:0 !important;
  height:471px !important;
}

/* Ensure the photo starts immediately at the split and the overlap row remains visible */
.approved-hero-image{
  position:relative !important;
  z-index:1 !important;
}
.approved-hero-copy{
  padding-bottom:24px !important;
}

/* Medium desktop: reduce overlap before wrapping */
@media(max-width:1200px){
  .approved-socials{
    margin-right:-90px !important;
  }
}
@media(max-width:1050px){
  .approved-socials{
    margin-right:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    width:430px !important;
    max-width:100% !important;
  }
  .approved-socials > a{
    width:100% !important;
  }
  .approved-hero-shell{
    height:auto !important;
  }
  .approved-hero-image{
    height:auto !important;
  }
  .approved-hero-image img{
    width:100% !important;
    height:auto !important;
  }
}
@media(max-width:560px){
  .approved-socials{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
}


/* =========================================================
   FINAL APPROVED SECTION 1 DETAILS
   Thin readable contact cards + subtle glass effect
   ========================================================= */

.approved-hero-shell,
.approved-hero-copy{
  overflow:visible !important;
}
.approved-hero-copy{
  position:relative !important;
  z-index:6 !important;
}

/* Main CTA remains clean and solid */
.approved-actions{
  margin-bottom:14px !important;
}

/* Thin contact row, extending onto the photograph */
.approved-socials{
  position:relative !important;
  z-index:20 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:9px !important;
  width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
  margin:0 -205px 0 0 !important;
}

/* Glass cards */
.approved-socials > a{
  height:43px !important;
  min-height:43px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 11px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(196,169,132,.34) !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.80) !important;
  -webkit-backdrop-filter:blur(10px) saturate(125%) !important;
  backdrop-filter:blur(10px) saturate(125%) !important;
  box-shadow:0 7px 20px rgba(42,34,26,.07) !important;
  overflow:hidden !important;
}

/* Wide enough for full content */
.approved-socials > a:nth-child(1){width:132px !important}
.approved-socials > a:nth-child(2){width:126px !important}
.approved-socials > a:nth-child(3){width:148px !important}
.approved-socials > a:nth-child(4){width:180px !important}

.approved-social-icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  flex:0 0 24px !important;
  font-size:12px !important;
  border-width:1.7px !important;
}

.approved-socials > a > span:last-child{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:visible !important;
}

.approved-socials b{
  margin:0 0 2px !important;
  font-size:9px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.approved-socials small{
  margin:0 !important;
  font-size:7.6px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.approved-socials > a:nth-child(4) small{
  font-size:7.4px !important;
}

/* Improve the badge over the photo:
   larger, crisp text and a restrained glass effect. */
.approved-hero-image{
  position:relative !important;
  z-index:1 !important;
}

/* Existing badge in the source image cannot become crisp via CSS,
   so add a clean HTML badge over it and mask the old badge area visually. */
.approved-hero-image::after{
  content:"";
  position:absolute;
  right:5.5%;
  bottom:6.5%;
  width:330px;
  height:76px;
  border-radius:13px;
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(12px) saturate(125%);
  backdrop-filter:blur(12px) saturate(125%);
  border:1px solid rgba(196,169,132,.28);
  box-shadow:0 10px 28px rgba(36,29,23,.10);
  z-index:2;
}

/* Create crisp badge text as a separate overlay */
.approved-hero-image::before{
  content:"✓   Чист монтаж с внимание към детайла\A      София и района";
  white-space:pre;
  position:absolute;
  right:7.1%;
  bottom:9.0%;
  width:294px;
  z-index:3;
  color:#17191c;
  font-size:12px;
  line-height:1.65;
  font-weight:800;
  letter-spacing:0;
  pointer-events:none;
}

/* Desktop image remains unfiltered */
.approved-hero-image img{
  filter:none !important;
  image-rendering:auto !important;
}

/* Responsive behavior: no forced overlap once space gets tight */
@media(max-width:1220px){
  .approved-socials{
    margin-right:-100px !important;
  }
}
@media(max-width:1080px){
  .approved-socials{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:440px !important;
    max-width:100% !important;
    margin-right:0 !important;
  }
  .approved-socials > a{
    width:100% !important;
  }
}
@media(max-width:620px){
  .approved-socials{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .approved-hero-image::after{
    width:280px;
    height:70px;
    right:4%;
  }
  .approved-hero-image::before{
    width:250px;
    right:6%;
    font-size:10px;
  }
}


/* =========================================================
   FINAL APPROVED APP-LIKE GLASS TREATMENT
   ========================================================= */

/* Keep hero content above the image so the cards can overlap naturally */
.approved-hero-shell,
.approved-hero-copy{
  overflow:visible !important;
}
.approved-hero-copy{
  position:relative !important;
  z-index:10 !important;
}

/* Main action buttons */
.approved-actions{
  margin-bottom:14px !important;
}

/* App-like glass contact cards */
.approved-socials{
  position:relative !important;
  z-index:20 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:10px !important;
  width:max-content !important;
  max-width:none !important;
  margin-right:-220px !important;
  overflow:visible !important;
}

.approved-socials > a{
  height:54px !important;
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px 14px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:14px !important;
  background:linear-gradient(
    145deg,
    rgba(255,255,255,.82),
    rgba(255,255,255,.58)
  ) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
  backdrop-filter:blur(18px) saturate(150%) !important;
  box-shadow:
    0 10px 28px rgba(43,35,26,.12),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  overflow:visible !important;
}

/* Readable widths */
.approved-socials > a:nth-child(1){width:160px !important}
.approved-socials > a:nth-child(2){width:150px !important}
.approved-socials > a:nth-child(3){width:180px !important}
.approved-socials > a:nth-child(4){width:220px !important}

.approved-social-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  flex:0 0 32px !important;
  display:grid !important;
  place-items:center !important;
  border-width:2px !important;
  font-size:15px !important;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
}

.approved-socials > a > span:last-child{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:visible !important;
}

.approved-socials b{
  margin:0 0 3px !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  color:#14171a !important;
}

.approved-socials small{
  margin:0 !important;
  font-size:10px !important;
  line-height:1.08 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  color:#2f3336 !important;
}

/* Photo badge: real HTML, crisp, readable, app-like */
.approved-hero-image{
  position:relative !important;
  overflow:hidden !important;
}

/* Hide old pseudo-overlay badge from previous versions */
.approved-hero-image::before,
.approved-hero-image::after{
  content:none !important;
  display:none !important;
}

.hero-app-badge{
  position:absolute;
  right:5.5%;
  bottom:8%;
  z-index:8;
  min-width:390px;
  max-width:430px;
  height:84px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 18px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.84),rgba(244,236,225,.64));
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  backdrop-filter:blur(20px) saturate(150%);
  box-shadow:
    0 14px 34px rgba(37,29,22,.16),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.hero-app-badge-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#d6b27a,#b58e58);
  color:#fff;
  font-size:21px;
  font-weight:900;
  box-shadow:0 6px 16px rgba(164,125,73,.22);
}

.hero-app-badge > span:last-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-app-badge strong{
  display:block;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  color:#14171a;
  white-space:nowrap;
}
.hero-app-badge small{
  display:block;
  margin-top:5px;
  font-size:12px;
  line-height:1.1;
  font-weight:500;
  color:#62676b;
}

/* Keep image clean and sharp */
.approved-hero-image img{
  filter:none !important;
  image-rendering:auto !important;
}

/* Responsive handling */
@media(max-width:1280px){
  .approved-socials{
    margin-right:-120px !important;
  }
  .approved-socials > a:nth-child(1){width:145px !important}
  .approved-socials > a:nth-child(2){width:140px !important}
  .approved-socials > a:nth-child(3){width:165px !important}
  .approved-socials > a:nth-child(4){width:205px !important}
}
@media(max-width:1100px){
  .approved-socials{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:500px !important;
    max-width:100% !important;
    margin-right:0 !important;
  }
  .approved-socials > a{
    width:100% !important;
  }
  .hero-app-badge{
    min-width:330px;
    right:4%;
  }
}
@media(max-width:620px){
  .approved-socials{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .hero-app-badge{
    left:4%;
    right:4%;
    bottom:5%;
    min-width:0;
    max-width:none;
    width:auto;
  }
  .hero-app-badge strong{
    font-size:12px;
    white-space:normal;
  }
  .hero-app-badge small{
    font-size:11px;
  }
}


/* ===== FINAL APPROVED HERO DETAILS ===== */
.approved-socials > a{
  height:52px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.63)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(18px) saturate(155%) !important;
  backdrop-filter:blur(18px) saturate(155%) !important;
  box-shadow:0 10px 26px rgba(43,35,26,.11), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.approved-socials b{font-size:11px !important}
.approved-socials small{font-size:9px !important}
.approved-socials > a:nth-child(1){width:158px !important}
.approved-socials > a:nth-child(2){width:150px !important}
.approved-socials > a:nth-child(3){width:178px !important}
.approved-socials > a:nth-child(4){width:210px !important}

/* Keep only the beside/right badge: one crisp app-like badge */
.approved-hero-image::before,
.approved-hero-image::after{display:none !important;content:none !important}
.hero-app-badge{
  position:absolute !important;
  right:5% !important;
  bottom:7% !important;
  z-index:20 !important;
  width:auto !important;
  min-width:390px !important;
  max-width:430px !important;
  height:78px !important;
  padding:11px 18px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  box-sizing:border-box !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,238,226,.68)) !important;
  border:1px solid rgba(255,255,255,.85) !important;
  -webkit-backdrop-filter:blur(20px) saturate(155%) !important;
  backdrop-filter:blur(20px) saturate(155%) !important;
  box-shadow:0 14px 32px rgba(37,29,22,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.hero-app-badge-icon{
  width:44px !important;height:44px !important;min-width:44px !important;
  display:grid !important;place-items:center !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#d7b274,#bd9155) !important;
  color:#fff !important;font-size:22px !important;font-weight:900 !important;
}
.hero-app-badge-copy strong{
  display:block !important;font-size:14px !important;line-height:1.2 !important;
  color:#15181b !important;font-weight:800 !important;white-space:nowrap !important;
}
.hero-app-badge-copy small{
  display:block !important;margin-top:5px !important;font-size:12px !important;
  color:#62676b !important;
}

/* ===== SOCIAL FOLLOW SECTION ===== */
.social-follow-section{
  padding:28px 24px;
  background:#fff;
}
.social-follow-inner{
  max-width:1380px;
  margin:0 auto;
  padding:24px 32px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:40px;
  border:1px solid rgba(191,160,119,.22);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,243,237,.78));
  box-shadow:0 10px 28px rgba(42,34,26,.05);
}
.social-follow-inner h2{margin:4px 0 6px;font-size:24px}
.social-follow-inner p{margin:0;color:#666;font-size:13px}
.social-follow-links{display:flex;gap:14px}
.social-follow-card{
  min-width:190px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(191,160,119,.20);
  box-shadow:0 7px 20px rgba(42,34,26,.05);
}
.follow-icon{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  font-size:22px;font-weight:800;
}
.fb-follow{background:#3267a8;color:#fff}
.ig-follow{background:#eee;color:#777}
.social-follow-card strong,.social-follow-card small{display:block}
.social-follow-card strong{font-size:13px;color:#17191c}
.social-follow-card small{margin-top:3px;font-size:11px;color:#777}
.social-follow-card.muted{opacity:.72}
@media(max-width:900px){
  .social-follow-inner{grid-template-columns:1fr}
  .social-follow-links{flex-wrap:wrap}
}


/* ==========================================================
   INSTALVERO — FINAL LOCKED DETAILS
   Everything else remains from the approved page.
   ========================================================== */

/* Agreed header logo */
.header .agreed-brand{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  min-width:330px !important;
  text-decoration:none !important;
}
.header .agreed-door{
  width:42px !important;
  height:55px !important;
  flex:0 0 42px !important;
  color:#17191c !important;
}
.header .agreed-door svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
}
.header .agreed-brand-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  line-height:1 !important;
}
.header .agreed-brand-copy strong{
  margin:0 !important;
  font-size:28px !important;
  line-height:.95 !important;
  letter-spacing:.015em !important;
  color:#17191c !important;
  font-weight:800 !important;
}
.header .agreed-brand-copy strong span{
  color:#b89c78 !important;
}
.header .agreed-brand-copy small{
  margin-top:7px !important;
  padding-left:2px !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.50em !important;
  color:#17191c !important;
  font-weight:500 !important;
}
.header .agreed-brand-copy em{
  margin-top:7px !important;
  font-size:8px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:800 !important;
  color:#17191c !important;
  white-space:nowrap !important;
}

/* Keep the hero photo focused on the actual door, with the useful wall/interior details visible. */
.approved-hero-image img{
  object-fit:cover !important;
  object-position:60% center !important;
  filter:none !important;
  image-rendering:auto !important;
}

/* Final app-like contact glass cards */
.approved-socials{
  position:relative !important;
  z-index:20 !important;
  overflow:visible !important;
}
.approved-socials > a{
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.61)) !important;
  border:1px solid rgba(255,255,255,.80) !important;
  border-radius:14px !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
  backdrop-filter:blur(18px) saturate(150%) !important;
  box-shadow:0 10px 28px rgba(42,34,26,.11),inset 0 1px 0 rgba(255,255,255,.90) !important;
}
.approved-socials b{
  font-size:11px !important;
  font-weight:800 !important;
}
.approved-socials small{
  font-size:9px !important;
  font-weight:600 !important;
}

/* Keep the single beside badge only. */
.approved-hero-image::before,
.approved-hero-image::after{
  content:none !important;
  display:none !important;
}

/* Responsive logo */
@media(max-width:720px){
  .header .agreed-brand{min-width:auto !important;gap:9px !important}
  .header .agreed-door{width:32px !important;height:44px !important;flex-basis:32px !important}
  .header .agreed-brand-copy strong{font-size:20px !important}
  .header .agreed-brand-copy small{font-size:7px !important;margin-top:5px !important}
  .header .agreed-brand-copy em{display:none !important}
}


/* ==========================================================
   STRONG APP-LIKE GLASS — MATCH APPROVED REFERENCE
   ========================================================== */

:root{
  --glass-white: rgba(255,255,255,.52);
  --glass-white-strong: rgba(255,255,255,.68);
  --glass-border: rgba(255,255,255,.78);
  --glass-shadow: 0 16px 38px rgba(49,39,29,.16);
}

/* Contact row overlaps the photograph, like the mockup */
.approved-socials{
  position:relative !important;
  z-index:30 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
  margin-right:-240px !important;
}

/* Much stronger glassmorphism */
.approved-socials > a{
  position:relative !important;
  height:58px !important;
  min-height:58px !important;
  padding:9px 15px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  border-radius:16px !important;
  border:1px solid var(--glass-border) !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.74) 0%,
      rgba(255,255,255,.45) 58%,
      rgba(240,226,208,.38) 100%
    ) !important;
  -webkit-backdrop-filter: blur(24px) saturate(175%) brightness(1.06) !important;
  backdrop-filter: blur(24px) saturate(175%) brightness(1.06) !important;
  box-shadow:
    0 16px 34px rgba(46,36,27,.14),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,255,255,.28) !important;
  overflow:hidden !important;
}

/* glossy highlight */
.approved-socials > a::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:46%;
  border-radius:15px 15px 55% 55%;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0));
  pointer-events:none;
}

/* slightly different widths for actual text */
.approved-socials > a:nth-child(1){width:170px !important}
.approved-socials > a:nth-child(2){width:164px !important}
.approved-socials > a:nth-child(3){width:192px !important}
.approved-socials > a:nth-child(4){width:230px !important}

.approved-social-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  flex:0 0 34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:0 !important;
  box-shadow:
    0 6px 14px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.approved-social-icon svg{
  width:20px !important;
  height:20px !important;
}
.approved-social-icon.whatsapp{background:#21c45a !important;color:#fff !important}
.approved-social-icon.viber{background:#7354e8 !important;color:#fff !important}
.approved-social-icon.messenger{background:#2580e9 !important;color:#fff !important}
.approved-social-icon.email{background:#c79b5d !important;color:#fff !important}

.approved-socials b{
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  color:#111417 !important;
}
.approved-socials small{
  margin-top:3px !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:600 !important;
  color:#2f3336 !important;
}

/* Stronger app-like glass for the hero badge too */
.hero-app-badge{
  position:absolute !important;
  right:4.6% !important;
  bottom:7% !important;
  z-index:25 !important;
  min-width:405px !important;
  max-width:450px !important;
  height:88px !important;
  padding:13px 19px !important;
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.80) !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.72),
      rgba(246,234,219,.44)
    ) !important;
  -webkit-backdrop-filter: blur(26px) saturate(175%) brightness(1.05) !important;
  backdrop-filter: blur(26px) saturate(175%) brightness(1.05) !important;
  box-shadow:
    0 18px 40px rgba(41,31,23,.20),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  overflow:hidden !important;
}
.hero-app-badge::before{
  content:"";
  position:absolute;
  inset:1px 1px auto 1px;
  height:48%;
  border-radius:19px 19px 55% 55%;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));
}
.hero-app-badge-icon{
  position:relative !important;
  z-index:2 !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#dbb46f,#b98745) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(163,119,65,.28) !important;
}
.hero-app-badge-copy{
  position:relative !important;
  z-index:2 !important;
}
.hero-app-badge-copy strong{
  font-size:14px !important;
  line-height:1.18 !important;
}
.hero-app-badge-copy small{
  margin-top:6px !important;
  font-size:12px !important;
}

/* Social section: real Facebook page */
.social-follow-card[href*="facebook.com"] .follow-icon{
  background:#2f6bd9 !important;
  color:#fff !important;
}

/* Responsive */
@media(max-width:1280px){
  .approved-socials{
    margin-right:-120px !important;
  }
}
@media(max-width:1080px){
  .approved-socials{
    margin-right:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:500px !important;
    max-width:100% !important;
  }
  .approved-socials > a{
    width:100% !important;
  }
}
@media(max-width:620px){
  .approved-socials{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
  .hero-app-badge{
    left:4% !important;
    right:4% !important;
    min-width:0 !important;
    width:auto !important;
  }
}


/* ==========================================================
   SECTION 1 — FIRST OF LAST SENT PICTURES
   ========================================================== */
.chosen-first-hero{background:#fff;overflow:visible}
.chosen-first-shell{
  max-width:1536px;margin:0 auto;min-height:620px;
  display:grid;grid-template-columns:39% 61%;align-items:stretch
}
.chosen-first-copy{
  position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;
  padding:48px 30px 42px 50px;overflow:visible
}
.chosen-first-kicker{
  margin-bottom:24px;font-size:13px;font-weight:900;letter-spacing:.07em;color:#b58c55
}
.chosen-first-kicker::before{
  content:"";display:inline-block;width:28px;height:1px;margin-right:11px;
  vertical-align:middle;background:#b58c55
}
.chosen-first-copy h1{
  margin:0 0 28px;font-size:clamp(56px,4.8vw,76px);line-height:.97;
  letter-spacing:-.045em;color:#111519
}
.chosen-first-copy h1 span{color:#bb935f}
.chosen-first-copy p{
  margin:0;max-width:610px;font-size:18px;line-height:1.55;color:#4a5055
}
.chosen-first-actions{display:flex;gap:16px;margin:34px 0 24px;flex-wrap:wrap}
.chosen-main-btn{
  height:58px;padding:0 24px;border-radius:14px;display:inline-flex;align-items:center;
  gap:12px;font-size:16px;box-shadow:0 10px 28px rgba(44,34,25,.08)
}
.chosen-phone{color:#fff;background:linear-gradient(145deg,#cf9f5d,#ae7f45)}
.chosen-inquiry{
  color:#17191c;border:1px solid rgba(185,158,123,.25);background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)
}

.chosen-contact-row{
  position:relative;z-index:30;width:max-content;display:flex;gap:12px;
  margin-right:-290px;overflow:visible
}
.chosen-glass-card{
  height:68px;display:flex;align-items:center;gap:12px;padding:10px 15px;
  border-radius:18px;border:1px solid rgba(255,255,255,.76);
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(244,232,216,.46));
  -webkit-backdrop-filter:blur(24px) saturate(170%);
  backdrop-filter:blur(24px) saturate(170%);
  box-shadow:0 16px 34px rgba(46,35,25,.15),inset 0 1px 0 rgba(255,255,255,.94);
  color:#13171a
}
.chosen-glass-card:nth-child(1){width:175px}
.chosen-glass-card:nth-child(2){width:165px}
.chosen-glass-card:nth-child(3){width:205px}
.chosen-glass-card:nth-child(4){width:245px}
.chosen-icon{
  width:38px;height:38px;min-width:38px;display:grid;place-items:center;border-radius:50%;
  color:#fff;font-weight:900;box-shadow:0 6px 15px rgba(0,0,0,.12)
}
.chosen-icon.wa{background:#1fc45b}.chosen-icon.vi{background:#6f4fe8}
.chosen-icon.ms{background:#267ce9}.chosen-icon.em{background:#c69a5e}
.chosen-glass-card strong,.chosen-glass-card small{display:block;white-space:nowrap}
.chosen-glass-card strong{font-size:13px;line-height:1.1}
.chosen-glass-card small{margin-top:4px;font-size:10px;line-height:1.1;color:#31363a}

.chosen-first-image{
  position:relative;min-height:620px;overflow:hidden;background:#eee6dc
}
.chosen-first-image img{
  width:100%;height:100%;object-fit:cover;object-position:58% center;display:block;filter:none
}
.chosen-photo-badge{
  position:absolute;right:5%;bottom:7%;min-width:420px;height:90px;
  display:flex;align-items:center;gap:15px;padding:13px 20px;box-sizing:border-box;
  border-radius:20px;border:1px solid rgba(255,255,255,.82);
  background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(237,216,193,.40));
  -webkit-backdrop-filter:blur(26px) saturate(170%);
  backdrop-filter:blur(26px) saturate(170%);
  box-shadow:0 18px 40px rgba(38,29,21,.20),inset 0 1px 0 rgba(255,255,255,.96)
}
.chosen-badge-icon{
  width:50px;height:50px;min-width:50px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(145deg,#d9b16e,#b98747);color:#fff;font-size:23px;font-weight:900
}
.chosen-photo-badge strong,.chosen-photo-badge small{display:block}
.chosen-photo-badge strong{font-size:15px}
.chosen-photo-badge small{margin-top:6px;font-size:13px;color:#60656a}

.chosen-benefits{
  max-width:1536px;min-height:110px;margin:0 auto;display:grid;
  grid-template-columns:repeat(4,1fr);border:1px solid rgba(188,159,120,.16);
  border-radius:18px;background:rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(42,33,25,.06)
}
.chosen-benefit{
  display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 24px;
  border-right:1px solid rgba(188,159,120,.16)
}
.chosen-benefit:last-child{border-right:0}
.chosen-benefit>span{font-size:34px;color:#b88d53}
.chosen-benefit strong,.chosen-benefit small{display:block}
.chosen-benefit strong{font-size:14px}
.chosen-benefit small{margin-top:6px;font-size:11px;color:#73767a}

@media(max-width:1180px){
  .chosen-first-shell{grid-template-columns:1fr}
  .chosen-first-copy{padding:44px 32px 34px}
  .chosen-contact-row{
    margin-right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%
  }
  .chosen-glass-card{width:100% !important}
  .chosen-first-image{min-height:520px}
}
@media(max-width:760px){
  .chosen-first-copy h1{font-size:48px}
  .chosen-contact-row{grid-template-columns:1fr}
  .chosen-benefits{grid-template-columns:1fr 1fr}
  .chosen-benefit:nth-child(2){border-right:0}
  .chosen-benefit:nth-child(-n+2){border-bottom:1px solid rgba(188,159,120,.16)}
}
@media(max-width:520px){
  .chosen-benefits{grid-template-columns:1fr}
  .chosen-benefit{border-right:0;border-bottom:1px solid rgba(188,159,120,.16)}
  .chosen-photo-badge{left:4%;right:4%;min-width:0;width:auto}
}

/* ==========================================================
   2026-08-19 — REBUILT FIRST VIEW TO MATCH APPROVED MOCKUP
   Authoritative overrides for desktop + responsive behavior
   ========================================================== */
:root{--iv-gold:#c79048;--iv-gold-dark:#ae7937;--iv-ink:#111417;--iv-border:#eee5da;--iv-cream:#fbf9f6}
body{overflow-x:hidden;background:#fff}
.header{position:relative!important;top:auto!important;background:#fbfaf8!important;border-bottom:1px solid #eee9e2!important;box-shadow:none!important}
.header .container{width:min(1436px,calc(100% - 64px))!important}
.header-inner{height:120px!important;gap:34px!important}
.header .agreed-brand{min-width:405px!important;gap:17px!important}
.header .agreed-door{width:48px!important;height:68px!important;flex-basis:48px!important}
.header .agreed-brand-copy strong{font-size:31px!important;letter-spacing:.015em!important}
.header .agreed-brand-copy strong span{color:#b79a74!important}
.header .agreed-brand-copy small{font-size:11px!important;letter-spacing:.5em!important;margin-top:8px!important}
.header .agreed-brand-copy em{font-size:8.5px!important;margin-top:8px!important}
.nav{gap:42px!important;font-size:14px!important;font-weight:700!important}
.phone-top{height:60px!important;min-width:238px!important;padding:0 28px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;background:linear-gradient(145deg,#d49d50,#bd833a)!important;color:#fff!important;font-size:18px!important;box-shadow:0 8px 18px rgba(139,94,39,.12)!important}
.phone-svg,.mini-phone-svg{display:inline-grid;place-items:center;flex:0 0 auto}.phone-svg{width:24px;height:24px}.mini-phone-svg{width:23px;height:23px}.phone-svg svg,.mini-phone-svg svg{width:100%;height:100%;display:block}

.chosen-first-hero{background:#fff!important;overflow:visible!important}
.chosen-first-shell{width:min(1536px,100%)!important;max-width:1536px!important;margin:0 auto!important;min-height:612px!important;display:grid!important;grid-template-columns:40.2% 59.8%!important;align-items:stretch!important}
.chosen-first-copy{position:relative!important;z-index:20!important;padding:68px 48px 56px 64px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:visible!important;background:#fff!important}
.chosen-first-kicker{margin:0 0 30px!important;font-size:15px!important;line-height:1!important;font-weight:800!important;letter-spacing:.02em!important;color:#bd853f!important}
.chosen-first-kicker::before{width:32px!important;margin-right:14px!important;background:#c8924c!important}
.chosen-first-copy h1{margin:0 0 28px!important;font-size:58px!important;line-height:1.03!important;letter-spacing:-.035em!important;color:#0e1114!important;font-weight:800!important;white-space:nowrap!important}
.chosen-first-copy h1 span{color:#c48b43!important}
.chosen-first-copy p{margin:0!important;max-width:500px!important;font-size:16px!important;line-height:1.65!important;color:#565c61!important}
.chosen-first-actions{display:flex!important;gap:28px!important;margin:42px 0 34px!important;flex-wrap:nowrap!important}
.chosen-main-btn{height:56px!important;padding:0 25px!important;border-radius:11px!important;gap:14px!important;font-size:15px!important;box-shadow:0 8px 18px rgba(39,30,22,.06)!important;white-space:nowrap!important}
.chosen-phone{min-width:184px!important;background:linear-gradient(145deg,#d49d50,#bd833a)!important}
.chosen-inquiry{min-width:218px!important;background:#fff!important;border:1px solid #e9dfd3!important;box-shadow:0 8px 20px rgba(40,31,23,.05)!important}

.chosen-contact-row{position:relative!important;z-index:40!important;width:100%!important;display:flex!important;gap:18px!important;margin:0!important;overflow:visible!important}
.chosen-glass-card{height:70px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border-radius:13px!important;border:1px solid rgba(239,232,223,.95)!important;background:rgba(255,255,255,.93)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 11px 26px rgba(43,33,24,.08)!important;color:#111417!important}
.chosen-glass-card:nth-child(1){width:152px!important}.chosen-glass-card:nth-child(2){width:148px!important}.chosen-glass-card:nth-child(3){width:180px!important}
.chosen-glass-card.chosen-email{position:absolute!important;left:calc(100% + 15px)!important;bottom:-12px!important;width:238px!important;height:86px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(226,207,184,.52))!important;border:1px solid rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;backdrop-filter:blur(22px) saturate(145%)!important;box-shadow:0 16px 34px rgba(51,38,27,.15),inset 0 1px 0 rgba(255,255,255,.95)!important;padding:13px 18px!important}
.chosen-icon{width:36px!important;height:36px!important;min-width:36px!important;box-shadow:0 5px 12px rgba(0,0,0,.12)!important}.chosen-email .chosen-icon{width:45px!important;height:45px!important;min-width:45px!important}.chosen-icon svg{width:21px!important;height:21px!important}.chosen-email .chosen-icon svg{width:24px!important;height:24px!important}
.chosen-glass-card strong{font-size:12px!important;line-height:1.05!important}.chosen-glass-card small{font-size:9px!important;line-height:1.1!important;margin-top:4px!important}.chosen-email strong{font-size:14px!important}.chosen-email small{font-size:12px!important}

.chosen-first-image{position:relative!important;min-height:612px!important;overflow:hidden!important;background:#ede4d8!important}
.chosen-first-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:54% center!important;display:block!important;filter:none!important}
.chosen-photo-badge{position:absolute!important;right:6.5%!important;bottom:8.4%!important;min-width:0!important;width:440px!important;height:104px!important;padding:15px 22px!important;gap:17px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.78)!important;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(219,193,164,.50))!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;backdrop-filter:blur(24px) saturate(150%)!important;box-shadow:0 18px 40px rgba(46,32,21,.18),inset 0 1px 0 rgba(255,255,255,.92)!important;color:#fff!important}
.chosen-badge-icon{width:56px!important;height:56px!important;min-width:56px!important;background:linear-gradient(145deg,#d9a755,#bd7f31)!important;color:#fff!important;font-size:26px!important}
.chosen-photo-badge strong{font-size:16px!important;color:#fff!important;text-shadow:0 1px 2px rgba(57,42,28,.18)!important}.chosen-photo-badge small{margin-top:8px!important;font-size:14px!important;color:#fff!important}

.chosen-benefits{width:min(1488px,calc(100% - 48px))!important;max-width:1488px!important;min-height:124px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;border:1px solid #eee5da!important;border-radius:16px!important;background:#fffdfa!important;box-shadow:0 7px 18px rgba(40,31,23,.03)!important;transform:translateY(-1px)!important;position:relative!important;z-index:10!important}
.chosen-benefit{justify-content:flex-start!important;gap:20px!important;padding:23px 54px!important;border-right:1px solid #eee5da!important}.chosen-benefit:last-child{border-right:0!important}.benefit-icon{width:51px!important;height:51px!important;min-width:51px!important;color:#c58d43!important;display:grid!important;place-items:center!important}.benefit-icon svg{width:100%!important;height:100%!important;display:block!important}.chosen-benefit strong{font-size:16px!important}.chosen-benefit small{font-size:12px!important;margin-top:6px!important;color:#686e73!important}

.chosen-social-strip{width:min(1488px,calc(100% - 48px));max-width:1488px;min-height:106px;margin:20px auto 0;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border:1px solid #eee5da;border-radius:16px;background:#fffdfa;box-shadow:0 7px 18px rgba(40,31,23,.025)}
.chosen-social-copy strong,.chosen-social-copy small{display:block}.chosen-social-copy strong{font-size:17px}.chosen-social-copy small{margin-top:8px;font-size:12px;color:#697076}
.chosen-social-links{display:flex;align-items:center;gap:64px}.chosen-social-links a,.social-coming{display:flex;align-items:center;gap:14px;min-width:180px}.chosen-social-links strong,.chosen-social-links small{display:block}.chosen-social-links strong{font-size:13px}.chosen-social-links small{font-size:11px;margin-top:4px;color:#676d72}.follow-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:800}.follow-icon.fb{background:#2768ce;font-family:Arial}.follow-icon.ig{background:radial-gradient(circle at 33% 100%,#f8ce54 0 20%,#f05142 35%,#c72a7b 58%,#5b40d4 100%);font-size:25px}

/* Preserve full website sections but keep first viewport proportional. */
.services-section{margin-top:0!important}

@media(min-width:1537px){
  .chosen-first-shell{border-left:1px solid #f4efe9;border-right:1px solid #f4efe9}
}
@media(max-width:1280px){
  .header .container{width:calc(100% - 40px)!important}.header .agreed-brand{min-width:320px!important}.nav{gap:24px!important}.phone-top{min-width:190px!important;padding:0 20px!important;font-size:15px!important}
  .chosen-first-copy{padding-left:44px!important;padding-right:30px!important}.chosen-first-copy h1{font-size:50px!important}.chosen-first-copy p{font-size:14px!important}.chosen-first-actions{gap:12px!important}.chosen-main-btn{padding:0 18px!important}.chosen-contact-row{gap:10px!important}.chosen-glass-card:nth-child(1){width:140px!important}.chosen-glass-card:nth-child(2){width:136px!important}.chosen-glass-card:nth-child(3){width:166px!important}.chosen-glass-card.chosen-email{left:calc(100% + 8px)!important;width:215px!important}.chosen-photo-badge{width:390px!important}
  .chosen-benefit{padding:22px 32px!important}
}
@media(max-width:1080px){
  .nav{display:none!important}.header .agreed-brand{margin-right:auto!important}
  .chosen-first-shell{grid-template-columns:1fr!important}.chosen-first-copy{padding:48px 38px 38px!important}.chosen-first-copy h1{white-space:normal!important}.chosen-contact-row{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.chosen-glass-card{width:100%!important}.chosen-glass-card.chosen-email{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;height:70px!important}.chosen-first-image{min-height:520px!important}.chosen-benefits{grid-template-columns:repeat(2,1fr)!important}.chosen-benefit:nth-child(2){border-right:0!important}.chosen-benefit:nth-child(-n+2){border-bottom:1px solid #eee5da!important}.chosen-social-strip{padding:24px 32px!important;gap:30px}.chosen-social-links{gap:26px}
}
@media(max-width:720px){
  .header-inner{height:84px!important}.header .agreed-door{width:32px!important;height:46px!important;flex-basis:32px!important}.header .agreed-brand-copy strong{font-size:21px!important}.header .agreed-brand-copy small{font-size:7px!important;margin-top:5px!important}.phone-top{min-width:0!important;height:44px!important;padding:0 13px!important;font-size:12px!important}.phone-top .phone-svg{width:17px;height:17px}.chosen-first-copy{padding:38px 24px 32px!important}.chosen-first-kicker{font-size:11px!important;margin-bottom:20px!important}.chosen-first-copy h1{font-size:43px!important}.chosen-first-copy p br{display:none}.chosen-first-copy p{font-size:14px!important}.chosen-first-actions{margin:28px 0 22px!important;gap:10px!important;flex-wrap:wrap!important}.chosen-main-btn{height:50px!important;font-size:13px!important;min-width:0!important}.chosen-contact-row{grid-template-columns:1fr!important}.chosen-first-image{min-height:430px!important}.chosen-photo-badge{left:18px!important;right:18px!important;bottom:18px!important;width:auto!important;height:auto!important;min-height:88px!important}.chosen-benefits{width:calc(100% - 28px)!important;grid-template-columns:1fr!important}.chosen-benefit{border-right:0!important;border-bottom:1px solid #eee5da!important;padding:20px 28px!important}.chosen-benefit:last-child{border-bottom:0!important}.chosen-social-strip{width:calc(100% - 28px)!important;min-height:0!important;align-items:flex-start!important;flex-direction:column!important;padding:24px!important}.chosen-social-links{width:100%;justify-content:space-between;gap:16px}.chosen-social-links a,.social-coming{min-width:0}.follow-icon{width:40px;height:40px}.chosen-social-copy small{line-height:1.4}
}


/* ===== 2026-08-19 POLISHED FIRST VIEW — clean alignment, no duplicates ===== */
@media (min-width:1081px){
  .header .container{width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important}
  .header-inner{height:88px!important;gap:28px!important}
  .header .agreed-brand{min-width:340px!important;gap:13px!important}
  .header .agreed-door{width:38px!important;height:54px!important;flex-basis:38px!important}
  .header .agreed-brand-copy strong{font-size:27px!important}
  .header .agreed-brand-copy small{font-size:9px!important;margin-top:5px!important}
  .header .agreed-brand-copy em{font-size:7.3px!important;margin-top:5px!important}
  .nav{gap:34px!important;font-size:12px!important}
  .phone-top{height:48px!important;min-width:190px!important;padding:0 22px!important;font-size:15px!important;border-radius:9px!important;gap:12px!important}
  .phone-svg{width:20px!important;height:20px!important}

  .chosen-first-shell{width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important;height:540px!important;min-height:540px!important;grid-template-columns:40% 60%!important;border-left:1px solid #f1ece6!important;border-right:1px solid #f1ece6!important}
  .chosen-first-copy{padding:54px 34px 34px 48px!important;justify-content:flex-start!important}
  .chosen-first-kicker{font-size:12px!important;margin-bottom:25px!important;letter-spacing:.025em!important}
  .chosen-first-kicker::before{width:24px!important;margin-right:11px!important}
  .chosen-first-copy h1{font-size:50px!important;line-height:1.02!important;margin-bottom:24px!important;letter-spacing:-.035em!important}
  .chosen-first-copy p{font-size:13.5px!important;line-height:1.65!important;max-width:430px!important}
  .chosen-first-actions{margin:30px 0 25px!important;gap:14px!important}
  .chosen-main-btn{height:48px!important;border-radius:9px!important;font-size:12px!important;padding:0 18px!important;gap:10px!important}
  .chosen-phone{min-width:154px!important}.chosen-inquiry{min-width:184px!important}
  .mini-phone-svg{width:18px!important;height:18px!important}

  .chosen-contact-row{gap:10px!important;width:auto!important;margin:0!important;display:flex!important;position:relative!important}
  .chosen-glass-card{height:58px!important;border-radius:10px!important;padding:8px 11px!important;gap:9px!important;box-shadow:0 8px 20px rgba(43,33,24,.06)!important}
  .chosen-glass-card:nth-child(1){width:126px!important}.chosen-glass-card:nth-child(2){width:122px!important}.chosen-glass-card:nth-child(3){width:145px!important}
  .chosen-glass-card.chosen-email{display:none!important}
  .chosen-icon{width:30px!important;height:30px!important;min-width:30px!important}.chosen-icon svg{width:18px!important;height:18px!important}
  .chosen-glass-card strong{font-size:10px!important}.chosen-glass-card small{font-size:7.5px!important;margin-top:3px!important}

  .chosen-first-image{height:540px!important;min-height:540px!important;overflow:hidden!important}
  .chosen-first-image img{position:absolute!important;inset:0 auto 0 -22px!important;width:calc(100% + 22px)!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
  .chosen-photo-badge{display:none!important}

  .chosen-benefits{width:min(1280px,calc(100% - 80px))!important;max-width:1280px!important;min-height:92px!important;height:92px!important;margin:0 auto!important;border-radius:13px!important;transform:none!important}
  .chosen-benefit{padding:15px 30px!important;gap:15px!important;justify-content:flex-start!important}
  .benefit-icon{width:39px!important;height:39px!important;min-width:39px!important}
  .chosen-benefit strong{font-size:12px!important}.chosen-benefit small{font-size:9px!important;margin-top:4px!important}

  .chosen-social-strip{width:min(1280px,calc(100% - 80px))!important;max-width:1280px!important;min-height:72px!important;height:72px!important;margin:12px auto 0!important;padding:0 36px!important;border-radius:13px!important}
  .chosen-social-copy strong{font-size:13px!important}.chosen-social-copy small{font-size:9px!important;margin-top:4px!important}
  .chosen-social-links{gap:38px!important}.chosen-social-links a,.social-coming{min-width:145px!important;gap:10px!important}
  .follow-icon{width:34px!important;height:34px!important;font-size:21px!important}.follow-icon.ig{font-size:19px!important}
  .chosen-social-links strong{font-size:10px!important}.chosen-social-links small{font-size:8px!important;margin-top:3px!important}
}

@media (min-width:1081px) and (max-width:1250px){
 .header .container,.chosen-first-shell{width:calc(100% - 28px)!important}
 .header .agreed-brand{min-width:290px!important}.nav{gap:18px!important}.phone-top{min-width:166px!important}
 .chosen-first-copy{padding-left:34px!important;padding-right:24px!important}.chosen-first-copy h1{font-size:44px!important}.chosen-first-copy p{font-size:12.5px!important}
 .chosen-contact-row{gap:7px!important}.chosen-glass-card:nth-child(1){width:116px!important}.chosen-glass-card:nth-child(2){width:112px!important}.chosen-glass-card:nth-child(3){width:134px!important}
 .chosen-benefit{padding:14px 20px!important}
}

/* ===== 2026-08-19 FINAL GLASS LINE ALIGNMENT ===== */
@media (min-width:1081px){
  .chosen-first-shell{position:relative!important;overflow:visible!important}
  .chosen-first-copy{padding-bottom:128px!important}

  .chosen-glass-line{
    position:absolute!important;
    left:42px!important;
    right:42px!important;
    bottom:34px!important;
    z-index:80!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    height:64px!important;
    pointer-events:none;
  }
  .chosen-glass-line a,.chosen-glass-line .chosen-photo-badge-line{pointer-events:auto}

  .chosen-contact-row-line{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:auto!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  .chosen-contact-row-line .chosen-glass-card{
    position:static!important;
    display:flex!important;
    height:64px!important;
    min-height:64px!important;
    border-radius:13px!important;
    padding:9px 12px!important;
    gap:10px!important;
    background:rgba(255,255,255,.76)!important;
    border:1px solid rgba(255,255,255,.88)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    box-shadow:0 12px 28px rgba(52,39,27,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  .chosen-contact-row-line .chosen-glass-card:nth-child(1){width:128px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(2){width:124px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(3){width:150px!important}
  .chosen-contact-row-line .chosen-glass-card.chosen-email{
    display:flex!important;
    width:214px!important;
    height:64px!important;
    min-height:64px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(226,207,184,.54))!important;
  }
  .chosen-contact-row-line .chosen-icon,
  .chosen-contact-row-line .chosen-email .chosen-icon{
    width:34px!important;height:34px!important;min-width:34px!important;
  }
  .chosen-contact-row-line .chosen-icon svg,
  .chosen-contact-row-line .chosen-email .chosen-icon svg{width:19px!important;height:19px!important}
  .chosen-contact-row-line .chosen-glass-card strong,
  .chosen-contact-row-line .chosen-email strong{font-size:11px!important;line-height:1.05!important}
  .chosen-contact-row-line .chosen-glass-card small,
  .chosen-contact-row-line .chosen-email small{font-size:8px!important;line-height:1.1!important;margin-top:4px!important}
  .chosen-contact-row-line .chosen-email small{font-size:9px!important}

  .chosen-photo-badge-line{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:300px!important;
    width:auto!important;
    height:64px!important;
    min-height:64px!important;
    padding:9px 15px!important;
    gap:12px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(202,166,126,.54))!important;
    border:1px solid rgba(255,255,255,.88)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
    backdrop-filter:blur(18px) saturate(140%)!important;
    box-shadow:0 12px 28px rgba(52,39,27,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
    color:#fff!important;
  }
  .chosen-photo-badge-line .chosen-badge-icon{
    width:38px!important;height:38px!important;min-width:38px!important;
    font-size:20px!important;
  }
  .chosen-photo-badge-line strong{font-size:12px!important;line-height:1.1!important;color:#fff!important;white-space:nowrap!important}
  .chosen-photo-badge-line small{font-size:10px!important;line-height:1.1!important;margin-top:4px!important;color:#fff!important}
}

@media (min-width:1081px) and (max-width:1250px){
  .chosen-glass-line{left:26px!important;right:26px!important;gap:7px!important}
  .chosen-contact-row-line{gap:7px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(1){width:112px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(2){width:108px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(3){width:130px!important}
  .chosen-contact-row-line .chosen-glass-card.chosen-email{width:184px!important}
  .chosen-photo-badge-line{min-width:270px!important;padding-left:12px!important;padding-right:12px!important}
  .chosen-photo-badge-line strong{font-size:11px!important}
}

@media (max-width:1080px){
  .chosen-glass-line{display:block!important}
  .chosen-contact-row-line{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .chosen-contact-row-line .chosen-glass-card{width:100%!important}
  .chosen-photo-badge-line{margin-top:14px!important}
}


/* ===== POLISHED SINGLE-LINE CONTACTS — KEEP APPROVED HERO IMAGE ===== */
@media (min-width:1081px){
  .chosen-first-shell{position:relative!important;overflow:visible!important}
  .chosen-first-copy{padding-bottom:138px!important}

  /* Only the three live contact cards are rendered here. Email + quality badge stay
     exactly as supplied inside the approved hero image, avoiding duplicate glass layers. */
  .chosen-glass-line{
    position:absolute!important;
    left:58px!important;
    right:auto!important;
    bottom:51px!important;
    z-index:85!important;
    height:82px!important;
    display:block!important;
    pointer-events:none!important;
  }
  .chosen-contact-row-line{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:auto!important;
    height:82px!important;
    margin:0!important;
    pointer-events:auto!important;
  }
  .chosen-contact-row-line .chosen-glass-card{
    position:static!important;
    height:82px!important;
    min-height:82px!important;
    padding:11px 14px!important;
    gap:11px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(250,247,243,.82))!important;
    border:1px solid rgba(233,225,216,.95)!important;
    -webkit-backdrop-filter:blur(17px) saturate(130%)!important;
    backdrop-filter:blur(17px) saturate(130%)!important;
    box-shadow:0 14px 30px rgba(49,38,28,.10),inset 0 1px 0 rgba(255,255,255,.98)!important;
    color:#121519!important;
    box-sizing:border-box!important;
  }
  .chosen-contact-row-line .chosen-glass-card:nth-child(1){width:145px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(2){width:140px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(3){width:174px!important}

  .chosen-contact-row-line .chosen-icon{
    width:39px!important;height:39px!important;min-width:39px!important;
    box-shadow:0 7px 18px rgba(34,31,28,.10)!important;
  }
  .chosen-contact-row-line .chosen-icon svg{width:21px!important;height:21px!important}
  .chosen-contact-row-line .chosen-glass-card strong{font-size:12px!important;line-height:1.05!important}
  .chosen-contact-row-line .chosen-glass-card small{font-size:8.5px!important;line-height:1.15!important;margin-top:5px!important;color:#464b4f!important}

  /* Make the baked-in Email card clickable without changing its appearance. */
  .hero-email-hotspot{
    position:absolute!important;
    left:4.5%!important;
    bottom:8.2%!important;
    width:28.5%!important;
    height:14.8%!important;
    z-index:70!important;
    border-radius:18px!important;
  }
}

@media (min-width:1081px) and (max-width:1250px){
  .chosen-glass-line{left:32px!important;bottom:48px!important;transform:scale(.91)!important;transform-origin:left bottom!important}
}

@media (max-width:1080px){
  .hero-email-hotspot{display:none!important}
}

/* ===== FINAL: REMOVE CONTACT-ROW BACKGROUND LAYER ===== */
@media (min-width:1081px){
  .chosen-glass-line,
  .chosen-contact-row-line{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  /* Keep only the three individual contact cards visible on the left. */
  .chosen-contact-row-line .chosen-glass-card{
    background:rgba(255,255,255,.94) !important;
  }
  .chosen-contact-row-line .chosen-email,
  .chosen-photo-badge-line{
    display:none !important;
  }
}

/* ===== POSITION ONLY — KEEP PREVIOUS VERSION UNCHANGED ===== */
@media (min-width:1251px){
  .chosen-glass-line{
    bottom:31px !important;
  }
}
@media (min-width:1081px) and (max-width:1250px){
  .chosen-glass-line{
    bottom:28px !important;
  }
}

/* ===== FINAL POLISH REQUEST: LEFT SHIFT + MATCH CARD SIZES ===== */
@media (min-width:1251px){
  .chosen-glass-line{left:38px!important;bottom:31px!important}
  .chosen-contact-row-line{gap:8px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(1),
  .chosen-contact-row-line .chosen-glass-card:nth-child(2),
  .chosen-contact-row-line .chosen-glass-card:nth-child(3){width:138px!important;height:78px!important;min-height:78px!important}
  .chosen-contact-row-line .chosen-icon{width:38px!important;height:38px!important;min-width:38px!important}
  .chosen-contact-row-line .chosen-icon.wa svg{width:23px!important;height:23px!important;display:block!important}
}


/* =========================================================
   REFINED CONTACT STRIP — FINAL
   All five cards are real HTML, same family / same height.
   ========================================================= */
@media (min-width:1081px){
  .chosen-first-shell{
    position:relative !important;
    overflow:hidden !important;
  }

  .chosen-first-image{
    overflow:hidden !important;
  }

  .chosen-first-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 37% !important;
    transform:scale(1.035) !important;
  }

  .chosen-first-copy{
    padding-bottom:132px !important;
  }

  .chosen-glass-line.refined-five-row{
    position:absolute !important;
    left:34px !important;
    right:34px !important;
    bottom:28px !important;
    height:78px !important;
    z-index:90 !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    transform:none !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:grid !important;
    grid-template-columns:170px 170px 184px 205px minmax(265px,1fr) !important;
    gap:10px !important;
    width:100% !important;
    height:78px !important;
    align-items:stretch !important;
    margin:0 !important;
    transform:none !important;
  }

  .refined-five-row .chosen-glass-card{
    width:auto !important;
    height:78px !important;
    min-height:78px !important;
    margin:0 !important;
    padding:11px 14px !important;
    border-radius:17px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    text-decoration:none !important;
    color:#121519 !important;
    background:rgba(255,255,255,.91) !important;
    border:1px solid rgba(222,211,199,.88) !important;
    box-shadow:0 12px 28px rgba(52,41,30,.11), inset 0 1px 0 rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter:blur(15px) saturate(125%) !important;
    backdrop-filter:blur(15px) saturate(125%) !important;
  }

  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    background:linear-gradient(135deg,rgba(242,230,213,.78),rgba(226,204,179,.72)) !important;
    border-color:rgba(255,255,255,.7) !important;
    color:#161616 !important;
  }

  .refined-five-row .refined-quality{
    min-width:0 !important;
  }

  .refined-five-row .chosen-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:0 7px 17px rgba(32,28,24,.11) !important;
  }

  .refined-five-row .chosen-icon svg{
    width:23px !important;
    height:23px !important;
    display:block !important;
  }

  .refined-five-row .chosen-icon.wa{
    color:#fff !important;
    background:#21c768 !important;
  }
  .refined-five-row .chosen-icon.wa svg{
    width:25px !important;
    height:25px !important;
  }
  .refined-five-row .chosen-icon.vi{
    color:#fff !important;
    background:#7353ea !important;
  }
  .refined-five-row .chosen-icon.ms{
    color:#fff !important;
    background:#2d87ed !important;
  }
  .refined-five-row .chosen-icon.em,
  .refined-five-row .chosen-icon.quality{
    color:#fff !important;
    background:#c99143 !important;
  }

  .refined-five-row .chosen-glass-card > span:last-child{
    min-width:0 !important;
    display:block !important;
  }
  .refined-five-row .chosen-glass-card strong{
    display:block !important;
    font-size:12.5px !important;
    line-height:1.12 !important;
    white-space:nowrap !important;
  }
  .refined-five-row .chosen-glass-card small{
    display:block !important;
    margin-top:5px !important;
    font-size:9px !important;
    line-height:1.12 !important;
    color:#4b4e50 !important;
    white-space:nowrap !important;
  }
  .refined-five-row .refined-quality strong{
    font-size:12.5px !important;
  }
  .refined-five-row .refined-quality small{
    font-size:10px !important;
  }

  .hero-email-hotspot{display:none !important;}
}

@media (min-width:1081px) and (max-width:1320px){
  .chosen-glass-line.refined-five-row{
    left:22px !important;
    right:22px !important;
  }
  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:155px 155px 168px 190px minmax(235px,1fr) !important;
    gap:8px !important;
  }
  .refined-five-row .chosen-glass-card{
    padding:10px 11px !important;
    gap:10px !important;
  }
  .refined-five-row .chosen-icon{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
  }
}

@media (max-width:1080px){
  .chosen-first-image img{
    object-fit:cover !important;
    object-position:center center !important;
  }

  .chosen-glass-line.refined-five-row{
    position:static !important;
    height:auto !important;
    margin:16px 18px 0 !important;
    background:transparent !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    height:auto !important;
  }

  .refined-five-row .chosen-glass-card{
    width:100% !important;
    height:74px !important;
    min-height:74px !important;
    border-radius:16px !important;
  }

  .refined-five-row .refined-quality{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:620px){
  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:1fr !important;
  }
  .refined-five-row .refined-quality{
    grid-column:auto !important;
  }
}


/* FINAL POLISH requested 19 Aug */
@media (min-width:1081px){
  .chosen-glass-line.refined-five-row{
    left:18px !important;
    right:28px !important;
    bottom:27px !important;
    height:82px !important;
  }

  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:178px 178px 192px 215px 245px !important;
    justify-content:start !important;
    gap:11px !important;
    height:82px !important;
  }

  .refined-five-row .chosen-glass-card{
    height:82px !important;
    min-height:82px !important;
    padding:12px 15px !important;
    gap:13px !important;
    border-radius:18px !important;
  }

  .refined-five-row .chosen-glass-card strong{
    font-size:14.5px !important;
    line-height:1.12 !important;
    font-weight:700 !important;
  }

  .refined-five-row .chosen-glass-card small{
    font-size:11px !important;
    line-height:1.15 !important;
    margin-top:5px !important;
    color:#3e4143 !important;
  }

  .refined-five-row .chosen-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }

  .refined-five-row .chosen-icon svg{
    width:25px !important;
    height:25px !important;
  }

  .refined-five-row .chosen-icon.vi svg{
    width:27px !important;
    height:27px !important;
  }

  /* More transparent glass over the photograph */
  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    background:linear-gradient(
      135deg,
      rgba(246,236,224,.56),
      rgba(215,181,143,.48)
    ) !important;
    border:1px solid rgba(255,255,255,.78) !important;
    box-shadow:
      0 12px 26px rgba(50,36,22,.13),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
    -webkit-backdrop-filter:blur(17px) saturate(120%) !important;
    backdrop-filter:blur(17px) saturate(120%) !important;
  }

  .refined-five-row .refined-quality{
    width:245px !important;
    min-width:245px !important;
  }

  .refined-five-row .refined-quality strong{
    font-size:14px !important;
  }

  .refined-five-row .refined-quality small{
    font-size:11.5px !important;
  }
}

@media (min-width:1081px) and (max-width:1320px){
  .chosen-glass-line.refined-five-row{
    left:12px !important;
    right:16px !important;
  }
  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:165px 165px 178px 202px 225px !important;
    gap:8px !important;
  }
  .refined-five-row .refined-quality{
    width:225px !important;
    min-width:225px !important;
  }
  .refined-five-row .chosen-glass-card strong{
    font-size:13.5px !important;
  }
  .refined-five-row .chosen-glass-card small{
    font-size:10px !important;
  }
}


/* =========================================================
   FINAL — preserve previous approved look.
   Only Email + Clean Installation placement/width adjusted.
   ========================================================= */
@media (min-width:1081px){
  .chosen-glass-line.refined-five-row{
    left:18px !important;
    right:28px !important;
    bottom:27px !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:grid !important;
    grid-template-columns:178px 178px 192px 245px 285px !important;
    column-gap:11px !important;
    align-items:stretch !important;
    justify-content:start !important;
  }

  /* Leave a visible separation after the 3 communication cards,
     placing Email clearly inside the photo area. */
  .refined-five-row .refined-email{
    width:245px !important;
    min-width:245px !important;
    margin-left:30px !important;
  }

  /* Slightly elongated but not oversized. */
  .refined-five-row .refined-quality{
    width:285px !important;
    min-width:285px !important;
    margin-left:7px !important;
  }

  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    height:82px !important;
    min-height:82px !important;
    border-radius:18px !important;
    background:linear-gradient(
      135deg,
      rgba(246,236,224,.53),
      rgba(215,181,143,.45)
    ) !important;
    border:1px solid rgba(255,255,255,.8) !important;
    -webkit-backdrop-filter:blur(17px) saturate(120%) !important;
    backdrop-filter:blur(17px) saturate(120%) !important;
  }
}

@media (min-width:1081px) and (max-width:1320px){
  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:160px 160px 174px 220px 255px !important;
    column-gap:8px !important;
  }
  .refined-five-row .refined-email{
    width:220px !important;
    min-width:220px !important;
    margin-left:18px !important;
  }
  .refined-five-row .refined-quality{
    width:255px !important;
    min-width:255px !important;
    margin-left:4px !important;
  }
}


/* =========================================================
   EXACT CONTACT ROW — final requested version
   - clean hero photo (no old baked quality card)
   - all 5 cards on one baseline
   - consistent gaps
   - first 3 neatly fitted
   - Email / Clean Installation transparent and on photo
   ========================================================= */

@media (min-width: 1081px) {
  .chosen-first-shell{
    position:relative !important;
    overflow:hidden !important;
  }

  .chosen-first-image{
    overflow:hidden !important;
  }

  .chosen-first-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }

  .chosen-first-copy{
    padding-bottom:132px !important;
  }

  .chosen-glass-line.refined-five-row{
    position:absolute !important;
    left:46px !important;
    right:46px !important;
    bottom:30px !important;
    height:86px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:100 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    transform:none !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:grid !important;
    grid-template-columns:
      minmax(170px, 1fr)
      minmax(170px, 1fr)
      minmax(188px, 1.08fr)
      minmax(220px, 1.28fr)
      minmax(220px, 1.28fr) !important;
    gap:16px !important;
    align-items:stretch !important;
    width:100% !important;
    height:86px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  .refined-five-row .chosen-glass-card{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:86px !important;
    min-height:86px !important;
    margin:0 !important;
    padding:13px 16px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:13px !important;
    border-radius:18px !important;
    text-decoration:none !important;
    overflow:hidden !important;
  }

  /* First three: clean white contact cards */
  .refined-five-row .contact-card-primary{
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(223,213,202,.95) !important;
    box-shadow:
      0 12px 27px rgba(42,35,28,.10),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    color:#151719 !important;
  }

  /* Email + quality: transparent glass, same shape/height */
  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    background:
      linear-gradient(135deg,
        rgba(239,220,198,.50),
        rgba(202,161,118,.34)
      ) !important;
    border:1px solid rgba(255,255,255,.78) !important;
    box-shadow:
      0 11px 26px rgba(54,39,23,.13),
      inset 0 1px 0 rgba(255,255,255,.70) !important;
    -webkit-backdrop-filter:blur(17px) saturate(122%) !important;
    backdrop-filter:blur(17px) saturate(122%) !important;
    color:#171717 !important;
  }

  /* Remove old width/margin experiments completely */
  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /* Icon circles */
  .refined-five-row .chosen-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 46px !important;
    box-shadow:0 7px 17px rgba(40,32,25,.12) !important;
  }

  .refined-five-row .chosen-icon svg{
    width:26px !important;
    height:26px !important;
    display:block !important;
  }

  .refined-five-row .chosen-icon.wa{
    background:#20c86a !important;
    color:white !important;
  }
  .refined-five-row .chosen-icon.vi{
    background:#7355e8 !important;
    color:white !important;
  }
  .refined-five-row .chosen-icon.ms{
    background:#2d86ed !important;
    color:white !important;
  }
  .refined-five-row .chosen-icon.em,
  .refined-five-row .chosen-icon.quality{
    background:#ca913f !important;
    color:white !important;
  }

  /* Precise text fitting inside the cards */
  .refined-five-row .chosen-glass-card > span:last-child{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .refined-five-row .chosen-glass-card strong{
    display:block !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.16 !important;
    font-weight:700 !important;
    color:inherit !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .refined-five-row .chosen-glass-card small{
    display:block !important;
    margin-top:5px !important;
    font-size:11.5px !important;
    line-height:1.15 !important;
    font-weight:500 !important;
    color:#45484a !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .refined-five-row .refined-email strong,
  .refined-five-row .refined-quality strong{
    font-size:15px !important;
  }

  .refined-five-row .refined-email small,
  .refined-five-row .refined-quality small{
    font-size:11.5px !important;
    color:#373737 !important;
  }

  .hero-email-hotspot{
    display:none !important;
  }
}

/* Make the row remain balanced on common laptop widths */
@media (min-width:1081px) and (max-width:1380px){
  .chosen-glass-line.refined-five-row{
    left:30px !important;
    right:30px !important;
  }

  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:
      minmax(150px, 1fr)
      minmax(150px, 1fr)
      minmax(166px, 1.08fr)
      minmax(195px, 1.25fr)
      minmax(195px, 1.25fr) !important;
    gap:11px !important;
  }

  .refined-five-row .chosen-glass-card{
    padding:12px 13px !important;
    gap:10px !important;
  }

  .refined-five-row .chosen-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
  }

  .refined-five-row .chosen-glass-card strong{
    font-size:13.5px !important;
  }

  .refined-five-row .chosen-glass-card small{
    font-size:10px !important;
  }
}

/* Tablet/mobile: stack safely rather than overlap */
@media (max-width:1080px){
  .chosen-glass-line.refined-five-row{
    position:static !important;
    height:auto !important;
    margin:16px 18px 0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    height:auto !important;
  }

  .refined-five-row .chosen-glass-card{
    width:100% !important;
    height:78px !important;
    min-height:78px !important;
    margin:0 !important;
  }

  .refined-five-row .refined-quality{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:620px){
  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:1fr !important;
  }

  .refined-five-row .refined-quality{
    grid-column:auto !important;
  }
}


/* =========================================================
   APPROVED HERO COMPOSITION — FINAL
   ========================================================= */
@media (min-width:1081px){
  .chosen-first-shell{
    grid-template-columns:41% 59% !important;
    position:relative !important;
    overflow:hidden !important;
  }

  .chosen-first-copy{
    position:relative !important;
    z-index:3 !important;
    padding-bottom:135px !important;
  }

  .chosen-first-image{
    position:relative !important;
    z-index:1 !important;
    overflow:hidden !important;
  }

  .chosen-first-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }

  .chosen-glass-line.refined-five-row{
    position:absolute !important;
    left:34px !important;
    right:34px !important;
    bottom:28px !important;
    height:88px !important;
    z-index:20 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:grid !important;
    grid-template-columns:185px 185px 198px 232px 232px !important;
    gap:15px !important;
    align-items:stretch !important;
    justify-content:start !important;
    height:88px !important;
    width:max-content !important;
    max-width:calc(100% - 4px) !important;
  }

  .refined-five-row .chosen-glass-card{
    width:100% !important;
    min-width:0 !important;
    height:88px !important;
    min-height:88px !important;
    margin:0 !important;
    padding:14px 16px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    gap:13px !important;
    overflow:hidden !important;
  }

  /* WhatsApp + Viber remain clearly on the white panel */
  .refined-five-row .contact-whatsapp,
  .refined-five-row .contact-viber{
    background:rgba(255,255,255,.95) !important;
    border:1px solid rgba(223,213,202,.92) !important;
    box-shadow:0 11px 26px rgba(43,35,28,.10) !important;
  }

  /* Messenger sits at the transition and is more transparent */
  .refined-five-row .contact-messenger{
    background:rgba(255,255,255,.68) !important;
    border:1px solid rgba(255,255,255,.72) !important;
    box-shadow:0 10px 24px rgba(43,35,28,.09) !important;
    -webkit-backdrop-filter:blur(11px) saturate(110%) !important;
    backdrop-filter:blur(11px) saturate(110%) !important;
  }

  /* Email + Clean installation: image must remain clearly visible */
  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    background:linear-gradient(
      135deg,
      rgba(239,216,190,.27),
      rgba(190,145,101,.18)
    ) !important;
    border:1px solid rgba(255,255,255,.63) !important;
    box-shadow:
      0 9px 22px rgba(43,31,20,.07),
      inset 0 1px 0 rgba(255,255,255,.50) !important;
    -webkit-backdrop-filter:blur(9px) saturate(108%) !important;
    backdrop-filter:blur(9px) saturate(108%) !important;
  }

  .refined-five-row .chosen-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    flex:0 0 46px !important;
  }

  .refined-five-row .chosen-glass-card strong{
    font-size:15px !important;
    line-height:1.15 !important;
  }

  .refined-five-row .chosen-glass-card small{
    font-size:11px !important;
    line-height:1.15 !important;
    margin-top:5px !important;
  }
}

/* Fit common laptop screens without changing the composition */
@media (min-width:1081px) and (max-width:1450px){
  .chosen-first-shell{
    grid-template-columns:40% 60% !important;
  }

  .chosen-glass-line.refined-five-row{
    left:24px !important;
    right:24px !important;
  }

  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:165px 165px 178px 210px 210px !important;
    gap:10px !important;
  }

  .refined-five-row .chosen-glass-card{
    padding:12px 13px !important;
    gap:10px !important;
  }

  .refined-five-row .chosen-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
  }

  .refined-five-row .chosen-glass-card strong{
    font-size:13.5px !important;
  }

  .refined-five-row .chosen-glass-card small{
    font-size:10px !important;
  }
}


/* =========================================================
   FINAL CONTACT ROW — exact discussed layout
   ========================================================= */
@media (min-width:1081px){

  /* Keep the door photo wide, as in the earlier approved version */
  .chosen-first-shell{
    grid-template-columns:40% 60% !important;
    position:relative !important;
    overflow:hidden !important;
  }

  .chosen-first-image{
    overflow:hidden !important;
  }

  .chosen-first-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }

  .chosen-first-copy{
    padding-bottom:135px !important;
  }

  .chosen-glass-line.refined-five-row{
    position:absolute !important;
    left:20px !important;
    right:24px !important;
    bottom:28px !important;
    height:86px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:100 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    transform:none !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:flex !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    width:100% !important;
    height:86px !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  /* First three: same compact readable size, entirely in white field */
  .refined-five-row .contact-whatsapp,
  .refined-five-row .contact-viber,
  .refined-five-row .contact-messenger{
    flex:0 0 160px !important;
    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;
    height:86px !important;
    min-height:86px !important;
    margin:0 !important;
    padding:13px 13px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(224,214,203,.94) !important;
    box-shadow:
      0 11px 26px rgba(43,35,28,.10),
      inset 0 1px 0 rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    overflow:visible !important;
  }

  /* Email begins clearly inside the photograph */
  .refined-five-row .refined-email{
    margin-left:28px !important;
  }

  /* Last two: same size, clearly separated, fully on photograph */
  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    flex:0 0 220px !important;
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
    height:86px !important;
    min-height:86px !important;
    padding:13px 15px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;

    /* intentionally very transparent so the door image stays visible */
    background:linear-gradient(
      135deg,
      rgba(242,222,198,.20),
      rgba(180,132,84,.12)
    ) !important;
    border:1px solid rgba(255,255,255,.55) !important;
    box-shadow:
      0 8px 20px rgba(44,31,19,.055),
      inset 0 1px 0 rgba(255,255,255,.42) !important;
    -webkit-backdrop-filter:blur(7px) saturate(105%) !important;
    backdrop-filter:blur(7px) saturate(105%) !important;
    overflow:visible !important;
  }

  /* Uniform internal alignment */
  .refined-five-row .chosen-glass-card{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:11px !important;
    text-decoration:none !important;
    color:#17191b !important;
  }

  .refined-five-row .chosen-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
    border-radius:50% !important;
  }

  .refined-five-row .chosen-icon svg{
    width:24px !important;
    height:24px !important;
  }

  .refined-five-row .chosen-glass-card > span:last-child{
    min-width:0 !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  /* No ellipsis / clipping */
  .refined-five-row .chosen-glass-card strong,
  .refined-five-row .chosen-glass-card small{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  .refined-five-row .chosen-glass-card strong{
    display:block !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.12 !important;
    font-weight:700 !important;
  }

  .refined-five-row .chosen-glass-card small{
    display:block !important;
    margin-top:5px !important;
    font-size:9.5px !important;
    line-height:1.12 !important;
    font-weight:500 !important;
    color:#45484a !important;
  }

  .refined-five-row .refined-email strong,
  .refined-five-row .refined-quality strong{
    font-size:13.5px !important;
  }

  .refined-five-row .refined-email small,
  .refined-five-row .refined-quality small{
    font-size:10px !important;
    color:#343638 !important;
  }
}

/* Common laptop widths: keep the exact visual grouping without clipping */
@media (min-width:1081px) and (max-width:1380px){
  .chosen-first-shell{
    grid-template-columns:40% 60% !important;
  }

  .chosen-glass-line.refined-five-row{
    left:14px !important;
    right:16px !important;
  }

  .refined-five-row .chosen-contact-row-line{
    gap:9px !important;
  }

  .refined-five-row .contact-whatsapp,
  .refined-five-row .contact-viber,
  .refined-five-row .contact-messenger{
    flex-basis:150px !important;
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    padding:12px 11px !important;
    gap:9px !important;
  }

  .refined-five-row .refined-email{
    margin-left:22px !important;
  }

  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    flex-basis:205px !important;
    width:205px !important;
    min-width:205px !important;
    max-width:205px !important;
    padding:12px 13px !important;
  }

  .refined-five-row .chosen-icon{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
    flex-basis:39px !important;
  }

  .refined-five-row .chosen-glass-card strong{
    font-size:12px !important;
  }

  .refined-five-row .chosen-glass-card small{
    font-size:8.8px !important;
  }
}

/* Mobile/tablet fallback */
@media (max-width:1080px){
  .chosen-glass-line.refined-five-row{
    position:static !important;
    height:auto !important;
    margin:16px 18px 0 !important;
  }

  .refined-five-row .chosen-contact-row-line{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    height:auto !important;
  }

  .refined-five-row .chosen-glass-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:78px !important;
    min-height:78px !important;
    margin:0 !important;
  }

  .refined-five-row .refined-email{
    margin-left:0 !important;
  }

  .refined-five-row .refined-quality{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:620px){
  .refined-five-row .chosen-contact-row-line{
    grid-template-columns:1fr !important;
  }

  .refined-five-row .refined-quality{
    grid-column:auto !important;
  }
}


/* FINAL SIMPLE FIX:
   no background/container behind row;
   only Email + Clean Installation centered over the photo */
@media (min-width:1081px){

  .chosen-glass-line.refined-five-row,
  .refined-five-row .chosen-contact-row-line{
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  /* First 3 remain exactly where they are in the white section */
  .refined-five-row .contact-whatsapp,
  .refined-five-row .contact-viber,
  .refined-five-row .contact-messenger{
    margin:0 !important;
  }

  /* Put the last two together in the visual centre of the photo area */
  .refined-five-row .refined-email{
    margin-left:72px !important;
  }

  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    position:relative !important;
    transform:translateX(10px) !important;
  }
}

@media (min-width:1081px) and (max-width:1380px){
  .refined-five-row .refined-email{
    margin-left:48px !important;
  }

  .refined-five-row .refined-email,
  .refined-five-row .refined-quality{
    transform:translateX(4px) !important;
  }
}

/* ===== FINAL REQUEST: 3 cards on white + Email/Quality on photo, no extra white panel ===== */
@media (min-width:1081px){
  .chosen-glass-line{
    left:44px!important;
    right:44px!important;
    bottom:82px!important;
    width:auto!important;
    height:72px!important;
    display:block!important;
    transform:none!important;
  }
  .chosen-contact-row-line{
    width:100%!important;
    height:72px!important;
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
  }
  .chosen-contact-row-line .chosen-glass-card{
    height:72px!important;
    min-height:72px!important;
    border-radius:14px!important;
    padding:10px 14px!important;
  }
  .chosen-contact-row-line .chosen-glass-card:nth-child(1){width:158px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(2){width:158px!important}
  .chosen-contact-row-line .chosen-glass-card:nth-child(3){width:162px!important}

  /* Email and Clean installation are the two correct glass cards on the photo. */
  .chosen-contact-row-line .chosen-glass-card.refined-email,
  .chosen-contact-row-line .chosen-glass-card.refined-quality{
    display:flex!important;
    position:absolute!important;
    top:0!important;
    background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(224,196,163,.38))!important;
    border:1px solid rgba(255,255,255,.72)!important;
    -webkit-backdrop-filter:blur(13px) saturate(120%)!important;
    backdrop-filter:blur(13px) saturate(120%)!important;
    box-shadow:0 10px 24px rgba(45,34,25,.10),inset 0 1px 0 rgba(255,255,255,.72)!important;
  }
  .chosen-contact-row-line .chosen-glass-card.refined-email{
    left:54%!important;
    width:190px!important;
  }
  .chosen-contact-row-line .chosen-glass-card.refined-quality{
    left:calc(54% + 208px)!important;
    width:190px!important;
  }
  .chosen-contact-row-line .refined-email .chosen-icon,
  .chosen-contact-row-line .refined-quality .chosen-icon{
    width:38px!important;height:38px!important;min-width:38px!important;
  }
  /* No background container behind the cards. */
  .chosen-glass-line,.chosen-contact-row-line{
    background:none!important;border:0!important;box-shadow:none!important;
  }
  .hero-email-hotspot{display:none!important}
}

/* REMOVE ONLY THE LARGE WHITE BOX BEHIND EMAIL + QUALITY */
.chosen-glass-line.refined-five-row::before,
.chosen-glass-line.refined-five-row::after,
.chosen-contact-row-line::before,
.chosen-contact-row-line::after {
    content: none !important;
    display: none !important;
}

/* Parent row must have NO visible box */
.chosen-glass-line.refined-five-row,
.refined-five-row .chosen-contact-row-line {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
/* =========================================================
   INSTALVERO — FINAL HERO REBUILD 2026-09-12
   Isolated classes so older hero experiments cannot interfere.
   ========================================================= */
.iv-hero{
  background:#fff;
  border-bottom:0;
}
.iv-hero-shell{
  width:min(100%,1536px);
  min-height:540px;
  margin:0 auto;
  display:grid;
  grid-template-columns:40% 60%;
  position:relative;
  overflow:hidden;
}
.iv-hero-copy{
  min-width:0;
  padding:52px 42px 34px max(4.2vw,48px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff;
  position:relative;
  z-index:2;
}
.iv-hero-kicker{
  color:#c88735;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  margin-bottom:26px;
}
.iv-hero-kicker::before{
  content:"";
  display:inline-block;
  width:24px;
  height:1px;
  margin-right:12px;
  vertical-align:middle;
  background:#c88735;
}
.iv-hero h1{
  margin:0 0 22px;
  font-size:clamp(48px,4.25vw,68px);
  line-height:.98;
  letter-spacing:-.045em;
  color:#111417;
}
.iv-hero h1 span{color:#c88735}
.iv-hero-copy>p{
  margin:0;
  color:#555b60;
  font-size:16px;
  line-height:1.55;
}
.iv-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}
.iv-btn{
  min-height:50px;
  padding:0 20px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:14px;
  font-weight:800;
}
.iv-btn-phone{
  background:#d0933d;
  color:#fff;
  min-width:180px;
  box-shadow:0 8px 20px rgba(176,117,46,.18);
}
.iv-btn-inquiry{
  min-width:206px;
  background:#fff;
  color:#17191c;
  border:1px solid #e2d7cb;
  box-shadow:0 5px 14px rgba(30,25,20,.04);
}
.iv-contact-left{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:72px;
}
.iv-contact-card{
  min-width:0;
  height:78px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:11px;
  background:#fff;
  border:1px solid #e3d9cf;
  border-radius:15px;
  box-shadow:0 9px 24px rgba(41,32,24,.08);
}
.iv-contact-card>span:last-child,
.iv-photo-card>span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.iv-contact-card strong,
.iv-contact-card small,
.iv-photo-card strong,
.iv-photo-card small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.iv-contact-card strong{font-size:13px;line-height:1.15}
.iv-contact-card small{margin-top:4px;font-size:9px;color:#505459;line-height:1.15}
.iv-contact-icon{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
}
.iv-contact-icon svg{width:24px;height:24px;display:block}
.iv-wa{background:#20bf5b}.iv-vi{background:#6f50e8}.iv-ms{background:#2d83ef}

.iv-hero-image{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#eee4d8;
}
.iv-hero-image>img{
  width:100%;
  height:100%;
  min-height:540px;
  display:block;
  object-fit:cover;
  object-position:center center;
}
.iv-photo-cards{
  position:absolute;
  left:50%;
  bottom:32px;
  transform:translateX(-50%);
  width:min(86%,760px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  z-index:3;
}
.iv-photo-card{
  min-width:0;
  height:74px;
  padding:11px 15px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:16px;
  color:#15181b;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(233,210,181,.65));
  border:1px solid rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
  box-shadow:0 12px 28px rgba(43,32,22,.13),inset 0 1px 0 rgba(255,255,255,.78);
}
.iv-photo-icon{
  width:42px;
  height:42px;
  min-width:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#d3953c;
  color:#fff;
  font-size:20px;
  font-weight:900;
  box-shadow:0 5px 14px rgba(171,112,45,.20);
}
.iv-photo-card strong{font-size:14px;line-height:1.12}
.iv-photo-card small{margin-top:5px;font-size:10px;color:#45494c;line-height:1.12}

/* Keep real project photos visible and tidy */
.project-grid{
  align-items:stretch;
}
.project-grid img{
  display:block;
  width:100%;
  height:250px;
  object-fit:cover;
  object-position:center;
  background:#eee8e0;
}

@media(max-width:1180px){
  .iv-hero-shell{grid-template-columns:1fr}
  .iv-hero-copy{padding:46px 32px 34px}
  .iv-contact-left{margin-top:30px}
  .iv-hero-image>img{min-height:470px}
  .iv-photo-cards{width:min(92%,760px)}
}
@media(max-width:760px){
  .iv-hero h1{font-size:46px}
  .iv-hero-copy>p{font-size:15px}
  .iv-contact-left{grid-template-columns:1fr}
  .iv-contact-card{height:68px}
  .iv-photo-cards{
    position:static;
    transform:none;
    width:auto;
    padding:14px;
    grid-template-columns:1fr;
    background:#f7f1e9;
  }
  .iv-photo-card{height:70px}
  .iv-hero-image>img{min-height:360px}
}

/* =========================================================
   FINAL PHOTO FRAMING FIX — restore original hero image view
   Keep the 3 overlay cards exactly as they are.
   ========================================================= */
@media (min-width:1181px){
  .iv-hero-shell{
    min-height:471px !important;
    height:471px !important;
  }

  .iv-hero-image{
    height:471px !important;
  }

  .iv-hero-image > img{
    width:100% !important;
    height:471px !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

/* =========================================================
   FINAL HERO FIX — show the ENTIRE original hero photo.
   Do not crop any part of the image. Overlay cards unchanged.
   ========================================================= */
@media (min-width:1181px){
  .iv-hero-shell{
    height:auto !important;
    min-height:0 !important;
    align-items:start !important;
  }
  .iv-hero-image{
    height:auto !important;
    overflow:visible !important;
  }
  .iv-hero-image > img{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
  }
}