/* LK24H_INDEX_SERVICE_COMMERCE_APP_UI_R1_FIXED_R6
 * Compact adaptive service-commerce presentation.
 * Business routes, IDs, APIs and data contracts remain unchanged.
 */
body.lk-market-home {
  --lk-red:#c9272f;--lk-red-dark:#9f1f26;--lk-red-soft:#fff1f2;
  --lk-ink:#192131;--lk-muted:#6c7482;--lk-line:#e8ebef;
  --lk-surface:#fff;--lk-canvas:#f6f7f9;--lk-radius:16px;
  --lk-shadow:0 4px 16px rgba(21,29,43,.05);
  background:var(--lk-canvas);color:var(--lk-ink);
  padding-bottom:calc(var(--bottom-nav-height,60px) + env(safe-area-inset-bottom,0px));
}
body.lk-market-home #site-content.marketplace-main{min-height:calc(100vh - var(--header-height,60px));overflow:clip}
body.lk-market-home .marketplace-wrap{width:min(100%,1120px);max-width:1120px;margin-inline:auto;padding:14px 16px 30px;box-sizing:border-box}

/* Entry */
body.lk-market-home .market-hero{position:relative;padding:16px;border:1px solid var(--lk-line);border-radius:16px;background:#fff;box-shadow:var(--lk-shadow)}
body.lk-market-home .market-hero-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.lk-market-home .market-intro{min-width:0;display:grid;gap:2px}
body.lk-market-home .market-eyebrow,body.lk-market-home .market-hero-subtitle{display:none}
body.lk-market-home .market-welcome-label{margin:0;color:var(--lk-muted);font-size:11px;line-height:1.25;font-weight:650;letter-spacing:.002em}
body.lk-market-home .market-hero h1{max-width:730px;margin:0;padding:0;overflow:hidden;color:var(--lk-ink);font-size:clamp(20px,2.5vw,27px);line-height:1.17;font-weight:760;letter-spacing:-.024em;white-space:nowrap;text-overflow:ellipsis}
body.lk-market-home .hero-noti-btn{position:relative;inset:auto;flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--lk-line);border-radius:11px;color:#4e5766;background:#fff;box-shadow:none}
body.lk-market-home .hero-noti-btn:hover,body.lk-market-home .hero-noti-btn:focus-visible{border-color:#efd0d3;color:var(--lk-red);background:var(--lk-red-soft);outline:none}
body.lk-market-home .hero-noti-badge{top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;color:#fff;background:var(--lk-red);font-size:9px;line-height:13px;box-shadow:none}
body.lk-market-home .market-search-launcher{appearance:none;width:100%;min-height:48px;margin:11px 0 0;padding:0 13px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #e3e6eb;border-radius:13px;color:#565f6e;background:#f8f9fb;box-shadow:none;cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease}
body.lk-market-home .market-search-launcher>i{color:var(--lk-red);font-size:14px}
body.lk-market-home .market-search-placeholder{min-width:0;overflow:hidden;color:#606978;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
body.lk-market-home .market-search-shortcut{display:none}
body.lk-market-home .market-search-launcher:hover,body.lk-market-home .market-search-launcher:focus-visible{border-color:#e9bfc3;background:#fff;outline:none}

/* Account-specific utilities only; these do not repeat service destinations. */
body.lk-market-home .market-account-strip{display:flex;align-items:center;gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--lk-line);overflow-x:auto;scrollbar-width:none}
body.lk-market-home .market-account-strip::-webkit-scrollbar{display:none}
body.lk-market-home .market-account-label{display:none}
body.lk-market-home .market-account-strip .hero-ticker{flex:0 0 auto;min-height:29px;padding:6px 9px;border:1px solid var(--lk-line);border-radius:10px;color:#5b6472;background:#fff;box-shadow:none;font-size:10.5px}
body.lk-market-home .market-account-strip .hero-ticker:hover,body.lk-market-home .market-account-strip .hero-ticker:focus-visible{border-color:#ecc7ca;color:var(--lk-red-dark);background:var(--lk-red-soft);outline:none}

/* Shared surfaces */
body.lk-market-home .market-section,body.lk-market-home .home-featured-rail{margin-top:9px;border:1px solid var(--lk-line);border-radius:var(--lk-radius);background:#fff;box-shadow:var(--lk-shadow)}
body.lk-market-home .market-section{padding:12px 10px}
body.lk-market-home .market-section-head{display:flex;align-items:center;min-height:20px;margin-bottom:6px}
body.lk-market-home .market-section-head h2{margin:0;color:var(--lk-ink);font-size:15px;line-height:1.25;font-weight:780;letter-spacing:-.018em}

/* Advertising */
body.lk-market-home .home-featured-rail{padding:10px}
body.lk-market-home .home-featured-head{min-height:27px;margin:0 2px 6px;display:flex;align-items:center;justify-content:space-between}
body.lk-market-home .home-featured-head strong{color:var(--lk-ink);font-size:13px;font-weight:780}
body.lk-market-home .home-featured-head span{display:none}
body.lk-market-home .home-featured-actions{display:flex;align-items:center;gap:7px}
body.lk-market-home .home-featured-actions em{padding:4px 7px;border-radius:999px;color:#8e4449;background:#fff3f4;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
body.lk-market-home .home-ad-stage{min-height:174px;display:grid;grid-template-columns:minmax(0,60%) minmax(0,40%);overflow:hidden;border:1px solid var(--lk-line);border-radius:13px;background:#f7f8fa;box-shadow:none}
body.lk-market-home .home-ad-stage-media,body.lk-market-home .home-ad-stage-media img{width:100%;height:100%;min-height:174px;object-fit:cover}
body.lk-market-home .home-ad-stage-copy{min-width:0;padding:16px;display:flex;flex-direction:column;justify-content:center;background:#fff}
body.lk-market-home .home-ad-label{margin-bottom:5px;color:var(--lk-red);font-size:9px;font-weight:800}
body.lk-market-home .home-ad-stage h3{margin:0 0 5px;color:var(--lk-ink);font-size:16px;line-height:1.28;font-weight:780;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lk-market-home .home-ad-stage p{margin:0 0 9px;color:var(--lk-muted);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lk-market-home .home-ad-cta{width:fit-content;min-height:28px;padding:6px 9px;border-radius:8px;color:#fff;background:var(--lk-red);font-size:9.5px;font-weight:760}
body.lk-market-home .home-ad-progress{height:2px} body.lk-market-home .home-ad-progress span{background:var(--lk-red)}
body.lk-market-home .home-ad-queue-wrap{margin-top:7px} body.lk-market-home .home-ad-queue-head{display:none}
body.lk-market-home .home-ad-queue-list{gap:7px} body.lk-market-home .home-ad-queue-item{flex:0 0 145px;max-width:145px;border-radius:10px}
body.lk-market-home .home-ad-queue-media{border:1px solid var(--lk-line);border-radius:10px}
body.lk-market-home .home-ad-queue-item.is-active .home-ad-queue-media{border-color:var(--lk-red);box-shadow:0 0 0 1px rgba(201,39,47,.12)}
body.lk-market-home .home-featured-empty{margin:0;padding:12px;border-radius:12px;color:var(--lk-muted);background:#f8f9fb;font-size:11px}

/* One flat directory: each destination is rendered exactly once. */
body.lk-market-home .cards.market-service-grid.market-service-grid-flat{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0;perspective:none}
body.lk-market-home .card.market-service-card{--service-accent:var(--lk-red);--service-soft:var(--lk-red-soft);position:relative;min-width:0;min-height:82px;margin:0;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;overflow:hidden;border:1px solid transparent;border-radius:12px;color:var(--lk-ink);background:#f8f9fb;box-shadow:none;transform:none;opacity:1;cursor:pointer;text-align:center}
body.lk-market-home .card.market-service-card::before,body.lk-market-home .card.market-service-card::after{display:none}
body.lk-market-home .card.market-service-card:hover,body.lk-market-home .card.market-service-card:focus-visible{border-color:#ecc8cb;background:#fff;box-shadow:none;transform:none;outline:none}
body.lk-market-home .card.market-service-card.is-disabled{opacity:.5;cursor:default}
body.lk-market-home .card.market-service-card.is-disabled:hover{border-color:transparent;background:#f8f9fb}
body.lk-market-home .market-service-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--lk-red);background:var(--lk-red-soft);box-shadow:none}
body.lk-market-home .market-service-icon i{position:static;margin:0;color:inherit;font-size:16px;animation:none;filter:none;transform:none}
body.lk-market-home .market-service-copy{min-width:0;width:100%}
body.lk-market-home .card.market-service-card h3{min-height:28px;margin:0;color:#303947;font-size:10.5px;line-height:1.28;font-weight:760;letter-spacing:-.006em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lk-market-home .card.market-service-card p,body.lk-market-home .market-service-arrow,body.lk-market-home .card.market-service-card .community-line{display:none}
body.lk-market-home .market-service-badge,body.lk-market-home .card.market-service-card>.badge{position:absolute;top:4px;right:4px;z-index:2;max-width:58px;padding:2px 4px;border:0;border-radius:999px;color:#8f4b50;background:#fff;font-size:7px;line-height:1.1;font-weight:800;box-shadow:none}
body.lk-market-home .tone-green,body.lk-market-home .tone-orange,body.lk-market-home .tone-blue,body.lk-market-home .tone-purple,body.lk-market-home .tone-red,body.lk-market-home .tone-slate{--service-accent:var(--lk-red);--service-soft:var(--lk-red-soft)}

body.lk-market-home .infobar{border-bottom:1px solid #f0dddd;background:#fffafa}
body.lk-market-home .infobar .inner{width:min(100%,1120px);max-width:1120px;padding:8px 16px}
body.lk-market-home .infobar .msg{font-size:11.5px} body.lk-market-home .infobar.infobar-lk2030{background:#fffbf3}
body.lk-market-home .gift2030-launcher{box-shadow:0 7px 20px rgba(201,39,47,.18)}

@media(max-width:900px){body.lk-market-home .cards.market-service-grid.market-service-grid-flat{grid-template-columns:repeat(5,minmax(0,1fr))}body.lk-market-home .home-ad-stage{grid-template-columns:55% minmax(0,1fr)}}
@media(max-width:640px){
 body.lk-market-home .marketplace-wrap{padding:8px 9px 22px}
 body.lk-market-home .market-hero{padding:14px 12px 11px;border-radius:16px}
 body.lk-market-home .market-welcome-label{font-size:10px;line-height:1.2}
 body.lk-market-home .market-hero h1{max-width:calc(100vw - 105px);font-size:19px;line-height:1.18}
 body.lk-market-home .hero-noti-btn{width:35px;height:35px;border-radius:10px}
 body.lk-market-home .market-search-launcher{min-height:45px;margin-top:11px;border-radius:11px}
 body.lk-market-home .market-search-placeholder{font-size:12.3px} body.lk-market-home .market-search-shortcut{display:none}
 body.lk-market-home .market-account-strip{margin-top:9px;padding-top:9px} body.lk-market-home .market-account-label{display:none}
 body.lk-market-home .market-account-strip .hero-ticker{min-height:27px;padding:5px 8px;font-size:9.7px}
 body.lk-market-home .market-section,body.lk-market-home .home-featured-rail{margin-top:9px;border-radius:15px}
 body.lk-market-home .market-section{padding:12px 10px} body.lk-market-home .market-section-head{min-height:21px;margin-bottom:7px}
 body.lk-market-home .market-section-head h2{font-size:15.5px}
 body.lk-market-home .home-featured-rail{padding:8px} body.lk-market-home .home-featured-head{min-height:23px;margin-bottom:5px}
 body.lk-market-home .home-featured-head strong{font-size:12px} body.lk-market-home .home-featured-actions em{display:none}
 body.lk-market-home .home-ad-stage{min-height:0;display:block;border-radius:12px}
 body.lk-market-home .home-ad-stage-media,body.lk-market-home .home-ad-stage-media img{min-height:0;height:auto;aspect-ratio:16/7.8}
 body.lk-market-home .home-ad-stage-copy{padding:9px 10px 10px} body.lk-market-home .home-ad-label{display:none}
 body.lk-market-home .home-ad-stage h3{margin-bottom:3px;font-size:13px;-webkit-line-clamp:1} body.lk-market-home .home-ad-stage p{display:none}
 body.lk-market-home .home-ad-cta{min-height:25px;padding:5px 8px;font-size:9px}
 body.lk-market-home .home-ad-queue-wrap{margin-top:6px} body.lk-market-home .home-ad-queue-item{flex:0 0 calc((100% - 12px)/3);max-width:none} body.lk-market-home .home-ad-queue-list{gap:6px}
 body.lk-market-home .cards.market-service-grid.market-service-grid-flat{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 3px}
 body.lk-market-home .card.market-service-card{min-height:78px;padding:7px 1px 5px;gap:5px;border-radius:10px;background:transparent}
 body.lk-market-home .card.market-service-card:hover,body.lk-market-home .card.market-service-card:focus-visible{background:#f8f9fb}
 body.lk-market-home .market-service-icon{width:39px;height:39px;border-radius:11px} body.lk-market-home .market-service-icon i{font-size:15px}
 body.lk-market-home .card.market-service-card h3{min-height:26px;font-size:9.6px}
}
@media(max-width:380px){body.lk-market-home .marketplace-wrap{padding-inline:7px}body.lk-market-home .market-hero{padding-inline:10px}body.lk-market-home .market-hero h1{font-size:18px}body.lk-market-home .market-service-icon{width:37px;height:37px}body.lk-market-home .card.market-service-card h3{font-size:9.2px}}
@media(min-width:1024px){body.lk-market-home .market-hero{padding:21px}body.lk-market-home .market-search-launcher{max-width:820px}}
@media(prefers-reduced-motion:reduce){body.lk-market-home *,body.lk-market-home *::before,body.lk-market-home *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* R4 contextual continuation: absent when there is no active business state. */
body.lk-market-home .market-active-status{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;margin-top:8px;padding:6px 8px;border:1px solid #efd8da;border-radius:11px;color:var(--lk-ink);background:#fffafa;text-decoration:none}
body.lk-market-home .market-active-status:hover,body.lk-market-home .market-active-status:focus-visible{border-color:#e7b8bc;background:#fff5f6;outline:none}
body.lk-market-home .market-active-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--lk-red);background:var(--lk-red-soft)}
body.lk-market-home .market-active-copy{min-width:0;display:grid;gap:1px}
body.lk-market-home .market-active-copy strong,body.lk-market-home .market-active-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.lk-market-home .market-active-copy strong{font-size:11.5px;line-height:1.25;font-weight:780}
body.lk-market-home .market-active-copy small{color:var(--lk-muted);font-size:9.5px;line-height:1.2}
body.lk-market-home .market-active-continue{display:inline-flex;align-items:center;gap:5px;color:var(--lk-red-dark);font-size:9.5px;font-weight:800;white-space:nowrap}

/* Layout-stable loading: no additional DOM block and no network request. */
body.lk-market-home .home-ad-stage-media,body.lk-market-home .home-ad-queue-media{position:relative;overflow:hidden}
body.lk-market-home .home-ad-stage.is-image-loading .home-ad-stage-media::after,body.lk-market-home .home-ad-queue-media.is-image-loading::after,
html:not(.lk-index-market-ui-ready) body.lk-market-home .market-search-launcher::after,
html:not(.lk-index-market-ui-ready) body.lk-market-home .market-service-icon::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.72) 45%,transparent 70%);transform:translateX(-100%);animation:lk-index-shimmer 1s ease-in-out infinite}
html:not(.lk-index-market-ui-ready) body.lk-market-home .market-search-launcher,html:not(.lk-index-market-ui-ready) body.lk-market-home .market-service-icon{position:relative;overflow:hidden;color:transparent}
@keyframes lk-index-shimmer{to{transform:translateX(100%)}}

/* Personalization only changes order inside the existing single grid. */
body.lk-market-home .market-service-grid[data-personalized="1"] .market-service-card{animation:none!important}

@media(max-width:640px){
 body.lk-market-home .market-active-status{grid-template-columns:32px minmax(0,1fr) 14px;min-height:43px;margin-top:7px;padding:5px 7px;gap:8px}
 body.lk-market-home .market-active-icon{width:32px;height:32px;border-radius:9px;font-size:13px}
 body.lk-market-home .market-active-copy strong{font-size:10.6px}.market-active-copy small{font-size:9px}
 body.lk-market-home .market-active-continue{font-size:0}.market-active-continue i{font-size:10px}
}


/* R6 professional welcome: compact identity treatment without banner copy or emoji. */
body.lk-market-home .market-welcome-label::after{content:"";display:inline-block;width:18px;height:1px;margin-left:7px;vertical-align:middle;background:#e6c2c5}
@media(max-width:640px){body.lk-market-home .market-welcome-label::after{width:13px;margin-left:5px}}