/* ShopKey storefront proportions, adapted to the shop's violet palette. */
html[lang="zh-CN"] body { font-family: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', sans-serif !important; }
.agree-terms-copy { font-size: 11px; line-height: 1.7; }.store-auth-main .agree-terms-copy .agree-terms-label { display: inline; margin: 0; }
.policy-open-link { display: inline; padding: 0; border: 0; background: transparent; color: #69518f; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
.policy-page { padding: 32px 0 70px; }.policy-page-heading { margin-bottom: 27px; }.policy-page-heading h1 { margin: 0 0 10px; font-size: 28px; font-weight: 650; color: #352a47; }.policy-page-heading p { color: #8a8494; font-size: 13px; }
.policy-page-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 25px; align-items: start; }
.policy-section-nav { position: sticky; top: 110px; padding: 12px; border: 1px solid #e5e2eb; border-radius: 9px; background: #fff; }
.policy-section-nav a { display: flex; gap: 9px; padding: 11px 8px; color: #6f637e; font-size: 11px; border-radius: 5px; line-height: 1.6; }.policy-section-nav a:hover { background: #f4effa; color: #69518f; }.policy-section-nav span { color: #a395b7; }
.policy-page-card { padding: 32px; border: 1px solid #e5e2eb; border-radius: 9px; background: #fff; }
.policy-effective { margin: 0 0 18px; font-size: 11px; color: #968da3; }.policy-intro { font-size: 13px; line-height: 1.85; color: #61566e; }
.policy-payment { display: flex; align-items: flex-start; gap: 13px; margin: 23px 0 27px; padding: 17px; border: 1px solid #e8dff3; border-radius: 8px; background: #faf6ff; }.policy-payment > i { padding-top: 3px; color: #8763ad; font-size: 17px; }.policy-payment strong { font-size: 12px; color: #684d85; }.policy-payment p { margin: 5px 0 0; color: #867391; font-size: 11px; line-height: 1.8; }
.policy-document > section { margin-top: 27px; scroll-margin-top: 115px; }.policy-document h2 { margin: 0 0 11px; color: #49365b; font-size: 16px; font-weight: 650; line-height: 1.6; }.policy-document h2 span { margin-right: 4px; color: #a28cb8; }.policy-document section > p { margin: 0; color: #796e84; font-size: 12px; line-height: 1.9; }.policy-support-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 15px; color: #745295; font-size: 11px; }
.policy-modal { position: fixed; inset: 0; z-index: 1200; display: none; align-items: center; justify-content: center; padding: 22px; }.policy-modal.show { display: flex; }.policy-modal-overlay { position: absolute; inset: 0; background: #24183088; backdrop-filter: blur(3px); }
.policy-modal-dialog { position: relative; display: flex; flex-direction: column; width: min(780px,100%); max-height: calc(100dvh - 44px); overflow: hidden; border: 1px solid #ded4e9; border-radius: 14px; background: #fff; box-shadow: 0 25px 70px #23142d30; }
.policy-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-shrink: 0; padding: 20px 25px 17px; border-bottom: 1px solid #eee8f4; }.policy-modal-header span { color: #a18bae; font-size: 9px; font-weight: 600; letter-spacing: 1.5px; }.policy-modal-header h2 { margin: 5px 0 0; font-size: 21px; font-weight: 600; color: #473253; }.policy-modal-close { display: grid; place-items: center; flex-shrink: 0; width: 31px; height: 31px; padding: 0; border: 0; border-radius: 50%; background: #f5f1f9; color: #8b779d; font-size: 15px; }
.policy-content-scroll { flex: 1 1 auto; min-height: 0; padding: 22px 25px 27px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c5b3d7 #faf7fd; }.policy-content-scroll:focus-visible { outline-offset: -3px; }
.policy-modal-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-shrink: 0; padding: 17px 25px; border-top: 1px solid #eee8f4; background: #fcfaff; }.policy-modal-footer p { margin: 0 0 4px; color: #a28db1; font-size: 9px; }.policy-modal-footer p[hidden] { display: none; }.policy-modal-footer a { color: #8d6fa6; font-size: 10px; }.policy-modal-actions { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }.policy-modal-actions button { padding: 10px 15px; border: 1px solid #e5deed; border-radius: 6px; background: #fff; color: #8a759d; font-size: 11px; }#btn-policy-accept { border-color: #69518f; background: #69518f; color: #fff; }#btn-policy-accept:disabled { border-color: #eee8f4; background: #eee8f4; color: #b1a1bf; cursor: not-allowed; }
@media(max-width:767px) { .policy-page-layout { grid-template-columns: 1fr; gap: 17px; }.policy-section-nav { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.policy-page-card { padding: 22px; }.policy-page-heading h1 { font-size: 24px; }.policy-modal { padding: 12px; }.policy-modal-dialog { max-height: calc(100dvh - 24px); border-radius: 10px; }.policy-modal-header { padding: 16px 19px; }.policy-modal-header h2 { font-size: 18px; }.policy-content-scroll { padding: 18px 19px 23px; }.policy-modal-footer { align-items: stretch; flex-direction: column; gap: 12px; padding: 14px 19px; }.policy-modal-actions { justify-content: flex-end; }.policy-modal-actions button { padding: 10px 13px; }.policy-document h2 { font-size: 15px; } }
.support-community-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-bottom: 36px; }
.support-community-card { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 18px; padding: 27px; border: 1px solid #e5e4eb; border-radius: 10px; background: #fff; }
.support-community-card > i { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 12px; background: #f1ebf8; color: #74539e; font-size: 21px; }
.support-community-card > div { flex: 1; min-width: 160px; }.support-community-card > div > span { font-size: 10px; color: #97919f; }
.support-community-card h2 { margin: 4px 0 9px; color: #352a47; font-size: 20px; font-weight: 600; }.support-community-card p { margin: 0; color: #84808d; font-size: 12px; line-height: 1.7; }
.support-community-card > a { display: inline-flex; align-items: center; gap: 10px; width: 100%; justify-content: center; padding: 10px 15px; margin-top: 4px; border-radius: 6px; background: #69518f; color: #fff; font-size: 12px; }
.support-link-pending { display: block; width: 100%; padding: 10px 15px; margin-top: 4px; border-radius: 6px; background: #f5f3f8; color: #a298b1; text-align: center; font-size: 12px; }
.support-admins > h2 { margin: 0 0 7px; font-size: 21px; font-weight: 600; color: #352a47; }.support-admins > p { margin: 0 0 22px; font-size: 12px; color: #84808d; }
.telegram-support-card h3 { margin: 3px 0 0; font-size: 19px; font-weight: 650; color: #3d3150; }
@media (max-width:767px) { .support-community-grid { grid-template-columns: 1fr; gap: 14px; }.support-community-card { padding: 21px; }.telegram-support-card h3 { font-size: 17px; } }
.telegram-contact { padding: 34px 0 65px; }
.telegram-contact h1 { margin-bottom: 12px; color: #293344; font-size: 28px; font-weight: 650; letter-spacing: -.6px; }
.telegram-contact-intro { max-width: 640px; margin-bottom: 28px; color: #7c8491; font-size: 13px; }
.telegram-support-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-bottom: 30px; }
.telegram-support-card { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; padding: 25px; border: 1px solid #e5e4eb; border-radius: 10px; background: #fff; }
.telegram-support-card > i { display: grid; place-items: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 12px; background: #f1ebf8; color: #74539e; font-size: 29px; }
.telegram-support-card > div { flex: 1; }.telegram-support-card span { font-size: 11px; color: #94909e; }
.telegram-support-card h2 { margin: 3px 0 0; color: #3d3150; font-size: 19px; font-weight: 650; }
.telegram-support-card > a { display: inline-flex; align-items: center; gap: 9px; padding: 10px 15px; border-radius: 6px; background: #69518f; color: #fff; font-size: 11px; transition: background .2s; }.telegram-support-card > a:hover { background: #523970; }
@media (max-width: 767px) { .telegram-support-grid { grid-template-columns: 1fr; gap: 14px; }.telegram-support-card { padding: 19px; gap: 12px; }.telegram-contact h1 { font-size: 24px; }.telegram-support-card h2 { font-size: 17px; } }
:root { --pfamily: 'Be Vietnam Pro', 'Segoe UI', Arial, sans-serif; --primary: #6950ae; --primary1: #9572df; --sk-ink: #263244; --sk-muted: #7c8491; --sk-border: #e6e8ed; --sk-background: #f8fafc; --sk-green: #6950ae; --sk-green-deep: #54358f; --store-ink: #263244; --store-line: #e6e8ed; }
body { font-family: var(--pfamily) !important; font-size: 14px; color: #3c4655; background: #f8fafc; line-height: 1.65; }
input, button, select, textarea { font-family: inherit; }
.container { width: calc(100% - 48px); max-width: 1180px; padding-right: 12px; padding-left: 12px; }
ul, li { margin-left: 0; }
.header-top { background: linear-gradient(110deg,#45346f,#8860c9) !important; padding: 0; }
.header-top .container { max-width: 1180px; }
.header-top-inner { min-height: 44px; gap: 20px; }
.header-top-welcome { display: none; }
.header-top-list { order: 0; margin: 0 auto 0 0; justify-content: flex-start; gap: 0; }
.header-top-list li + li { border-left: 1px solid rgba(255,255,255,.17); }
.header-top-list a { display: block; padding: 0 15px; color: #e6def5 !important; font-weight: 500; font-size: 12px; }
.header-top-select { order: 1; margin-left: auto; gap: 24px; }
.header-top-select .nice-select { font-size: 12px; }
.header-part { background: #fff; border: 0; box-shadow: 0 2px 6px rgba(34,43,59,.08); backdrop-filter: none; }
.header-content { min-height: 86px; gap: 35px; }
.header-logo { flex: 0 0 220px; margin: 0; }
.header-logo img { width: 170px; max-height: 58px; }
.header-form { flex: 1 1 auto; width: auto; max-width: 560px; height: 47px; margin: 0 auto; border: 1px solid transparent; border-radius: 10px; background: #f5f5f6; box-shadow: none; }
.header-form:focus-within { border-color: #8a73bd; box-shadow: 0 0 0 2px #eee7fa; }
.header-form input { padding-left: 18px; font-size: 13px; color: #444c58; }
.header-form button { width: 47px; flex: 0 0 47px; color: #59606d !important; background: transparent !important; }
.header-form button i { color: #59606d !important; font-size: 15px; }
.header-widget-group { flex: 0 0 auto; gap: 16px; }
.header-widget i { width: 38px; height: 38px; font-size: 15px; color: #695780; background: #f5f4f7; border-radius: 7px; line-height: 38px; }
.header-widget img { width: 38px; height: 38px; }
.header-widget span { font-family: inherit; font-size: 13px; font-weight: 500; margin-left: 8px; }
.header-widget sup { top: -5px; right: -5px; min-width: 15px; width: 15px; height: 15px; line-height: 15px; font-size: 9px; }
.navbar-part { background: #fff; border: 0; }
.navbar-content { min-height: 86px; justify-content: space-between; gap: 20px; }
.navbar-list { display: flex; align-items: center; gap: 34px; }
.navbar-item { margin: 0; }
.navbar-link { display: inline-flex; align-items: center; gap: 8px; padding: 27px 0; font-size: 13px; font-weight: 500; color: #454957 !important; white-space: nowrap; }
.navbar-link > i { font-size: 13px; color: #6b558f; }
.navbar-link:hover, .navbar-item:focus-within > .navbar-link { color: #68489e !important; background: transparent; }
.navbar-api { display: none; }
.navbar-info-group { gap: 28px; }
.navbar-info { display: flex; align-items: center; gap: 10px; }
.navbar-info > i { font-size: 20px; color: #715c96; margin: 0; }
.navbar-info p { display: flex; flex-direction: column; gap: 3px; }
.navbar-info small { font-size: 9px; letter-spacing: .3px; color: #a0a4af; line-height: 1.4; }
.navbar-info span { font-size: 11px; color: #4e5362; font-weight: 600; line-height: 1.4; }
.navbar-item.dropdown-megamenu .megamenu { border-radius: 0 0 10px 10px; border-top: 2px solid #8062b5; }
.skp-home { padding: 20px 0 70px; background: #f8fafc; }
.skp-home [hidden] { display: none !important; }
.skp-promotion-stage { position: relative; overflow: hidden; border-radius: 12px; box-shadow: 0 3px 8px rgba(57,39,89,.07); }
.skp-promotion { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: center; height: 395px; padding: 35px 160px; overflow: hidden; background: radial-gradient(ellipse at 50% 40%,#f4eeff 0%,#e1d1f9 43%,#a78bd6 100%); }
.skp-promotion::before, .skp-promotion::after { position: absolute; z-index: -1; content: ''; width: 460px; height: 460px; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; transform: rotate(-30deg); }
.skp-promotion::before { left: -170px; top: -250px; }
.skp-promotion::after { right: -170px; bottom: -280px; width: 620px; height: 620px; }
.skp-promotion-copy { position: relative; z-index: 2; text-align: center; }
.skp-promotion-copy > span { display: block; margin-bottom: 14px; color: #665386; font-size: 10px; font-weight: 700; letter-spacing: 2px; }
.skp-promotion h1, .skp-promotion h2 { margin: 0; font-family: inherit; color: #3f286c; font-size: clamp(30px,4.2vw,52px); font-weight: 800; letter-spacing: -2px; line-height: 1.17; }
.skp-promotion em { color: #7550b7; font-style: normal; }
.skp-promotion-copy > a { display: inline-flex; align-items: center; gap: 15px; min-height: 43px; padding: 10px 24px; margin-top: 24px; border-radius: 25px; color: #fff; background: #6b46ae; box-shadow: 0 6px 15px rgba(84,49,144,.17); font-weight: 650; font-size: 12px; transition: background .2s, transform .2s; }
.skp-promotion-copy > a:hover { background: #50318a; transform: translateY(-2px); }
.skp-promotion-copy small { display: block; margin-top: 13px; color: #6f5a8b; font-size: 10px; }
.skp-promotion-icons { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.skp-app-tile { display: grid; place-items: center; position: absolute; width: 94px; height: 94px; border: 5px solid rgba(255,255,255,.6); border-radius: 20px; background: #fff; box-shadow: 0 18px 21px rgba(86,53,129,.16); transform: rotate(-12deg); }
.skp-app-tile img { width: 56px; height: 56px; object-fit: contain; }
.skp-app-tile i { color: #7852b5; font-size: 42px; }
.skp-app-0 { top: 22px; left: 21%; width: 78px; height: 78px; }
.skp-app-0 img { width: 46px; height: 46px; }
.skp-app-1 { top: 155px; left: 7%; transform: rotate(-17deg); }
.skp-app-2 { bottom: -16px; left: 19%; width: 105px; height: 105px; transform: rotate(11deg); }
.skp-app-3 { top: 24px; right: 14%; transform: rotate(13deg); }
.skp-app-4 { top: 158px; right: 6%; transform: rotate(10deg); }
.skp-app-key { right: 21%; bottom: -24px; transform: rotate(-17deg); }
.skp-promotion-wallet { background: radial-gradient(ellipse at 40% 50%,#f7f0ff,#ded1f2 55%,#b19bd6); }
.skp-promotion-wallet .skp-promotion-copy { margin-right: 130px; }
.skp-payment-orbit { position: absolute; right: 9%; top: 84px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 180px; height: 220px; border: 7px solid #faf7ff; border-radius: 26px; color: #7652b4; background: #fff; box-shadow: 0 20px 30px #73539225; transform: rotate(12deg); }
.skp-payment-orbit i { margin-bottom: 10px; font-size: 55px; }
.skp-payment-orbit span { font-size: 25px; font-weight: 800; }
.skp-payment-orbit b { margin-top: 5px; padding: 3px 12px; border-radius: 15px; background: #f0e9fc; font-size: 10px; }
.skp-promotion-discover { background: radial-gradient(ellipse at 50% 50%,#f4eefe,#e4dbf7 50%,#c1acdf); }
.skp-slider-arrow { position: absolute; z-index: 4; top: 50%; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #36264e70; color: #fff; font-size: 14px; transform: translateY(-50%); transition: background .2s; }
.skp-slider-arrow:hover { background: #493068b0; }
.skp-slider-prev { left: 16px; } .skp-slider-next { right: 16px; }
.skp-slider-dots { position: absolute; z-index: 4; left: 50%; bottom: 15px; display: flex; align-items: center; gap: 7px; transform: translateX(-50%); }
.skp-slider-dots button { display: block; width: 8px; height: 8px; padding: 0; border: 0; border-radius: 10px; background: #ffffff70; }
.skp-slider-dots button.is-active { width: 22px; background: #fff; }
.skp-mini-banners { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-top: 28px; }
.skp-mini-banner { display: flex; align-items: center; justify-content: space-between; position: relative; min-height: 109px; padding: 18px 17px; overflow: hidden; border-radius: 10px; background: #684598; color: #fff; }
.skp-mini-banner::after { content: ''; position: absolute; width: 150px; height: 150px; right: -35px; bottom: -90px; border-radius: 50%; background: #ffffff12; }
.skp-mini-banner small { display: block; font-size: 6px; letter-spacing: 1px; opacity: .7; font-weight: 700; }
.skp-mini-banner strong { display: block; margin: 3px 0 7px; font-size: 19px; font-weight: 750; line-height: 1.4; }
.skp-mini-banner b { display: block; font-size: 8px; font-weight: 500; }
.skp-mini-banner b i { margin-left: 5px; }
.skp-mini-banner img { position: relative; width: 49px; height: 49px; padding: 9px; border-radius: 12px; object-fit: contain; background: #fff; transform: rotate(-12deg); box-shadow: 0 8px 15px #2b17473b; }
.skp-mini-1 { background: #8a68b4; }.skp-mini-wallet { background: #504477; }.skp-mini-orders { background: #77588c; }
.skp-mini-symbol { font-size: 41px; opacity: .85; transform: rotate(-12deg); }
.skp-mini-banner:hover { color: #fff; filter: brightness(1.05); }
.skp-announcement { display: flex; align-items: center; gap: 13px; min-height: 65px; margin: 22px 0 37px; padding: 15px 18px; background: #fff; border: 1px solid #e0e3e9; border-left: 4px solid #7a5ba9; border-radius: 7px; box-shadow: 0 3px 8px #24344a06; }
.skp-announcement > i { color: #6d538d; font-size: 16px; }
.skp-announcement p { flex: 1; margin: 0; color: #69717d; font-size: 12px; }
.skp-announcement strong { font-weight: 650; color: #515866; }
.skp-announcement button { padding: 3px; border: 0; background: none; color: #a2a7af; font-size: 15px; }
.skp-category-tabs { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; overflow: auto; padding-bottom: 1px; }
.skp-category-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 37px; padding: 8px 16px; border: 1px solid #e6e7ec; border-radius: 12px; background: #fff; color: #59616c; font-size: 12px; white-space: nowrap; box-shadow: 0 2px 4px #28314904; }
.skp-category-tabs button img { width: 16px; height: 16px; object-fit: contain; }
.skp-category-tabs button.is-active { border-color: #8062ac; background: linear-gradient(105deg,#5d438c,#9870ca); color: #fff; font-weight: 650; }
.skp-category-tray { position: relative; padding: 28px 25px; border-radius: 16px; background: #f0f1f4; }
.skp-category-track { display: flex; justify-content: safe center; gap: 15px; overflow-x: auto; scrollbar-width: none; }
.skp-category-track::-webkit-scrollbar { display: none; }
.skp-category { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 13px; flex: 0 0 107px; min-height: 124px; padding: 18px 10px; border: 1px solid #ecedf0; border-radius: 8px; background: #fff; color: #333e4b; box-shadow: 0 3px 7px #25334a07; transition: border .2s, transform .2s; }
.skp-category img { width: 36px; height: 36px; object-fit: contain; }
.skp-category span { font-size: 11px; font-weight: 600; text-align: center; line-height: 1.45; }
.skp-category:hover, .skp-category.is-active { border-color: #9d80c5; color: #6a449b; transform: translateY(-2px); }
.skp-category-prev, .skp-category-next { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #5d566c70; transform: translateY(-50%); font-size: 12px; }
.skp-category-prev { left: 19px; }.skp-category-next { right: 19px; }
.skp-products-section { padding-top: 44px; }
.skp-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 23px; }
.skp-section-heading h2 { margin: 0 0 6px; color: #283444; font-family: inherit; font-size: 21px; font-weight: 700; letter-spacing: -.6px; line-height: 1.4; }
.skp-section-heading h2 i { margin-right: 6px; color: #8462b5; font-size: 22px; }
.skp-section-heading p { margin: 0; color: #858c98; font-size: 12px; line-height: 1.6; }
.skp-section-heading > a { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 11px 16px; border-radius: 4px; background: #69518f; color: #fff; font-size: 11px; font-weight: 600; }
.skp-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.skp-product { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e3e6ec; border-radius: 10px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.skp-product:hover { border-color: #9179b2; box-shadow: 0 5px 17px #5a42720d; }
.skp-product-visual { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1.92; margin: 12px 12px 0; overflow: hidden; border-radius: 7px; background: #f1eef7; }
.skp-product-visual > img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.skp-product-fallback { flex-direction: column; gap: 10px; background: radial-gradient(ellipse at 50% 40%,#fff,#f1ebfa); }
.skp-product-fallback > img { width: 49px; height: 49px; object-fit: contain; }
.skp-product-fallback > i { color: #9473bd; font-size: 36px; }
.skp-product-fallback > span { color: #7d6598; font-size: 12px; font-weight: 700; }
.skp-sale { position: absolute; top: 7px; left: 7px; padding: 3px 6px; border-radius: 4px; background: #ed5460; color: #fff; font-size: 9px; font-weight: 650; }
.skp-product-info { display: flex; flex-direction: column; flex: 1; padding: 13px 13px 12px; }
.skp-product-name { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 42px; margin-bottom: 13px; color: #303a49; font-size: 12px; font-weight: 600; line-height: 1.7; }
.skp-product-name:hover { color: #7752a5; }
.skp-price { display: block; margin: auto 0 12px; color: #e44d62; font-size: 15px; font-weight: 750; font-variant-numeric: tabular-nums; }
.skp-product-meta { display: flex; justify-content: space-between; gap: 6px; font-size: 10px; color: #9298a2; line-height: 1.5; }
.skp-in-stock { color: #7a57a1; }.skp-out-stock { color: #9b8eaa; }
.skp-product-meta i { font-size: 9px; }
.skp-best-sellers { margin-top: 38px; padding-top: 31px; border-top: 1px solid #ebedf1; }
.skp-empty { padding: 45px 25px; border: 1px dashed #dfe2e9; border-radius: 10px; background: #fff; text-align: center; }
.skp-empty > i { margin-bottom: 13px; font-size: 29px; color: #b0a1bf; }
.skp-empty h3 { margin: 0 0 8px; font-size: 17px; font-weight: 600; }
.skp-empty p { font-size: 12px; color: #89909b; }
.skp-empty a { display: inline-block; margin-top: 10px; color: #74509c; font-weight: 600; font-size: 12px; }
.skp-recent-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.skp-recent-grid a { display: block; padding: 20px; border: 1px solid #e5e6ec; border-radius: 8px; background: #fff; font-size: 12px; color: #5a476d; }
/* The same compact proportions continue through the catalog and account pages. */
.store-catalog-page, .store-auth-page { background: #f8fafc; }
.store-catalog-intro { padding-top: 30px; }
.store-catalog-intro h1 { font-size: 28px; letter-spacing: -.8px; }
.store-section-kicker { display: none; }
.store-catalog-sidebar, .store-catalog-toolbar, .store-auth-shell { border-radius: 10px; box-shadow: none !important; border-color: #e5e6ec; }
.store-catalog-category:hover, .store-catalog-category.active { background: #f1ebf8; }
.store-auth-page { padding: 46px 0 70px; }
.store-auth-shell { display: block; min-height: 0; max-width: 560px; margin: 0 auto; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.store-auth-promo { display: none; }
.store-auth-main { display: block; padding: 0; }
.store-auth-main .user-form-card { padding: 30px; border: 1px solid #e4e7ed; border-radius: 7px; background: #fff; }
.store-auth-main .user-form-title { margin-bottom: 29px; text-align: center; }
.store-auth-main .user-form-title h2 { margin: 0 0 9px; color: #69518f; font-size: 27px; font-weight: 500; line-height: 1.4; }
.store-auth-main .user-form-title p { color: #6e7581; font-size: 13px; }
.store-auth-main .store-auth-kicker, .store-auth-footnote { display: none; }
.store-auth-main .user-form label { font-size: 11px; font-weight: 500; color: #737987; }
.store-auth-main .user-form .form-control { height: 43px; border-radius: 5px; background: #f6f6f7; font-size: 12px; }
.store-auth-main .form-button button { height: 45px; line-height: 45px; border-radius: 5px; background: #69518f; font-size: 13px; font-weight: 500; }
.store-auth-main .user-form-remind { padding: 19px; margin-top: 19px; border: 1px solid #e4e7ed; border-radius: 7px; background: #fff; text-align: center; }
.store-auth-main .user-form-remind p { font-size: 12px; }.store-auth-main .user-form-remind a { font-weight: 500; }
.form-control { background: #fafbfc; border-radius: 6px; border-color: #e1e3e9; }
.form-button button { border-radius: 6px; box-shadow: none; }
.details-content, .details-gallery, .product-details-frame, .account-card { border-radius: 10px !important; box-shadow: none !important; }
.btn-buy { background: #69518f !important; border-radius: 6px; text-transform: none; box-shadow: none; font-size: 13px; font-weight: 600; }
.btn-buy:disabled { background: #e8e1f0 !important; color: #8d7e9f; opacity: 1; cursor: not-allowed; box-shadow: none; transform: none; }
.details-meta .label-text { padding: 4px 8px; border-radius: 4px; font-size: 10px; line-height: 1.5; color: #765c92; background: #f0e9f8; }
.details-meta .stock-unavailable { color: #8e7c9b; background: #f2eef5; }
.details-meta .label-text.order { color: #7d8491; background: #f1f3f6; }
.store-product-image img { object-fit: contain; padding: 16px; }
.store-product-card { border-radius: 9px; box-shadow: none !important; }
.store-product-title { color: #333c4a; font-size: 13px; line-height: 1.6; }
.store-product-content p { font-size: 11px; color: #87909c; }
.store-product-bottom strong { color: #df5064; }
.backtop { width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #69518f; box-shadow: none; }
.lk-footer { padding-top: 52px; border-top: 4px solid #8a68b8; background: linear-gradient(110deg,#2d2b3d,#20212f); }
.lk-footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 52px; padding-bottom: 55px; }
.lk-footer-brand { order: 0; }.lk-footer-contact { order: 1; }.lk-footer-links { order: 2; }
.lk-footer-logo { margin-bottom: 20px; }.lk-footer-logo img { width: 168px; filter: brightness(0) invert(1); }
.lk-footer-brand p { color: #c0bdcb; max-width: 330px; font-size: 12px; line-height: 1.9; }
.lk-footer-column h3 { position: relative; margin: 9px 0 26px; padding-bottom: 16px; color: #f6f3fa; font-size: 16px; font-weight: 600; }
.lk-footer-column h3::after { content: ''; position: absolute; width: 48px; height: 3px; left: 0; bottom: 0; background: #9a73c6; }
.lk-footer-column h3 i { font-size: 15px; }
.lk-footer-column li a, .lk-footer-contact-row, .lk-footer-contact-note { color: #c0bdcb; font-size: 12px; }
.lk-footer-column li { margin-bottom: 14px; }
.lk-footer-contact-row i { background: transparent; color: #ab8aca; font-size: 15px; }
.lk-footer .lk-footer-support-button { color: #dfd0f2 !important; background: #ffffff0c; box-shadow: none; border: 1px solid #ffffff1a; border-radius: 6px; font-size: 10px; }
.lk-footer .lk-footer-support-button:hover { color: #fff !important; background: #765496; box-shadow: none; }
.lk-footer a:hover { color: #e9d9ff !important; }
.lk-footer-bottom { padding: 25px 13px; border-top: 1px solid #ffffff12; background: #13141e55; color: #bdb9c9; font-size: 11px; }
.lk-footer-bottom strong { color: #c7addf; }.lk-footer-bottom > span { color: #9690a6; font-size: 9px; }
@media (max-width: 1199px) { .header-content { gap: 22px; }.header-logo { flex-basis: 180px; }.header-widget-group { gap: 10px; }.navbar-list { gap: 25px; }.navbar-info-group { gap: 18px; }.navbar-info small { font-size: 8px; }.navbar-info span { font-size: 10px; }.skp-promotion { height: 350px; }.skp-mini-banner { padding: 14px; }.skp-mini-banner strong { font-size: 16px; }.skp-mini-banner img { width: 40px; height: 40px; }.skp-mini-symbol { font-size: 32px; } }
@media (max-width: 991px) { .container { width: calc(100% - 24px); }.header-content { min-height: 74px; gap: 15px; }.header-logo { flex-basis: 155px; }.header-logo img { width: 150px; }.header-widget-group { gap: 8px; }.header-widget i { width: 32px; height: 32px; line-height: 32px; font-size: 13px; }.navbar-info-group { display: none; }.navbar-content { min-height: 65px; }.navbar-link { padding: 20px 0; }.skp-promotion { padding: 30px 110px; height: 310px; }.skp-promotion h1,.skp-promotion h2 { font-size: 37px; }.skp-app-tile { width: 70px; height: 70px; border-width: 3px; border-radius: 15px; }.skp-app-tile img { width: 40px; height: 40px; }.skp-app-0 { left: 13%; }.skp-app-1 { left: 4%; top: 125px; }.skp-app-2 { left: 13%; }.skp-app-3 { right: 10%; }.skp-app-4 { right: 3%; top: 140px; }.skp-app-key { right: 13%; }.skp-mini-banners { gap: 10px; margin-top: 18px; }.skp-mini-banner { min-height: 94px; }.skp-mini-banner strong { font-size: 14px; }.skp-mini-banner small { font-size: 5px; }.skp-mini-banner img { width: 31px; height: 31px; padding: 5px; }.skp-mini-symbol { font-size: 26px; }.skp-product-grid { gap: 16px; }.skp-payment-orbit { right: 6%; width: 135px; height: 170px; top: 70px; }.skp-promotion-wallet .skp-promotion-copy { margin-right: 120px; } }
@media (max-width: 767px) { .container { width: 100%; padding-left: 16px; padding-right: 16px; }.header-top-inner { min-height: 34px; gap: 8px; }.header-top-list a { font-size: 9px; padding: 0 8px; }.header-top-select { gap: 9px; }.header-select .nice-select { font-size: 10px; }.header-top .header-select i { font-size: 11px; }.header-content { min-height: 65px; gap: 10px; }.header-media-group { width: 100%; justify-content: space-between; }.header-media-group img { width: 144px; max-height: 42px; }.header-media-group button { color: #69518f; }.header-widget-group { display: none; }.header-form { max-width: none; margin: 0 0 12px; height: 42px; }.header-form.active { display: flex; }.header-form input { font-size: 12px; }.navbar-part { display: none; }.skp-home { padding-top: 15px; padding-bottom: 38px; }.skp-promotion { height: 275px; padding: 25px 45px; }.skp-promotion-copy > span { font-size: 6px; letter-spacing: 1.2px; margin-bottom: 12px; }.skp-promotion h1,.skp-promotion h2 { font-size: 31px; letter-spacing: -1.1px; }.skp-promotion-copy > a { margin-top: 19px; min-height: 36px; padding: 8px 17px; font-size: 10px; }.skp-app-tile { width: 46px; height: 46px; border-radius: 11px; }.skp-app-tile img { width: 28px; height: 28px; }.skp-app-tile i { font-size: 23px; }.skp-app-0 { top: -8px; left: 12%; }.skp-app-1 { top: 102px; left: -13px; }.skp-app-2 { bottom: -12px; left: 11%; }.skp-app-3 { top: 3px; right: 9%; }.skp-app-4 { top: 120px; right: -12px; }.skp-app-key { right: 12%; bottom: -13px; }.skp-slider-arrow { width: 27px; height: 27px; font-size: 10px; }.skp-slider-prev { left: 8px; }.skp-slider-next { right: 8px; }.skp-slider-dots { bottom: 11px; }.skp-mini-banners { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }.skp-mini-banner { min-height: 88px; padding: 13px; }.skp-mini-banner strong { font-size: 15px; }.skp-mini-banner small { font-size: 5px; }.skp-mini-banner img { width: 34px; height: 34px; }.skp-announcement { gap: 9px; min-height: 58px; margin: 17px 0 24px; padding: 12px; }.skp-announcement p { font-size: 10px; }.skp-announcement > i { font-size: 13px; }.skp-category-tabs { gap: 6px; }.skp-category-tabs button { min-height: 33px; padding: 7px 12px; font-size: 10px; border-radius: 8px; }.skp-category-tray { padding: 19px 14px; border-radius: 10px; }.skp-category-track { gap: 10px; }.skp-category { flex-basis: 91px; min-height: 104px; padding: 14px 7px; gap: 10px; }.skp-category img { width: 31px; height: 31px; }.skp-category span { font-size: 10px; }.skp-category-prev,.skp-category-next { width: 25px; height: 25px; font-size: 9px; }.skp-category-prev { left: 5px; }.skp-category-next { right: 5px; }.skp-products-section { padding-top: 29px; }.skp-section-heading { gap: 9px; margin-bottom: 16px; }.skp-section-heading h2 { font-size: 18px; letter-spacing: -.4px; }.skp-section-heading h2 i { font-size: 19px; margin-right: 3px; }.skp-section-heading p { font-size: 10px; max-width: 260px; }.skp-section-heading > a { padding: 8px 11px; font-size: 9px; gap: 5px; }.skp-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.skp-product-visual { margin: 8px 8px 0; aspect-ratio: 1.65; }.skp-product-info { padding: 10px; }.skp-product-name { font-size: 11px; min-height: 38px; margin-bottom: 10px; }.skp-price { font-size: 13px; }.skp-product-meta { flex-wrap: wrap; font-size: 8px; }.skp-product-fallback > img { width: 34px; height: 34px; }.skp-product-fallback > span { font-size: 10px; }.skp-best-sellers { margin-top: 27px; }.skp-recent-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.skp-promotion-wallet .skp-promotion-copy { margin-right: 0; }.skp-payment-orbit { display: none; }.mobile-menu { padding-bottom: env(safe-area-inset-bottom); }.backtop { bottom: 75px; width: 36px; height: 36px; line-height: 36px; }.store-catalog-intro h1 { font-size: 24px; } }
@media (max-width: 767px) { .lk-footer { padding-top: 35px; padding-bottom: 60px; }.lk-footer-grid { grid-template-columns: 1fr; gap: 25px; padding-bottom: 30px; }.lk-footer-column h3 { margin: 0 0 18px; font-size: 15px; padding-bottom: 12px; }.lk-footer-column li { margin-bottom: 10px; }.lk-footer-logo { margin-bottom: 13px; }.lk-footer-bottom { align-items: flex-start; flex-direction: column; gap: 6px; padding: 18px 0; font-size: 10px; }.lk-footer-bottom > span { font-size: 8px; } }
@media (prefers-reduced-motion: reduce) { .skp-home *, .skp-home *::before, .skp-home *::after { scroll-behavior: auto !important; transition: none !important; } }