/* Rankscan clean blue renewal v1.7
   Reference-inspired spacing and hierarchy. Existing PHP/JS behavior is unchanged. */
:root{
  --v170-blue:#246bfd;
  --v170-blue-dark:#174fca;
  --v170-sky:#eef6ff;
  --v170-sky-2:#f6f9ff;
  --v170-purple:#7657e8;
  --v170-yellow:#fee500;
  --v170-ink:#121d36;
  --v170-text:#52617a;
  --v170-muted:#8793a8;
  --v170-line:#e5ebf4;
  --v170-white:#fff;
  --v170-shadow:0 18px 52px rgba(37,74,145,.09);
}

html,body{background:#fff!important;color:var(--v170-ink)!important}
body{background-image:none!important;font-size:15px}

.top-promo-v170{
  position:relative;z-index:90;display:flex;min-height:39px;padding:0 max(24px,calc((100vw - 1360px)/2));
  align-items:center;justify-content:center;gap:12px;color:#fff;
  background:linear-gradient(100deg,#5b5ee8 0%,#7756e8 52%,#3182f6 100%);
  font-size:12px;letter-spacing:-.01em;
}
.top-promo-v170 span{font-size:9px;font-weight:950;letter-spacing:.13em;opacity:.8}
.top-promo-v170 b{font-weight:750}
.top-promo-v170 em{font-size:11px;font-style:normal;font-weight:850;opacity:.9}

body>header{
  position:sticky!important;top:0!important;z-index:85!important;height:82px!important;min-height:82px!important;
  padding-inline:max(24px,calc((100vw - 1360px)/2))!important;border-bottom:1px solid #edf1f7!important;
  background:rgba(255,255,255,.96)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important;
}
.brand{gap:12px!important}.brand img{
  width:42px!important;height:42px!important;padding:3px;border:1px solid #dfe8ff!important;border-radius:14px!important;
  background:#f2f7ff!important;box-shadow:0 8px 20px rgba(36,107,253,.13)!important;
}
.brand>span b{color:var(--v170-ink)!important;font-size:20px!important;letter-spacing:.04em!important}
.brand>span small{color:#8a96aa!important;font-size:8px!important;letter-spacing:.16em!important}
body>header nav{gap:8px!important}
body>header nav>a,body>header nav .link{
  min-height:42px!important;padding:0 13px!important;border:0!important;border-radius:11px!important;
  background:transparent!important;color:#3b465c!important;font-size:13px!important;font-weight:750!important;
}
body>header nav>a:hover,body>header nav .link:hover{background:#f3f7ff!important;color:var(--v170-blue)!important}
body>header nav>a[href*="route=chat"],body>header nav>a[href*="route=login"]{
  padding-inline:17px!important;background:var(--v170-blue)!important;color:#fff!important;box-shadow:0 8px 18px rgba(36,107,253,.18)!important;
}

main{width:min(1360px,calc(100% - 48px))!important;max-width:1360px!important;padding:34px 0 110px!important}
main>section{margin-bottom:112px!important}
.route-home main{padding-top:28px!important}
.btn,.filters .btn{
  min-height:48px!important;padding:0 21px!important;border:1px solid #dbe3ef!important;border-radius:12px!important;
  background:#fff!important;color:var(--v170-ink)!important;box-shadow:none!important;font-size:13px!important;font-weight:850!important;
}
.btn:hover{border-color:#b9c9e6!important;background:#f9fbff!important;transform:translateY(-1px)!important}
.btn.primary,.primary,.filters .btn{
  border-color:var(--v170-blue)!important;background:var(--v170-blue)!important;color:#fff!important;
  box-shadow:0 10px 22px rgba(36,107,253,.18)!important;
}
.btn.primary:hover,.primary:hover{border-color:var(--v170-blue-dark)!important;background:var(--v170-blue-dark)!important}
.eyebrow,.rs-store-heading-v110>span{color:var(--v170-blue)!important}

/* Hero */
.rs-store-hero-v110{
  display:block!important;min-height:545px!important;padding:68px 72px!important;border:0!important;border-radius:30px!important;
  background-color:var(--v170-sky)!important;background-image:url('hero-clean-v170.png')!important;
  background-position:center right!important;background-size:cover!important;background-repeat:no-repeat!important;
  box-shadow:none!important;overflow:hidden!important;
}
.rs-store-hero-v110:before{display:none!important}
.rs-store-hero-copy-v110{
  display:flex!important;width:51%!important;max-width:650px!important;min-height:410px!important;padding:0!important;
  justify-content:center!important;flex-direction:column!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
.rs-store-kicker-v110{
  align-self:flex-start!important;padding:8px 12px!important;border-radius:999px!important;
  background:#fff!important;color:var(--v170-purple)!important;font-size:11px!important;letter-spacing:.02em!important;
  box-shadow:0 5px 18px rgba(71,91,140,.08)!important;
}
.rs-store-hero-copy-v110 h1{
  margin:22px 0 20px!important;color:var(--v170-ink)!important;font-size:clamp(42px,4vw,59px)!important;
  line-height:1.12!important;letter-spacing:-.065em!important;word-break:keep-all!important;
}
.rs-store-hero-copy-v110 h1 span,.rs-store-hero-copy-v110 h1 strong{display:block!important;white-space:normal!important}
.rs-store-hero-copy-v110 h1 strong{color:var(--v170-blue)!important}
.rs-store-hero-copy-v110>p{max-width:575px!important;margin:0!important;color:var(--v170-text)!important;font-size:16px!important;line-height:1.8!important;word-break:keep-all!important}
.rs-store-hero-actions-v110{margin-top:30px!important;gap:10px!important}
.rs-store-hero-actions-v110 .btn{min-width:156px!important}
.rs-store-hero-copy-v110 ul{margin-top:25px!important;gap:17px!important}
.rs-store-hero-copy-v110 li{color:#67758b!important;font-size:12px!important}
.rs-store-hero-copy-v110 li:before{background:#fff!important;color:var(--v170-blue)!important;box-shadow:0 4px 12px rgba(36,107,253,.11)!important}
.rs-store-showcase-v110{display:none!important}
.rs-store-notice-v110{
  min-height:50px!important;margin:-18px 32px 34px!important;padding:0 22px!important;border:1px solid #e4eaf3!important;
  border-radius:13px!important;background:#fff!important;box-shadow:0 10px 32px rgba(29,61,120,.07)!important;
}
.rs-store-notice-v110 span,.rs-store-notice-v110 em{color:var(--v170-blue)!important}
.rs-store-notice-v110 b{color:#46546b!important}

/* Quick icon menu */
.rs-store-shortcuts-v110{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin:0 0 118px!important;
  padding:23px 8px 14px!important;border:0!important;background:#fff!important;
}
.rs-store-shortcuts-v110>a{
  display:flex!important;min-height:112px!important;padding:12px 8px!important;flex-direction:column!important;gap:9px!important;
  justify-content:center!important;text-align:center!important;border:0!important;border-radius:18px!important;
  background:transparent!important;box-shadow:none!important;
}
.rs-store-shortcuts-v110>a:hover{border-color:transparent!important;background:#f6f9ff!important;box-shadow:none!important;transform:translateY(-3px)!important}
.rs-store-shortcuts-v110 i{
  display:grid!important;width:54px!important;height:54px!important;place-items:center!important;border-radius:18px!important;
  background:#edf4ff!important;color:var(--v170-blue)!important;font-size:0!important;font-style:normal!important;
}
.rs-store-shortcuts-v110 i:after{font-size:23px!important;font-weight:800!important}
.rs-store-shortcuts-v110>a:nth-child(1) i:after{content:"▦"}.rs-store-shortcuts-v110>a:nth-child(2) i:after{content:"⌂"}
.rs-store-shortcuts-v110>a:nth-child(3) i:after{content:"◌"}.rs-store-shortcuts-v110>a:nth-child(4) i:after{content:"✓"}
.rs-store-shortcuts-v110>a:nth-child(5) i:after{content:"?"}.rs-store-shortcuts-v110>a:nth-child(6) i:after{content:"!"}
.rs-store-shortcuts-v110>a:nth-child(2) i{background:#f2efff!important;color:#7359e5!important}
.rs-store-shortcuts-v110>a:nth-child(3) i{background:#fff5d8!important;color:#d49700!important}
.rs-store-shortcuts-v110>a:nth-child(4) i{background:#eaf9f4!important;color:#09956c!important}
.rs-store-shortcuts-v110>a:nth-child(5) i{background:#fff0f4!important;color:#e45079!important}
.rs-store-shortcuts-v110>a:nth-child(6) i{background:#eff7ff!important;color:#2b84d7!important}
.rs-store-shortcuts-v110 b{color:var(--v170-ink)!important;font-size:14px!important}
.rs-store-shortcuts-v110 small{margin-top:3px!important;color:var(--v170-muted)!important;font-size:10px!important}
.rs-store-shortcuts-v110 em{display:none!important}

/* Home sections */
.rs-store-heading-v110{max-width:820px!important;margin:0 auto 40px!important;text-align:center!important}
.rs-store-heading-v110>span{font-size:10px!important;letter-spacing:.15em!important}
.rs-store-heading-v110 h2{margin:10px 0!important;color:var(--v170-ink)!important;font-size:clamp(31px,3.1vw,44px)!important;line-height:1.2!important}
.rs-store-heading-v110 p{color:var(--v170-text)!important;font-size:14px!important}
.rs-store-heading-v110>a{position:static!important;display:inline-flex!important;margin-top:14px!important;color:var(--v170-blue)!important}
.rs-home-categories-v100{padding:74px 56px!important;border-radius:30px!important;background:var(--v170-sky-2)!important}
.rs-home-category-grid-v100{gap:14px!important}
.rs-home-category-grid-v100>a{
  min-height:122px!important;padding:20px!important;border:1px solid #e7edf6!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 8px 24px rgba(42,74,133,.045)!important;
}
.rs-home-category-grid-v100>a:hover{border-color:#c7d8fb!important;box-shadow:0 14px 32px rgba(36,107,253,.09)!important;transform:translateY(-3px)!important}
.rs-home-category-grid-v100 img,.rs-home-category-grid-v100 i{
  width:64px!important;height:64px!important;border-radius:18px!important;background:#edf5ff!important;color:var(--v170-blue)!important;
}
.rs-home-category-grid-v100 b{color:var(--v170-ink)!important}.rs-home-category-grid-v100 small{color:var(--v170-muted)!important}
.rs-home-category-grid-v100 em{color:var(--v170-blue)!important}
.rs-store-products-v110{padding-top:12px!important}
.rs-store-products-v110>.grid{gap:20px!important}
.program-card{
  border:1px solid var(--v170-line)!important;border-radius:22px!important;background:#fff!important;
  box-shadow:0 10px 32px rgba(33,65,124,.06)!important;
}
.program-card:hover{box-shadow:0 18px 44px rgba(36,73,140,.11)!important;transform:translateY(-5px)!important}
.program-card .thumb{height:235px!important;background:linear-gradient(145deg,#edf5ff,#f7f3ff)!important}
.program-card .thumb>span{background:var(--v170-ink)!important}.program-card h3,.program-card .card-price strong{color:var(--v170-ink)!important}
.program-card .card-price span{color:var(--v170-blue)!important}.program-card .badges span{background:#f1f5fb!important;color:#657188!important}
.program-card>.rs-card-order-v100{border-radius:12px!important}
.rs-store-benefits-v110{
  padding:72px 56px!important;border:0!important;border-radius:30px!important;background:var(--v170-sky)!important;box-shadow:none!important;
}
.rs-store-benefits-v110 .rs-store-heading-v110 h2{color:var(--v170-ink)!important}
.rs-store-benefits-v110 .rs-store-heading-v110 p{color:var(--v170-text)!important}
.rs-store-benefits-v110>div:last-child{gap:14px!important;border:0!important;background:transparent!important;overflow:visible!important}
.rs-store-benefits-v110 article{
  min-height:190px!important;padding:27px!important;border:1px solid rgba(214,226,244,.9)!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 9px 25px rgba(50,85,146,.055)!important;
}
.rs-store-benefits-v110 article i{color:var(--v170-blue)!important}
.rs-store-benefits-v110 article b{margin:30px 0 9px!important;color:var(--v170-ink)!important;font-size:17px!important}
.rs-store-benefits-v110 article p{color:var(--v170-text)!important;font-size:12px!important}
#purchase-guide .section-head{text-align:center!important;justify-content:center!important}
#purchase-guide .section-head h2{color:var(--v170-ink)!important;font-size:40px!important}
.steps{gap:14px!important}
.steps>div{
  min-height:185px!important;padding:27px!important;border:1px solid var(--v170-line)!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 8px 26px rgba(33,65,124,.05)!important;
}
.steps>div>b{display:grid!important;width:43px!important;height:43px!important;margin-bottom:23px!important;place-items:center!important;border:0!important;border-radius:14px!important;background:#edf4ff!important;color:var(--v170-blue)!important;box-shadow:none!important;font-size:11px!important}
.steps h3{margin:0 0 8px!important;color:var(--v170-ink)!important}.steps p{color:var(--v170-text)!important}
.faq{padding:48px!important;border:0!important;border-radius:30px!important;background:#f7f9fd!important;box-shadow:none!important}
.faq-visual{border-radius:24px!important;background:#eaf3ff!important;box-shadow:none!important;transform:none!important}
.faq-visual:after{background:#fff!important;color:var(--v170-ink)!important;box-shadow:0 10px 28px rgba(35,66,124,.09)!important}
.faq .section-head h2{color:var(--v170-ink)!important}.faq details{border-color:#e5eaf2!important;border-radius:15px!important;box-shadow:none!important}

/* Inner pages and admin */
.page-title,.product-hero,.detail-layout article,.detail-layout aside,.panel,.table-wrap,.auth{
  border:1px solid var(--v170-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 9px 30px rgba(34,64,119,.055)!important;
}
.page-title{background:linear-gradient(130deg,#f5f9ff,#fff)!important}
.page-title h1,.product-hero h1,.detail-layout article h2,.panel h2{color:var(--v170-ink)!important}
.auth-brand-icon{background:#edf4ff!important}.flash{background:var(--v170-blue)!important;color:#fff!important}
.admin-head{border:0!important;background:linear-gradient(120deg,#183966,#285ca9)!important;box-shadow:0 15px 38px rgba(24,57,102,.14)!important}
.admin-head .eyebrow{color:#b9d4ff!important}.admin-tabs a.active{background:var(--v170-blue)!important}
.rs-admin-stats-v100 strong,.rs-admin-section-head-v100 h2,.rs-admin-product-main-v100 h3,.rs-editor-heading-v100 h2{color:var(--v170-ink)!important}
th{background:#f3f7fd!important;color:#52617a!important}
input,select,textarea{border-color:#dce4ef!important;border-radius:11px!important;color:var(--v170-ink)!important}
input:focus,select:focus,textarea:focus{border-color:#82a8fb!important;box-shadow:0 0 0 4px rgba(36,107,253,.1)!important}

/* Chat remains Kakao-familiar but avoids covering controls. */
.rs-chat-filter-v100{gap:12px!important;padding:14px!important;border-color:var(--v170-line)!important;border-radius:17px!important;background:#fff!important}
.rs-chat-filter-v100>label,.rs-chat-settings-v130 label.check{
  display:inline-flex!important;min-height:44px!important;padding:0 14px!important;align-items:center!important;gap:9px!important;
  border:1px solid #cdd9ea!important;border-radius:11px!important;background:#f5f8fd!important;color:var(--v170-ink)!important;
  font-size:13px!important;font-weight:900!important;white-space:nowrap!important;
}
.rs-chat-filter-v100 input[type=checkbox],.rs-chat-settings-v130 input[type=checkbox]{display:inline-block!important;width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;accent-color:var(--v170-blue)!important;opacity:1!important;visibility:visible!important}
.rs-chat-settings-v130{border-color:var(--v170-line)!important;background:#fff!important;box-shadow:0 9px 28px rgba(33,65,124,.055)!important}
.rs-chat-settings-v130>div>span{color:var(--v170-blue)!important}.rs-chat-settings-v130 h2{color:var(--v170-ink)!important}
.rs-chat-shell-v100{border-color:var(--v170-line)!important;box-shadow:var(--v170-shadow)!important}
.rs-chat-list-v100{border-color:var(--v170-line)!important;background:#f5f8fd!important}.rs-thread-v100.active{background:#eaf2ff!important}
.rs-chat-room-v100{background:#f2f5f9!important}.rs-chat-room-head-v100{border-color:var(--v170-line)!important}
.rs-chat-room-head-v100 img,.rs-message-v100>img{content:url('brand-mark-v170.png');background:#edf4ff!important;object-fit:contain!important}
.rs-chat-compose-v100{border-color:var(--v170-line)!important}.rs-chat-notice-v130{border-color:#e8d46a!important;background:#fff8c7!important;color:#504600!important}
.rs-chat-attach-v120{border-color:#cfd9e7!important;color:var(--v170-blue)!important}
.consult-chat-button-v120{background:var(--v170-yellow)!important;color:#3c1e1e!important;box-shadow:0 14px 36px rgba(63,52,0,.2)!important}
.consult-chat-button-v120>i,.consult-chat-profile-v120,.admin-chat-popup-v150 header>div>span{background:#3c1e1e!important;color:#fff!important}
.consult-chat-button-v120 small{color:#705d00!important}.consult-chat-button-v120>i:after{border-color:#3c1e1e transparent transparent transparent!important}
.consult-chat-v120>section>header,.admin-chat-popup-v150>section>header{background:var(--v170-yellow)!important}
.consult-chat-v120 header p>b,.admin-chat-popup-v150 header p b,.consult-chat-window-actions-v130 button,.admin-chat-popup-v150 header button{color:#3c1e1e!important}
.admin-chat-alert-v120{top:auto!important;right:24px!important;bottom:24px!important}.admin-chat-alert-v120>[data-alert-toast]{width:260px!important;padding:14px 16px!important;border-radius:14px!important;background:var(--v170-blue)!important;box-shadow:0 15px 38px rgba(36,107,253,.28)!important}

footer{padding-block:54px!important;background:#17243c!important}
footer span,footer small{color:#a8b4c8!important}

@media(max-width:1180px){
  body>header nav{gap:2px!important}.rs-store-hero-v110{padding:56px 48px!important;background-position:60% center!important}
  .rs-store-hero-copy-v110{width:56%!important}.rs-store-shortcuts-v110{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:800px){
  .top-promo-v170{min-height:35px;padding:7px 15px;text-align:center}.top-promo-v170 span,.top-promo-v170 em{display:none}
  body>header{height:auto!important;min-height:70px!important;padding:12px 16px!important}
  main{width:calc(100% - 28px)!important;padding-top:16px!important}
  .rs-store-hero-v110{min-height:650px!important;padding:34px 28px!important;background-position:68% bottom!important;background-size:auto 100%!important}
  .rs-store-hero-copy-v110{width:100%!important;max-width:100%!important;min-height:0!important;justify-content:flex-start!important}
  .rs-store-hero-copy-v110 h1{font-size:clamp(36px,8vw,46px)!important}.rs-store-hero-copy-v110>p{max-width:94%!important;font-size:14px!important}
  .rs-store-hero-copy-v110 ul{max-width:410px!important}.rs-store-notice-v110{margin:-12px 10px 25px!important}
  .rs-store-shortcuts-v110{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:78px!important}
  .rs-home-categories-v100,.rs-store-benefits-v110{padding:50px 22px!important}.rs-home-category-grid-v100{grid-template-columns:1fr!important}
  .rs-store-benefits-v110>div:last-child{grid-template-columns:repeat(2,1fr)!important}.faq{padding:24px!important}
}
@media(max-width:560px){
  main{width:calc(100% - 20px)!important}.rs-store-hero-v110{min-height:690px!important;padding:28px 20px!important;border-radius:23px!important;background-position:62% bottom!important}
  .rs-store-hero-copy-v110 h1{font-size:36px!important}.rs-store-hero-actions-v110{display:grid!important;grid-template-columns:1fr 1fr!important}.rs-store-hero-actions-v110 .btn{min-width:0!important;padding-inline:10px!important}
  .rs-store-hero-copy-v110 ul{display:none!important}.rs-store-notice-v110{grid-template-columns:minmax(0,1fr) auto!important;padding-inline:14px!important}.rs-store-notice-v110 span{display:none!important}
  .rs-store-shortcuts-v110{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-inline:0!important}.rs-store-shortcuts-v110>a{min-height:102px!important}
  .rs-store-heading-v110 h2,#purchase-guide .section-head h2{font-size:30px!important}.rs-store-benefits-v110>div:last-child{grid-template-columns:1fr!important}
  .steps{grid-template-columns:1fr!important}.top-promo-v170 b{font-size:11px}
}