@charset "utf-8";

/* =========================================
   퀀텀-그래핀-탄소어싱침구 전용 스타일
   ========================================= */

:root {
   --sub-hero-overlay: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

/* Hero Section (기본 세팅은 style.css 참고) */
main.hero2 {
   --hero-bg-image: url(../../assets/images/퀀텀-그래픽-탄소어싱침구/hero_bg.webp);
   background: var(--sub-hero-overlay), var(--hero-bg-image) no-repeat center / cover;
}

/* Bedding Section */
section.bedding {
   padding: 0;
}

section.bedding h2.section-title {
   text-align: center;
   color: var(--color-txt-highlight1);
   margin-top: var(--common-space-padding-y-default);
}

/* Quantum Article */
section.bedding article.quantum {
   padding: var(--common-space-padding-y-default) var(--common-space-padding-x-default);
}

section.bedding article.quantum .con1 {
   display: flex;
   gap: var(--box-gap-base-default);
}

section.bedding article.quantum .con1 .title-area {
   flex: 1;
}

section.bedding article.quantum .con1 .placeholder {
   flex: 2;
}

section.bedding article.quantum .con2.img-wrapper {
   display: grid;
   grid-template-rows: repeat(2, 1fr);
   grid-template-columns: repeat(2, 1fr);
   gap: var(--box-gap-base-default);
}

/* Energy Article */
section.bedding article.energy {
   padding: var(--common-space-padding-y-default) var(--common-space-padding-x-default);
   background-color: var(--color-bg-light);
}

section.bedding article.energy ul.img-wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--box-gap-base-default);
}

section.bedding article.energy .img-wrapper li.placeholder {
   border-radius: 0;
    max-width: var(--max-width-inner);
    margin: 0 auto;
   }