/** Shopify CDN: Minification failed

Line 557:10 Expected identifier but found whitespace
Line 557:11 Unexpected "22px"
Line 635:0 Expected "}" to go with "{"

**/
.thumbnail img,
.product_gallery .image__container img {
  border: solid 1px #E0E0E0;
}

.make-selection {
  opacity: 0.7;
}

/* Product Description */

.gz-product-desc {
  margin-top: 20px;
  color: #151515;
  padding: 0 !important;
}

/* Compatibility Cards */

.gz-compat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 14px 0 34px;
}

.gz-compat-card {
  padding: 24px;
  border: 1px solid #D9D9D4;
  background: #FAFAF8;
}

.gz-compat-card h3 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 18px !important;
  line-height: 1.3;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-weight: 700;
}

.gz-compat-good h3 {
  color: #2f5f2e !important;
}

.gz-compat-check h3 {
  color: #9b2f2f !important;
}

.gz-compat-card ul {
  margin-bottom: 0;
}

/* Mobile */

@media only screen and (max-width: 798px) {
  .gz-product-desc {
    margin-left: -18px !important;
    margin-right: -18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .gz-compat {
    grid-template-columns: 1fr !important;
  }

  .gz-compat-card {
    padding: 14px !important;
  }
}



/* GZILA COLLECTION SIDEBAR */

.sidebar .toggle_list li {
  margin: 3px 0;
  padding: 0;
}

.sidebar .toggle_list li a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 10px;
  white-space: nowrap;
  border-left: 4px solid transparent;
  border-radius: 5px;
  font-weight: 500;
  transition: background .2s ease,
              color .2s ease,
              border-color .2s ease;
}

/* HOVER */
.sidebar .toggle_list li a:hover {
  background: #e7f1e7;
  color: #2f7136;
  border-left-color: #3f813b;
}

/* ACTIVE */
.sidebar .toggle_list li:has(a.active) a,
.sidebar .toggle_list li:has(a[aria-current="page"]) a {
  background: #e7f1e7;
  color: #1c351e;
  font-weight: 600;
  border-left-color: #3f813b;
}

/* Make sidebar highlights fill available width */
.sidebar .toggle_list {
  width: 100%;
}

.sidebar .toggle_list > li {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.sidebar .toggle_list > li > a {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}


/* Remove bottom sidebar divider */
.sidebar .sidebar-block::after {
  display: none !important;
}

/* Soften sidebar vertical divider */
.sidebar-wrap {
  border-right-color: #D0D0D0 !important;
}



/* Light gray top divider on collection pages */
body[class*="collection-"] .feature-divider {
  border-bottom: 1px solid #D0D0D0 !important;
}

/* Consistent sidebar category typography */
.sidebar .toggle_list li a {
  text-transform: uppercase;
}



/* GZILA HOMEPAGE CATEGORY CARDS */

/* Headings */
[id*="text_columns_with_images"] .text-column h3.large_text {
  font-size: 22px !important;
  line-height: 1.3 !important;
  letter-spacing: 1px;
}

/* Cards */
[id*="text_columns_with_images"] .border-style--box {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  background: #fafaf8 !important;
  padding: 25px 18px 10px !important;
}

/* Green buttons */
[id*="text_columns_with_images"] .text-columns-with-images__button {
  background: #3f813b !important;
  color: #fff !important;
  border-color: #3f813b !important;
  border-radius: 4px !important;
  transition: background .2s ease;
}

/* Button hover */
[id*="text_columns_with_images"] .text-columns-with-images__button:hover {
  background: #2f652d !important;
  border-color: #2f652d !important;
  color: #fff !important;
}

/* GZILA HOMEPAGE PATCH DROPS */

/* Tighter section spacing */
.gz-patch-drops {
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

/* Less space beneath the heading */
.gz-patch-drops h2 {
  margin-bottom: 12px !important;
}

/* Better View All button */
.gz-patch-drops .global-button {
  background: #3f813b !important;
  color: #fff !important;
  border: 1px solid #3f813b !important;
  border-radius: 5px !important;
  padding: 14px 32px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  transition: all .2s ease;
}

/* Hover */
.gz-patch-drops .global-button:hover {
  background: #2f652d !important;
  border-color: #2f652d !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* Custom Patch Drops button label */
.gz-patch-drops .featured-collection__view-all-button {
  font-size: 0 !important;
}

.gz-patch-drops .featured-collection__view-all-button::after {
  content: "SHOP ALL PATCHES →";
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}

/* Tighten Patch Drops button spacing */
.gz-patch-drops .featured-collection__view-all-button {
  margin-top: -15px !important;
  margin-bottom: 5px !important;
}

/* GZILA HOMEPAGE ROOF RACK MOUNTS */

.gz-roof-mounts {
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

.gz-roof-mounts h2 {
  margin-bottom: 12px !important;
}

.gz-roof-mounts .featured-collection__view-all-button {
  background: #3f813b !important;
  color: #fff !important;
  border: 1px solid #3f813b !important;
  border-radius: 5px !important;
  padding: 14px 32px !important;
  font-size: 0 !important;
  margin-top: -15px !important;
  margin-bottom: 5px !important;
  transition: all .2s ease;
}

.gz-roof-mounts .featured-collection__view-all-button::after {
  content: "SHOP ALL MOUNTS →";
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}

.gz-roof-mounts .featured-collection__view-all-button:hover {
  background: #2f652d !important;
  border-color: #2f652d !important;
  transform: translateY(-2px);
}

/* Reduce empty space below Patch Drops slider */
.gz-patch-drops .featured-collection__products {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gz-patch-drops .homepage-product-slider {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gz-patch-drops .section {
  padding-bottom: 0 !important;
}

/* =========================================
   GZILA AWNING PRODUCT GUIDE
   ========================================= */

.gz-awning-guide {
  --gz-green: #3f813b;
  --gz-dark: #18251b;
  --gz-muted: #59665d;
  --gz-line: #dce4dc;
  --gz-soft: #f5f8f4;
  width: 100%;
  max-width: 100%;
  margin: 20px 0 35px;
  color: var(--gz-dark);
  font-size: 15px;
  line-height: 1.65;
  overflow-wrap: break-word;
}

.gz-awning-guide,
.gz-awning-guide * {
  box-sizing: border-box;
}

.gz-awning-guide h2,
.gz-awning-guide h3 {
  color: var(--gz-dark) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  height: auto !important;
}

.gz-awning-guide h2 {
  font-size: 27px !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
}

.gz-awning-guide h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 9px !important;
}

.gz-awning-guide p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.7;
}

.gz-awning-guide .gz-ag-kicker {
  color: var(--gz-green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.gz-awning-guide .gz-ag-lead {
  color: var(--gz-muted);
  margin-bottom: 20px;
}

.gz-awning-guide .gz-ag-section {
  display: block;
  position: static;
  clear: both;
  margin: 38px 0;
}

/* INTRO */

.gz-awning-guide .gz-ag-intro {
  display: block;
  padding: 26px;
  background: #f7f9f6;
  border: 1px solid var(--gz-line);
  border-radius: 9px;
}

.gz-awning-guide .gz-ag-intro p {
  color: var(--gz-muted);
  max-width: 700px;
}

.gz-awning-guide .gz-ag-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.gz-awning-guide .gz-ag-tags span {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #cbdccc;
  border-radius: 4px;
  background: #fff;
  color: #315b34;
  font-size: 11px;
  font-weight: 700;
}

/* MODEL COMPARISON */

.gz-awning-guide .gz-ag-models {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  margin: 0;
}

.gz-awning-guide .gz-ag-model {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--gz-line);
  border-radius: 8px;
  background: #fff;
}

.gz-awning-guide .gz-ag-current {
  border: 2px solid var(--gz-green);
  background: var(--gz-soft);
  padding: 17px;
}

.gz-awning-guide .gz-ag-current-label {
  align-self: flex-start;
  padding: 5px 8px;
  margin-bottom: 12px;
  border-radius: 3px;
  background: var(--gz-green);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}

.gz-awning-guide .gz-ag-model h3 {
  font-size: 19px !important;
}

.gz-awning-guide .gz-ag-sub {
  color: var(--gz-muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.gz-awning-guide .gz-ag-model p {
  flex-grow: 1;
  font-size: 13px;
}

.gz-awning-guide .gz-ag-model-foot {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--gz-line);
  color: var(--gz-green);
  font-size: 11px;
  font-weight: 800;
}

.gz-awning-guide .gz-ag-notice {
  display: block;
  position: static;
  clear: both;
  margin: 16px 0 0;
  padding: 15px 18px;
  border-left: 4px solid var(--gz-green);
  background: #edf4ec;
  color: #263c29;
  font-size: 13px;
  line-height: 1.65;
}

/* COMPATIBILITY */

.gz-awning-guide .gz-ag-fit,
.gz-awning-guide .gz-ag-kits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.gz-awning-guide .gz-ag-fit-card,
.gz-awning-guide .gz-ag-kit {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--gz-line);
  border-radius: 8px;
  background: #fff;
}

.gz-awning-guide .gz-ag-fit-card {
  border-top: 4px solid var(--gz-green);
}

.gz-awning-guide .gz-ag-check {
  border-top-color: #b17a34;
}

.gz-awning-guide .gz-ag-fit-card ul {
  margin: 10px 0 0;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.8;
}

.gz-awning-guide .gz-ag-fit-card li {
  margin-bottom: 5px;
}

/* SIZING STEPS */

.gz-awning-guide .gz-ag-steps {
  display: block;
}

.gz-awning-guide .gz-ag-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  padding: 17px 0;
  border-bottom: 1px solid var(--gz-line);
}

.gz-awning-guide .gz-ag-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--gz-line);
  border-radius: 8px;
  background: var(--gz-soft);
  color: var(--gz-green);
  font-size: 13px;
  font-weight: 800;
}

.gz-awning-guide .gz-ag-step p {
  color: var(--gz-muted);
  font-size: 13px;
  margin: 0;
}

/* DIAMETER PANEL */

.gz-awning-guide .gz-ag-size-panel {
  display: block;
  clear: both;
  margin-top: 20px;
  padding: 22px
  
/* GZILA PRODUCT GUIDE FINAL POLISH */

.gz-awning-guide .gz-ag-size-panel {
  background: #f5f8f4 !important;
  border: 1px solid #dce4dc !important;
  border-radius: 8px !important;
  padding: 22px !important;
  margin-top: 22px !important;
}

.gz-awning-guide .gz-ag-download {
  display: inline-block !important;
  background: #3f813b !important;
  color: #fff !important;
  border: 1px solid #3f813b !important;
  border-radius: 4px !important;
  padding: 11px 16px !important;
  margin-top: 10px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.gz-awning-guide .gz-ag-made {
  display: block !important;
  background: #f5f8f4 !important;
  border-radius: 6px !important;
  padding: 16px 18px !important;
  margin-top: 16px !important;
  line-height: 1.7 !important;
}

.gz-awning-guide .gz-ag-section:last-child {
  margin-bottom: 45px !important;
}



/* GZILA HARDWARE PRODUCT TEMPLATE */

/* Quantity and Add to Cart */
body.product-hardware .purchase-details {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end;
  gap: 12px;
  width: 100%;
}

body.product-hardware .purchase-details__quantity {
  flex: 0 0 145px;
  width: 145px;
}

body.product-hardware .purchase-details__buttons {
  flex: 1 1 0 !important;
  min-width: 0;
  width: auto !important;
}

body.product-hardware .purchase-details__buttons .add_to_cart {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-height: 46px;
}

@media (max-width: 480px) {
  body.product-hardware .purchase-details {
    gap: 8px;
  }

  body.product-hardware .purchase-details__quantity {
    flex-basis: 125px;
    width: 125px;
  }
}