/* RFTools Myanmar V48 — unified product card system
   Drive Test Phone cards are the visual master. Metadata remains category-specific. */
:root{--rf-card-min-height:455px;--rf-image-height:250px}
.product-grid,.phone-grid,.workflow-software-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.product-card,.phone-card,.workflow-card,.workflow-software-card{
  min-height:var(--rf-card-min-height)!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  border:1px solid var(--line,#e4eaf2)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 5px 18px rgba(20,32,51,.035)!important;
}
.product-card>img,.phone-image,.workflow-card img,.workflow-software-card img{
  width:100%!important;
  height:var(--rf-image-height)!important;
  min-height:var(--rf-image-height)!important;
  max-height:var(--rf-image-height)!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8fafc!important;
  border-bottom:1px solid var(--line,#e4eaf2)!important;
  padding:16px!important;
}
.product-card .pc-top,.phone-body,.workflow-card-content,.workflow-software-card>div:last-child{
  flex:1 1 auto!important;
  padding:17px!important;
  display:flex!important;
  flex-direction:column!important;
}
.pc-brand,.phone-brand{
  min-height:17px;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  color:var(--blue,#1769e0)!important;
  font-weight:900!important;
}
.pc-name,.phone-name{
  min-height:47px;
  font-size:18px!important;
  line-height:1.3!important;
  font-weight:800!important;
  margin:7px 0!important;
}
.pc-model,.phone-model{
  min-height:42px!important;
  font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  color:#66758a!important;
}
.product-price,.phone-price{
  min-height:45px;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:auto!important;
}
.sale-now,.phone-price b,.product-price b{font-size:22px!important;font-weight:900!important;color:var(--ink,#142033)!important}
.old-price,.phone-price s,.product-price s{font-size:13px!important;color:#8190a3!important;text-decoration:line-through!important}
.sale-pill{font-size:11px!important;font-weight:900!important;padding:5px 8px!important;border-radius:999px!important;background:#eef5ff!important;color:var(--blue,#1769e0)!important}
.pc-actions,.phone-actions{
  margin-top:auto!important;
  padding:0 17px 17px!important;
  display:flex!important;
  gap:9px!important;
}
.pc-actions .btn,.phone-actions a{
  flex:1!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 7px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:850!important;
  text-align:center!important;
}
.workflow-card img,.workflow-software-card img{height:210px!important;min-height:210px!important;max-height:210px!important}
.rf-duplicate-doc{display:none!important}
@media(max-width:1180px){
 .product-grid,.phone-grid,.workflow-software-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
 .product-grid,.phone-grid,.workflow-software-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 :root{--rf-image-height:225px}
}
@media(max-width:560px){
 .product-grid,.phone-grid,.workflow-software-grid{grid-template-columns:1fr!important}
 .product-card,.phone-card,.workflow-card,.workflow-software-card{min-height:auto!important}
 :root{--rf-image-height:240px}
}


/* V51 FINAL — homepage sales-card parity + typography polish */
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.001em}
.site-header,.section,.site-footer{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.section-head h2,.page-hero h1,.home-hero h1,.phone-name,.pc-name{letter-spacing:-.02em}
.phone-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.phone-card:hover{transform:translateY(-3px);border-color:#b8cbe5}
.phone-card .phone-body{gap:0}
.phone-card .phone-model{margin-bottom:4px}
.phone-card .pill{align-self:flex-start;margin-top:2px}
.phone-card .phone-actions{padding-top:0}
.phone-actions a:first-child{background:#fff;color:var(--rf-blue,#1769e0);border-color:#cbd8e8}
.phone-actions a:last-child{background:linear-gradient(135deg,#1769e0,#0e4ea8);border-color:#1769e0;color:#fff}
.phone-actions a:hover{filter:brightness(.98)}
.home-sales-note{display:inline-flex;align-items:center;margin-top:10px;padding:7px 11px;border:1px solid #ffd7d0;border-radius:8px;background:#fff7f5;color:#bd2a1e;font-size:11.5px;font-weight:800;line-height:1.35}
/* Homepage now uses the exact Drive Test Phone sales card fields: price, previous price, -$150 and 5G NR. */
.home-sales-note + .phone-grid{margin-top:0}
@media(min-width:981px){
  .home-sales-note{font-size:12px}
}
@media(max-width:700px){
  .home-sales-note{font-size:11px;padding:7px 9px}
}

/* V52 SEO content section */
.seo-coverage{padding:28px 0 34px}.seo-coverage h2{margin:0 0 8px;font-size:22px;letter-spacing:-.01em}.seo-coverage p{max-width:980px;margin:0;color:var(--muted,#607089);line-height:1.7}

/* V54 — one shared Real-World Usage & Workflow section for every product detail page */
.rf-workflow-unified{margin:28px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.rf-workflow-unified>h2{margin:0 0 14px!important;font-size:24px!important;line-height:1.2!important;color:#142f4c!important;letter-spacing:-.02em!important}
.rf-workflow-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.rf-workflow-grid .workflow-card{display:flex!important;flex-direction:column!important;min-height:408px!important;border:1px solid #d8e1ec!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 22px rgba(25,52,86,.05)!important}
.rf-workflow-grid .workflow-card img{display:block!important;width:100%!important;height:190px!important;min-height:190px!important;max-height:190px!important;object-fit:contain!important;object-position:center!important;background:#f8fafc!important;border-bottom:1px solid #dce4ee!important;padding:10px!important}
.rf-workflow-grid .workflow-card .copy{display:flex!important;flex:1!important;flex-direction:column!important;padding:14px!important}
.rf-workflow-grid .workflow-card b{font-size:14px!important;line-height:1.3!important;color:#193654!important}
.rf-workflow-grid .workflow-card p{margin:8px 0 0!important;font-size:12px!important;line-height:1.55!important;color:#5e7087!important}
@media(max-width:1180px){.rf-workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.rf-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rf-workflow-grid .workflow-card{min-height:360px!important}}
@media(max-width:560px){.rf-workflow-grid{grid-template-columns:1fr!important}.rf-workflow-grid .workflow-card{min-height:auto!important}.rf-workflow-grid .workflow-card img{height:210px!important;min-height:210px!important;max-height:210px!important}}

/* V56 Myanmar CEIR and calibration updates */
.ceir-status{display:inline-flex;align-items:center;justify-content:center;margin:8px 0 0;padding:7px 10px;border:1px solid rgba(34,139,34,.28);border-radius:999px;font-size:.82rem;font-weight:700;line-height:1.25;text-align:center}.ceir-info,.calibration-addon{margin-top:28px}.calibration-addon h3{margin:0 0 8px}.product-card .ceir-status{min-height:34px}@media(max-width:640px){.ceir-status{font-size:.76rem;width:100%;border-radius:10px}}


/* V57 — final responsive calibration: phone, tablet, laptop and desktop */
html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
img,video,iframe,svg,canvas{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%;font:inherit}
.wrap,.rfp-wrap{width:100%;margin-left:auto;margin-right:auto}
.product-card,.phone-card,.workflow-card,.workflow-software-card,.rfp-work{min-width:0}
.product-card img,.phone-card img{max-width:100%;object-fit:contain}
.pc-actions,.phone-actions,.rfp-actions{flex-wrap:wrap}
.pc-actions .btn,.phone-actions a,.rfp-action{min-height:44px}

/* Large desktop and laptop: keep content comfortably readable without over-expanding. */
@media (min-width:1441px){
  .wrap{max-width:1440px}
  .rfp-wrap{max-width:1360px}
}
@media (max-width:1280px){
  .wrap{padding-left:24px;padding-right:24px}
  .rfp-wrap{padding-left:24px;padding-right:24px}
}

/* Laptop/tablet landscape */
@media (max-width:1024px){
  .detail-hero,.rfp-hero{grid-template-columns:1fr!important}
  .detail-hero .gallery-main,.detail-hero .gallery-main img,.rfp-main{max-height:430px!important}
  .detail-hero .gallery-main,.rfp-main{height:min(430px,58vw)!important}
  .quickfacts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-grid,.phone-grid{gap:16px!important}
}

/* Tablet portrait */
@media (max-width:820px){
  .wrap,.rfp-wrap{padding-left:18px!important;padding-right:18px!important}
  .page-hero h1,.rfp-title,.detail-title{font-size:clamp(28px,5vw,34px)!important}
  .product-grid,.phone-grid,.workflow-software-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-card>img{height:210px!important}
  .phone-image{height:220px!important;min-height:220px!important}
  .phone-image img{height:210px!important}
  .rf-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Large phones */
@media (max-width:600px){
  .wrap,.rfp-wrap{padding-left:16px!important;padding-right:16px!important}
  .topbar-inner,.headrow{padding-left:16px!important;padding-right:16px!important}
  .page-hero h1,.rfp-title,.detail-title{font-size:clamp(26px,8vw,31px)!important}
  .product-grid,.phone-grid,.workflow-software-grid{grid-template-columns:1fr!important}
  .product-card>img{height:240px!important}
  .phone-image{height:250px!important;min-height:250px!important}
  .phone-image img{height:235px!important}
  .pc-actions,.phone-actions,.rfp-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .quickfacts{grid-template-columns:1fr!important}
  .rf-workflow-grid{grid-template-columns:1fr!important}
  .rfp-main,.detail-hero .gallery-main,.detail-hero .gallery-main img{height:min(78vw,390px)!important;min-height:0!important}
}

/* Small phones: preserve readable type and touch targets. */
@media (max-width:420px){
  html{font-size:15px}
  .wrap,.rfp-wrap{padding-left:14px!important;padding-right:14px!important}
  .pc-actions,.phone-actions,.rfp-actions{grid-template-columns:1fr!important}
  .product-card>img{height:220px!important}
  .phone-image{height:235px!important;min-height:235px!important}
  .phone-image img{height:220px!important}
  .sale-now,.phone-price b,.product-price b{font-size:21px!important}
  .rfp-title,.detail-title{font-size:27px!important}
}

/* Accessibility and interaction calibration. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,105,224,.35);outline-offset:2px}
@media (hover:none){.phone-card:hover,.product-card:hover,.workflow-card:hover{transform:none!important}}