/* Round 6 — full-site consistency and QA */
:root{
  --qa-page-x:clamp(10px,3vw,18px);
  --qa-gap:10px;
  --qa-card-radius:16px;
  --qa-control-h:44px;
  --qa-nav-clearance:96px;
}
html{background:#090806;color-scheme:dark}
body{min-width:320px;overflow-x:hidden}
.content{padding:12px var(--qa-page-x) var(--qa-nav-clearance)!important}
.content>section{width:min(100%,1180px);margin-inline:auto}
.hidden{display:none!important}

/* Universal readable type */
.content h1,.content h2,.content h3,.sectionTitle,.serviceSectionTitle,
[class*="Title"],[class*="Head"] strong{color:#f8f0d8!important}
.content p,.content small,.content .s,.content [class*="Sub"],.content [class*="Meta"]{color:#b8ad91!important}
.content strong,.content b,.content label,.content .k{color:#eee2bd}

/* One consistent surface language */
.content article,.content .card,.content [class*="Card"],.content [class*="Panel"],
.content [class*="Tile"],.content [class*="Row"]{
  border-radius:var(--qa-card-radius)!important;
  border-color:rgba(212,175,55,.18)!important;
}
.content [class*="Grid"]{gap:var(--qa-gap)!important}

/* Consistent controls and focus */
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
.content input,.content select,.content textarea{
  min-height:var(--qa-control-h);
  color:#f7edcf!important;
  background:#100e09!important;
  border:1px solid rgba(212,175,55,.24)!important;
  border-radius:12px!important;
}
.content textarea{min-height:88px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #f3d46b!important;outline-offset:2px!important;
}

/* Compact header actions */
.topbar{min-height:62px!important;padding-inline:10px!important}
.topbar .iconbtn{width:46px!important;height:46px!important;border-radius:13px!important}
.topbar .actions{gap:6px!important}

/* Main hub consistency */
#viewMain{gap:12px!important}
#viewMain .hubTop{gap:8px!important}
#viewMain .hubTile{min-height:78px!important;padding:11px 12px!important;border-radius:16px!important}
.hubModulesHead{margin:2px 0 0!important}
.hubModulesHint{display:none!important}
.hubModuleGrid{gap:6px!important}
.hubModuleTile{min-height:66px!important;padding:5px 2px!important;gap:3px!important;border-radius:14px!important}
.hubModuleIcon{width:40px!important;height:40px!important;padding:0!important;border:0!important;background:transparent!important}
.hubModuleIcon img{width:100%!important;height:100%!important;object-fit:contain!important}

/* Shop and category consistency */
#viewCategories .gridCat,#viewSubcats .gridCat{gap:6px!important}
#viewCategories .tile,#viewSubcats .tile{min-height:66px!important;padding:5px 3px!important;border-radius:14px!important}
#viewCategories .tile .img,#viewSubcats .tile .img{height:38px!important;border-radius:10px!important;padding:0!important}
#viewCategories .tile .label,#viewSubcats .tile .label{font-size:10px!important;line-height:1.15!important;margin-top:5px!important}
.gridProd{align-items:stretch!important}
.pcard{height:100%!important;display:flex!important;flex-direction:column!important;padding:9px!important;border-radius:16px!important}
.pimg{aspect-ratio:1/1!important;height:auto!important;border-radius:12px!important}
.pname{color:#f5ecd2!important;min-height:2.4em!important;font-size:13px!important}
.pprice{color:#f3d46b!important}
.pmeta{color:#a99f86!important}

/* Module action bars */
.moduleBottomBar{min-height:68px!important;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}
.moduleBottomBar button{min-height:52px!important;border-radius:13px!important}
.moduleBottomBar img,.moduleBottomBar svg{width:22px!important;height:22px!important}
.moduleBottomBar span{font-size:10px!important}

/* Avoid clipped content */
.content img{max-width:100%}
.content [class*="List"],.content [class*="Grid"]{min-width:0}
.content article,.content button,.content div{min-width:0}

@media(max-width:390px){
  :root{--qa-page-x:8px;--qa-gap:7px}
  .topbar .iconbtn{width:42px!important;height:42px!important}
  .hubModuleGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .hubModuleTile{min-height:62px!important;font-size:9px!important}
  .hubModuleIcon{width:36px!important;height:36px!important}
  #viewCategories .gridCat,#viewSubcats .gridCat{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .gridProd{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .pcard{padding:7px!important}
}
@media(min-width:391px) and (max-width:700px){
  .gridProd{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:701px){
  .content{padding-top:16px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}