/* Product selection: public navigation, category rail and comparable service cards. */
html[data-qg-design][data-qupper-area=store] [data-qg-catalog] .el-main { padding:0!important; background:#f7f8fa!important; }
[data-qg-catalog] { --catalog-line:#e4e7ed; --catalog-muted:#737b88; }
[data-qg-catalog] * { box-sizing:border-box; }
[data-qg-catalog] .qg-catalog-hero { background:#f9faff; border-bottom:1px solid var(--catalog-line); overflow:hidden; }
[data-qg-catalog] .qg-catalog-hero-inner { max-width:1240px; margin:auto; min-height:190px; padding:24px 32px 26px; position:relative; }
[data-qg-catalog] .qg-catalog-hero-inner:after { content:''; width:320px; height:210px; position:absolute; top:-4px; right:30px; background:url('/web/qupper/assets/cloud-stack.svg') center/contain no-repeat; pointer-events:none; opacity:.85; }
[data-qg-catalog] .qg-catalog-breadcrumb { display:flex; gap:8px; font-size:12px; color:var(--catalog-muted); margin-bottom:16px; }
[data-qg-catalog] .qg-catalog-breadcrumb a { color:#536078; }
[data-qg-catalog] .qg-catalog-hero h1 { font-size:34px; line-height:1.3; font-weight:500; letter-spacing:-.025em; color:#151a23; margin:0 0 12px; }
[data-qg-catalog] .qg-catalog-hero p { margin:0; font-size:14px; line-height:1.9; color:#5e6675; max-width:62%; }
[data-qg-catalog] .qg-catalog-hero-links { display:flex; gap:24px; margin-top:18px; align-items:center; font-size:13px; }
[data-qg-catalog] .qg-catalog-hero-links a { color:var(--qg-primary); display:inline-flex; gap:12px; align-items:center; }
[data-qg-catalog] .qg-catalog-family-wrap { background:#fff; border-bottom:1px solid var(--catalog-line); }
[data-qg-catalog] .qg-catalog-family { max-width:1176px; margin:auto; display:flex; gap:32px; overflow-x:auto; }
[data-qg-catalog] .qg-catalog-family button { border:0; border-bottom:3px solid transparent; background:transparent; padding:18px 4px 16px; display:flex; align-items:center; gap:10px; min-width:116px; justify-content:center; font-size:14px; cursor:pointer; color:#4d5664; white-space:nowrap; }
[data-qg-catalog] .qg-catalog-family button.active { border-color:var(--qg-primary); color:var(--qg-primary); font-weight:600; }
[data-qg-catalog] .qg-catalog-family button:hover { color:var(--qg-primary); }
[data-qg-catalog] .qg-catalog-layout { max-width:1240px; margin:0 auto; padding:30px 32px 20px!important; display:grid; grid-template-columns:184px minmax(0,1fr); gap:28px; background:transparent!important; border:0!important; min-height:420px; }
[data-qg-catalog] .qg-catalog-rail { border:1px solid var(--catalog-line); background:#fff; align-self:start; }
[data-qg-catalog] .qg-catalog-rail h2 { font-size:13px; font-weight:600; margin:0; padding:20px 20px 16px; color:#202733; }
[data-qg-catalog] .qg-catalog-subcategories { padding-bottom:14px; }
[data-qg-catalog] .qg-catalog-subcategories button { width:100%; border:0; border-left:3px solid transparent; padding:13px 16px 13px 17px; background:#fff; font-size:13px; text-align:left; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#59616f; }
[data-qg-catalog] .qg-catalog-subcategories button.active { background:var(--qg-soft); color:var(--qg-primary); border-left-color:var(--qg-primary); font-weight:600; }
[data-qg-catalog] .qg-catalog-subcategories button:hover { color:var(--qg-primary); }
[data-qg-catalog] .qg-catalog-help { margin:0 16px; padding:20px 0; border-top:1px solid var(--catalog-line); }
[data-qg-catalog] .qg-catalog-help svg { color:#7384a8; margin-bottom:12px; }
[data-qg-catalog] .qg-catalog-help h3 { font-size:13px; font-weight:500; margin:0 0 9px; }
[data-qg-catalog] .qg-catalog-help p { font-size:12px; color:var(--catalog-muted); line-height:1.8; margin:0 0 14px; }
[data-qg-catalog] .qg-catalog-help a { font-size:12px; color:var(--qg-primary); }
[data-qg-catalog] .qg-catalog-type-filter {border-top:1px solid var(--catalog-line);margin:0 16px;padding:20px 0 14px}
[data-qg-catalog] .qg-catalog-type-filter h3 {font-size:12px;font-weight:500;color:#8b929e;margin:0 0 12px}
[data-qg-catalog] .qg-catalog-type-filter button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 0;border:0;background:transparent;color:#657080;font:12px/1.5 inherit;cursor:pointer;text-align:left}
[data-qg-catalog] .qg-catalog-type-filter button.active,[data-qg-catalog] .qg-catalog-type-filter button:hover {color:var(--qg-primary)}
[data-qg-catalog] .qg-catalog-type-filter small {font-size:11px;color:#a2a9b5}
[data-qg-catalog] .qg-catalog-result-meta {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;color:#8b929e;font-size:12px}
[data-qg-catalog] .qg-catalog-result-meta select {border:0;background:transparent;color:#687383;font-size:12px;padding:4px 0;max-width:180px;cursor:pointer}
[data-qg-catalog] .qg-catalog-results { min-width:0; }
[data-qg-catalog] .qg-catalog-toolbar { display:flex; align-items:center; gap:20px; justify-content:space-between; margin:0 0 20px; }
[data-qg-catalog] .qg-catalog-toolbar h2 { font-size:22px; font-weight:500; margin:0; line-height:1.5; color:#171d28; }
[data-qg-catalog] .qg-catalog-tools { display:flex; align-items:center; gap:12px; }
html[data-qg-design][data-qupper-area=store] [data-qg-catalog] .qg-catalog-search { display:flex; align-items:center; gap:0; width:290px; margin:0; padding:0; background:transparent; flex-wrap:nowrap; }
[data-qg-catalog] .qg-catalog-search .el-input { min-width:0; }
[data-qg-catalog] .qg-catalog-search .el-input__inner { height:36px!important; line-height:36px!important; padding-left:32px; font-size:12px!important; border-radius:0!important; border-color:#dce0e7; }
[data-qg-catalog] .qg-catalog-search .el-input__icon { line-height:36px; }
[data-qg-catalog] .qg-catalog-search .el-button { border:1px solid #dce0e7; border-left:0; color:#4a5568; background:#fff; border-radius:0!important; height:36px; padding:0 16px; margin:0; font-size:12px; }
[data-qg-catalog] .qg-catalog-view { display:flex; border:1px solid #dce0e7; height:36px; background:#fff; }
[data-qg-catalog] .qg-catalog-view button { width:34px; border:0; background:transparent; cursor:pointer; color:#8c94a1; padding:9px; }
[data-qg-catalog] .qg-catalog-view button[aria-pressed=true] { color:var(--qg-primary); background:var(--qg-soft); }
[data-qg-catalog] .qg-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
[data-qg-catalog] .qg-product-card { border:1px solid var(--catalog-line); background:#fff; min-width:0; padding:24px 20px 20px; display:flex; flex-direction:column; position:relative; transition:border-color .18s,box-shadow .18s; }
[data-qg-catalog] .qg-product-card:hover { border-color:rgba(var(--qg-primary-rgb),.6); box-shadow:0 5px 18px #1f3b7508; }
[data-qg-catalog] .qg-card-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
[data-qg-catalog] .qg-card-icon { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; color:var(--qg-primary); background:linear-gradient(135deg,#f2f6ff,#e9efff); border:1px solid #e5ecfc; }
[data-qg-catalog] .qg-card-kind { font-size:11px; color:#858d9b; }
[data-qg-catalog] .qg-card-name { font-size:19px; font-weight:600; line-height:1.5; color:#1b2432; overflow-wrap:anywhere; margin:0 0 12px; min-height:29px; }
[data-qg-catalog] .qg-card-description { font-size:12px; line-height:1.9; color:#737b89; margin:0 0 20px; min-height:46px; overflow-wrap:anywhere; }
[data-qg-catalog] .qg-card-description p { margin:0 0 6px; }
[data-qg-catalog] .qg-card-description ul { padding-left:16px; margin:0; }
[data-qg-catalog] .qg-card-description table { width:100%!important; max-width:100%; }
[data-qg-catalog] .qg-card-description img { max-width:100%; height:auto; }
[data-qg-catalog] .qg-card-specs { margin:0 0 20px; padding:14px 0; border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; display:grid; gap:12px; font-size:12px; }
[data-qg-catalog] .qg-card-specs>div { display:flex; justify-content:space-between; gap:8px; }
[data-qg-catalog] .qg-card-specs dt { color:#8b929e; }
[data-qg-catalog] .qg-card-specs dd { margin:0; color:#475365; text-align:right; }
[data-qg-catalog] .qg-card-tags { display:flex; flex-wrap:wrap; gap:6px; font-size:11px; margin:0 0 12px; }
[data-qg-catalog] .qg-card-tags:empty { display:none; }
[data-qg-catalog] .qg-card-tags .active-name,[data-qg-catalog] .qg-card-tags>span { display:inline-block; color:var(--qg-primary); background:var(--qg-soft); font-size:11px; padding:3px 6px; margin:0; max-width:100%; }
[data-qg-catalog] .qg-card-stock { font-size:11px; color:#798190; margin-bottom:12px; }
[data-qg-catalog] .qg-card-stock.sold-out { color:#969ca7; }
[data-qg-catalog] .qg-card-bottom { margin-top:auto; padding-top:4px; }
[data-qg-catalog] .qg-card-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px; font-size:12px; margin:0 0 18px; color:#7b8392; min-height:37px; }
[data-qg-catalog] .qg-card-price strong { font-size:30px; line-height:1.2; font-weight:500; letter-spacing:-1px; color:var(--qg-primary); }
[data-qg-catalog] .qg-card-price .qg-card-currency { font-size:16px; color:var(--qg-primary); }
[data-qg-catalog] .qg-card-price small { font-size:11px; margin-left:3px; }
[data-qg-catalog] .qg-card-original { font-size:11px; color:#959ca7; text-decoration:line-through; display:block; margin:-12px 0 12px; }
html[data-qg-design][data-qupper-area=store] [data-qg-catalog] .qg-card-configure { width:100%; height:38px; display:block; padding:0 14px; margin:0; border-radius:0!important; font-size:13px; }
[data-qg-catalog] .qg-card-configure>span { display:flex; align-items:center; justify-content:space-between; }
[data-qg-catalog] .qg-card-configure i { font-size:17px; font-style:normal; }
[data-qg-catalog] .qg-catalog-note { font-size:11px; line-height:1.8; color:#8b929e; margin:20px 0 0; display:flex; align-items:baseline; gap:7px; }
[data-qg-catalog] .qg-catalog-steps { max-width:1176px; margin:8px auto 36px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--catalog-line); padding-top:24px; gap:24px; }
[data-qg-catalog] .qg-catalog-steps>div { display:flex; align-items:center; gap:12px; color:#727b8b; font-size:12px; }
[data-qg-catalog] .qg-catalog-steps b { font-size:20px; font-weight:400; color:#bdc7d8; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] { grid-template-columns:1fr; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-product-card { display:grid; grid-template-columns:44px minmax(0,1fr) 190px; column-gap:20px; padding:24px; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-top { grid-column:1; grid-row:1/5; display:block; margin:0; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-kind { display:none; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-name { grid-column:2; min-height:0; font-size:18px; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-description { grid-column:2; min-height:0; margin-bottom:14px; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-specs { grid-column:2; display:flex; gap:24px; padding:0; border:0; margin-bottom:0; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-specs>div { gap:10px; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-tags,[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-stock { grid-column:2; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-bottom { grid-column:3; grid-row:1/9; align-self:center; margin-top:0; }
[data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-price { justify-content:flex-end; }
[data-qg-catalog] .no-goods { padding:40px 16px; background:#fff; border:1px solid var(--catalog-line); }
[data-qg-catalog] .cart-des { margin:0 0 18px; }
@media(min-width:1600px) { [data-qg-catalog] .qg-catalog-hero-inner,[data-qg-catalog] .qg-catalog-layout { max-width:1360px; } [data-qg-catalog] .qg-catalog-family,[data-qg-catalog] .qg-catalog-steps { max-width:1296px; } }
@media(max-width:1100px) { [data-qg-catalog] .qg-catalog-layout { grid-template-columns:160px minmax(0,1fr); gap:20px; padding-inline:24px!important; } [data-qg-catalog] .qg-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } [data-qg-catalog] .qg-catalog-family,[data-qg-catalog] .qg-catalog-steps { margin-inline:24px; } [data-qg-catalog] .qg-catalog-search { max-width:230px; } [data-qg-catalog] .qg-catalog-toolbar { gap:12px; } }
@media(max-width:750px) {
  [data-qg-catalog] .qg-catalog-hero-inner { min-height:190px; padding:24px 20px; }
  [data-qg-catalog] .qg-catalog-hero-inner:after { width:160px; height:160px; right:-30px; top:22px; opacity:.22; }
  [data-qg-catalog] .qg-catalog-breadcrumb { margin-bottom:20px; font-size:11px; }
  [data-qg-catalog] .qg-catalog-hero h1 { font-size:29px; }
  [data-qg-catalog] .qg-catalog-hero p { max-width:85%; font-size:12px; position:relative; z-index:1; }
  [data-qg-catalog] .qg-catalog-hero-links { margin-top:14px; font-size:12px; }
  [data-qg-catalog] .qg-catalog-family { margin-inline:16px; gap:20px; }
  [data-qg-catalog] .qg-catalog-family button { padding:16px 4px 13px; min-width:90px; font-size:13px; }
  [data-qg-catalog] .qg-catalog-layout { display:block; margin:0; padding:20px 16px!important; }
  [data-qg-catalog] .qg-catalog-rail { border:0; background:transparent; margin-bottom:16px; }
  [data-qg-catalog] .qg-catalog-rail h2,[data-qg-catalog] .qg-catalog-help { display:none; }
  [data-qg-catalog] .qg-catalog-type-filter {margin:12px 0 0;padding:12px 0 0;display:flex;gap:14px;overflow-x:auto}
  [data-qg-catalog] .qg-catalog-type-filter h3 {display:none}
  [data-qg-catalog] .qg-catalog-type-filter button {width:auto;flex:0 0 auto;white-space:nowrap;gap:5px;padding:5px 0}
  [data-qg-catalog] .qg-catalog-subcategories { display:flex; gap:10px; padding:0; overflow-x:auto; }
  [data-qg-catalog] .qg-catalog-subcategories button { width:auto; border:1px solid var(--catalog-line); padding:8px 18px; white-space:nowrap; font-size:12px; }
  [data-qg-catalog] .qg-catalog-subcategories button span { display:none; }
  [data-qg-catalog] .qg-catalog-subcategories button.active { border:1px solid var(--qg-primary); }
  [data-qg-catalog] .qg-catalog-toolbar { flex-wrap:wrap; margin-bottom:16px; }
  [data-qg-catalog] .qg-catalog-toolbar h2 { width:100%; font-size:21px; }
  [data-qg-catalog] .qg-catalog-tools { width:100%; gap:8px; }
  html[data-qg-design][data-qupper-area=store] [data-qg-catalog] .qg-catalog-search { flex:1; min-width:0; width:auto; max-width:none; }
  [data-qg-catalog] .qg-catalog-search .el-button { padding:0 12px; }
  [data-qg-catalog] .qg-catalog-grid { grid-template-columns:1fr; gap:14px; }
  [data-qg-catalog] .qg-product-card { padding:20px; }
  [data-qg-catalog] .qg-card-top { margin-bottom:16px; }
  [data-qg-catalog] .qg-card-name { min-height:0; font-size:20px; }
  [data-qg-catalog] .qg-card-description { min-height:0; margin-bottom:18px; }
  [data-qg-catalog] .qg-card-specs { gap:12px; }
  [data-qg-catalog] .qg-card-price { margin-bottom:16px; }
  [data-qg-catalog] .qg-catalog-steps { margin:4px 16px 28px; gap:12px; }
  [data-qg-catalog] .qg-catalog-steps>div { align-items:flex-start; gap:8px; font-size:10px; line-height:1.7; }
  [data-qg-catalog] .qg-catalog-steps b { font-size:17px; line-height:1.3; }
  [data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-product-card { grid-template-columns:32px minmax(0,1fr); padding:20px 16px; gap:0 12px; }
  [data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-icon { width:32px; height:32px; }
  [data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-icon svg { width:22px; }
  [data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-bottom { grid-column:2; grid-row:auto; margin-top:18px; }
  [data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-price { justify-content:flex-start; }
  [data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-specs { display:grid; gap:8px; }
  [data-qg-catalog] .qg-catalog-grid[data-view=list] .qg-card-specs>div { justify-content:flex-start; }
}
@media(prefers-reduced-motion:reduce) { [data-qg-catalog] .qg-product-card { transition:none; } }