/* Coway October 2026 — shared promo stylesheet. Rental sale prices and purchase offers. */
.coway-promo-new,.coway-oct-products{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:20px 16px;font-family:Arial,"Noto Sans KR",sans-serif}
.coway-promo-new *,.coway-oct-products *{box-sizing:border-box}
.coway-promo-new .hero img{display:block;width:100%;height:auto}
.coway-promo-new h2,.coway-oct-products h2{text-align:center;margin:26px 0 10px;font-size:26px}
.coway-promo-new .sub{text-align:center;margin-bottom:22px}
.coway-promo-new .promo-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}
.coway-promo-new .promo-links a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;background:#0877d9;color:white;text-decoration:none;border-radius:8px;font-weight:700}
.coway-promo-new .promo-links .kakao{background:#ffe500;color:#171717}
.coway-promo-new .posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.coway-promo-new .poster{margin:0;border:1px solid #e4e9ef;border-radius:14px;overflow:hidden}
.coway-promo-new .poster a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.coway-promo-new .poster img{display:block;width:100%;height:100%;object-fit:contain}
.coway-oct-products{max-width:1000px;padding-top:28px;padding-bottom:50px}
.coway-oct-products>p{text-align:center;color:#64748b;margin:8px 0 22px}
.coway-oct-products .card-header{background:#f4f8fd;border-radius:9px;padding:14px 18px;margin:34px 0 16px}
.coway-oct-products .card-title{font-size:19px;color:#0877d9;margin:0;font-weight:700}
.coway-oct-products .coway-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;position:static!important;height:auto!important}
.coway-oct-products .coway-product-card{display:flex!important;flex-direction:column!important;position:static!important;opacity:1!important;visibility:visible!important;min-width:0!important;float:none!important;transform:none!important;border:1px solid #e6eaf0;border-radius:12px;overflow:hidden;background:#fff}
.coway-oct-products .coway-product-photo{display:flex;align-items:center;justify-content:center;padding:10px;aspect-ratio:1/1}
.coway-oct-products .coway-product-photo img{width:100%;height:100%;max-height:285px;object-fit:contain}
.coway-oct-products .coway-product-details{padding:8px 12px 12px;flex:1}
.coway-oct-products .coway-product-model{font-size:13px;color:#0877d9;text-decoration:none;font-weight:700}
.coway-oct-products .coway-product-details h4{font-size:15px;line-height:1.45;margin:7px 0 8px;font-weight:700}
.coway-oct-products .coway-product-details h4 a{color:#263746;text-decoration:none}
.coway-oct-products .coway-product-regular-price{font-size:16px;font-weight:700;color:#263746;margin:0}
.coway-oct-products .coway-card-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0 10px 12px!important}
.coway-oct-products .coway-card-actions a{display:flex!important;justify-content:center;align-items:center;text-align:center;text-decoration:none!important;min-width:0;min-height:35px;border-radius:7px;padding:5px 1px;font-size:11px;font-weight:700;white-space:nowrap}
.coway-oct-products .coway-card-view{background:#0877d9;color:white!important}
.coway-oct-products .coway-card-kakao{background:#ffe500;color:#171717!important}
.coway-oct-products .coway-card-phone{background:#344054;color:white!important}
.coway-oct-products .coway-mobile-kakao-common{display:none}
@media(max-width:767px){
 .coway-promo-new,.coway-oct-products{padding-left:12px;padding-right:12px}
 .coway-promo-new .posters{grid-template-columns:1fr;gap:14px}
 .coway-promo-new .promo-links a{flex:1 1 100%}
 .coway-oct-products .coway-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
 .coway-oct-products .coway-product-details{padding:7px 8px}
 .coway-oct-products .coway-product-details h4{font-size:12px}
 .coway-oct-products .coway-product-regular-price{font-size:13px}
 .coway-oct-products .coway-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin:0 6px 9px!important}
 .coway-oct-products .coway-card-actions a{font-size:10px;min-height:33px}
 .coway-oct-products .coway-card-kakao{display:none!important}
 .coway-oct-products .coway-mobile-kakao-common{display:block;margin:22px 0 12px;text-align:center}
 .coway-oct-products .coway-mobile-kakao-common a{display:block;max-width:420px;margin:auto;padding:13px;background:#ffe500;color:#171717;border-radius:9px;font-weight:700;text-decoration:none}
}

/* Interactive links over the phone and KakaoTalk artwork in the hero banner. */
.coway-promo-new .hero{position:relative;isolation:isolate}
.coway-promo-new .hero picture{display:block}
.coway-promo-new .hero .coway-hero-hotspot{position:absolute;z-index:2;display:block;border-radius:8px;cursor:pointer;background:transparent;text-decoration:none;touch-action:manipulation}
.coway-promo-new .hero .coway-hero-phone{left:8.4%;top:64.5%;width:17.7%;height:11.2%}
.coway-promo-new .hero .coway-hero-kakao{left:26.8%;top:64.5%;width:15.3%;height:11.2%}
.coway-promo-new .hero .coway-hero-hotspot:focus-visible{outline:3px solid #0057d9;outline-offset:2px}

/* Poster lightbox: enlarge the IMAGE, not just the surrounding dialog.
   Tall posters scroll inside the viewer rather than shrinking to viewport height. */
.coway-promo-new .poster .coway-poster-open { cursor: zoom-in; }
.coway-promo-new .coway-poster-dialog {
  position: fixed; inset: 0; box-sizing: border-box;
  width: min(96vw, 1040px); max-width: 96vw;
  height: auto; max-height: 94dvh; margin: auto;
  padding: 12px 16px 18px; border: 0; border-radius: 12px;
  background: #fff; box-shadow: 0 20px 65px rgba(0,0,0,.28);
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
}
.coway-promo-new .coway-poster-dialog::backdrop { background: rgba(12,20,32,.82); }
.coway-promo-new .coway-poster-dialog[open] { display: block; }
.coway-promo-new .coway-poster-dialog .coway-poster-full {
  display: block; clear: both; width: 100% !important; max-width: none !important;
  height: auto !important; max-height: none !important; object-fit: initial;
  margin: 0 auto;
}
.coway-promo-new .coway-poster-close {
  position: sticky; top: 0; float: right; z-index: 3;
  display: flex; align-items: center; justify-content: center;
  width: 42px; height: 40px; margin: 0 0 8px;
  border: 0; border-radius: 7px; background: #f1f5f9;
  color: #17212e; font-size: 28px; line-height: 1; cursor: pointer;
}
@media (max-width: 767px) {
  .coway-promo-new .coway-poster-dialog {
    width: 98vw; max-width: 98vw; max-height: 94dvh; padding: 8px 8px 14px;
  }
}
@media (max-width: 767px) {
    .coway-popular-en .popular-image {
        padding: 10px 8px;
    }

    .coway-popular-en .popular-badge {
        font-size: 10px;
        padding-bottom: 8px;
    }

    .coway-popular-en .popular-image img {
        height: 145px;
    }
}
/* Mobile hero: purpose-cropped banner makes the promotion copy and CTAs larger.
   Hotspots below correspond to the 1080 x 793 mobile crop. */
@media (max-width: 767px) {
  .coway-promo-new .hero .coway-hero-phone {
    left: 14.8%; top: 62.4%; width: 31.5%; height: 11%;
  }
  .coway-promo-new .hero .coway-hero-kakao {
    left: 47.7%; top: 62.4%; width: 27.1%; height: 11%;
  }
}

/* October promo introduction: strong title and subtitle; one line on mobile. */
.coway-promo-new.coway-promo-intro > h2 {
  font-weight: 800 !important;
  color: #172b43;
  line-height: 1.35;
}
.coway-promo-new.coway-promo-intro > .sub {
  font-weight: 700 !important;
  color: #344054;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .coway-promo-new.coway-promo-intro > h2 {
    font-size: clamp(17px, 4.4vw, 22px) !important;
    white-space: nowrap;
    letter-spacing: -0.055em;
  }
  .coway-promo-new.coway-promo-intro > .sub {
    font-size: clamp(9px, 2.6vw, 13px) !important;
    white-space: nowrap;
    letter-spacing: -0.045em;
  }
}

/* Product list heading: bold, consistent on desktop and mobile. */
.coway-oct-products > h2 {
  font-weight: 800 !important;
  color: #172b43;
}


/* October rental promotional pricing. Scoped to the product section. */
.coway-oct-products .coway-promo-price {
  display: flex; align-items: baseline; justify-content: flex-start;
  gap: 11px; flex-wrap: wrap; margin: 3px 0 0;
}
.coway-oct-products .coway-regular-price {
  color: #8b95a3; font-size: 14px; font-weight: 500; white-space: nowrap;
  text-decoration: line-through; text-decoration-thickness: 1.5px;
}
.coway-oct-products .coway-sale-price {
  color: #d52637; font-size: 23px; line-height: 1.2; font-weight: 800; white-space: nowrap;
}
.coway-oct-products .coway-sale-period {
  color: #475467; font-size: 12px; font-weight: 650;
  line-height: 1.45; margin: 6px 0 0;
}
.coway-oct-products .coway-purchase-discount,
.coway-oct-products .coway-combo-discount {
  color: #1f5da8; font-size: 12px; font-weight: 700;
  line-height: 1.45; margin: 5px 0 0;
}
.coway-oct-products .coway-purchase-discount { color: #8b4c0d; }
@media (max-width: 767px) {
  .coway-oct-products .coway-promo-price { gap: 5px 8px; }
  .coway-oct-products .coway-regular-price { font-size: 11px; }
  .coway-oct-products .coway-sale-price { font-size: 18px; }
  .coway-oct-products .coway-sale-period,
  .coway-oct-products .coway-purchase-discount,
  .coway-oct-products .coway-combo-discount { font-size: 10px; }
}

/* Sold-out products: CHPI-620L and CHPI-280L */
.coway-oct-products .coway-product-regular-price.coway-sold-out{color:#c62828;font-weight:800;letter-spacing:.045em;font-size:18px}
@media(max-width:767px){.coway-oct-products .coway-product-regular-price.coway-sold-out{font-size:15px}}

/* Keep combo rental benefit on its own line beneath the monthly offer. */
.coway-oct-products .coway-combo-discount {display:block; margin-top:7px; font-weight:750;}

/* October outright purchase offer: discount and purchase amount on the same line. */
.coway-oct-products .coway-purchase-discount {display:block; color:#8b4c0d;}
.coway-oct-products .coway-purchase-price {color:#c72535; font-size:17px; font-weight:800; white-space:nowrap; margin-left:5px;}
@media(max-width:767px){.coway-oct-products .coway-purchase-price{font-size:14px;margin-left:3px;}}

/* October 2026 bottom section: vector icons, three compact benefit cards, real clickable consultation buttons. */
.coway-promo-new.coway-service-section{max-width:1100px;padding:16px 16px 38px;color:#102449}
.coway-service-section .coway-service-benefits,.coway-service-section .coway-service-contact{background:#eaf6ff;border-radius:20px;padding:32px 24px;margin:0 0 16px;position:relative;overflow:hidden;text-align:center}
.coway-service-section .coway-service-benefits{background:linear-gradient(155deg,#f5fbff 0%,#d9efff 62%,#eef8ff 100%)}
.coway-service-section .coway-service-contact{background:linear-gradient(155deg,#eaf7ff,#d7edff)}
.coway-service-section .coway-service-brand{display:inline-block;background:#dcefff;border-radius:100px;color:#0073e4;font-weight:800;letter-spacing:.04em;padding:6px 23px;font-size:16px}
.coway-service-section h2{font-size:clamp(23px,3.3vw,37px);font-weight:900!important;color:#102449;margin:15px 0 8px;line-height:1.3}
.coway-service-section .coway-service-sub{font-size:15px;color:#4c5b70;margin:0 auto 24px;line-height:1.55}
.coway-service-section .coway-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.coway-service-section .coway-service-card{min-width:0;display:flex;align-items:center;text-align:left;gap:14px;background:#fff;border-radius:15px;padding:20px 15px;box-shadow:0 6px 18px rgba(12,62,107,.055)}
.coway-service-section .coway-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 74px;width:74px;height:74px;border-radius:50%;background:#dff2ff;color:#0564c6}
.coway-service-section .coway-service-icon-filter{background:#d5f8ef;color:#087ab8}
.coway-service-section .coway-service-icon-heart{background:#ffe7eb;color:#df2b64}
.coway-service-section .coway-service-icon svg{width:43px;height:43px;display:block}
.coway-service-section .coway-service-copy{min-width:0}
.coway-service-section .coway-service-copy h3{margin:0 0 6px;color:#0869cf;font-weight:850;font-size:19px;line-height:1.25}
.coway-service-section .coway-service-copy p{margin:0;font-size:12px;color:#334155;line-height:1.6;word-break:keep-all}
.coway-service-section .coway-service-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.coway-service-section a.coway-service-button{display:flex;align-items:center;gap:12px;min-width:0;min-height:95px;text-align:left;text-decoration:none!important;border-radius:14px;padding:16px 14px;color:#fff!important;background:#0988ef;box-shadow:0 5px 13px rgba(0,77,145,.12);transition:transform .2s,filter .2s}
.coway-service-section a.coway-service-button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.coway-service-section a.coway-service-east{background:#0955a2}
.coway-service-section a.coway-service-kakao{background:#ffe600;color:#2e1b04!important}
.coway-service-section .coway-service-call-icon{display:flex;flex:0 0 50px;width:50px;height:50px;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:#0675d9}
.coway-service-section .coway-service-call-icon svg{width:27px;height:27px}
.coway-service-section .coway-service-kakao-icon{display:flex;flex:0 0 50px;width:50px;height:50px;align-items:center;justify-content:center;background:#3b230b;border-radius:50%;color:#ffe600;font-size:13px;font-weight:900;letter-spacing:-.02em}
.coway-service-section .coway-service-button-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px;font-weight:700;font-size:13px;line-height:1.25}
.coway-service-section .coway-service-button-text strong{font-size:clamp(17px,2vw,23px);font-weight:850;white-space:nowrap}
.coway-service-section .coway-service-arrow{display:flex;flex:0 0 17px}
.coway-service-section .coway-service-arrow svg{width:17px;height:20px}
@media(max-width:850px){.coway-service-section .coway-service-card{flex-direction:column;text-align:center;padding:16px 9px;gap:8px}.coway-service-section .coway-service-icon{flex-basis:64px;width:64px;height:64px}.coway-service-section .coway-service-copy h3{font-size:16px}.coway-service-section .coway-service-copy p{font-size:11px}.coway-service-section a.coway-service-button{padding:12px 8px;gap:6px}.coway-service-section .coway-service-call-icon,.coway-service-section .coway-service-kakao-icon{flex-basis:35px;width:35px;height:35px}.coway-service-section .coway-service-call-icon svg{width:21px;height:21px}.coway-service-section .coway-service-button-text{font-size:11px}.coway-service-section .coway-service-button-text strong{font-size:15px}}
@media(max-width:600px){.coway-promo-new.coway-service-section{padding:10px 12px 24px}.coway-service-section .coway-service-benefits,.coway-service-section .coway-service-contact{padding:23px 12px;border-radius:15px}.coway-service-section h2{font-size:clamp(20px,5.1vw,27px)}.coway-service-section .coway-service-sub{font-size:12px;margin-bottom:17px}.coway-service-section .coway-service-cards{gap:7px}.coway-service-section .coway-service-card{padding:12px 5px;border-radius:10px}.coway-service-section .coway-service-icon{flex-basis:46px;width:46px;height:46px}.coway-service-section .coway-service-icon svg{width:29px;height:29px}.coway-service-section .coway-service-copy h3{font-size:clamp(11px,3vw,14px)}.coway-service-section .coway-service-copy p{font-size:10px;line-height:1.45}.coway-service-section .coway-service-buttons{grid-template-columns:1fr;gap:9px}.coway-service-section a.coway-service-button{min-height:67px;padding:12px 15px;gap:12px}.coway-service-section .coway-service-call-icon,.coway-service-section .coway-service-kakao-icon{flex-basis:42px;width:42px;height:42px}.coway-service-section .coway-service-button-text{font-size:13px}.coway-service-section .coway-service-button-text strong{font-size:20px}.coway-service-section .coway-service-arrow{margin-left:auto}}