/* ============================================================
   A안 : CSS 질감 시안 (이미지 자산 0개)
   - 종이접기 계열의 촉감만 CSS 로 가져온다. 벡터 아이콘·용량·SEO 그대로.
   - v2.css 위에 얹기만 한다. v2.css / style.css 는 수정하지 않는다.
   - feTurbulence 는 컬러 노이즈라 반드시 feColorMatrix 로 채도를 죽인다.
   ============================================================ */

body.tex {
    /* 밝은 면용 : 거의 흰색 + 옅은 어두운 결 → multiply 로 최대 10% 만 눌린다 */
    --tex-paper: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='260'%20height='260'%3E%3Cfilter%20id='p'%20color-interpolation-filters='sRGB'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.022%200.62'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='0.11'%20intercept='0.89'/%3E%3CfeFuncG%20type='linear'%20slope='0.11'%20intercept='0.89'/%3E%3CfeFuncB%20type='linear'%20slope='0.11'%20intercept='0.89'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='260'%20height='260'%20filter='url(%23p)'/%3E%3C/svg%3E");

    /* 어두운 면용 : 중간회색 중심(0.35~0.65) → overlay 로 평균 톤을 그대로 두고 결만 만든다 */
    --tex-deep: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='260'%20height='260'%3E%3Cfilter%20id='d'%20color-interpolation-filters='sRGB'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.022%200.62'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='0.34'%20intercept='0.33'/%3E%3CfeFuncG%20type='linear'%20slope='0.34'%20intercept='0.33'/%3E%3CfeFuncB%20type='linear'%20slope='0.34'%20intercept='0.33'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='260'%20height='260'%20filter='url(%23d)'/%3E%3C/svg%3E");

    --tex-card: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='240'%3E%3Cfilter%20id='c'%20color-interpolation-filters='sRGB'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.02%200.6'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='0.10'%20intercept='0'/%3E%3CfeFuncG%20type='linear'%20slope='0.10'%20intercept='0'/%3E%3CfeFuncB%20type='linear'%20slope='0.10'%20intercept='0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='240'%20height='240'%20filter='url(%23c)'/%3E%3C/svg%3E");

    /* 카드 표면용 미세 결 */
    --tex-fiber: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='240'%3E%3Cfilter%20id='f'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.02%200.6'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='240'%20height='240'%20filter='url(%23f)'/%3E%3C/svg%3E");
}

/* ── 1. 면마다 맞는 종이결 ──────────────────────
   밝은 면은 multiply, 어두운 면은 screen 이라야 실제로 보인다.
   전면 고정 오버레이 한 장으로는 흰 바탕에서 사라진다. */
body.tex .v2-hero,
body.tex .section:not(.product-band):not(.cta) {
    background-image: var(--tex-paper);
    background-size: 260px 260px;
    background-blend-mode: multiply;
}

body.tex .policy-container {
    background-image: var(--tex-paper);
    background-size: 260px 260px;
    background-blend-mode: multiply;
}

body.tex .section.bg-gray {
    background-image: var(--tex-paper) !important;
    background-size: 260px 260px;
    background-blend-mode: multiply;
}

body.tex .v2-menu,
body.tex .section.cta,
body.tex .section.product-band,
body.tex .footer {
    background-image: var(--tex-deep);
    background-size: 260px 260px;
    background-blend-mode: overlay;
}

/* ── 2. 히어로 카드 : 접힌 종이 ────────────────── */
/* 유광 반사를 죽이고 매트하게 */
body.tex .v2-card-sheen {
    background: radial-gradient(120% 80% at 14% 2%, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 62%);
}

body.tex .v2-card {
    box-shadow: 0 22px 44px rgba(10, 14, 20, .2);
}

/* 접힘선 2개 — 종이를 한 번 접었다 편 면 분할 */
body.tex .v2-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    background-image:
        linear-gradient(116deg,
            rgba(255, 255, 255, .085) 0 33%,
            rgba(255, 255, 255, .028) 33.2% 33.8%,
            rgba(0, 0, 0, .055) 34% 100%),
        linear-gradient(202deg,
            rgba(0, 0, 0, 0) 0 64%,
            rgba(0, 0, 0, .07) 64.3% 100%);
}

/* 종이결은 아주 옅게 한 겹만 */
body.tex .v2-card--leafy {
    background-image: var(--tex-card), linear-gradient(145deg, #4d7455 0%, #3E5F44 48%, #2b4530 100%);
    background-size: 240px 240px, auto;
    background-blend-mode: screen, normal;
}

body.tex .v2-card--pas {
    background-image: var(--tex-card), linear-gradient(145deg, #3a3a3a 0%, #222222 52%, #121212 100%);
    background-size: 240px 240px, auto;
    background-blend-mode: screen, normal;
}

body.tex .v2-card--alfy {
    background-image: var(--tex-card), linear-gradient(145deg, #7d4160 0%, #68324C 50%, #4a2337 100%);
    background-size: 240px 240px, auto;
    background-blend-mode: screen, normal;
}

/* 접힘선 위로 글자가 눌리지 않도록 */
body.tex .v2-card-top,
body.tex .v2-card-name {
    position: relative;
    z-index: 2;
}