* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: #f8f9fc;
    font-family: Arial,'Noto Sans CJK KR',sans-serif;
    color: #15233d
}

.wrap {
    max-width: 1200px;
    margin: auto;
    padding: 26px 20px 60px
}

.heading {
    text-align: center;
    padding: 16px 0 22px
}

    .heading h1 {
        font-size: 34px;
        margin: 0 0 9px;
        color: #073a86
    }

        .heading h1 em {
            font-style: normal;
            color: #e65c21
        }

    .heading p {
        font-size: 16px;
        color: #1359a5;
        font-weight: 700;
        margin: 0
    }

.posters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px
}

    .posters img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 10px
    }

.offers {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 13px;
    margin-top: 18px
}

.offer {
    min-height: 188px;
    border: 1px solid #e1e8f2;
    border-radius: 16px;
    padding: 17px 12px;
    text-align: center;
    background: #fef2f4
}

    .offer:nth-child(2) {
        background: #eff7ff
    }

    .offer:nth-child(3) {
        background: #eff6ff
    }

    .offer:nth-child(4) {
        background: #fff7ed
    }

.tag {
    display: inline-block;
    background: #824116;
    color: white;
    border-radius: 30px;
    padding: 7px 22px;
    font-weight: 800
}

.offer h3 {
    font-size: 18px;
    margin: 15px 0 9px;
    color: #104caa
}

.offer p {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0
}

.offer strong {
    display: block;
    color: #e31e42;
    font-size: 24px;
    margin-top: 8px
}

.offer .thumb {
    height: 72px;
    max-width: 95px;
    object-fit: contain;
    vertical-align: middle;
    margin: 5px 0
}

.contacts {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 23px 0 42px
}

    .contacts a {
        padding: 13px 21px;
        color: #fff;
        text-decoration: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 700;
        background: #0878e4
    }

        .contacts a:last-child {
            background: #ffdc00;
            color: #181818
        }

.listtitle {
    text-align: center;
    font-size: 30px;
    margin: 0 0 30px
}

.cat {
    font-size: 25px;
    margin: 35px 0 16px;
    border-left: 5px solid #0878e4;
    padding-left: 12px
}

.grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px
}

.product {
    background: white;
    border: 1px solid #dfe6ee;
    border-radius: 7px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.pic {
    height: 290px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .pic img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

.missing {
    display: none;
    text-align: center;
    color: #7d899b;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

    .missing small {
        font-size: 11px
    }

.detail {
    padding: 10px 15px 16px;
    flex: 1
}

.model {
    color: #0676df;
    font-size: 16px
}

.detail h3 {
    font-size: 17px;
    min-height: 38px;
    margin: 14px 0 9px
}

.prices {
    display: flex;
    gap: 10px;
    align-items: center
}

    .prices del {
        color: #9ca7b7;
        font-size: 14px
    }

    .prices strong {
        color: #df193d;
        font-size: 27px
    }

.detail p {
    font-size: 13px;
    font-weight: 600;
    margin: 12px 0 0
}

.detail .combo {
    color: #0757b5
}

.detail .purchase {
    color: #dd183b;
    font-weight: 800
}

.actions {
    display: flex;
    gap: 7px;
    padding: 0 12px 14px
}

    .actions a {
        flex: 1;
        text-align: center;
        padding: 12px 0;
        background: #0879df;
        color: white;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 700;
        font-size: 13px
    }

        .actions a:nth-child(2) {
            background: #ffe000;
            color: #161616
        }

        .actions a:nth-child(3) {
            background: #354157
        }

@media(max-width:700px) {
    .wrap {
        padding: 18px 15px
    }

    .heading h1 {
        font-size: 25px
    }

    .heading p {
        font-size: 12px
    }

    .posters {
        gap: 8px
    }

    .offers {
        grid-template-columns: repeat(2,1fr);
        gap: 9px
    }

    .offer {
        min-height: 185px
    }

    .contacts {
        gap: 5px;
        flex-wrap: wrap
    }

        .contacts a {
            font-size: 11px;
            padding: 10px
        }

    .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 9px
    }

    .pic {
        height: 175px
    }

    .detail {
        padding: 9px
    }

        .detail h3 {
            font-size: 13px
        }

    .prices {
        flex-wrap: wrap;
        gap: 4px
    }

        .prices strong {
            font-size: 20px
        }

    .actions {
        gap: 3px;
        padding: 0 5px 8px
    }

        .actions a {
            font-size: 10px;
            padding: 9px 0
        }

    .listtitle {
        font-size: 23px
    }
}
/* November final sections */
.notice {
    margin: 44px 0 22px;
    padding: 30px;
    border: 2px solid #c3e3ff;
    border-radius: 24px;
    background: #e9f6ff;
    text-align: center
}

    .notice h2 {
        font-size: 29px;
        margin: 0 0 22px;
        color: #07438c
    }

        .notice h2 span {
            color: #f3a600
        }

.notice-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px
}

.notice-item {
    background: #fff;
    border-radius: 16px;
    padding: 20px 16px;
    text-align: left;
    min-height: 160px;
    display: flex;
    align-items: flex-start;
    gap: 14px
}

.notice-num {
    background: #d8ebff;
    border-radius: 50%;
    min-width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    font-size: 25px;
    font-weight: 800;
    color: #08499e
}

.notice-item b {
    color: #084baf;
    font-size: 18px
}

.notice-item p {
    font-size: 15px;
    line-height: 1.6;
    margin: 7px 0 0
}

.notice-item .red {
    color: #d7193f
}

.notice-foot {
    border-top: 1px dashed #a8c5de;
    margin-top: 20px;
    padding-top: 18px;
    font-weight: 800;
    color: #0750a1;
    font-size: 18px
}

.bottom-section {
    margin-top: 24px
}

    .bottom-section img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 24px
    }

@media(max-width:700px) {
    .notice {
        padding: 18px 12px;
        border-radius: 18px
    }

        .notice h2 {
            font-size: 22px
        }

    .notice-grid {
        grid-template-columns: 1fr;
        gap: 9px
    }

    .notice-item {
        min-height: 0;
        padding: 13px
    }

        .notice-item b {
            font-size: 16px
        }

    .notice-foot {
        font-size: 15px
    }
}
/* Clear visual separation between promotional offers and full product catalog */
.catalog-section {
    margin: 60px 0 0;
    padding: 52px 0 55px;
    background: #fff;
    border-top: 2px solid #d6e8f8;
    border-bottom: 1px solid #dbe8f6;
    border-radius: 0
}

    .catalog-section .listtitle {
        color: #0a326b;
        font-size: 32px;
        margin: 0 0 35px;
        padding-bottom: 19px;
        position: relative
    }

        .catalog-section .listtitle:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 75px;
            height: 4px;
            background: #0878e4;
            border-radius: 5px
        }

    .catalog-section .cat:first-of-type {
        margin-top: 0
    }

@media(max-width:700px) {
    .catalog-section {
        margin: 34px 0 0;
        padding: 32px 0;
        border-radius: 0
    }

        .catalog-section .listtitle {
            font-size: 24px;
            margin-bottom: 27px
        }
}

.notice-grid .notice-item {
    background: #fff;
    border: 0
}

    .notice-grid .notice-item .notice-num {
        background: #d8ebff;
        color: #08499e
    }

    .notice-grid .notice-item b {
        color: #084baf
    }

.catalog-subtitle {
    text-align: center;
    color: #1660a6;
    font-weight: 700;
    font-size: 16px;
    margin: -18px 0 36px
}

@media(max-width:700px) {
    .catalog-subtitle {
        font-size: 12px;
        margin: -12px 0 24px
    }
}

.coway-hero-added {
    margin: 0 0 30px
}

    .coway-hero-added img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 4px
    }

@media(max-width:700px) {
    .coway-hero-added {
        margin-bottom: 20px
    }
}
/* Heading-only update: matches supplied reference; all other sections unchanged. */
.heading {
    padding: 22px 12px 26px;
    text-align: center;
    background: linear-gradient(180deg,#fff 0%,#f3f9ff 70%,#fff 100%);
}

    .heading h1 {
        font-size: clamp(25px,3vw,36px);
        line-height: 1.25;
        margin: 0 0 15px;
        font-weight: 800;
    }

    .heading .heading-intro, .heading .heading-offer {
        max-width: 1120px;
        margin: 0 auto;
        color: #09458e;
        font-weight: 700;
        font-size: clamp(13px,1.25vw,17px);
        line-height: 1.65;
        overflow-wrap: break-word;
        word-break: keep-all;
    }

    .heading .heading-offer {
        margin-top: 9px;
    }

        .heading .heading-offer strong {
            color: #e51c2c;
            font-weight: 800;
        }

@media(max-width:650px) {
    .heading {
        padding: 20px 14px 22px;
    }

        .heading h1 {
            font-size: clamp(23px,6vw,29px);
            margin-bottom: 10px;
        }

        .heading .heading-intro, .heading .heading-offer {
            font-size: 13px;
            line-height: 1.6;
            max-width: 36em;
        }

        .heading .heading-offer {
            margin-top: 8px;
        }
}


/* Bottom contact panel: real text and functional links, not a screenshot */
.coway-contact-panel {
    background: linear-gradient(115deg,#e9f7ff,#d7ecff);
    border-radius: 24px;
    padding: 36px 30px;
    text-align: center;
    color: #092f65
}

    .coway-contact-panel h2 {
        font-size: 30px;
        font-weight: 800;
        margin: 0 0 8px
    }

    .coway-contact-panel > p {
        font-size: 15px;
        color: #506986;
        margin: 0 0 26px
    }

.coway-contact-links {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px
}

    .coway-contact-links a {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 20px 16px;
        border-radius: 17px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        box-shadow: 0 7px 16px rgba(0,77,160,.09)
    }

.coway-contact-west {
    background: #0b88ef
}

.coway-contact-east {
    background: #0c529f
}

.coway-contact-links .coway-contact-kakao {
    background: #ffe000;
    color: #171717
}

.coway-contact-icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: white;
    color: #0a7bde;
    font-size: 26px
}

.coway-contact-kakao-icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #3b2407;
    color: #ffe000;
    font-weight: 900;
    font-size: 12px
}

.coway-contact-links a > span:nth-child(2) {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.coway-contact-links small {
    display: block;
    font-size: 13px;
    font-weight: 700
}

.coway-contact-links strong {
    display: block;
    font-size: clamp(15px,2vw,24px);
    font-weight: 850;
    white-space: nowrap
}

.coway-contact-links .coway-contact-kakao strong {
    font-size: 21px
}

.coway-contact-links .coway-contact-kakao small {
    font-size: 12px
}

.coway-contact-arrow {
    margin-left: auto;
    font-size: 27px
}

@media(max-width:720px) {
    .coway-contact-panel {
        padding: 25px 12px
    }

        .coway-contact-panel h2 {
            font-size: 23px
        }

        .coway-contact-panel > p {
            font-size: 12px
        }

    .coway-contact-links {
        gap: 7px
    }

        .coway-contact-links a {
            padding: 12px 7px;
            gap: 5px;
            flex-wrap: wrap;
            justify-content: center;
            text-align: center
        }

    .coway-contact-icon, .coway-contact-kakao-icon {
        width: 30px;
        height: 30px;
        font-size: 16px
    }

    .coway-contact-kakao-icon {
        font-size: 8px
    }

    .coway-contact-links strong, .coway-contact-links .coway-contact-kakao strong {
        font-size: clamp(10px,2.6vw,15px)
    }

    .coway-contact-links small, .coway-contact-links .coway-contact-kakao small {
        font-size: 10px
    }

    .coway-contact-arrow {
        display: none
    }
}

/* Coway rental benefits: selectable HTML text, mobile-friendly */
.coway-benefits-panel {
    background: linear-gradient(120deg,#ebf8ff,#d9edff);
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    color: #092b60
}

.coway-benefits-label {
    display: inline-block;
    padding: 9px 28px;
    background: #d7edff;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .04em;
    color: #0874df
}

.coway-benefits-panel h2 {
    font-size: clamp(23px,3vw,34px);
    margin: 17px 0 10px;
    font-weight: 850
}

.coway-benefits-intro {
    font-size: 15px;
    color: #506b8b;
    margin: 0 0 30px;
    line-height: 1.6
}

.coway-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px
}

.coway-benefit-card {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 25px 19px;
    background: #fff;
    border-radius: 18px;
    text-align: left;
    min-width: 0
}

.coway-benefit-icon {
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 30px;
    font-weight: 800
}

    .coway-benefit-icon.blue {
        background: #ddf1ff;
        color: #0872d6
    }

    .coway-benefit-icon.mint {
        background: #d2f8ef;
        color: #078c9b
    }

    .coway-benefit-icon.pink {
        background: #ffe4ec;
        color: #f42b73
    }

.coway-benefit-card h3 {
    font-size: 21px;
    color: #0073db;
    margin: 0 0 7px;
    line-height: 1.25
}

.coway-benefit-card p {
    font-size: 13px;
    color: #283c5b;
    margin: 0;
    line-height: 1.6;
    word-break: keep-all
}

@media(max-width:760px) {
    .coway-benefits-panel {
        padding: 27px 16px
    }

        .coway-benefits-panel h2 {
            font-size: 23px
        }

    .coway-benefits-intro {
        font-size: 13px;
        margin-bottom: 22px
    }

    .coway-benefits-grid {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .coway-benefit-card {
        padding: 17px 16px;
        gap: 14px
    }

    .coway-benefit-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
        font-size: 25px
    }

    .coway-benefit-card h3 {
        font-size: 18px
    }

    .coway-benefit-card p {
        font-size: 13px
    }
}
/* Final mobile readability adjustment for the existing text-based rental benefits cards */
@media (max-width:760px) {
    .coway-benefits-panel h2 {
        font-size: clamp(23px,5.7vw,28px);
        line-height: 1.3
    }

    .coway-benefits-intro {
        font-size: 15px;
        line-height: 1.6
    }

    .coway-benefit-card h3 {
        font-size: 19px
    }

    .coway-benefit-card p {
        font-size: 15px;
        line-height: 1.55
    }
}

/* Mobile: consultation buttons above the product catalog, one per row */
@media (max-width: 720px) {
    .contacts {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100%;
        box-sizing: border-box;
    }

        .contacts > a {
            display: flex !important;
            width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center !important;
            white-space: normal !important;
            overflow-wrap: anywhere;
            padding: 13px 12px !important;
        }
}

/* Real HTML text cards replace the previous benefits screenshot. */
.coway-benefits-panel {
    box-sizing: border-box;
    background: linear-gradient(110deg,#eaf7ff,#d8eeff);
    border-radius: 22px;
    padding: 38px 28px;
    text-align: center;
    color: #12386a
}

.coway-benefits-kicker {
    display: inline-block;
    background: #d0eaff;
    border-radius: 50px;
    padding: 7px 22px;
    font-size: 12px;
    letter-spacing: .07em;
    font-weight: 800;
    color: #0875d8
}

.coway-benefits-panel h2 {
    font-size: clamp(23px,2.7vw,32px);
    margin: 14px 0 8px;
    font-weight: 800;
    line-height: 1.35;
    word-break: keep-all
}

.coway-benefits-intro {
    margin: 0 0 26px;
    font-size: 15px;
    color: #536b85
}

.coway-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 15px
}

.coway-benefit-card {
    min-width: 0;
    background: #fff;
    border-radius: 16px;
    padding: 22px 18px;
    box-shadow: 0 3px 12px rgba(42,96,148,.05)
}

.coway-benefit-icon {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #eaf6ff;
    color: #0676d8;
    font-size: 26px
}

.coway-benefit-card h3 {
    font-size: 19px;
    color: #0b66c5;
    margin: 6px 0 9px;
    font-weight: 800
}

.coway-benefit-card p {
    font-size: 14px;
    line-height: 1.65;
    color: #52647b;
    margin: 0;
    word-break: keep-all
}

@media(max-width:720px) {
    .coway-benefits-panel {
        padding: 26px 16px
    }

        .coway-benefits-panel h2 {
            font-size: 23px
        }

    .coway-benefits-intro {
        font-size: 14px;
        margin-bottom: 19px
    }

    .coway-benefits-grid {
        grid-template-columns: 1fr;
        gap: 11px
    }

    .coway-benefit-card {
        padding: 19px 17px
    }

        .coway-benefit-card h3 {
            font-size: 19px
        }

        .coway-benefit-card p {
            font-size: 14px
        }
}

/* Approved Coway benefits section: live text and vector icons */
.coway-benefits-panel {
    background: linear-gradient(105deg,#eff9ff,#d9eeff) !important;
    border-radius: 25px !important;
    padding: 38px 28px !important;
    text-align: center !important
}

.coway-benefits-kicker {
    display: inline-block !important;
    padding: 8px 26px !important;
    background: #dcefff !important;
    border-radius: 100px !important;
    color: #0075dc !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important
}

.coway-benefits-panel h2 {
    font-size: clamp(25px,3vw,37px) !important;
    color: #092c62 !important;
    margin: 20px 0 10px !important
}

.coway-benefits-intro {
    font-size: 16px !important;
    color: #4d6685 !important;
    margin: 0 0 30px !important
}

.coway-benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 15px !important
}

.coway-benefit-card {
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    gap: 16px !important;
    background: #fff !important;
    border-radius: 19px !important;
    padding: 24px 18px !important;
    box-shadow: none !important
}

.coway-benefit-icon {
    flex: 0 0 76px !important;
    width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important
}

    .coway-benefit-icon.blue {
        background: #dff2ff !important;
        color: #0574d6 !important
    }

    .coway-benefit-icon.mint {
        background: #d5f8f0 !important;
        color: #008db0 !important
    }

    .coway-benefit-icon.pink {
        background: #ffe8ee !important;
        color: #ef2873 !important
    }

    .coway-benefit-icon svg {
        width: 39px;
        height: 39px
    }

.coway-benefit-copy {
    min-width: 0
}

.coway-benefit-card h3 {
    color: #006ed4 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    margin: 0 0 7px !important
}

.coway-benefit-card p {
    color: #2d4160 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin: 0 !important
}

@media(max-width:800px) {
    .coway-benefits-panel {
        padding: 27px 16px !important
    }

        .coway-benefits-panel h2 {
            font-size: 24px !important
        }

    .coway-benefits-intro {
        font-size: 14px !important
    }

    .coway-benefits-grid {
        grid-template-columns: 1fr !important;
        gap: 11px !important
    }

    .coway-benefit-card {
        padding: 17px 15px !important
    }

    .coway-benefit-icon {
        width: 62px !important;
        height: 62px !important;
        flex-basis: 62px !important
    }

        .coway-benefit-icon svg {
            width: 32px;
            height: 32px
        }

    .coway-benefit-card h3 {
        font-size: 19px !important
    }

    .coway-benefit-card p {
        font-size: 14px !important
    }

    .coway-benefit-card br {
        display: none
    }
}


/* Original October service markup — keep card structure and SVG icons. */
.coway-service-section {
    margin: 30px 0 0;
    padding: 0;
    background: transparent
}

.coway-service-benefits {
    background: linear-gradient(110deg,#eaf7ff,#d9eeff);
    border-radius: 24px;
    padding: 34px 27px;
    text-align: center
}

.coway-service-brand {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 999px;
    background: #d5ecff;
    color: #0679d7;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .05em
}

.coway-service-benefits h2 {
    margin: 16px 0 8px;
    color: #092f65;
    font-size: 30px;
    font-weight: 800
}

.coway-service-sub {
    margin: 0 0 24px;
    color: #536e89;
    font-size: 14px;
    line-height: 1.6
}

.coway-service-cards {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px
}

.coway-service-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #fff;
    border-radius: 15px;
    padding: 22px 16px;
    text-align: left;
    min-width: 0
}

.coway-service-icon {
    display: grid;
    place-items: center;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #dff2ff;
    color: #1595e9
}

.coway-service-icon-filter {
    background: #e1f8ef;
    color: #24ae8d
}

.coway-service-icon-heart {
    background: #ffe6ed;
    color: #e56d92
}

.coway-service-icon svg {
    width: 32px;
    height: 32px
}

.coway-service-copy h3 {
    margin: 0 0 6px;
    color: #1065be;
    font-size: 18px;
    font-weight: 800
}

.coway-service-copy p {
    margin: 0;
    color: #5c6f84;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 400
}

.coway-service-contact {
    margin-top: 24px;
    padding: 32px 26px;
    background: linear-gradient(110deg,#eaf7ff,#d9eeff);
    border-radius: 24px;
    text-align: center
}

    .coway-service-contact h2 {
        margin: 0 0 8px;
        color: #0c3268;
        font-size: 29px;
        font-weight: 800
    }

.coway-service-buttons {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px
}

.coway-service-button {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 17px 15px;
    border-radius: 13px;
    color: #fff;
    text-decoration: none !important;
    text-align: left
}

.coway-service-west {
    background: #0c89ed
}

.coway-service-east {
    background: #0b539d
}

.coway-service-kakao {
    background: #ffe000;
    color: #201b10
}

.coway-service-call-icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 42px;
    height: 42px;
    background: #fff;
    color: #1784d7;
    border-radius: 50%
}

    .coway-service-call-icon svg {
        width: 22px;
        height: 22px
    }

.coway-service-kakao-icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #342309;
    color: #ffe000;
    font-size: 11px;
    font-weight: 900
}

.coway-service-button-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0
}

    .coway-service-button-text span {
        font-size: 12px
    }

    .coway-service-button-text strong {
        font-size: clamp(15px,1.8vw,22px);
        white-space: nowrap
    }

.coway-service-arrow {
    margin-left: auto
}

    .coway-service-arrow svg {
        width: 18px;
        height: 18px
    }

.coway-product-photo-link {
    display: block;
    cursor: pointer
}
/* Restore October compact text scale inside the product cards, not the promotional price. */
.catalog-section .product .detail p {
    font-size: 12px;
    line-height: 1.5
}

.catalog-section .product .detail h3 {
    font-size: 16px
}

@media(max-width:760px) {
    .coway-service-benefits, .coway-service-contact {
        padding: 24px 14px
    }

        .coway-service-benefits h2, .coway-service-contact h2 {
            font-size: 23px
        }

    .coway-service-sub {
        font-size: 13px
    }

    .coway-service-cards, .coway-service-buttons {
        grid-template-columns: 1fr;
        gap: 10px
    }

    .coway-service-card {
        padding: 16px
    }

    .coway-service-copy h3 {
        font-size: 17px
    }

    .coway-service-copy p {
        font-size: 12px
    }

    .coway-service-button {
        padding: 14px 16px
    }

    .coway-service-button-text strong {
        font-size: 20px
    }

    .catalog-section .product .detail p {
        font-size: 11px;
        line-height: 1.45
    }

    .catalog-section .product .detail h3 {
        font-size: 13px
    }
}

/* Desktop product-list image sizing only — mobile and all other sections unchanged. */
@media screen and (min-width: 721px) {
    .catalog-section .product .pic > a.coway-product-photo-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 0;
    }

        .catalog-section .product .pic > a.coway-product-photo-link > img {
            width: auto;
            height: auto;
            max-width: 78%;
            max-height: 78%;
            object-fit: contain;
            object-position: center center;
        }
}