/* ITONARU PC R5.2 DOM-adapted overlay
 * Scope: draft-only visual alignment. No image replacement here.
 * Fresh DOM basis: 2026-09-22.
 */
:root{
  --itn-pc-shell:1720px;
  --itn-pc-rail:1600px;
}

@media (min-width:1181px){
  body.itn-trace .itx-site,
  body.focus-site.fb16.itx-unified-page .itx-unified-site{
    width:min(var(--itn-pc-shell),calc(100vw - 32px))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  body.itn-trace .itx-header,
  body.itn-trace .itx-hero,
  body.itn-trace .itx-duo,
  body.itn-trace .itx-shelf,
  body.itn-trace .itx-guides,
  body.itn-trace .itx-brand-band,
  body.itn-trace .itx-footer{
    width:min(var(--itn-pc-rail),calc(100% - 80px))!important;
    max-width:var(--itn-pc-rail)!important;
    margin-inline:auto!important;
  }

  body.itn-trace .itx-hero-copy,
  body.itn-trace .itx-hero .itx-hero-photo{
    width:min(calc(var(--itn-pc-rail) / 2 - 20px),calc(50% - 20px))!important;
  }

  body.itn-trace .itx-category-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:16px!important;
  }

  body.itn-trace .itx-product-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:16px!important;
  }

  body.focus-site.fb16.itx-unified-page .itx-unified-header,
  body.focus-site.fb16.itx-unified-page .itx-unified-guides,
  body.focus-site.fb16.itx-unified-page .itx-unified-brandstrip,
  body.focus-site.fb16.itx-unified-page .itx-unified-footer{
    width:min(var(--itn-pc-rail),calc(100% - 80px))!important;
    max-width:var(--itn-pc-rail)!important;
    margin-inline:auto!important;
  }

  body.focus-site.fb16.itx-unified-page .fb-page{
    width:min(var(--itn-pc-rail),calc(100% - 80px))!important;
    max-width:var(--itn-pc-rail)!important;
    margin-inline:auto!important;
  }
}

/* Paid catalog: current fresh DOM only. Keep D1/P08 as equal horizontal cards on PC. */
body.focus-site.fb16 .fb-paid-products{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:20px!important;
  align-items:stretch!important;
}

body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
  align-items:stretch!important;
  overflow:hidden!important;
  width:100%!important;
}

body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-product-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-product-body{
  display:flex!important;
  height:100%!important;
  min-width:0!important;
  flex-direction:column!important;
}

@media (min-width:1181px){
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
  }
}

@media (min-width:901px){
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card h3{
    min-height:3.2em!important;
  }
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-lead{
    min-height:4.5em!important;
  }
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-env{
    min-height:2.8em!important;
  }
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-bottom{
    margin-top:auto!important;
  }
}

@media (max-width:900px){
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-product-image{
    aspect-ratio:16/10!important;
    height:auto!important;
  }
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card h3,
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-lead,
  body.focus-site.fb16 .fb-paid-products>.fb-paid-product-card .fb-paid-env{
    min-height:0!important;
  }
}