/* H&C FAQ Design Contract v1 — visually matched to homepage 2026-11-02
   Used on the Domain and Website-Miete sales pages as a single style source. */
.hc-domain-page .hc-sales-faq{
 --hc-faq-gold:#dec48e;
 --hc-faq-ink:#f3f1eb;
 isolation:isolate!important;
 display:grid!important;
 grid-template-columns:minmax(230px,.76fr) minmax(0,1.37fr)!important;
 gap:clamp(54px,7.5vw,116px)!important;
 position:relative!important;
 width:min(1160px,calc(100% - 46px))!important;
 max-width:1160px!important;
 margin:0 auto!important;
 padding:clamp(70px,7.3vw,104px) 0 clamp(72px,6.5vw,96px)!important;
 align-items:start!important;
 color:#f1eee8!important;
 border:0!important;
 background:none!important;
 scroll-margin-top:100px;
}
.hc-domain-page .hc-sales-faq::before{
 content:""!important;
 position:absolute!important;
 inset:0 auto 0 50%!important;
 transform:translateX(-50%)!important;
 width:100vw!important;
 height:100%!important;
 background:linear-gradient(119deg,#181b1f 0%,#1b1e22 57%,#15181b 100%)!important;
 z-index:-1!important;
 pointer-events:none;
}
.hc-domain-page .hc-sales-faq::after{content:none!important;display:none!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro{
 max-width:390px!important;min-width:0!important;
 margin:0!important;padding:0!important;position:relative!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro::before{display:none!important;content:none!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro h2{
 margin:0 0 18px!important;
 padding:0!important;
 color:#f3f1eb!important;
 font:760 clamp(31px,3vw,43px)/1.09 Arial,Helvetica,sans-serif!important;
 letter-spacing:-.046em!important;
 text-wrap:balance;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro p{
 max-width:325px!important;
 padding:0!important;
 margin:0!important;
 color:#aeb7bd!important;
 font:400 clamp(12.5px,1.04vw,14px)/1.78 Arial,Helvetica,sans-serif!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro a.hc-sales-faq-cta{
 display:inline-flex!important;
 color:#ebd09b!important;
 text-decoration:none!important;
 border:1px solid rgba(222,191,130,.51)!important;
 background:rgba(255,255,255,.025)!important;
 border-radius:999px!important;
 font:700 11px/1.3 Arial,Helvetica,sans-serif!important;
 padding:11px 17px!important;margin:25px 0 0!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro a.hc-sales-faq-cta:hover{
 background:rgba(222,191,130,.11)!important;
 border-color:#d6b577!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-items{
 min-width:0!important;
 width:100%!important;max-width:none!important;
 margin:0!important;padding:0!important;
 border:0!important;
 position:relative!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-items::before{
 content:""!important;display:block!important;
 position:absolute;left:0;right:0;top:0;height:1px;
 background:linear-gradient(90deg,transparent 0%,rgba(220,216,205,.28) 14%,rgba(220,216,205,.32) 50%,rgba(220,216,205,.28) 86%,transparent 100%);
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item{
 margin:0!important;
 padding:0!important;
 border:0!important;
 background-image:linear-gradient(90deg,transparent 0%,rgba(220,216,205,.18) 12%,rgba(220,216,205,.24) 50%,rgba(220,216,205,.18) 88%,transparent 100%)!important;
 background-repeat:no-repeat!important;
 background-position:bottom left!important;
 background-size:100% 1px!important;
 transition:background-image .2s ease;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item:hover{
 background-image:linear-gradient(90deg,transparent 0%,rgba(223,193,132,.23) 12%,rgba(223,193,132,.57) 50%,rgba(223,193,132,.23) 88%,transparent 100%)!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 position:relative;
 min-height:75px!important;
 padding:21px 2px!important;
 margin:0!important;
 gap:15px!important;
 cursor:pointer!important;
 list-style:none!important;
 color:#f1eee8!important;
 background:none!important;
 font:670 clamp(13.5px,1.14vw,15.5px)/1.46 Arial,Helvetica,sans-serif!important;
 letter-spacing:-.018em!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary::-webkit-details-marker{display:none!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary::before{
 display:none!important;content:none!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary::after{
 content:""!important;
 display:block!important;
 flex:0 0 27px!important;
 width:27px!important;height:27px!important;
 margin:0 0 0 auto!important;
 border:1px solid rgba(229,204,147,.36)!important;
 border-radius:8px!important;
 background:linear-gradient(45deg,transparent calc(50% - .7px),#dec48e 50%,transparent calc(50% + .7px)),
            linear-gradient(-45deg,transparent calc(50% - .7px),#dec48e 50%,transparent calc(50% + .7px))!important;
 background-size:9px 9px!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 transform:rotate(0)!important;
 box-shadow:none!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item[open] summary::after{
 background:rgba(222,193,132,.1)!important;
 border-color:rgba(229,204,147,.7)!important;
 content:"−"!important;
 text-align:center!important;
 font:400 23px/25px Arial,sans-serif!important;
 color:#dec48e!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item>p{
 margin:0!important;
 padding:0 43px 23px!important;
 max-width:650px!important;
 color:#b7c0c5!important;
 font:400 clamp(12.5px,1vw,14px)/1.75 Arial,Helvetica,sans-serif!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item:focus-within{
 outline:1px solid rgba(223,193,132,.33)!important;
 outline-offset:-1px!important;
}
@media(max-width:900px){
 .hc-domain-page .hc-sales-faq{
  grid-template-columns:1fr!important;
  gap:34px!important;
 }
 .hc-domain-page .hc-sales-faq .hc-sales-faq-intro{max-width:640px!important}
 .hc-domain-page .hc-sales-faq .hc-sales-faq-intro p{max-width:550px!important}
}
@media(max-width:620px){
 .hc-domain-page .hc-sales-faq{
  padding:60px 0 59px!important;
  gap:29px!important;
  width:calc(100% - 36px)!important;
 }
 .hc-domain-page .hc-sales-faq .hc-sales-faq-intro h2{font-size:31px!important}
 .hc-domain-page .hc-sales-faq .hc-sales-faq-item summary{
  min-height:68px!important;padding:17px 0!important;gap:9px!important;font-size:13.5px!important;
 }
 .hc-domain-page .hc-sales-faq .hc-sales-faq-item>p{padding:0 16px 21px!important}
 .hc-domain-page .hc-sales-faq .hc-sales-faq-item summary::after{flex:0 0 27px!important}
}


/* Precision pass: match live homepage FAQ actual computed geometry and type.
   Homepage 1440px: 940px content, 85px gap, heading ~35px, summary ~12.5px;
   mobile: full-width panel with inner 18px gutter and ~26px heading. */
.hc-domain-page .hc-sales-faq{
 left:50%!important;
 transform:translateX(-50%)!important;
 width:100vw!important;
 max-width:none!important;
 margin:0!important;
 padding:76px max(18px,calc((100vw - 940px)/2)) 78px!important;
 gap:85px!important;
 grid-template-columns:minmax(0,.76fr) minmax(0,1.37fr)!important;
 background:linear-gradient(119deg,#181b1f 0%,#1b1e22 57%,#15181b 100%)!important;
}
.hc-domain-page .hc-sales-faq::before{display:none!important;content:none!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro h2{
 font:760 35px/1.09 Arial,Helvetica,sans-serif!important;
 letter-spacing:-.046em!important;
 margin:0 0 18px!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro p{
 font:400 11.5px/1.78 Arial,Helvetica,sans-serif!important;
 color:#aeb7bd!important;
 max-width:325px!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-items::before{
 background:linear-gradient(90deg,transparent 0%,rgba(220,216,205,.20) 15%,rgba(220,216,205,.28) 50%,rgba(220,216,205,.20) 85%,transparent)!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary{
 min-height:56px!important;
 padding:15px 18px!important;
 gap:18px!important;
 font:670 12.5px/1.46 Arial,Helvetica,sans-serif!important;
 letter-spacing:-.018em!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary::after{
 content:""!important;
 flex:0 0 9px!important;
 width:9px!important;height:9px!important;
 border:0!important;border-right:1px solid #d1b67d!important;
 border-bottom:1px solid #d1b67d!important;
 border-radius:0!important;
 background:none!important;
 transform:rotate(45deg)!important;
 margin:0 9px 4px auto!important;
 box-shadow:none!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item[open] summary::after{
 content:""!important;
 background:none!important;
 border:0!important;border-right:1px solid #d1b67d!important;
 border-bottom:1px solid #d1b67d!important;
 transform:rotate(225deg)!important;
 margin-bottom:-3px!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item>p{
 font:400 12px/1.75 Arial,Helvetica,sans-serif!important;
 padding:0 36px 18px!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro a.hc-sales-faq-cta{
 border-radius:999px!important;
 padding:10px 15px!important;
 font-size:10.5px!important;
 margin-top:22px!important;
}
@media(max-width:900px){
 .hc-domain-page .hc-sales-faq{
  grid-template-columns:1fr!important;
  gap:40px!important;
  padding:60px 24px 65px!important;
 }
}
@media(max-width:620px){
 .hc-domain-page .hc-sales-faq{
  width:100vw!important;
  padding:59px 18px 64px!important;
  gap:28px!important;
 }
 .hc-domain-page .hc-sales-faq .hc-sales-faq-intro h2{
  font-size:26px!important;
  line-height:1.12!important;
 }
 .hc-domain-page .hc-sales-faq .hc-sales-faq-item summary{
  min-height:67px!important;
  padding:17px 0!important;
  gap:9px!important;
  font-size:13px!important;
 }
 .hc-domain-page .hc-sales-faq .hc-sales-faq-item>p{
  padding:0 20px 20px!important;
 }
}


/* FINAL FAQ CONSISTENCY: one shared source matches H&C homepage FAQ.
   Overrides legacy page-specific FAQ selectors instead of duplicating design. */
.hc-domain-page .hc-sales-faq{
 display:grid!important;
 grid-template-columns:minmax(0,.76fr) minmax(0,1.37fr)!important;
 gap:85px!important;
 width:100vw!important;
 max-width:none!important;
 margin:0!important;
 left:50%!important;
 position:relative!important;
 transform:translateX(-50%)!important;
 padding:76px max(18px,calc((100vw - 940px)/2)) 78px!important;
 background:linear-gradient(119deg,#181b1f 0%,#1b1e22 57%,#15181b 100%)!important;
 border:0!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro h2{font:760 35px/1.09 Arial,Helvetica,sans-serif!important;letter-spacing:-.046em!important;margin:0 0 18px!important;color:#f3f1eb!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-intro p{font:400 11.5px/1.78 Arial,Helvetica,sans-serif!important;color:#aeb7bd!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-items{border-top:0!important;border-bottom:0!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item{border:0!important;margin:0!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary{
 font:670 12.5px/1.46 Arial,Helvetica,sans-serif!important;
 min-height:56px!important;padding:15px 18px!important;
 display:flex!important;align-items:center!important;gap:18px!important;
 color:#f1eee8!important;cursor:pointer!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary::before{display:none!important;content:none!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item summary::after{
 content:""!important;width:9px!important;height:9px!important;flex:0 0 9px!important;
 margin:0 9px 4px auto!important;border:0!important;border-right:1px solid #d1b67d!important;
 border-bottom:1px solid #d1b67d!important;border-radius:0!important;
 background:none!important;transform:rotate(45deg)!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item[open] summary::after{transform:rotate(225deg)!important;margin-bottom:-3px!important}
.hc-domain-page .hc-sales-faq .hc-sales-faq-item>p{
 padding:0 36px 18px!important;
 color:#b7c0c5!important;font:400 12px/1.75 Arial,Helvetica,sans-serif!important;
}
.hc-domain-page .hc-sales-faq .hc-sales-faq-cta{min-height:38px;display:inline-flex;align-items:center}
@media(max-width:900px){
 .hc-domain-page .hc-sales-faq{
  grid-template-columns:1fr!important;gap:34px!important;
  padding:60px 24px 65px!important;
 }
}
@media(max-width:620px){
 .hc-domain-page .hc-sales-faq{padding:58px 18px 64px!important;gap:28px!important}
 .hc-domain-page .hc-sales-faq .hc-sales-faq-intro h2{font-size:26px!important}
 .hc-domain-page .hc-sales-faq .hc-sales-faq-item summary{font-size:13px!important;min-height:67px!important;padding:17px 0!important;gap:9px!important}
 .hc-domain-page .hc-sales-faq .hc-sales-faq-item>p{padding:0 20px 20px!important}
}
