/* 범브로빌드 대리석교체 — C07 Cool Copper / 각진 모서리 */

.btn-cta{background:#374151;color:#fff;font-weight:700;display:inline-block;transition:opacity .15s}
.btn-cta:hover{opacity:.88}
.btn-outline{border:1px solid #374151;color:#374151;padding:.6rem 1.4rem;font-weight:700;display:inline-block}
.btn-outline:hover{background:#374151;color:#fff}
.btn-phone-link{background:#B87333;color:#fff;font-weight:700;padding:.9rem 1.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}

.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.method-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:768px){.method-grid{grid-template-columns:repeat(3,1fr)}}
.card-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (min-width:768px){.card-grid-4{grid-template-columns:repeat(4,1fr)}}

.svc-card{border:1px solid #D5DAE0;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.svc-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.svc-card-body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.4rem}
@media (max-width:480px){
  .svc-card-body{padding:.75rem}
  .svc-card-body h2,.svc-card-body h3{font-size:1rem;line-height:1.35}
}

.gallery-item{border:1px solid #D5DAE0;background:#fff;cursor:pointer}
.gallery-item img{aspect-ratio:3/4;object-fit:cover;width:100%}

.pair-grid-2{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:640px){.pair-grid-2{grid-template-columns:repeat(2,1fr)}}
.pair-card{border:1px solid #D5DAE0;background:#fff;overflow:hidden}
.pair-imgs{display:grid;grid-template-columns:repeat(2,1fr)}
.pair-img{position:relative;cursor:pointer}
.pair-img img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}
.pair-tag{position:absolute;top:.4rem;left:.4rem;background:#374151;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .5rem}
.pair-img.is-after .pair-tag{background:#B87333}
.pair-caption{padding:.7rem .8rem;font-size:.85rem;color:#6B7280}
.gallery-item.is-link{cursor:default}

.faq-item{border-bottom:1px solid #D5DAE0}
.faq-q{width:100%;text-align:left;padding:1.1rem 0;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.faq-a p{padding-bottom:1.1rem;color:#374151}
.faq-icon{transition:transform .2s}
.faq-item.open .faq-icon{transform:rotate(180deg)}
.faq-item.open .faq-a{max-height:400px}

#back-to-top.hidden{display:none}
#lightbox.hidden{display:none}
#lightbox.flex{display:flex}

.step-item{border-left:2px solid #B87333;padding-left:1rem}

@media (max-width:480px){
  h1{font-size:1.6rem;line-height:1.35}
}