/* PRAASIA - stable stylesheet; update this file in place, no numbered releases. */

/* ---- praasia_show_product.css ---- */
/* PRAASIA Public V25 — Full-width shop products (page-local stylesheet)
   Presentation only: existing shop queries, links, filters and pagination remain unchanged. */
body.sp-fullwidth-page {
  margin:0;
  min-width:0;
  overflow-x:clip;
  background:#170a04;
  color:#f8e8c8;
}
body.sp-fullwidth-page,body.sp-fullwidth-page * {box-sizing:border-box;}
body.sp-fullwidth-page .shop-shell {
  width:calc(100% - 32px)!important;
  max-width:none!important;
  min-width:0!important;
  margin:0 auto!important;
  table-layout:fixed;
  background:#100803;
  box-shadow:0 8px 28px rgba(0,0,0,.24);
}
body.sp-fullwidth-page .shop-shell > tbody > tr > td {
  width:100%; min-width:0; max-width:100%; padding:0;
}
/* Shop banner remains intact and proportionate. An old 1000px banner is centered,
   with the unused width filled by a matching background rather than distorting it. */
body.sp-fullwidth-page .shop-head-img,
body.sp-fullwidth-page .shop-head-object {
  display:block;width:100%!important;max-width:100%;height:auto!important;
  max-height:350px;aspect-ratio:1000/350;object-fit:contain;object-position:center;
  background:linear-gradient(100deg,#1b0b05,#4a220b 45%,#1b0b05);
}
body.sp-fullwidth-page .shop-menu {
  height:auto; min-height:48px;
  background:linear-gradient(180deg,#efcb77,#c99440);
  border-top:1px solid #edcb88;border-bottom:1px solid #9d6d27;
}
body.sp-fullwidth-page .shop-menu-table,
body.sp-fullwidth-page .shop-menu-table > tbody {
  display:block;width:100%!important;max-width:100%;height:auto!important;
  margin:0!important;
}
body.sp-fullwidth-page .shop-menu-table > tbody > tr {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(260px,1.5fr);
  gap:10px;align-items:center;width:100%;padding:8px 12px;
}
body.sp-fullwidth-page .shop-menu-table > tbody > tr > td {
  display:flex;align-items:center;justify-content:center;
  min-width:0;max-width:100%;width:100%!important;height:auto;padding:0!important;
}
body.sp-fullwidth-page .shop-menu a {
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:36px;padding:6px 8px;
  border:1px solid rgba(102,50,8,.20);border-radius:9px;
  background:rgba(255,255,255,.13);text-align:center;
}
body.sp-fullwidth-page .shop-menu a span {
  line-height:1.3;font-size:clamp(11px,1vw,14px);white-space:normal;
}
body.sp-fullwidth-page .shop-menu-table form {width:100%;min-width:0;margin:0;}
body.sp-fullwidth-page .menu-search {
  display:flex;align-items:center;justify-content:flex-end;
  width:100%;min-width:0;max-width:100%;height:auto;gap:7px;
}
body.sp-fullwidth-page .menu-search label {flex:none;font-size:12px;}
body.sp-fullwidth-page .menu-search input[type="text"] {
  width:clamp(100px,12vw,220px);min-width:0;max-width:100%;
}
body.sp-fullwidth-page .bt-menu img {
  display:block;width:100%!important;height:45px!important;max-width:100%;
  object-fit:cover;object-position:center;
}
body.sp-fullwidth-page .product-section {padding:13px 12px 18px;min-width:0;}
body.sp-fullwidth-page .section-card {min-width:0;}
body.sp-fullwidth-page .product-toolbar {
  grid-template-columns:minmax(0,1fr) auto auto;
}
body.sp-fullwidth-page .product-grid-wrap {padding:14px 10px 18px;min-width:0;}
/* Keep the whole page full-width but group 8 cards neatly, just like Public V24. */
body.sp-fullwidth-page .product-grid {
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
  width:100%;max-width:1390px;
  margin:0 auto;
  align-items:stretch;
}
body.sp-fullwidth-page .product-card {
  display:flex;flex-direction:column;
  min-width:0;min-height:0;overflow:hidden;
  border-radius:11px;
  background:#2c1b11;
}
body.sp-fullwidth-page .product-image {
  position:relative;display:block;flex:none;
  width:100%;height:auto;aspect-ratio:1/1;
  overflow:hidden;border-radius:10px 10px 0 0;background:#100904;
}
body.sp-fullwidth-page .product-image img {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
}
body.sp-fullwidth-page .product-info {
  display:flex;flex-direction:column;flex:1 1 auto;
  height:130px;min-height:0;padding:7px 7px 5px;
  background:linear-gradient(180deg,#342015,#26170f);
}
body.sp-fullwidth-page .product-id-row {
  display:flex;align-items:center;flex:none;
  min-width:0;min-height:21px;margin:0 0 4px;
}
body.sp-fullwidth-page .score-icon,
body.sp-fullwidth-page .score-icon img {
  width:12px;height:12px;flex:none;max-width:12px;max-height:12px;
}
body.sp-fullwidth-page .score-icon {margin-right:4px;}
body.sp-fullwidth-page .product-code {
  max-width:calc(100% - 17px);min-width:0;
  padding:2px 3px;border-radius:4px;background:transparent;
  font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.sp-fullwidth-page .product-name {
  display:block;flex:none;height:49px;max-height:none;min-width:0;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a57838 transparent;
  font:600 12px/1.45 Tahoma,Arial,sans-serif;
  overflow-wrap:anywhere;word-break:normal;
}
body.sp-fullwidth-page .cn-detail {
  flex:1 1 0;min-height:0;height:auto;margin-top:4px;
  overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;
  scrollbar-color:#8a683e transparent;
  font-size:10px;line-height:1.35;overflow-wrap:anywhere;
}
body.sp-fullwidth-page .product-footer {
  display:flex;flex:none;flex-wrap:nowrap;
  justify-content:space-between;align-items:center;min-width:0;
  gap:4px;padding:6px 7px;background:#241a14;
  border-radius:0 0 10px 10px;
}
body.sp-fullwidth-page .status-line {
  flex:1 1 auto;min-width:0;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10.5px;line-height:1.4;
}
body.sp-fullwidth-page .status-line .status {white-space:nowrap;}
body.sp-fullwidth-page .view-line {
  display:inline-flex;flex:none;align-items:center;justify-content:flex-end;
  gap:3px;min-width:0;white-space:nowrap;font-size:10px;
  font-variant-numeric:tabular-nums;
}
body.sp-fullwidth-page .view-line img {
  display:block;flex:none;width:14px!important;height:9px!important;
  max-width:14px;max-height:9px;margin:0;
}
body.sp-fullwidth-page .score-popover {max-width:calc(100vw - 28px);}
body.sp-fullwidth-page .product-name:focus-visible,
body.sp-fullwidth-page .product-image:focus-visible {outline:2px solid #f3c974;outline-offset:-2px;}
body.sp-fullwidth-page .shop-shell > tbody > tr:last-child > td img {max-width:100%;height:auto;}
@media(max-width:1199px) {
 body.sp-fullwidth-page .shop-menu-table > tbody > tr {
   grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
 }
 body.sp-fullwidth-page .shop-menu-table > tbody > tr > td:last-child {grid-column:1/-1;}
 body.sp-fullwidth-page .menu-search {justify-content:center;}
}
@media(max-width:1023px) {
 body.sp-fullwidth-page .product-grid {grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media(max-width:849px) {
 body.sp-fullwidth-page .product-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
 body.sp-fullwidth-page .product-grid-wrap {padding:9px 7px 15px;}
 body.sp-fullwidth-page .product-section {padding:8px 7px 13px;}
 body.sp-fullwidth-page .product-card:hover {transform:none;}
 body.sp-fullwidth-page .product-info {height:106px;padding:5px 5px 4px;}
 body.sp-fullwidth-page .product-name {height:43px;font-size:10.5px;line-height:1.33;}
 body.sp-fullwidth-page .cn-detail {font-size:9px;line-height:1.3;}
 body.sp-fullwidth-page .product-footer {padding:5px;}
 body.sp-fullwidth-page .product-code {font-size:10px;}
 body.sp-fullwidth-page .product-toolbar {grid-template-columns:1fr;gap:7px;}
 body.sp-fullwidth-page .product-toolbar .status-select {width:100%;max-width:100%;}
 body.sp-fullwidth-page .product-toolbar > span:last-child {display:flex;gap:7px;}
 body.sp-fullwidth-page .product-toolbar .filter-btn,
 body.sp-fullwidth-page .product-toolbar .clear-filter-btn {width:auto;flex:1;}
 body.sp-fullwidth-page .score-popover {display:none!important;}
}
@media(max-width:600px) {
 body.sp-fullwidth-page .shop-shell {width:calc(100% - 12px)!important;margin:0 6px!important;}
 body.sp-fullwidth-page .shop-head-img,
 body.sp-fullwidth-page .shop-head-object {max-height:180px;}
 body.sp-fullwidth-page .shop-menu-table > tbody > tr {gap:4px;padding:6px;}
 body.sp-fullwidth-page .shop-menu a {padding:5px 3px;min-height:38px;}
 body.sp-fullwidth-page .shop-menu a span {font-size:10px;line-height:1.28;}
 body.sp-fullwidth-page .menu-search {gap:5px;}
 body.sp-fullwidth-page .menu-search label {font-size:10px;}
 body.sp-fullwidth-page .menu-search input[type="text"] {width:auto;flex:1;min-width:0;}
 body.sp-fullwidth-page .bt-menu img {height:28px!important;}
 body.sp-fullwidth-page .section-hero {padding:11px 11px;}
 body.sp-fullwidth-page .section-badge {font-size:10px;padding:4px 8px;}
 body.sp-fullwidth-page .section-title {font-size:17px;line-height:1.4;overflow-wrap:anywhere;}
 body.sp-fullwidth-page .section-subtitle {font-size:10px;line-height:1.5;}
 body.sp-fullwidth-page .product-grid {gap:4px;}
 body.sp-fullwidth-page .product-grid-wrap {padding:7px 5px 11px;}
 body.sp-fullwidth-page .product-section {padding:7px 5px 10px;}
 body.sp-fullwidth-page .product-info {height:90px;padding:4px 3px 3px;}
 body.sp-fullwidth-page .product-id-row {min-height:15px;margin:0 0 3px;}
 body.sp-fullwidth-page .score-icon,
 body.sp-fullwidth-page .score-icon img {width:9px!important;height:9px!important;max-width:9px!important;max-height:9px!important;}
 body.sp-fullwidth-page .score-icon {margin-right:2px;}
 body.sp-fullwidth-page .product-code {padding:0;font-size:9px;line-height:1.3;}
 body.sp-fullwidth-page .product-name {height:41px;font-size:9.3px;line-height:1.24;}
 body.sp-fullwidth-page .cn-detail {font-size:8px;line-height:1.2;margin-top:2px;}
 body.sp-fullwidth-page .product-footer {flex-wrap:wrap;padding:4px 3px;gap:1px;min-height:27px;}
 body.sp-fullwidth-page .status-line {flex:1 1 100%;font-size:9px;line-height:1.2;}
 body.sp-fullwidth-page .view-line {flex:1 1 100%;justify-content:flex-end;font-size:9px;line-height:1.15;}
 body.sp-fullwidth-page .view-line img {width:11px!important;height:7px!important;max-width:11px;max-height:7px;}
 body.sp-fullwidth-page .pagination {padding:11px 0 3px;}
 body.sp-fullwidth-page .pagination a,
 body.sp-fullwidth-page .pagination strong,
 body.sp-fullwidth-page .pagination span {padding:5px 7px;margin:2px;font-size:11px;}
}
@media(max-width:350px) {
 body.sp-fullwidth-page .shop-menu a span {font-size:9px;}
 body.sp-fullwidth-page .product-info {height:87px;}
 body.sp-fullwidth-page .product-name {height:39px;font-size:9px;}
 body.sp-fullwidth-page .product-code {font-size:8.5px;}
}
@media(prefers-reduced-motion:reduce) {
 body.sp-fullwidth-page .product-card,
 body.sp-fullwidth-page .product-image img {transition:none;}
}

/* ---- praasia_show_product.css ---- */
/* PRAASIA Public Show Product V26. Align catalog cards with Shops Classic Gold V15.30. */
body.sp-fullwidth-page {background:#2b1a10;color:#392515}
body.sp-fullwidth-page .shop-shell {background:#352113}
body.sp-fullwidth-page .shop-menu {background:linear-gradient(90deg,#50311e,#76502c,#50311e);border-color:#bd8e53}
body.sp-fullwidth-page .shop-menu a {border-color:#89623d;background:rgba(255,235,196,.08)}
body.sp-fullwidth-page .shop-menu a span {color:#ffe5b7;text-shadow:none}
body.sp-fullwidth-page .shop-menu a:hover {background:#73512f}
body.sp-fullwidth-page .shop-menu a:hover span {color:#fff}
body.sp-fullwidth-page .menu-search label {color:#f5dba8}
body.sp-fullwidth-page .product-section {background:#2e1c10}
body.sp-fullwidth-page .section-card {border:1px solid #986b3f;border-radius:12px;background:#fffaf2;box-shadow:none}
body.sp-fullwidth-page .section-hero {background:#493221;border-bottom:1px solid #af824d;padding:13px 16px}
body.sp-fullwidth-page .section-hero .section-badge {display:none}
body.sp-fullwidth-page .section-title {color:#f9dfa6;font-size:clamp(17px,1.7vw,23px)}
body.sp-fullwidth-page .section-subtitle {color:#efdab8}
body.sp-fullwidth-page .product-toolbar {background:#fbf3e5;border-bottom:1px solid #ddcba9;color:#4d301b}
body.sp-fullwidth-page .product-toolbar-label {color:#654222}
body.sp-fullwidth-page .product-grid-wrap {background:#fffaf2}
body.sp-fullwidth-page .product-grid {gap:0;max-width:1400px;border-top:1px solid #eee2d0;border-left:1px solid #eee2d0}
body.sp-fullwidth-page .product-card {border-radius:0;border:0;border-right:1px solid #e9dcc9;border-bottom:1px solid #e9dcc9;box-shadow:none;background:#fff;padding:9px 7px;transition:border-color .14s ease,background .14s ease}
body.sp-fullwidth-page .product-card:hover {transform:none;z-index:auto;border-color:#c6a16b;box-shadow:none;background:#fffaf1}
body.sp-fullwidth-page .product-image {border-radius:9px;background:#efe4d3}
body.sp-fullwidth-page .product-image img {border-radius:9px}
body.sp-fullwidth-page .product-info {min-width:0;padding:6px 1px 4px;height:109px;background:transparent;color:#3b281a}
body.sp-fullwidth-page .product-id-row {margin:0 0 3px}
body.sp-fullwidth-page .product-name {color:#382719!important;font-weight:700;font-size:11.5px;line-height:1.45;height:47px}
body.sp-fullwidth-page .cn-detail {color:#705b45;font-size:9.5px;line-height:1.3;margin-top:3px;overflow-y:auto}
body.sp-fullwidth-page .product-code {background:#f3e8d5;color:#73512a;border-radius:4px;padding:1px 4px}
body.sp-fullwidth-page .product-footer {border-radius:0;background:transparent;border-top:1px solid #efe5d6;margin-top:auto;padding:5px 0 0;min-height:21px}
body.sp-fullwidth-page .status-line {color:#5b4430}
body.sp-fullwidth-page .status.sale {color:#795124}
body.sp-fullwidth-page .status.sold {color:#a03b35}
body.sp-fullwidth-page .status.reserve-open {color:#846013}
body.sp-fullwidth-page .status.show {color:#436674}
body.sp-fullwidth-page .view-line {color:#695440}
body.sp-fullwidth-page .score-popover {left:0;max-width:min(340px,calc(100vw - 35px))}
body.sp-fullwidth-page .empty-state {background:#fff8e9;color:#593d20}
body.sp-fullwidth-page .pagination {display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:15px 4px 5px}
body.sp-fullwidth-page .pagination a,body.sp-fullwidth-page .pagination strong,body.sp-fullwidth-page .pagination span {background:#fff;border-color:#d3b88c;color:#604021;min-width:32px;min-height:32px;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center}
body.sp-fullwidth-page .pagination strong {background:#6e4725;color:#fff4d9}
body.sp-fullwidth-page .pagination a:hover,body.sp-fullwidth-page .pagination a:focus-visible {background:#f1dfbd;outline:2px solid #c59549}
@media(max-width:849px){body.sp-fullwidth-page .product-info {height:85px}body.sp-fullwidth-page .product-name {height:41px}}
@media(max-width:600px){
 body.sp-fullwidth-page .product-card {padding:5px 3px}
 body.sp-fullwidth-page .product-info {height:75px;padding:4px 0 1px}
 body.sp-fullwidth-page .product-id-row {margin-bottom:2px}
 body.sp-fullwidth-page .product-code {font-size:8px}
 body.sp-fullwidth-page .product-name {height:38px;font-size:9.2px;line-height:1.25}
 body.sp-fullwidth-page .cn-detail {font-size:8px}
 body.sp-fullwidth-page .product-footer {padding:3px 0 0;flex-wrap:nowrap;min-height:15px;gap:2px}
 body.sp-fullwidth-page .status-line {flex:1 1 auto;min-width:0;font-size:8.5px}
 body.sp-fullwidth-page .view-line {flex:none;justify-content:flex-end;min-width:0;font-size:8px}
 body.sp-fullwidth-page .view-line img {width:10px!important;height:7px!important}
 body.sp-fullwidth-page .product-grid {gap:0}
}
@media(prefers-reduced-motion:reduce){body.sp-fullwidth-page .product-card,body.sp-fullwidth-page .product-image img {transition:none}}