/* Category navigation and one product per row in the embedded shop. */
html.district-embed{scrollbar-width:thin;scrollbar-color:#76658f transparent}
.shop-catalog{display:grid;grid-template-columns:128px minmax(0,1fr);gap:18px;align-items:start}
.shop-catalog[hidden]{display:none}
.shop-category-panel{position:sticky;top:16px;padding:14px 10px;background:#111a2a80;border:1px solid #c5b5e21f;border-radius:12px;min-width:0}
.shop-category-panel h3{margin:0 8px 14px;color:#bcb0d2;font-size:12px;font-weight:500;letter-spacing:1px}
.shop-categories{display:flex;flex-direction:column;gap:6px}
.shop-category{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:10px 9px;background:transparent;border:1px solid transparent;border-radius:8px;color:#bcb5cb;font:inherit;font-size:11px;text-align:left;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.shop-category:hover{background:#ffffff08;color:#f2eefb}
.shop-category.is-active{background:#9676d022;border-color:#aa8ed449;color:#eee3ff}
.shop-category:focus-visible{outline:2px solid #b29ae6;outline-offset:2px}
.shop-category-name{overflow-wrap:anywhere;line-height:1.4}
.shop-category-count{flex:none;color:#9f93b2;font-size:10px}
.shop-category.is-active .shop-category-count{color:#d8c5f7}
.shop-list-panel{min-width:0}
.shop-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:2px 0}
.shop-list-heading h3{margin:0;color:#e6dff0;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.shop-list-heading span{flex:none;color:#a69bb7;font-size:11px}
html.district-embed .district-shop-note{margin:0 0 20px;font-size:11px;letter-spacing:1px}
html.district-embed .shop-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
html.district-embed .shop-card.shop-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px;min-width:0;padding:14px;border-radius:12px;opacity:1}
html.district-embed .shop-row .shop-img-wrap{flex:0 0 138px;width:138px;height:150px;border-radius:9px}
html.district-embed .shop-row .shop-img{width:100%;height:100%;min-height:0;object-fit:cover}
html.district-embed .shop-row .shop-body{flex:1;min-width:0;min-height:150px;gap:8px}
.shop-product-heading{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px}
html.district-embed .shop-row .shop-name{margin:0;font-size:18px;line-height:1.35;overflow-wrap:anywhere}
html.district-embed .shop-row .shop-hot-badge,html.district-embed .shop-row .shop-camp-ribbon{position:static;flex:none;padding:3px 7px;border-radius:5px;font-size:10px;line-height:1.4;box-shadow:none;animation:none}
html.district-embed .shop-row .shop-tags{margin:0;gap:5px}
html.district-embed .shop-row .shop-tags .tag{font-size:10px;padding:3px 8px}
.shop-details{font-size:12px;color:#bdb4d1}
.shop-details summary{cursor:pointer;padding:3px 0;line-height:1.5}
.shop-details[open] summary{color:#d2b9ff}
.shop-details .shop-desc{margin-top:8px}
html.district-embed .shop-row .shop-desc{font-size:12px;line-height:1.65}
html.district-embed .shop-row .shop-warranty{font-size:11px}
.shop-product-footer{display:flex;align-items:flex-end;gap:12px;margin-top:auto;padding-top:5px}
html.district-embed .shop-row .shop-meta{flex:1;min-width:0;align-items:flex-end;gap:10px;margin:0;flex-wrap:wrap}
html.district-embed .shop-row .shop-price{font-size:24px;text-shadow:none}
html.district-embed .shop-row .shop-stat{font-size:10px;gap:3px}
html.district-embed .shop-row .shop-price-wrap{gap:5px}
html.district-embed .shop-row .shop-price-old{font-size:11px}
html.district-embed .shop-row .shop-save{font-size:10px}
html.district-embed .shop-row .shop-buy{flex:none;width:auto;min-width:92px;min-height:36px;padding:9px 12px;font-size:12px;border-radius:8px}
html.district-embed .shop-row:hover{transform:none}
html.district-embed .shop-row .shop-img-wrap::after{font-size:14px}
@media(max-width:650px){
  .shop-catalog{grid-template-columns:minmax(0,1fr);gap:16px}
  .shop-category-panel{position:static;padding:0;background:none;border:0}
  .shop-category-panel h3{margin:0 0 10px}
  .shop-categories{flex-direction:row;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:#76658f transparent}
  .shop-category{flex:none;width:auto;min-height:36px;padding:8px 12px}
  .shop-category-name{white-space:nowrap}
}
@media(max-width:420px){
  html.district-embed .shop-card.shop-row{gap:12px;padding:12px}
  html.district-embed .shop-row .shop-img-wrap{flex-basis:88px;width:88px;height:112px}
  html.district-embed .shop-row .shop-body{min-height:112px}
  html.district-embed .shop-row .shop-name{font-size:16px}
  .shop-product-footer{flex-wrap:wrap;gap:10px}
  html.district-embed .shop-row .shop-meta{flex-basis:100%}
  html.district-embed .shop-row .shop-price{font-size:22px}
  html.district-embed .shop-row .shop-buy{min-width:100%;width:100%}
}