/*!
 * legacy-grid.css — minimal grid + visibility subset needed by gremsy.com legacy product
 * onepages migrated into G-NEXUS (.com). Extracted from the old site's bootstrap.min.css
 * (Bootstrap 3 float grid) + style.css (Materialize-style 12-col grid + visibility helpers).
 *
 * EVERY selector is scoped under `.legacy-onepage` so it CANNOT collide with the site-wide
 * Tailwind utilities/preflight — these rules only match inside a rendered legacy onepage.
 * The per-product `#ID`-scoped CSS (shipped separately) provides all section styling; this
 * file only supplies the un-namespaced grid/visibility scaffolding those pages depend on.
 *
 * SOURCE OF TRUTH: resources/onepages/_shared/ — `com:scrape-onepages` copies it into
 * public/assets/com/onepages/_shared/. Edit here, not in public/.
 */

.legacy-onepage,
.legacy-onepage * { box-sizing: border-box; }

.legacy-onepage img { max-width: 100%; height: auto; }

/* ---- Bootstrap 3 container + row ---- */
.legacy-onepage .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
@media (min-width: 768px)  { .legacy-onepage .container { max-width: 750px; } }
@media (min-width: 992px)  { .legacy-onepage .container { max-width: 970px; } }
@media (min-width: 1200px) { .legacy-onepage .container { max-width: 1170px; } }
.legacy-onepage .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin: 0 auto; }

.legacy-onepage .row { margin-right: -15px; margin-left: -15px; }
.legacy-onepage .row:before,
.legacy-onepage .row:after,
.legacy-onepage .clearfix:before,
.legacy-onepage .clearfix:after { content: " "; display: table; }
.legacy-onepage .row:after,
.legacy-onepage .clearfix:after { clear: both; }

/* ---- Bootstrap 3 columns ---- */
.legacy-onepage [class*="col-"] { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.legacy-onepage [class*="col-xs-"] { float: left; }
.legacy-onepage .col-xs-1{width:8.33333%}.legacy-onepage .col-xs-2{width:16.66667%}.legacy-onepage .col-xs-3{width:25%}
.legacy-onepage .col-xs-4{width:33.33333%}.legacy-onepage .col-xs-5{width:41.66667%}.legacy-onepage .col-xs-6{width:50%}
.legacy-onepage .col-xs-7{width:58.33333%}.legacy-onepage .col-xs-8{width:66.66667%}.legacy-onepage .col-xs-9{width:75%}
.legacy-onepage .col-xs-10{width:83.33333%}.legacy-onepage .col-xs-11{width:91.66667%}.legacy-onepage .col-xs-12{width:100%}

@media (min-width: 768px) {
  .legacy-onepage [class*="col-sm-"] { float: left; }
  .legacy-onepage .col-sm-1{width:8.33333%}.legacy-onepage .col-sm-2{width:16.66667%}.legacy-onepage .col-sm-3{width:25%}
  .legacy-onepage .col-sm-4{width:33.33333%}.legacy-onepage .col-sm-5{width:41.66667%}.legacy-onepage .col-sm-6{width:50%}
  .legacy-onepage .col-sm-7{width:58.33333%}.legacy-onepage .col-sm-8{width:66.66667%}.legacy-onepage .col-sm-9{width:75%}
  .legacy-onepage .col-sm-10{width:83.33333%}.legacy-onepage .col-sm-11{width:91.66667%}.legacy-onepage .col-sm-12{width:100%}
  .legacy-onepage .col-sm-offset-1{margin-left:8.33333%}.legacy-onepage .col-sm-offset-2{margin-left:16.66667%}
  .legacy-onepage .col-sm-offset-3{margin-left:25%}.legacy-onepage .col-sm-offset-6{margin-left:50%}
}
@media (min-width: 992px) {
  .legacy-onepage [class*="col-md-"] { float: left; }
  .legacy-onepage .col-md-1{width:8.33333%}.legacy-onepage .col-md-2{width:16.66667%}.legacy-onepage .col-md-3{width:25%}
  .legacy-onepage .col-md-4{width:33.33333%}.legacy-onepage .col-md-5{width:41.66667%}.legacy-onepage .col-md-6{width:50%}
  .legacy-onepage .col-md-7{width:58.33333%}.legacy-onepage .col-md-8{width:66.66667%}.legacy-onepage .col-md-9{width:75%}
  .legacy-onepage .col-md-10{width:83.33333%}.legacy-onepage .col-md-11{width:91.66667%}.legacy-onepage .col-md-12{width:100%}
  .legacy-onepage .col-md-offset-1{margin-left:8.33333%}.legacy-onepage .col-md-offset-2{margin-left:16.66667%}
  .legacy-onepage .col-md-offset-3{margin-left:25%}.legacy-onepage .col-md-offset-4{margin-left:33.33333%}
  .legacy-onepage .col-md-offset-6{margin-left:50%}
}
@media (min-width: 1200px) {
  .legacy-onepage [class*="col-lg-"] { float: left; }
  .legacy-onepage .col-lg-1{width:8.33333%}.legacy-onepage .col-lg-2{width:16.66667%}.legacy-onepage .col-lg-3{width:25%}
  .legacy-onepage .col-lg-4{width:33.33333%}.legacy-onepage .col-lg-5{width:41.66667%}.legacy-onepage .col-lg-6{width:50%}
  .legacy-onepage .col-lg-7{width:58.33333%}.legacy-onepage .col-lg-8{width:66.66667%}.legacy-onepage .col-lg-9{width:75%}
  .legacy-onepage .col-lg-10{width:83.33333%}.legacy-onepage .col-lg-11{width:91.66667%}.legacy-onepage .col-lg-12{width:100%}
  .legacy-onepage .col-lg-offset-1{margin-left:8.33333%}.legacy-onepage .col-lg-offset-6{margin-left:50%}
}

/* ---- Materialize-style 12-col grid (.col.sN.mN.lN + offsets) ---- */
.legacy-onepage .row .col { float: left; padding: 0 .75rem; min-height: 1px; }
.legacy-onepage .col.s1{width:8.3333%}.legacy-onepage .col.s2{width:16.6667%}.legacy-onepage .col.s3{width:25%}
.legacy-onepage .col.s4{width:33.3333%}.legacy-onepage .col.s5{width:41.6667%}.legacy-onepage .col.s6{width:50%}
.legacy-onepage .col.s7{width:58.3333%}.legacy-onepage .col.s8{width:66.6667%}.legacy-onepage .col.s9{width:75%}
.legacy-onepage .col.s10{width:83.3333%}.legacy-onepage .col.s11{width:91.6667%}.legacy-onepage .col.s12{width:100%}
.legacy-onepage .col.offset-s1{margin-left:8.3333%}.legacy-onepage .col.offset-s2{margin-left:16.6667%}
.legacy-onepage .col.offset-s3{margin-left:25%}
@media only screen and (min-width: 601px) {
  .legacy-onepage .col.m1{width:8.3333%}.legacy-onepage .col.m2{width:16.6667%}.legacy-onepage .col.m3{width:25%}
  .legacy-onepage .col.m4{width:33.3333%}.legacy-onepage .col.m5{width:41.6667%}.legacy-onepage .col.m6{width:50%}
  .legacy-onepage .col.m7{width:58.3333%}.legacy-onepage .col.m8{width:66.6667%}.legacy-onepage .col.m9{width:75%}
  .legacy-onepage .col.m10{width:83.3333%}.legacy-onepage .col.m11{width:91.6667%}.legacy-onepage .col.m12{width:100%}
  .legacy-onepage .col.offset-m1{margin-left:8.3333%}.legacy-onepage .col.offset-m2{margin-left:16.6667%}
  .legacy-onepage .col.offset-m3{margin-left:25%}.legacy-onepage .col.offset-m4{margin-left:33.3333%}
  .legacy-onepage .col.offset-m6{margin-left:50%}
}
@media only screen and (min-width: 993px) {
  .legacy-onepage .col.l1{width:8.3333%}.legacy-onepage .col.l2{width:16.6667%}.legacy-onepage .col.l3{width:25%}
  .legacy-onepage .col.l4{width:33.3333%}.legacy-onepage .col.l5{width:41.6667%}.legacy-onepage .col.l6{width:50%}
  .legacy-onepage .col.l7{width:58.3333%}.legacy-onepage .col.l8{width:66.6667%}.legacy-onepage .col.l9{width:75%}
  .legacy-onepage .col.l10{width:83.3333%}.legacy-onepage .col.l11{width:91.6667%}.legacy-onepage .col.l12{width:100%}
  .legacy-onepage .col.offset-l1{margin-left:8.3333%}.legacy-onepage .col.offset-l6{margin-left:50%}
}

/* ---- Materialize visibility helpers ---- */
@media only screen and (max-width: 600px)  { .legacy-onepage .hide-on-small-only,
                                              .legacy-onepage .hide-on-med-and-down { display: none !important; } }
@media only screen and (min-width: 601px) and (max-width: 992px) { .legacy-onepage .hide-on-med-only { display: none !important; } }
@media only screen and (max-width: 992px)  { .legacy-onepage .hide-on-med-and-down { display: none !important; } }
@media only screen and (min-width: 601px)  { .legacy-onepage .hide-on-med-and-up { display: none !important; } }
@media only screen and (min-width: 993px)  { .legacy-onepage .hide-on-large-only { display: none !important; } }

/* ---- Bootstrap 4/5 no-breakpoint columns (newer onepages: pixy-mr, orus-l...) ---- */
.legacy-onepage .col-1,.legacy-onepage .col-2,.legacy-onepage .col-3,.legacy-onepage .col-4,
.legacy-onepage .col-5,.legacy-onepage .col-6,.legacy-onepage .col-7,.legacy-onepage .col-8,
.legacy-onepage .col-9,.legacy-onepage .col-10,.legacy-onepage .col-11,.legacy-onepage .col-12 { float: left; }
.legacy-onepage .col-1{width:8.33333%}.legacy-onepage .col-2{width:16.66667%}.legacy-onepage .col-3{width:25%}
.legacy-onepage .col-4{width:33.33333%}.legacy-onepage .col-5{width:41.66667%}.legacy-onepage .col-6{width:50%}
.legacy-onepage .col-7{width:58.33333%}.legacy-onepage .col-8{width:66.66667%}.legacy-onepage .col-9{width:75%}
.legacy-onepage .col-10{width:83.33333%}.legacy-onepage .col-11{width:91.66667%}.legacy-onepage .col-12{width:100%}

/* ---- Bootstrap 4/5 display utilities (d-none/d-block responsive show-hide) ---- */
.legacy-onepage .d-none{display:none!important}.legacy-onepage .d-block{display:block!important}
.legacy-onepage .d-inline{display:inline!important}.legacy-onepage .d-inline-block{display:inline-block!important}
.legacy-onepage .d-flex{display:flex!important}
@media (min-width:576px){
  .legacy-onepage .d-sm-none{display:none!important}.legacy-onepage .d-sm-block{display:block!important}
  .legacy-onepage .d-sm-inline{display:inline!important}.legacy-onepage .d-sm-inline-block{display:inline-block!important}
  .legacy-onepage .d-sm-flex{display:flex!important}
}
@media (min-width:768px){
  .legacy-onepage .d-md-none{display:none!important}.legacy-onepage .d-md-block{display:block!important}
  .legacy-onepage .d-md-inline-block{display:inline-block!important}.legacy-onepage .d-md-flex{display:flex!important}
}
@media (min-width:992px){
  .legacy-onepage .d-lg-none{display:none!important}.legacy-onepage .d-lg-block{display:block!important}
  .legacy-onepage .d-lg-inline-block{display:inline-block!important}.legacy-onepage .d-lg-flex{display:flex!important}
}

/* ---- misc utilities used inside the onepages ---- */
.legacy-onepage .text-center,
.legacy-onepage .center-align { text-align: center; }
.legacy-onepage .left { float: left; }
.legacy-onepage .right { float: right; }
.legacy-onepage .hide { display: none !important; }
.legacy-onepage .page-wrap { position: relative; overflow: hidden; }
.legacy-onepage .bg-grey { background-color: #f5f5f5; }

/* ---- Modals from migrated onepages ---- */
/* Onepages ship empty Bootstrap modal stubs (#PreOrder, #TechnicalDoc — heading + text only,
   no form) with no Bootstrap CSS/JS, so they'd render inline as broken static blocks. Hide
   them; their BUY NOW / DOWNLOAD triggers are wired to the native .com lead-capture modal
   (resources/views/sites/com/products/_request-modal.blade.php), which actually collects and
   stores the request. */
.legacy-onepage .modal { display: none; }