/* AI Site Makeover - provider 1185 - generated 2026-10-29 18:29 */
:root{--mw-primary:#15171c;--mw-primary-2:#2b2f38;--mw-accent:#fbbb0c;--mw-ink:#15171c;--mw-muted:#5b6070;--mw-bg:#ffffff;--mw-surface:#f4f5f7;--mw-surface-2:#e9ebef;--mw-on-primary:#fbbb0c;--mw-radius:16px;--mw-btn-radius:10px;--mw-font-display:'HEEBO', system-ui, Arial, sans-serif;--mw-font-body:'HEEBO', system-ui, Arial, sans-serif;}
/* =========================================================
   Framit – "License plate" direction
   asphalt black + plate yellow + IL blue accents
   ========================================================= */

/* ---------- global ---------- */
body { font-family: var(--mw-font-body); color: var(--mw-ink); background: var(--mw-bg); -webkit-font-smoothing: antialiased; }
body p { line-height: 1.75; }
h1, h2, h3, h4, h5, h6 { font-family: var(--mw-font-display); color: var(--mw-ink); letter-spacing: -.01em; }
a { transition: color .2s, background-color .2s, border-color .2s; }
#page-content a:not(.btn):hover, #footer-2 a:hover { color: var(--mw-ink); }
::selection { background: #fbbb0c; color: #15171c; }

/* one button language: black plate with yellow text */
.btn, .btn.btn-primary, button.btn, .btn-b {
  font-family: var(--mw-font-body); font-weight: 700; letter-spacing: .01em; text-transform: none;
  border-radius: var(--mw-btn-radius); transition: transform .25s, box-shadow .25s, background-color .25s, color .25s;
}
.btn.btn-primary, button.btn-primary, #form-submit {
  background-color: var(--mw-ink) !important; border-color: var(--mw-ink) !important; color: #fbbb0c !important;
  box-shadow: 0 12px 24px -16px rgba(21,23,28,.8);
}
.btn.btn-primary:hover, button.btn-primary:hover, #form-submit:hover {
  background-color: #fbbb0c !important; border-color: var(--mw-ink) !important; color: var(--mw-ink) !important; transform: translateY(-2px);
}

/* ---------- top bar (free shipping strip) ---------- */
#ctl00_ctl09_DynamicControl .widget-container > div[id] { background: var(--mw-ink) !important; }
#ctl00_ctl09_DynamicControl p { margin: 0; padding: 9px 12px; font-size: 14px; font-weight: 600; letter-spacing: .02em; color: #fff; text-align: center; }
#ctl00_ctl09_DynamicControl p i { color: #fbbb0c; margin-inline-end: 6px; }

/* ---------- header ---------- */
#header .header-inner { box-shadow: inset 0 -1px 0 rgba(21,23,28,.12); transition: box-shadow .3s; }
html.mw-scrolled #header .header-inner { box-shadow: 0 10px 30px -18px rgba(21,23,28,.55); }
#mainMenu nav > ul > li > a {
  color: var(--mw-ink) !important; font-weight: 700; font-size: 15px; letter-spacing: .01em; position: relative; padding-inline: 14px;
}
#mainMenu nav > ul > li > a::after {
  content: ""; position: absolute; inset-inline: 14px; bottom: 22%; height: 3px; border-radius: 3px; background: var(--mw-ink);
  transform: scaleX(0); transform-origin: center; transition: transform .25s;
}
#mainMenu nav > ul > li > a:hover::after, #mainMenu nav > ul > li.current > a::after, #mainMenu nav > ul > li.active > a::after { transform: scaleX(1); }
#header #logo img { transition: transform .3s; }
#header #logo a:hover img { transform: rotate(-2deg) scale(1.03); }
#mainMenu nav > ul > li .dropdown-menu { border: 0; border-radius: 12px; box-shadow: 0 20px 40px -20px rgba(21,23,28,.45); padding: 8px; }
#mainMenu nav > ul > li .dropdown-menu a { border-radius: 8px; font-weight: 600; }
#mainMenu nav > ul > li .dropdown-menu a:hover { background: #fff6d6; color: var(--mw-ink) !important; }

/* ---------- homepage hero slider ---------- */
#slider .slide-captions h2 {
  font-size: clamp(2.1rem, 5vw, 4rem) !important; font-weight: 900 !important; line-height: 1.08 !important; letter-spacing: -.02em;
  text-shadow: 0 6px 30px rgba(0,0,0,.45); max-width: 14ch;
}
#slider .slide-captions h4.headertext {
  display: table; font-size: clamp(1rem, 1.8vw, 1.3rem) !important; font-weight: 800 !important;
  background: #fbbb0c; color: var(--mw-ink) !important; padding: 8px 16px; border-radius: 8px; border: 2px solid var(--mw-ink);
  box-shadow: 0 10px 24px -12px rgba(0,0,0,.6);
}
#slider .slide-captions .btn.btn-light.btn-outline {
  background: #fbbb0c !important; border: 2px solid #fbbb0c !important; color: var(--mw-ink) !important;
  font-weight: 800; padding: 14px 34px; border-radius: var(--mw-btn-radius); box-shadow: 0 16px 34px -14px rgba(251,187,12,.7);
}
#slider .slide-captions .btn.btn-light.btn-outline:hover { background: #fff !important; border-color: #fff !important; transform: translateY(-2px); }

/* ---------- section headings of the skin ---------- */
.heading-text.heading-section { margin-bottom: 28px; }
.heading-text.heading-section h2, .heading-text.heading-section h3 {
  font-size: clamp(1.7rem, 3.4vw, 2.5rem) !important; font-weight: 800 !important; color: var(--mw-ink); letter-spacing: -.015em;
  border: 0 !important; padding: 0 !important; position: relative; display: inline-block;
}
.heading-text.heading-section h2::before, .heading-text.heading-section h3::before { display: none !important; }
.heading-text.heading-section h2::after, .heading-text.heading-section h3::after {
  content: ""; display: block; width: 64px; height: 8px; margin-top: 12px; border-radius: 3px;
  background: linear-gradient(90deg, #1f4fa3 0 22%, #fbbb0c 22% 100%); border: 2px solid var(--mw-ink);
}
.heading-text.heading-section.text-center h2::after, .heading-text.heading-section.text-center h3::after { margin-inline: auto; }

/* ---------- product carousels / grids ---------- */
.shop .grid-item, .Products_Carucel .grid-item { padding: 10px; }
.shop.shopImage .grid-layout { margin-bottom: 20px; }
section[id$="_Div_Product_Page"] { padding-block: clamp(48px, 7vw, 90px) !important; }
section[id$="_Div_Product_Page"] .flickity-page-dots .dot { background: var(--mw-ink); }
.flickity-prev-next-button { background: #fff !important; box-shadow: 0 10px 22px -12px rgba(21,23,28,.5); }
.product-hot {
  background: #fbbb0c !important; color: var(--mw-ink) !important; border: 2px solid var(--mw-ink); font-weight: 800; border-radius: 6px !important;
  width: auto !important; height: auto !important; min-width: 0 !important; line-height: 1 !important; padding: 7px 12px !important; font-size: 13px !important;
}

/* ---------- stats widget ---------- */
section[id="37369"] { position: relative; }
section[id="37369"] .counter span { font-family: var(--mw-font-display) !important; font-weight: 900 !important; font-size: clamp(2.6rem, 6vw, 4.2rem) !important; color: var(--mw-ink) !important; font-style: normal !important; }
section[id="37369"] .seperator { background: #fbbb0c !important; height: 4px !important; width: 40px !important; border-radius: 4px; margin-inline: auto; }
section[id="37369"] p { font-weight: 700 !important; color: #3d414c !important; font-size: 1.05rem !important; }

/* ---------- client logos ---------- */
.client-logos img { filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
.client-logos a:hover img { filter: none; opacity: 1; }
.client-logos .flickity-page-dots .dot { background: var(--mw-ink); }

/* ---------- testimonials (homepage carousel + page) ---------- */
.Section_Div_Recs { background: #f4f5f7 !important; }
.Section_Div_Recs .testimonial-item, .testimonial.testimonial-box .testimonial-item {
  background: #fff !important; border: 1px solid rgba(21,23,28,.08); border-radius: var(--mw-radius) !important;
  box-shadow: 0 16px 34px -26px rgba(21,23,28,.55); padding: 34px 26px 28px !important; position: relative;
  border-top: 5px solid #fbbb0c !important;
}
.Section_Div_Recs .testimonial-item img, .testimonial.testimonial-box .testimonial-item img {
  border: 3px solid #fbbb0c; box-shadow: 0 8px 18px -10px rgba(21,23,28,.6); object-fit: cover;
}
.Section_Div_Recs .testimonial-item p, .testimonial.testimonial-box .testimonial-item p { color: #3d414c !important; font-size: 1.04rem; line-height: 1.7; }
.Section_Div_Recs .testimonial-item > span, .testimonial.testimonial-box .testimonial-item > span { color: var(--mw-ink) !important; font-weight: 800; }
.testimonial.testimonial-box.grid-1-columns .testimonial-item { margin-bottom: 22px; }
.Section_Div_Recs .flickity-page-dots .dot { background: var(--mw-ink); }

/* ---------- inner page title / breadcrumbs ---------- */
#i25w { margin-top: clamp(20px, 3vw, 36px); }
#ix2f {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 14px !important; font-weight: 600 !important;
  color: #5b6070; background: #f4f5f7; border: 1px solid rgba(21,23,28,.08); border-radius: 999px; padding: 9px 18px !important;
  border-inline-start: 4px solid #fbbb0c !important;
}
#ix2f a { color: var(--mw-ink) !important; font-weight: 700; }
#ix2f a:hover { text-decoration: underline; text-decoration-color: #fbbb0c; text-decoration-thickness: 3px; }

/* ---------- product page ---------- */
#product-page { padding-top: clamp(28px, 4vw, 50px) !important; }
#product-page .product-image .carousel, #product-page .product-image img { border-radius: var(--mw-radius); }
#product-page .product-image > div:first-child, #product-page .product-image .carousel { overflow: hidden; border-radius: var(--mw-radius); box-shadow: 0 30px 60px -36px rgba(21,23,28,.6); }
#product-page .product-image img { background: #f4f5f7; }
#product-page .product-image .flickity-slider img, #product-page .product-image a img { object-fit: cover; }
#product-page .product-thumbnails img, #product-page .product-image .grid-item img { border-radius: 12px; border: 2px solid transparent; transition: border-color .2s; }
#product-page .product-thumbnails img:hover, #product-page .product-image .grid-item img:hover { border-color: #fbbb0c; }
#product-page .product-image .product-hot { top: 18px; inset-inline-end: 18px; }
#product-page #i5sw7 {
  font-size: clamp(1.6rem, 3vw, 2.3rem) !important; font-weight: 800 !important; line-height: 1.2; letter-spacing: -.015em; color: var(--mw-ink); margin: 0;
}
#product-page #i03eh { margin-bottom: 14px !important; }
#product-page #i2nrj { text-decoration: none; display: inline-flex; align-items: baseline; gap: 10px; }
#product-page .pricespan {
  display: inline-flex; align-items: baseline; gap: 10px; font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 900; color: var(--mw-ink);
  background: #fbbb0c; padding: 6px 18px; border-radius: 10px; border: 3px solid var(--mw-ink); line-height: 1.2;
}
#product-page .pricespan strike, #product-page .pricespan small { font-size: 1rem; font-weight: 600; color: rgba(21,23,28,.6); }
#product-page .product-description .m-t-10 p, #product-page .product-description .m-t-10 {
  color: #3d414c; font-size: 1.02rem; line-height: 1.85;
}
#product-page .product-description .m-t-10 {
  background: #f7f8fa; border: 1px solid rgba(21,23,28,.07); border-radius: 14px; padding: 20px 22px; margin-top: 18px !important;
}
#product-page #i4jza ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
#product-page #i4jza label, #product-page #i4jza li > span, #product-page #irfd3 b { font-weight: 700; color: var(--mw-ink); font-size: .95rem; }
#product-page select.ProductValsList, #product-page select {
  width: 100% !important; height: 48px !important; min-height: 48px !important; padding: 0 14px !important; line-height: 1.2; font-size: 15px !important;
  border-radius: 12px !important; border: 1.5px solid #d9dce3 !important;
  background-color: #fff !important; font-weight: 600; color: var(--mw-ink); transition: border-color .2s, box-shadow .2s;
}
#product-page select:focus, #product-page textarea:focus, .form-control:focus {
  border-color: var(--mw-ink) !important; box-shadow: 0 0 0 4px rgba(251,187,12,.45) !important; outline: 0;
}
#product-page #CartComments { border-radius: 12px !important; border: 1.5px solid #d9dce3 !important; min-height: 96px; padding: 12px 14px; font-size: 1rem; }
#product-page #btnSim {
  margin-top: 12px; background: #fff !important; color: var(--mw-ink) !important; border: 2px dashed var(--mw-ink) !important; border-radius: 12px; padding: 12px;
}
#product-page #btnSim:hover { background: #fff6d6 !important; border-style: solid !important; }
#product-page .cart-product-quantity .quantity { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#product-page .quantity .minus, #product-page .quantity .plus, #product-page .quantity .qty {
  height: 52px; min-width: 46px; border: 1.5px solid #d9dce3; background: #fff; font-weight: 800; font-size: 18px; color: var(--mw-ink);
}
#product-page .quantity .minus { border-radius: 0 12px 12px 0; }
#product-page .quantity .plus { border-radius: 12px 0 0 12px; }
#product-page .quantity .qty { width: 56px; text-align: center; border-inline: 0; }
#product-page #i8wku.btn_AddToCart {
  flex: 1 1 220px; margin: 0 !important; height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background-color: var(--mw-ink) !important; color: #fbbb0c !important; font-size: 17px !important; font-weight: 800 !important;
  border: 0 !important; border-radius: 14px !important; box-shadow: 0 18px 32px -16px rgba(21,23,28,.8);
}
#product-page #i8wku.btn_AddToCart:hover { background-color: #fbbb0c !important; color: var(--mw-ink) !important; transform: translateY(-2px); }
#product-page #i22ak {
  border: 0 !important; background: #f4f5f7; border-radius: 16px; margin-inline: 0; padding: 18px 8px !important;
}
#product-page #i22ak .text-center i { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #fff; color: var(--mw-ink); font-size: 24px !important; box-shadow: 0 8px 18px -12px rgba(21,23,28,.5); }
#product-page #i22ak .text-center p { margin: 10px 0 0; font-weight: 700; color: var(--mw-ink); font-size: .95rem; }
#product-page .videodiv iframe { border-radius: var(--mw-radius); }
#simulation .modal-content { border-radius: 18px; overflow: hidden; border: 0; }
#simulation .modal-header { background: var(--mw-ink); }
#simulation .modal-title { color: #fbbb0c; font-weight: 800; }

/* related products heading on product page */
#product-page ~ section .heading-text h3, #product-page ~ div .heading-text h3 { font-size: clamp(1.5rem, 2.6vw, 2rem) !important; }

/* ---------- gallery page ---------- */
.grid-layout .image-hover-zoom { display: block; border-radius: 14px; overflow: hidden; box-shadow: 0 14px 30px -22px rgba(21,23,28,.6); background: #f4f5f7; }
.grid-layout .image-hover-zoom img { transition: transform .6s; border-radius: 0; }
.grid-layout .image-hover-zoom:hover img { transform: scale(1.05); }

/* ---------- about page ---------- */
.team-members .team-member, .portfolio-item-wrap { border-radius: var(--mw-radius); overflow: hidden; background: #fff; box-shadow: 0 16px 34px -26px rgba(21,23,28,.55); }

/* ---------- contact page + forms ---------- */
.form-control, input.form-control, textarea.form-control {
  border-radius: 12px !important; border: 1.5px solid #d9dce3 !important; min-height: 48px; padding: 10px 14px; font-size: 1rem; background: #fff;
  box-shadow: none; transition: border-color .2s, box-shadow .2s;
}
textarea.form-control { min-height: 130px; }
section[id="11986"] { padding-block: clamp(30px, 5vw, 70px) !important; }
section[id="11986"] form label { font-weight: 700; color: var(--mw-ink); font-size: .95rem; }
section[id="11986"] .col-lg-6 > div[class*="background"], section[id="11986"] .col-lg-6 > div[style] {
  border-radius: var(--mw-radius) !important;
}
section[id="11986"] h2, section[id="11986"] h3, section[id="11986"] h4 { font-weight: 800; }
section[id="11986"] #form-submit, section[id="11986"] .btn { min-height: 52px; width: 100%; font-size: 1.05rem; }

/* ---------- policy pages ---------- */
#page-content .container > .row p, .Entity p { color: #3d414c; }

/* ---------- footer ---------- */
#footer-2 { background: var(--mw-ink) !important; color: rgba(255,255,255,.75); position: relative; }
#footer-2::before {
  content: ""; position: absolute; inset-inline: 0; top: 0; height: 6px;
  background: linear-gradient(90deg, #1f4fa3 0 8%, #fbbb0c 8% 100%);
}
#footer-2 p, #footer-2 li, #footer-2 .widget { color: rgba(255,255,255,.75) !important; }
#footer-2 .widget-title, #footer-2 .widget > p:first-child { color: #fbbb0c !important; font-weight: 800 !important; font-size: 1.05rem !important; letter-spacing: .02em; }
#footer-2 a { color: #fff !important; font-weight: 600; }
#footer-2 a:hover { color: #fbbb0c !important; }
#footer-2 .form-control { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.18) !important; color: #fff !important; }
#footer-2 .form-control::placeholder { color: rgba(255,255,255,.55); }
#footer-2 #form-submit { background-color: #fbbb0c !important; color: var(--mw-ink) !important; border-color: #fbbb0c !important; }
#footer-2 #form-submit:hover { background-color: #fff !important; border-color: #fff !important; }
.copyright-content { background: #0d0e11 !important; color: rgba(255,255,255,.55); border-top: 1px solid rgba(255,255,255,.06); }
.copyright-content .copyright-text, .copyright-content a { color: rgba(255,255,255,.6) !important; font-size: 13px; }
.copyright-content img { filter: invert(1) brightness(1.4); opacity: .7; }

/* ---------- responsive ---------- */
@media (max-width: 991px) {
  #slider .slide-captions h2 { max-width: none; }
  #product-page .col-lg-6 + .col-lg-6 { margin-top: 18px; }
  #product-page .pricespan { font-size: 1.6rem; }
  #footer-2 .col-lg-4 { margin-bottom: 26px; }
}
@media (max-width: 575px) {
  #ctl00_ctl09_DynamicControl p { font-size: 12.5px; padding: 7px 10px; }
  .heading-text.heading-section h2, .heading-text.heading-section h3 { font-size: 1.6rem !important; }
  #slider .slide-captions h2 { font-size: 1.75rem !important; margin-bottom: 12px !important; }
  #slider .slide-captions h4.headertext { font-size: .92rem !important; padding: 6px 12px; margin-bottom: 16px !important; }
  #slider .slide-captions .btn.btn-light.btn-outline { padding: 10px 22px; font-size: .95rem; }
  .shop .grid-item, .Products_Carucel .grid-item { padding: 6px; }
  #ix2f { font-size: 12.5px !important; padding: 7px 14px !important; }
  #product-page #i22ak .text-center p { font-size: .82rem; }
  #product-page #i8wku.btn_AddToCart { flex-basis: 100%; }
  section[id="37369"] .col-lg-3 { margin-bottom: 18px; }
}