#phoneCatalog{max-width:1920px;margin:22px auto 28px;padding-inline:clamp(4px,1vw,14px);box-sizing:border-box}
#phoneCatalog[hidden]{display:none!important}
.phone-catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:98%;margin:0 auto 12px;color:#e1d8c8}
.phone-catalog-toolbar label{display:flex;align-items:center;gap:12px;min-width:0;font-size:clamp(14px,1.25vw,18px)}
.phone-catalog-toolbar label>span{flex:none;white-space:nowrap}
#phoneCatalogSearch{box-sizing:border-box;min-width:0;flex:1;width:100%;min-height:44px;padding:9px 13px;border:1px solid #897249;border-radius:9px;background:#141414;color:#fff;font:inherit}
#phoneCatalogSearch:focus-visible{outline:2px solid #f3cf76;outline-offset:2px}
#phoneCatalogStatus{display:flex;align-items:baseline;justify-content:center;gap:6px;min-width:84px;min-height:44px;padding:4px 12px;margin:0;border:1px solid #a78a4e;border-radius:9px;background:#242017;color:#ead7ad;font-size:14px;box-sizing:border-box;white-space:nowrap}
.phone-count-number{font:700 28px/1.2 'Prompt',sans-serif;color:#ffe3a1;font-variant-numeric:tabular-nums}

/* One compact row: number, network/paid, description, score, price/sale. */
#phoneCatalogGrid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}
.phone-card{--phone-logo-size:clamp(58px,5.2cqi,76px);box-sizing:border-box;min-width:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.1fr) minmax(0,1.5fr);align-items:center;column-gap:clamp(12px,1.5cqi,25px);row-gap:5px;padding:clamp(10px,1cqi,15px) clamp(14px,1.6cqi,26px);border:1px solid #8f713c;border-radius:12px;background:linear-gradient(110deg,#25221b,#171717 56%,#1c1913);color:#f8f3e9;box-shadow:0 5px 16px #0004;text-align:left;container-type:inline-size;transition:border-color .2s,box-shadow .2s}
.phone-card:hover{border-color:#e2bd6a;box-shadow:0 5px 20px #0005,0 0 0 1px #d9b15d18}
.phone-card>*{min-width:0}
.phone-card-number{grid-column:1;grid-row:1;margin:0;padding:0;border:0;background:none;box-shadow:none;font-family:'Prompt',sans-serif;font-size:var(--phone-number-size,clamp(27px,3.2cqi,46px));font-weight:600;line-height:1.2;letter-spacing:.005em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff7e5;text-align:left}
.phone-number-line{display:inline-block;width:max-content;max-width:none;white-space:pre;font-size:inherit;line-height:inherit}
.phone-digits-prefix{color:#78e7de;font-weight:780;text-shadow:0 1px 8px #45cfcc65}
.phone-digits-middle-789{color:#ff8eb3;font-weight:800;text-shadow:0 1px 8px #ff5f8e70}
.phone-digits-middle-289{color:#92cdff;font-weight:800;text-shadow:0 1px 8px #60adf775}
.phone-digits-middle-639{color:#c2e97d;font-weight:800;text-shadow:0 1px 8px #a7d45d70}
.phone-digits-three{color:#ffb697;font-weight:800;-webkit-text-stroke:.45px #74411d;text-shadow:0 1px 6px #f28f5f70,0 0 1px #fff2d0}
.phone-digits-four{color:#ffe17b;font-weight:850;-webkit-text-stroke:.65px #784519;text-shadow:0 1px 8px #dfad3575,0 0 1px #fff1c7}
.phone-card-meta{grid-column:2;grid-row:1;display:grid;grid-template-columns:var(--phone-logo-size) minmax(0,1fr);align-items:center;column-gap:clamp(7px,.8cqi,13px);margin:0;font-size:clamp(13px,1.3cqi,18px);line-height:1.35;color:#e7dfd2}
.phone-card-network-group{display:contents}
.phone-network{grid-column:1;display:flex;align-items:center;line-height:0;min-width:0}
.phone-network img{box-sizing:border-box;display:block;width:100%;height:auto;aspect-ratio:3/2;padding:0;border:1px solid #dab763;border-radius:7px;background:#fff;object-fit:cover}
.phone-network-text{grid-column:1;color:#ffe3a0;font-weight:700;overflow-wrap:anywhere}
.phone-sim-type{grid-column:2;white-space:nowrap}
.phone-card-description-column{grid-column:3;grid-row:1;min-width:0;font-size:var(--phone-description-size,clamp(13px,1.4cqi,19px));line-height:1.4}
.phone-card-description{display:inline-block;margin:0;color:#ead6ac;font-size:inherit;line-height:inherit;white-space:nowrap}
.phone-card-bottomline{display:contents}
.phone-card-score{grid-column:4;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:.4em;min-width:0;font-size:var(--phone-score-size,clamp(13px,1.4cqi,19px));line-height:1.4;color:#e8dcc5}
.phone-card-score>*{flex:none}
.phone-card-sum{white-space:nowrap}
.phone-sum-value{font-weight:750;color:#fff0c5}
.phone-sum-good{color:#ffe18a}
.phone-card-stars{font:1.18em/1.2 Arial,sans-serif;letter-spacing:.025em;color:#ffd773;white-space:nowrap}
.phone-half-star{display:inline-block;background:linear-gradient(90deg,#ffd773 50%,#655743 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.phone-score-good .phone-sum-label{color:#f4dfb6}
.phone-score-good .phone-card-stars{color:#ffdc85;filter:drop-shadow(0 1px 2px #cb8b252d)}
.phone-card-price-group{grid-column:5;grid-row:1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:.28em;min-width:0;font-size:var(--phone-price-size,clamp(24px,2.5cqi,35px));line-height:1.2}
.phone-card-price{display:inline-flex;align-items:center;gap:.16em;flex:none;min-width:0;margin:0;padding:0;border:0;font-size:inherit;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#ffdc86;white-space:nowrap}
.phone-baht-symbol{display:block;flex:none;width:auto;height:1em;max-width:none;object-fit:contain;border-radius:.12em}
.phone-price-value{min-width:0;font-variant-numeric:tabular-nums}
.phone-sale{display:inline-flex;align-items:center;flex:none;box-sizing:border-box;padding:.25em .5em;border:1px solid #f75a6b70;border-radius:4px;background:linear-gradient(135deg,#d62e40,#a3182b);box-shadow:0 2px 6px #65001140;color:#fff;font-size:.43em;font-weight:650;line-height:1.4;letter-spacing:.015em;white-space:nowrap}
.phone-price-inquiry{font-size:.65em}
.phone-card-verified{grid-column:1/-1;margin:0;padding:0;color:#c9bea9;font-size:clamp(12px,1.2cqi,15px);line-height:1.4;overflow-wrap:anywhere}

/* Tablet: number and price first; network, description and score below. */
@media(max-width:1023px){
  .phone-card{--phone-logo-size:64px;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:9px 18px;padding:12px 16px}
  .phone-card-number{grid-column:1/3;grid-row:1;font-size:var(--phone-number-size,clamp(29px,4.6cqi,44px))}
  .phone-card-price-group{grid-column:3;grid-row:1;justify-self:stretch;flex-wrap:wrap;gap:4px 7px;font-size:clamp(23px,3.8cqi,30px)}
  .phone-card-meta{grid-column:1;grid-row:2;font-size:clamp(13px,2.1cqi,17px)}
  .phone-card-description-column{grid-column:2;grid-row:2;font-size:clamp(13px,2.1cqi,17px)}
  .phone-card-description{white-space:normal;overflow-wrap:anywhere}
  .phone-card-score{grid-column:3;grid-row:2;flex-wrap:wrap;font-size:clamp(14px,2.4cqi,19px);gap:2px 7px}
  .phone-card-stars{font-size:1.15em}
  .phone-sale{font-size:11px}
}
@media(max-width:560px){
  #bersuay .bersuay-title{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
  #phoneCatalog{padding-inline:0;margin-block:15px 20px}
  .phone-catalog-toolbar{gap:8px;margin-bottom:10px}
  .phone-catalog-toolbar label{display:block;font-size:14px}
  .phone-catalog-toolbar label>span{display:block;margin-bottom:5px}
  #phoneCatalogSearch{padding:8px 10px;min-height:42px}
  #phoneCatalogStatus{align-self:end;min-width:65px;min-height:42px;padding-inline:8px;font-size:12px}
  .phone-count-number{font-size:25px}
  #phoneCatalogGrid{gap:9px}
  .phone-card{--phone-logo-size:56px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:7px 12px;padding:11px 12px;border-radius:10px}
  .phone-card-number{grid-column:1/-1;grid-row:1;font-size:var(--phone-number-size,clamp(28px,10cqi,43px));line-height:1.16}
  .phone-card-meta{grid-column:1;grid-row:2;column-gap:7px;font-size:13px}
  .phone-card-description-column{grid-column:1;grid-row:3;align-self:start;font-size:clamp(12px,3.7cqi,15px)}
  .phone-card-score{grid-column:2;grid-row:2;gap:2px 6px;font-size:clamp(13px,4.2cqi,16px)}
  .phone-card-stars{font-size:1.15em;letter-spacing:.01em}
  .phone-card-price-group{grid-column:2;grid-row:3;align-self:start;gap:3px 6px;font-size:clamp(21px,6.6cqi,28px)}
  .phone-sale{font-size:10px;padding-inline:4px}
}
.phone-backhome-wrap{box-sizing:border-box;width:95%;max-width:95vw;margin:10px auto 0;text-align:right}
.phone-backhome{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 11px;border:1px solid #a88a49;border-radius:7px;background:linear-gradient(120deg,#302716,#19150f);box-shadow:0 2px 7px #0003;color:#f4d686;font:500 clamp(12px,1.1vw,14px)/1.3 'Prompt',sans-serif;text-decoration:none}
.phone-backhome:hover,.phone-backhome:focus-visible{border-color:#e4c16e;background:#40321b;color:#fff0bc;outline:2px solid #ddba6550;outline-offset:2px}
@media(min-width:769px){.phone-backhome-wrap{width:75vw;max-width:1200px}}
@media(prefers-reduced-motion:reduce){.phone-card{transition:none}}

/* Existing links in the plate Admin and mobile navigation. */
#admin-view #mainContainer .header-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;max-width:100%;position:static!important}
#admin-view #mainContainer .header-actions>.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;height:42px;margin:0!important;padding:7px 12px;white-space:nowrap;line-height:1.2;font-size:clamp(.78rem,1.2vw,1rem)}
#admin-view .maha-admin-switch{border:1px solid #d6b46b;background:#302819;color:#ffe3a0}
#admin-view #mainContainer>h1{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:600px){#admin-view #mainContainer .header-actions{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important}#admin-view #mainContainer .header-actions>.btn{padding-inline:5px;min-width:0;font-size:.78rem}#admin-view #mainContainer .header-actions>.btn .hide-on-mobile{display:inline!important}}
.maha-mobile-sale-menu a.maha-phone-nav{display:block;margin-top:6px;padding:8px 12px;border:1px solid #bfa24d;border-radius:6px;background:#292315;color:#f4d386;font:600 .92rem Kanit,sans-serif;text-align:center;text-decoration:none;white-space:nowrap}
.maha-mobile-sale-menu a.maha-phone-nav:hover,.maha-mobile-sale-menu a.maha-phone-nav:focus-visible{background:#47381c;color:#fff;outline:2px solid #d4af37;outline-offset:2px}