/* Full-page order lookup and customer service reuse the existing forms and contact data. */
.mobile-page-header{display:none}
.service-page{max-width:680px;margin:16px auto 40px}
.service-page-intro{position:relative;padding:28px 0 26px}
.service-page-intro .market-eyebrow{color:var(--brand-action);font-size:10px;letter-spacing:1.6px}
.service-page-intro h1{margin:10px 0;font-size:30px;letter-spacing:.02em;line-height:1.4}
.service-page-intro>p:last-child{margin:0;color:var(--brand-muted);font-size:13px;line-height:1.8}
.service-page-emblem{float:right;display:grid;place-items:center;width:62px;height:62px;margin:5px 0 0 15px;border-radius:20px;background:#fae6d9;color:var(--brand-action);transform:rotate(7deg)}
.service-page-emblem .shop-icon{width:29px;height:29px}
.service-contact-emblem{background:#eaf0db;color:#637d43;transform:rotate(-7deg)}
.service-card{padding:24px;border:1px solid var(--brand-line);border-radius:18px;background:var(--brand-bg)}
.service-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.service-card-heading h2{margin:0;font-size:17px}
.service-card-heading>span{color:var(--brand-muted);font-size:11px}
.service-page #query-form{display:grid;gap:18px}
.service-page #query-form label{display:grid;gap:9px;margin:0;color:#625b50;font-size:13px;font-weight:600}
.service-page #query-form input{display:block;width:100%;min-width:0;height:48px;padding:12px 14px;border:1px solid var(--brand-line);border-radius:10px;background:#fff;color:var(--brand-ink);font:inherit;font-weight:400}
.service-page #query-form input::placeholder{color:#a29b8e}
.service-page #query-form>.buy{width:100%;min-height:48px;font:inherit;font-size:14px;cursor:pointer}
.service-page #query-result{grid-column:auto;min-height:0;color:var(--brand-action);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.service-page #query-result:empty{display:none}
.service-page-help{margin-top:24px;padding:4px 4px 16px;color:var(--brand-muted)}
.service-page-help h2{margin:0 0 9px;color:#625b50;font-size:13px;font-weight:600}
.service-page-help p{margin:0;font-size:12px;line-height:1.9}
.service-page-help>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:7px;color:var(--brand-action);font-size:12px}
.service-load-status{padding:24px 18px;margin-bottom:16px;border:1px solid var(--brand-line);border-radius:14px;color:var(--brand-muted);background:var(--brand-bg);font-size:13px;line-height:1.7}
.service-page #contact-page-retry{min-height:44px;margin-bottom:15px}
.shop-store .service-page .contact-grid{grid-template-columns:1fr;gap:16px;padding-top:0}
.shop-store .service-page .contact-grid section{display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-template-rows:auto 1fr auto;gap:9px 18px;align-items:start;padding:22px;border:1px solid var(--brand-line);border-radius:18px;background:var(--brand-bg);text-align:left}
.shop-store .service-page .contact-grid h3{margin:0;font-size:15px;line-height:1.5}
.shop-store .service-page .contact-qr{grid-column:2;grid-row:1/4;width:132px;margin:0;border-radius:12px;background:#f7f4ed}
.shop-store .service-page .contact-qr.is-empty:after{font-size:11px}
.shop-store .service-page .contact-grid p{grid-column:1;margin:0;font-size:13px;line-height:1.7;color:var(--brand-muted);user-select:text}
.shop-store .service-page .contact-grid button{grid-column:1;justify-self:start;min-width:100px;min-height:44px;padding:10px 15px;border-radius:10px;font-size:12px}
.service-page #contact-status{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.service-page #contact-status:empty{display:none}
@media(max-width:760px){
  .shop-store.mobile-page-view{min-height:100vh;min-height:100dvh;background:#f5f2eb}
  .mobile-page-view>.shop-header,.mobile-page-view>.shop-footer{display:none}
  .mobile-page-header{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--catalog-header-height);padding:10px max(8px,env(safe-area-inset-right,0px)) 10px max(8px,env(safe-area-inset-left,0px));padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--brand-line);background:var(--brand-bg)}
  .mobile-page-header>strong{font-size:16px;font-weight:600}
  .shop-store.mobile-page-view main{padding:0 18px 22px}
  .service-page{margin:0 auto;max-width:540px}
  .service-page-intro{padding:27px 3px 24px}
  .service-page-intro h1{font-size:27px}
  .service-page-intro>p:last-child{font-size:12px}
  .service-card{padding:22px 20px}
  .service-page #query-form input{font-size:16px}
  .service-page-help{margin-top:22px}
  .mobile-page-view .detail-breadcrumb{display:none}
  .mobile-page-view #product-detail-page,.mobile-page-view #checkout-page,.mobile-page-view #order-page{padding-top:18px}
}
@media(max-width:360px){
  .shop-store.mobile-page-view main{padding-left:14px;padding-right:14px}
  .service-page-emblem{width:50px;height:50px;border-radius:16px;margin-left:8px}
  .service-page-intro h1{font-size:25px}
  .service-card{padding:20px 16px}
  .service-card-heading>span{font-size:10px}
  .shop-store .service-page .contact-grid section{padding:18px 15px;grid-template-columns:minmax(0,1fr) 114px;gap:8px 12px}
  .shop-store .service-page .contact-qr{width:114px}
  .shop-store .service-page .contact-grid button{min-width:90px;padding:10px 12px}
}