/* Praasia Shops V15.6 — readability + responsive pass for legacy product/shop pages. */
:root {
  --ps156-bg:#1d100b;
  --ps156-panel:#24140d;
  --ps156-panel-2:#2d1b12;
  --ps156-line:#7d5935;
  --ps156-gold:#d9b06a;
  --ps156-gold-soft:#f0d9aa;
  --ps156-text:#f6ead4;
  --ps156-text-strong:#fff4df;
  --ps156-ink:#321c0d;
  --ps156-paper:#fff8ec;
  --ps156-paper-2:#fff3d8;
}

/* shared */
body.pra-v154-page { color:var(--ps156-text); font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif; }
body.pra-v154-page a { text-underline-offset:3px; }
body.pra-v154-page img { max-width:100%; height:auto; }

.pra-shops-lang-bar {
  width:min(100%,1120px);
  margin:6px auto 0;
  padding:8px 12px;
  background:#342116;
  border:1px solid #785432;
  border-bottom:0;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.pra-shops-lang-trigger { min-height:38px; padding:7px 12px; color:#ffefcb; }

/* shop product page */
body.pra-v154-product {
  background:
    radial-gradient(circle at top, rgba(255,219,156,.10), transparent 340px),
    linear-gradient(180deg, #1b0e09 0%, #120804 40%, #0d0503 100%);
  font-size:14px;
  line-height:1.6;
}
body.pra-v154-product .pra-page-shell,
body.pra-v154-product .pra-page-shell > tbody > tr > td > table[width="1000"],
body.pra-v154-product .pra-page-shell > tbody > tr > td > table[width="100%"] {
  width:min(100%,1120px)!important;
  max-width:1120px;
}
body.pra-v154-product .pra-page-shell {
  margin:0 auto 26px;
  background:var(--ps156-panel);
  border-left:1px solid var(--ps156-line);
  border-right:1px solid var(--ps156-line);
  box-shadow:0 12px 34px rgba(0,0,0,.32);
}
body.pra-v154-product .pra-shop-head-img {
  width:100%!important;
  height:auto!important;
  max-height:360px;
  aspect-ratio:20/7;
  object-fit:cover;
}
body.pra-v154-product .pra-flash-fallback {
  display:grid;
  place-items:center;
  min-height:170px;
  height:auto;
  padding:22px 18px;
}
body.pra-v154-product .pra-nav-cell {
  height:auto;
  padding:8px 12px;
  background:linear-gradient(180deg, #f0cb76 0%, #dfa543 50%, #9b6517 100%);
  color:#2c1607;
}
body.pra-v154-product .pra-nav-cell > table,
body.pra-v154-product .pra-nav-cell form table { width:100%!important; max-width:100%; }
body.pra-v154-product .pra-nav-link {
  color:#2a1303!important;
  font-size:14px;
  line-height:1.4;
  padding:9px 12px;
}
body.pra-v154-product .pra-nav-link:hover { background:rgba(255,255,255,.3); }
body.pra-v154-product .pra-nav-cell span[style] {
  color:#351a06!important;
  font-size:13px;
  font-weight:700!important;
}
body.pra-v154-product .pra-search-input,
body.pra-v154-product .pra-input,
body.pra-v154-product .pra-select {
  min-height:34px;
  font-size:14px;
  border-radius:8px;
  padding:5px 10px;
}
body.pra-v154-product .pra-btn {
  min-height:34px;
  font-size:14px;
  padding:6px 14px;
}
body.pra-v154-product .pra-share-bar {
  height:auto;
  padding:8px 14px;
  color:var(--ps156-gold-soft);
  font-size:13px;
}
body.pra-v154-product .pra-share-bar table,
body.pra-v154-product .pra-share-bar tbody,
body.pra-v154-product .pra-share-bar tr {
  width:100%;
}
body.pra-v154-product .pra-share-bar td[align="left"] {
  font-size:14px;
  color:#f5ddaa!important;
  letter-spacing:.1px;
}
body.pra-v154-product .pra-product-title {
  padding:20px 20px 12px;
  font-size:clamp(24px,2.6vw,30px);
  line-height:1.35;
  color:#ffe4a4;
}
body.pra-v154-product .pra-product-subtitle,
body.pra-v154-product .pra-image-panel,
body.pra-v154-product .pra-detail-table,
body.pra-v154-product .pra-warning-box,
body.pra-v154-product .pra-message-card,
body.pra-v154-product .pra-vote-card,
body.pra-v154-product .pra-comment-card,
body.pra-v154-product .pra-other-card,
body.pra-v154-product .pra-alert-error,
body.pra-v154-product .pra-alert-success,
body.pra-v154-product .pra-empty-box {
  width:min(100% - 28px, 960px);
}
body.pra-v154-product .pra-product-subtitle {
  color:var(--ps156-text-strong);
  background:linear-gradient(180deg,#261209,#180b06);
  border-color:rgba(231,187,91,.48);
  font-size:15px;
  line-height:1.85;
}
body.pra-v154-product .pra-image-panel {
  padding:14px;
  background:linear-gradient(180deg,#2a140a,#120603);
}
body.pra-v154-product .pra-product-img {
  width:100%;
  max-width:100%;
  margin:0 auto 14px;
}
body.pra-v154-product .pra-section-title {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  height:auto;
  padding:9px 16px;
  line-height:1.4;
}
body.pra-v154-product .pra-assist-box {
  font-size:14px;
  color:var(--ps156-text-strong);
}
body.pra-v154-product .pra-detail-table {
  table-layout:fixed;
  background:var(--ps156-paper);
}
body.pra-v154-product .pra-detail-label {
  width:250px;
  color:#3d220f;
  background:linear-gradient(180deg, #fbeabf, #edd08a);
  font-size:13px;
}
body.pra-v154-product .pra-detail-value {
  color:#2f190c;
  background:#fffaf1;
  font-size:14px;
  overflow-wrap:anywhere;
}
body.pra-v154-product .pra-message-card,
body.pra-v154-product .pra-vote-card,
body.pra-v154-product .pra-comment-card,
body.pra-v154-product .pra-other-card {
  background:#140804;
}
body.pra-v154-product .pra-card-title { color:#ffe7af; font-size:17px; }
body.pra-v154-product .pra-card-body { color:var(--ps156-text); }
body.pra-v154-product .pra-message-grid td { color:var(--ps156-text); }
body.pra-v154-product .translated_td { color:#271305; font-weight:700; }
body.pra-v154-product .score-track,
body.pra-v154-product .score-labels { width:min(100%,900px); }
body.pra-v154-product .pra-vote-form-table { width:min(100%,760px); }
body.pra-v154-product .pra-comment-result .label {
  width:220px;
  color:#fff0bf;
}
body.pra-v154-product .pra-other-wrap {
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:10px;
}
body.pra-v154-product .pra-other-item {
  float:none;
  width:auto;
  margin:0;
}
body.pra-v154-product .pra-other-img {
  width:100%;
  height:auto;
  aspect-ratio:1/1;
}
body.pra-v154-product .pra-footer-cell { color:#d8c09a; }

/* shop index readability */
body.pra-v154-shop .shop-shell {
  background:#24140d;
}
body.pra-v154-shop .shop-menu {
  background:#3a2418;
}
body.pra-v154-shop .shop-menu-table > tbody > tr > td,
body.pra-v154-shop .shop-menu a,
body.pra-v154-shop .shop-search-label {
  color:#f4e5c4!important;
}
body.pra-v154-shop .shop-search-input {
  min-height:36px;
  font-size:14px;
  border-radius:8px;
}
body.pra-v154-shop .shop-search-btn {
  min-height:36px;
  font-size:14px;
}
body.pra-v154-shop .shop-section-tab { color:#ffe3a0; }
body.pra-v154-shop .shop-product-name,
body.pra-v154-shop .shop-all-name,
body.pra-v154-shop .shop-hot-name { color:#fff7e6; font-size:13px; line-height:1.45; }
body.pra-v154-shop .shop-product-meta,
body.pra-v154-shop .shop-all-meta,
body.pra-v154-shop .shop-hot-meta { color:#efd4a2; }

/* mobile / tablet */
@media (max-width:900px) {
  .pra-shops-lang-bar { width:100%; margin:0; border-left:0; border-right:0; }
  body.pra-v154-product .pra-page-shell { border-left:0; border-right:0; }
  body.pra-v154-product .pra-nav-cell > table,
  body.pra-v154-product .pra-nav-cell > table > tbody,
  body.pra-v154-product .pra-nav-cell > table > tbody > tr {
    display:block; width:100%!important;
  }
  body.pra-v154-product .pra-nav-cell > table > tbody > tr {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  body.pra-v154-product .pra-nav-cell > table > tbody > tr > td {
    display:block;
    width:100%!important;
    min-width:0;
    text-align:center!important;
  }
  body.pra-v154-product .pra-nav-cell > table > tbody > tr > td:last-child {
    grid-column:1/-1;
  }
  body.pra-v154-product .pra-nav-cell form table,
  body.pra-v154-product .pra-nav-cell form tbody { display:block; width:100%!important; }
  body.pra-v154-product .pra-nav-cell form tr {
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    align-items:center;
  }
  body.pra-v154-product .pra-nav-cell form td {
    display:block;
    width:auto!important;
    padding:0!important;
  }
  body.pra-v154-product .pra-nav-cell form td:first-child {
    grid-column:1/-1;
    text-align:left!important;
  }
  body.pra-v154-product .pra-nav-cell form td:nth-child(2) input {
    width:100%; min-width:0;
  }
  body.pra-v154-product .pra-share-bar table,
  body.pra-v154-product .pra-share-bar tbody,
  body.pra-v154-product .pra-share-bar tr,
  body.pra-v154-product .pra-share-bar td {
    display:block; width:100%!important; text-align:left!important;
  }
  body.pra-v154-product .pra-share-bar td[align="right"] { padding-top:8px; }
  body.pra-v154-product .pra-product-title { padding-inline:16px; }
  body.pra-v154-product .pra-other-wrap { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  body.pra-v154-product .pra-product-title { font-size:24px; }
  body.pra-v154-product .pra-product-subtitle,
  body.pra-v154-product .pra-image-panel,
  body.pra-v154-product .pra-detail-table,
  body.pra-v154-product .pra-warning-box,
  body.pra-v154-product .pra-message-card,
  body.pra-v154-product .pra-vote-card,
  body.pra-v154-product .pra-comment-card,
  body.pra-v154-product .pra-other-card,
  body.pra-v154-product .pra-alert-error,
  body.pra-v154-product .pra-alert-success,
  body.pra-v154-product .pra-empty-box { width:calc(100% - 18px); }
  body.pra-v154-product .pra-product-subtitle,
  body.pra-v154-product .pra-card-body,
  body.pra-v154-product .pra-assist-box { font-size:14px; }
  body.pra-v154-product .pra-detail-table,
  body.pra-v154-product .pra-detail-table tbody,
  body.pra-v154-product .pra-detail-table tr,
  body.pra-v154-product .pra-detail-table td {
    display:block; width:100%!important;
  }
  body.pra-v154-product .pra-detail-label {
    border-right:0;
    border-bottom:1px solid #d1aa59;
    text-align:left;
    width:auto;
    padding-bottom:8px;
  }
  body.pra-v154-product .pra-detail-value { padding-top:8px; }
  body.pra-v154-product .pra-vote-form-table,
  body.pra-v154-product .pra-vote-form-table tbody,
  body.pra-v154-product .pra-vote-form-table tr,
  body.pra-v154-product .pra-vote-form-table td,
  body.pra-v154-product .pra-message-grid,
  body.pra-v154-product .pra-message-grid tbody,
  body.pra-v154-product .pra-message-grid tr,
  body.pra-v154-product .pra-message-grid td,
  body.pra-v154-product .pra-comment-result,
  body.pra-v154-product .pra-comment-result tbody,
  body.pra-v154-product .pra-comment-result tr,
  body.pra-v154-product .pra-comment-result td {
    display:block; width:100%!important;
  }
  body.pra-v154-product .pra-comment-result .label,
  body.pra-v154-product .pra-comment-result .colon {
    width:auto; text-align:left;
  }
  body.pra-v154-product .pra-comment-result .colon { display:none; }
  body.pra-v154-product .score-track { height:28px; }
  body.pra-v154-product .score-fill { height:28px; line-height:28px; }
  body.pra-v154-product .pra-other-wrap { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; }
  body.pra-v154-shop .shop-menu-table > tbody > tr { gap:8px; }
  body.pra-v154-shop .shop-menu-table > tbody > tr > td { flex:1 1 46%; }
}
@media (max-width:420px) {
  body.pra-v154-product .pra-nav-cell > table > tbody > tr { grid-template-columns:1fr; }
  body.pra-v154-product .pra-nav-link { width:100%; }
  body.pra-v154-product .pra-nav-cell form tr { grid-template-columns:1fr; }
  body.pra-v154-product .pra-other-wrap { grid-template-columns:1fr 1fr; gap:8px; }
  body.pra-v154-product .pra-card-title { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  body.pra-v154-product .pra-btn,
  body.pra-v154-product .pra-nav-link { transition:none!important; }
}