/** Shopify CDN: Minification failed

Line 947:370 Unexpected "\\n\\n"
Line 947:460 Expected ":"
Line 947:478 Expected ":"
Line 947:483 Unexpected "@media"
Line 947:749 Expected ":"
Line 947:780 Expected ":"
Line 947:855 Expected ":"
Line 947:892 Expected ":"
Line 947:923 Expected ":"
Line 947:963 Expected ":"
... and 140 more hidden warnings

**/
/* Main Page */

.feature-collection {
  padding-left: 90px;
  padding-right: 90px;
  padding-top: 0px;
}

.main.product {
  padding-left: 90px;
}
.ttservices {
  margin-top: 40px;
}
a.tab-btn {
  color: #777 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  background: transparent !important;
  border: none !important;
  padding: 10px 5px !important;
  position: relative !important;
  transition: all 0.3s ease !important;
} /* HOVER */
a.tab-btn:hover {
  color: #ff6a00 !important;
}
li.active > a.tab-btn,
li.active > a.tab-btn:hover,
li.active > a.tab-btn:focus {
  color: #ff6a00 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: transparent !important;
  border: none !important;
}
.nav-tabs,
.nav-tabs li {
  overflow: visible !important;
}


.contact_detail {
  color: #e0e0e0;
}
.account-detail span {
  color: #e0e0e0;
}
.top_header_1 {
  display: none;
}
.tt_menu_item_heading_title {
  font-size: 18px;
}
@media (max-width: 768px) {
  .header-logo img {
    transform: scale(1.5);
    transform-origin: left center;
  }
}

/* =========================
   PRODUCT GRID FIXES
========================= */

/* CARD STRUCTURE */
.product-layouts,
.grid-view-item,
.product-wrapper {
  display: flex;
  flex-direction: column;
}

/* CONTENT ALIGN */
.product-layouts .caption,
.grid-view-item .caption,
.product-wrapper .caption {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* BUTTON ALIGN */
.product-layouts button,
.grid-view-item button,
.product-wrapper button {
  margin-top: auto;
}

/* IMAGE */
.product-image,
.product-image a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}

.product-image img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

/* TITLE (3 LINES CLEAN FIX) */
.product-wrapper .grid-view-item__title,
.product-wrapper .grid-view-item__title a {
  display: block !important;
  width: 100% !important;
  white-space: normal !important;
  overflow: hidden !important;

  font-size: 13px !important;
  line-height: 18px !important;
  max-height: 54px !important; /* 3 lines */
}

/* =========================
   VIP BANNER (PAYMENT BOX)
========================= */

/* MAIN CARD */
.payment-content .security-bg {
  background: #1f2a37 !important;
  padding: 20px !important;
  border-radius: 12px !important;
}

/* INNER CONTAINER */
.payment-content .payment-detail {
  background: #1f2a37 !important;
  padding: 20px !important;
  padding-bottom: 25px !important;
  border-radius: 10px !important;
}

/* REMOVE FADED EFFECT */
.payment-content .payment-detail * {
  opacity: 1 !important;
}

/* REMOVE LOCK ICON COMPLETELY */
.payment-content .payment-title::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* TITLE */
.payment-content .tt-vip-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #facc15 !important;
  margin-bottom: 6px !important;
}

/* SUBTEXT */
.payment-content .tt-vip-sub {
  font-size: 14px !important;
  color: #cbd5f1 !important;
  margin-bottom: 10px !important;
}

/* BENEFITS */
.payment-content .tt-vip-benefits span {
  display: block;
  font-size: 14px !important;
  color: #e2e8f0 !important;
  margin-bottom: 6px !important;
}

/* CHECK ICON */
.payment-content .tt-vip-benefits span:before {
  content: "✔ ";
  color: #22c55e;
  font-weight: 700;
}

/* BUTTON WRAPPER */
.payment-content .btn-register-me {
  text-align: center;
  margin-top: 20px;
}

/* BUTTON */
.payment-content .tt-vip-btn {
  display: inline-block !important;
  margin: 0 auto !important;
  background: #facc15 !important;
  color: #000 !important;
  padding: 12px 20px;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
}
.payment-content .payment-detail{
  border:none !important;
  box-shadow:none !important;
}
.payment-content .tt-vip-btn{
  box-shadow:0 10px 20px rgba(0,0,0,.3);
}
.payment-content .security-bg{
  background:linear-gradient(135deg,#1f2a37,#243447) !important;
}
.payment-content .security-bg{
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.payment-content .payment-detail{
  background:transparent !important;
  box-shadow:none !important;
}

.payment-content .payment-title,
.payment-content .payment-subtitle{
  margin:0 !important;
  padding:0 !important;
  height:auto !important;
}
.payment-content .tt-vip-btn{
  display:inline-block !important;
  margin:20px auto 0 auto !important;
  width:auto !important;
  float:none !important;
  position:relative;
  left:50%;
  transform:translateX(-50%);
}
/* TITLE */
.payment-content .tt-vip-title{
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}

/* SUBTEXT */
.payment-content .tt-vip-sub{
  line-height: 1.5 !important;
  margin-bottom: 14px !important;
}

/* BENEFITS */
.payment-content .tt-vip-benefits span{
  line-height: 1.6 !important;
  margin-bottom: 10px !important;
}
.payment-content .tt-vip-banner::before{
  content:"";
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);

  width:50px;
  height:50px;

  background:#facc15;

  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );

  box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
/* 2026-08 safe theme maintenance: expose exact selected manufacturer color. */
.product-form__input .selected-option-value,
.swatch .header [data-swatch-selected-value] {
  font-weight: 600;
}

/* ============================================================
   TECHTRONICS MOBILE V4 — integrated into existing custom.css
   Purpose: mobile-first storefront refresh, desktop unaffected.
   ============================================================ */
@media only screen and (max-width: 767px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
  body { -webkit-text-size-adjust:100%; background:#f6f7f9; }
  .page-wrapper, .page-element, main, .main-content { max-width:100% !important; overflow-x:hidden; }
  .container { width:100% !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; }
  .main-social-icon, .sticky-link-icon { display:none !important; }

  /* Header: compact brand/actions row, search underneath. */
  .header_1 .top_header_1 { display:none !important; }
  .header_1_wrapper .main-header { background:#1e2f41 !important; }
  .header_1_wrapper .main-header .container { padding:0 12px !important; }
  .header_1_wrapper .main-header .center-header {
    display:grid !important;
    grid-template-columns:minmax(120px,1fr) auto !important;
    grid-template-areas:"logo actions" "search search" !important;
    gap:8px 10px !important;
    align-items:center !important;
    width:100% !important;
    padding:8px 0 10px !important;
  }
  .header_1_wrapper .header_logo_wrap {
    grid-area:logo !important; float:none !important; display:block !important;
    width:auto !important; max-width:195px !important; margin:0 !important;
  }
  .header_1_wrapper .header_logo_wrap .header-logo { float:none !important; width:auto !important; }
  .header_1_wrapper .header_logo_wrap .header-logo img {
    width:auto !important; height:auto !important; max-width:190px !important; max-height:51px !important;
    object-fit:contain !important; display:block !important;
  }
  .header_1_wrapper .right-link-icon {
    grid-area:actions !important; float:none !important; width:auto !important;
    display:flex !important; align-items:center !important; justify-content:flex-end !important;
    gap:4px !important; margin:0 !important;
  }
  .header_1.site-header .right-link-icon .contact,
  .header_1 .right-link-icon .account-text,
  .header_1 .site-header__cart-count .cart-products-detail,
  .header_1 .site-header__cart-count .price,
  .header_1 .right-link-icon .myaccount .dropdown-toggle > i { display:none !important; }
  .header_1 .right-link-icon .myaccount,
  .header_1 .wrapper-top-cart { margin:0 !important; }
  .header_1 .right-link-icon .myaccount .dropdown-toggle,
  .header_1 .wrapper-top-cart > .site-header_cart_link {
    width:42px !important; height:42px !important; min-width:42px !important;
    padding:8px !important; margin:0 !important; display:flex !important;
    align-items:center !important; justify-content:center !important;
    border-radius:10px !important; background:rgba(255,255,255,.08) !important;
  }
  .header_1.site-header .wrapper-top-cart > .site-header_cart_link svg,
  .header_1.site-header .right-link-icon .myaccount svg { width:25px !important; height:25px !important; }
  .header_1 .site-header__cart-count .cart-products-count {
    position:absolute !important; top:2px !important; left:25px !important;
    min-width:17px !important; height:17px !important; line-height:17px !important;
    font-size:10px !important; padding:0 4px !important;
  }
  .header_1 .site-header__search.icon-btn {
    grid-area:search !important; float:none !important; width:100% !important;
    max-width:none !important; margin:0 !important; padding:0 !important;
  }
  .header_1 .site-header__search .search_wrapper,
  .header_1 .site-header__search form.input-group.search-bar { width:100% !important; }
  .header_1 .site-header__search form.input-group.search-bar {
    display:flex !important; align-items:center !important; min-height:46px !important;
    border:0 !important; border-radius:10px !important; overflow:hidden !important; background:#fff !important;
  }
  .header_1 .site-header__search .collections-selector { display:none !important; }
  .header_1 .site-header__search input[type="search"] {
    flex:1 1 auto !important; width:1% !important; min-width:0 !important;
    height:46px !important; padding:0 14px !important; border:0 !important;
    border-radius:0 !important; font-size:16px !important; color:#222 !important; background:#fff !important;
  }
  .header_1.site-header button.btn.search-submit.icon-fallback-text {
    width:50px !important; min-width:50px !important; height:46px !important;
    padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
  }
  .header_1.site-header button.btn.search-submit.icon-fallback-text .fallback-text { display:none !important; }
  .header_1.site-header button.btn.search-submit.icon-fallback-text i { font-size:22px !important; }

  .header_1 .bottom_header_1 { min-height:48px !important; border:0 !important; }
  .header_1 .bottom_header_1 .container { min-height:48px !important; padding:0 12px !important; }
  .header_1 .ttresponsive_menu { width:auto !important; float:left !important; }
  .header_1 #shopify-section-TT-megamenu { width:auto !important; float:left !important; }
  .header_1 #tt-megamenu .toggle_menu {
    min-height:46px !important; margin:1px 0 !important; padding:9px 8px !important;
    display:flex !important; align-items:center !important; gap:7px !important; background:transparent !important;
  }
  .header_1 #tt-megamenu .toggle_menu i.mdi-menu { margin:0 !important; font-size:24px !important; }
  .header_1 #tt-megamenu .toggle_menu .toggle_text { font-size:14px !important; line-height:24px !important; }
  .header_1 #tt-megamenu .toggle_menu svg { display:none !important; }
  .header_1 .tthorizontal_menu { display:none !important; }
  .tt-mega-menu #tt-megamenu .tt-mega_menu {
    width:min(90vw,350px) !important; max-height:calc(100vh - 118px) !important;
    overflow-y:auto !important; -webkit-overflow-scrolling:touch; box-shadow:0 16px 38px rgba(0,0,0,.22) !important;
  }
  .tt-mega-menu #tt-megamenu .tt-mega_menu a,
  .tt-mega-menu #tt-megamenu .mobile-nav__sublist-trigger,
  .tt-mega-menu #tt-megamenu .mobile-nav__sublist-trigger1,
  .tt-mega-menu #tt-megamenu .mobile-nav__sublist-trigger2 { min-height:44px !important; }

  /* Home: less wasted space and touch-friendly cards. */
  .template-index .home-slider { margin:10px 0 14px !important; padding:0 10px !important; }
  .template-index .home-slider .homeslider,
  .template-index .home-slider .slides,
  .template-index .home-slider .slide { border-radius:12px !important; overflow:hidden !important; }
  .template-index .home-slider .a-img,
  .template-index .home-slider .a-img img,
  .template-index .home-slider .videoimg { min-height:180px !important; height:180px !important; }
  .template-index .home-slider .a-img img { width:100% !important; object-fit:cover !important; object-position:center !important; }
  .template-index .home-slider .slider-content-wrap { max-width:72% !important; padding:15px !important; }
  .template-index .home-slider .slider-title { font-size:24px !important; line-height:1.05 !important; }
  .template-index .home-slider .slider-subtitle { font-size:14px !important; }
  .template-index .home-slider .slider-desc { display:none !important; }
  .template-index .home-slider .slider-button .btn { min-height:38px !important; padding:9px 14px !important; font-size:12px !important; border-radius:7px !important; }

  .template-index .tt-category-feature-wrap,
  .template-index .ttservice,
  .template-index .collection.page-width,
  .template-index .cms-subbanner { margin-top:14px !important; margin-bottom:14px !important; }
  .template-index .section-header { margin-bottom:10px !important; }
  .template-index h2.tt-title { font-size:20px !important; line-height:1.25 !important; margin-bottom:8px !important; }

  .template-index .category_cms_feature_wrap { margin:0 !important; }
  .template-index .collection_cat_item { padding:0 4px !important; }
  .template-index .collection_cat_item > a,
  .template-index .collection_cat_item .collection_cat_item_inner,
  .template-index .category_cms_feature .item {
    border-radius:11px !important; overflow:hidden !important;
  }
  .template-index .category_cms_feature .tt-collection-content { padding:12px 6px 12px 10px !important; }
  .template-index .category_cms_feature .collection_title { font-size:14px !important; line-height:1.25 !important; }
  .template-index .category_cms_feature .desc { font-size:10px !important; margin-top:3px !important; }
  .template-index .category_cms_feature .cat-cms-img img { max-height:92px !important; object-fit:contain !important; }

  .template-index #ttcmsservices .block_content { display:flex !important; overflow-x:auto !important; gap:8px !important; scroll-snap-type:x mandatory; padding-bottom:4px; }
  .template-index #ttcmsservices .ttcontent { flex:0 0 78% !important; max-width:300px !important; scroll-snap-align:start; }
  .template-index #ttcmsservices .service { min-height:78px !important; border-radius:10px !important; padding:11px !important; }
  .template-index #ttcmsservices .service-title { font-size:13px !important; }
  .template-index #ttcmsservices .service-desc { font-size:10px !important; }

  /* Featured product cards, home and collection. */
  .template-index .product-grid,
  .template-collection .product-grid { gap:8px !important; }
  .template-index .product-layouts,
  .template-collection .product-layouts { padding:4px !important; }
  .template-index .product-wrapper,
  .template-collection .product-wrapper {
    border:1px solid #e3e7ec !important; border-radius:11px !important;
    background:#fff !important; overflow:hidden !important; padding:9px !important;
    box-shadow:0 2px 10px rgba(28,45,65,.045) !important;
  }
  .template-index .product-image,
  .template-index .product-image a,
  .template-collection .product-image,
  .template-collection .product-image a { height:145px !important; min-height:145px !important; }
  .template-index .product-image img,
  .template-collection .product-image img { width:100% !important; height:100% !important; max-height:145px !important; object-fit:contain !important; }
  .template-index .product-description,
  .template-collection .product-description { padding:8px 0 0 !important; }
  .template-index .grid-view-item__vendor,
  .template-collection .grid-view-item__vendor { font-size:9px !important; line-height:1.25 !important; margin-bottom:4px !important; color:#6f7780 !important; }
  .template-index .grid-view-item__title,
  .template-index .grid-view-item__title a,
  .template-collection .grid-view-item__title,
  .template-collection .grid-view-item__title a {
    display:-webkit-box !important; min-height:50px !important; max-height:50px !important;
    overflow:hidden !important; -webkit-box-orient:vertical; -webkit-line-clamp:3;
    font-size:13px !important; line-height:16.5px !important; font-weight:600 !important;
  }
  .template-index .product-desc,
  .template-collection .product-desc { display:none !important; }
  .template-index .grid-view-item__meta,
  .template-collection .grid-view-item__meta { margin:7px 0 !important; }
  .template-index .grid-view-item__meta .money,
  .template-index .product-price__price,
  .template-collection .grid-view-item__meta .money,
  .template-collection .product-price__price { font-size:16px !important; line-height:1.2 !important; font-weight:700 !important; }
  .template-index .btn_wrapper,
  .template-index .quick-view,
  .template-index .add-to-wishlist,
  .template-index .add-to-compare,
  .template-collection .btn_wrapper,
  .template-collection .quick-view,
  .template-collection .add-to-wishlist,
  .template-collection .add-to-compare { display:none !important; }

  .template-index .cms-subbanner { padding:0 12px !important; }
  .template-index .cms-subbanner .banner { width:100% !important; float:none !important; padding:0 !important; margin:0 0 10px !important; border-radius:11px !important; overflow:hidden !important; }
  .template-index .cms-subbanner .banner img { width:100% !important; height:auto !important; }

  /* Modern search V2. */
  .tt-search-v2 { padding:16px 0 30px !important; }
  .tt-search-v2__header { display:block !important; margin-bottom:14px !important; padding-bottom:12px !important; }
  .tt-search-v2__heading h1 { font-size:21px !important; line-height:1.2 !important; margin-bottom:5px !important; }
  .tt-search-v2__heading p { font-size:12px !important; }
  .tt-search-v2__form { width:100% !important; height:44px !important; margin-top:10px !important; border-radius:9px !important; }
  .tt-search-v2__form input[type="search"] { height:42px !important; font-size:16px !important; }
  .tt-search-v2__grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
  .tt-search-card { border-radius:10px !important; }
  .tt-search-card__image-wrap { height:150px !important; padding:9px !important; }
  .tt-search-card__body { padding:9px !important; }
  .tt-search-card__title { min-height:50px !important; font-size:13px !important; line-height:1.28 !important; -webkit-line-clamp:3 !important; }
  .tt-search-card__meta { font-size:9px !important; display:block !important; }
  .tt-search-card__meta span { display:block !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .tt-search-card__type { display:none !important; }
  .tt-search-card__price-row { display:block !important; margin:7px 0 9px !important; }
  .tt-search-card__current { font-size:17px !important; }
  .tt-search-card__availability { display:block !important; margin-top:3px !important; font-size:10px !important; }
  .tt-search-card__button { min-height:39px !important; border-radius:7px !important; font-size:11px !important; }

  /* Collection page. */
  .template-collection .main-content,
  .template-collection .collection_wrapper { padding-top:10px !important; }
  .template-collection .product-layouts { width:50% !important; float:left !important; margin:0 !important; }
  .template-collection .collection_filter,
  .template-collection .filters-toolbar,
  .template-collection .collection-sort { max-width:100% !important; }

  /* Product page: one clean vertical flow. */
  .template-product .main-content { padding-top:8px !important; }
  .template-product .product-template__container,
  .template-product .product-single { padding-top:0 !important; }
  .template-product .product-images,
  .template-product .product-information,
  .template-product .product_fixed_block,
  .template-product .product-description {
    width:100% !important; max-width:100% !important; float:none !important;
    margin-left:0 !important; margin-right:0 !important;
  }
  .template-product .product-images { margin-bottom:12px !important; }
  .template-product .product-single__photo { width:100% !important; max-height:380px !important; object-fit:contain !important; }
  .template-product .product-single__title {
    width:100% !important; float:none !important; margin:0 0 9px !important;
    font-size:20px !important; line-height:1.32 !important; text-transform:none !important;
  }
  .template-product .product-arrows { display:none !important; }
  .template-product .product-single__price,
  .template-product #productPrice { font-size:25px !important; line-height:1.2 !important; margin:5px 0 11px !important; }
  .template-product .product-information-inner { padding:0 !important; }
  .template-product .product-information-inner > * { max-width:100% !important; }
  .template-product .product-form__item,
  .template-product .selector-wrapper { width:100% !important; max-width:100% !important; margin-bottom:12px !important; }
  .template-product select { width:100% !important; min-height:46px !important; font-size:16px !important; border-radius:8px !important; }
  .template-product .swatch { width:100% !important; margin-bottom:13px !important; }
  .template-product .swatch .header { font-size:14px !important; line-height:1.35 !important; margin-bottom:8px !important; }
  .template-product .swatch-element { margin:0 8px 8px 0 !important; }
  .template-product .swatch-element label {
    min-width:44px !important; width:44px !important; height:44px !important; min-height:44px !important;
    border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important;
  }
  .template-product .product-single__addtocart,
  .template-product .product-single__addtocart .add-to-cart-wrap { width:100% !important; display:block !important; }
  .template-product .product-single__addtocart .qty-section,
  .template-product .product-single__addtocart .quantity { width:100% !important; margin:0 0 9px !important; }
  .template-product .qty-box-set { width:145px !important; max-width:145px !important; height:44px !important; }
  .template-product #AddToCart,
  .template-product .product-single__addtocart .btn,
  .template-product .shopify-payment-button,
  .template-product .shopify-payment-button__button,
  .template-product .checkout-btn .btn {
    width:100% !important; min-height:50px !important; float:none !important;
    margin:0 0 9px !important; padding:12px 14px !important; border-radius:9px !important; font-size:14px !important;
  }
  .template-product .product_tab_wrapper ul.tabs {
    display:flex !important; width:100% !important; overflow-x:auto !important; gap:4px !important;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .template-product .product_tab_wrapper ul.tabs::-webkit-scrollbar { display:none; }
  .template-product .product_tab_wrapper ul.tabs li { flex:0 0 auto !important; }
  .template-product .product_tab_wrapper ul.tabs li a { min-height:42px !important; padding:10px 12px !important; white-space:nowrap !important; font-size:13px !important; }
  .template-product .rte table { display:block !important; max-width:100% !important; overflow-x:auto !important; }
  .template-product .rte img { max-width:100% !important; height:auto !important; }

  /* Cart becomes stacked cards. */
  .template-cart table.cart_table { display:block !important; width:100% !important; }
  .template-cart table.cart_table thead { display:none !important; }
  .template-cart table.cart_table tbody { display:block !important; width:100% !important; }
  .template-cart table.cart_table tr.cart-item {
    display:grid !important; grid-template-columns:82px minmax(0,1fr) !important; gap:6px 11px !important;
    width:100% !important; margin:0 0 11px !important; padding:11px !important;
    border:1px solid #e3e7ec !important; border-radius:10px !important; background:#fff !important;
  }
  .template-cart table.cart_table tr.cart-item > td { display:block !important; width:auto !important; padding:0 !important; border:0 !important; text-align:left !important; }
  .template-cart table.cart_table tr.cart-item > td:nth-child(2) { grid-column:1; grid-row:1 / span 4; }
  .template-cart table.cart_table tr.cart-item > td:nth-child(3),
  .template-cart table.cart_table tr.cart-item > td:nth-child(4),
  .template-cart table.cart_table tr.cart-item > td:nth-child(5),
  .template-cart table.cart_table tr.cart-item > td:nth-child(6) { grid-column:2; }
  .template-cart .cart__image, .template-cart .cart__image-wrapper { width:82px !important; height:82px !important; object-fit:contain !important; }
  .template-cart .cart__product-title { font-size:14px !important; line-height:1.35 !important; font-weight:600 !important; }
  .template-cart .cart__footer, .template-cart .cart-footer { width:100% !important; }

  /* Footer and generic touch controls. */
  footer .container, .footer .container { padding-left:16px !important; padding-right:16px !important; }
  footer [class*="col-"], .footer [class*="col-"] { width:100% !important; float:none !important; }
  input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea { font-size:16px !important; }
  .modal-dialog { width:calc(100% - 24px) !important; max-width:520px !important; margin:12px auto !important; }
}

@media only screen and (max-width: 389px) {
  .header_1_wrapper .header_logo_wrap { max-width:145px !important; }
  .header_1_wrapper .header_logo_wrap .header-logo img { max-width:142px !important; }
  .tt-search-v2__grid { grid-template-columns:1fr !important; }
  .tt-search-card__image-wrap { height:225px !important; }
  .template-index .product-layouts,
  .template-collection .product-layouts { width:100% !important; }
  .template-index .product-image,
  .template-index .product-image a,
  .template-collection .product-image,
  .template-collection .product-image a { height:210px !important; min-height:210px !important; }
  .template-index .product-image img,
  .template-collection .product-image img { max-height:210px !important; }
}

/* ============================================================
   TECHTRONICS MOBILE V5 — Featured collection width/card repair
   Fixes legacy 90px section padding squeezing mobile home cards.
   Desktop remains unchanged.
   ============================================================ */
@media only screen and (max-width: 767px) {
  /* The original custom.css gives every featured collection 90px
     left/right padding. On a phone this collapses the carousel into
     a narrow center strip. Reset the section to the viewport width. */
  body.template-index .shopify-section.feature-collection,
  body.template-index .feature-collection {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 22px 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  body.template-index .feature-collection > .collection.page-width {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "title action"
      "products products" !important;
    column-gap: 10px !important;
    row-gap: 11px !important;
    align-items: center !important;
  }

  body.template-index .feature-collection .section-header {
    grid-area: title !important;
    width: auto !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.template-index .feature-collection .section-header .tt-title,
  body.template-index .feature-collection h2.tt-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  body.template-index .feature-collection .collection-btn {
    grid-area: action !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
    align-self: center !important;
  }

  body.template-index .feature-collection .collection-btn .btn {
    min-width: 86px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  body.template-index .feature-collection slider-component,
  body.template-index .feature-collection .slider-mobile-gutter {
    grid-area: products !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-index .feature-collection .slider-mobile-gutter {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.template-index .feature-collection .product-grid.owl-carousel,
  body.template-index .feature-collection .product-grid.owl-loaded,
  body.template-index .feature-collection .owl-stage-outer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-index .feature-collection .owl-stage-outer {
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.template-index .feature-collection .owl-stage {
    display: flex !important;
    align-items: stretch !important;
  }

  body.template-index .feature-collection .owl-item {
    min-width: 0 !important;
    display: flex !important;
    align-items: stretch !important;
  }

  body.template-index .feature-collection .owl-item > .grid-item,
  body.template-index .feature-collection .grid-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-index .feature-collection .product-layouts {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-index .feature-collection .product-wrapper {
    width: 100% !important;
    height: 100% !important;
    min-height: 310px !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #e1e6eb !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 9px rgba(28,45,65,.05) !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  body.template-index .feature-collection .thumbs.product-thumb {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  body.template-index .feature-collection .product-image,
  body.template-index .feature-collection .product-image a {
    width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.template-index .feature-collection .product-image img,
  body.template-index .feature-collection img.grid-view-item__image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 150px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.template-index .feature-collection .product-description {
    width: 100% !important;
    flex: 1 1 auto !important;
    padding: 9px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
  }

  body.template-index .feature-collection .grid-view-item__title,
  body.template-index .feature-collection .grid-view-item__title a {
    width: 100% !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 17.5px !important;
    font-weight: 600 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body.template-index .feature-collection .grid-view-item__meta {
    margin: 9px 0 10px !important;
    text-align: left !important;
  }

  body.template-index .feature-collection .grid-view-item__meta .money,
  body.template-index .feature-collection .product-price__price,
  body.template-index .feature-collection .product-price__price .money {
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
  }

  body.template-index .feature-collection .cart-qty,
  body.template-index .feature-collection .add_tocart,
  body.template-index .feature-collection .add_tocart form {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto 0 0 !important;
    float: none !important;
  }

  body.template-index .feature-collection .add_tocart .btn,
  body.template-index .feature-collection .add-cart-btn,
  body.template-index .feature-collection .add-cart-btn1 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 6px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
  }

  body.template-index .feature-collection .add_tocart .tooltip-label,
  body.template-index .feature-collection .add_tocart .add_cart,
  body.template-index .feature-collection .add_tocart .sold_cart {
    max-width: calc(100% - 28px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.template-index .feature-collection .owl-nav {
    display: none !important;
  }

  /* Give the home page a deliberate full-width mobile rhythm. */
  body.template-index .feature-collection + .shopify-section,
  body.template-index .shopify-section + .feature-collection {
    clear: both !important;
  }

  /* Services: reduce the oversized single-card feeling seen in V4. */
  body.template-index #ttcmsservices {
    margin: 14px 0 !important;
  }
  body.template-index #ttcmsservices .service {
    min-height: 92px !important;
    padding: 14px 12px !important;
  }
  body.template-index #ttcmsservices .service-title {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  body.template-index #ttcmsservices .service-desc {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  /* Back-to-top button should not dominate the phone screen. */
  #GotoTop {
    width: 48px !important;
    height: 48px !important;
    right: 14px !important;
    bottom: 16px !important;
    border-radius: 10px !important;
  }
}

@media only screen and (max-width: 389px) {
  body.template-index .feature-collection > .collection.page-width {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  body.template-index .feature-collection .section-header .tt-title,
  body.template-index .feature-collection h2.tt-title {
    font-size: 19px !important;
  }
  body.template-index .feature-collection .collection-btn .btn {
    min-width: 78px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 11px !important;
  }
  body.template-index .feature-collection .product-wrapper {
    min-height: 300px !important;
    padding: 9px !important;
  }
  body.template-index .feature-collection .product-image,
  body.template-index .feature-collection .product-image a {
    height: 138px !important;
    min-height: 138px !important;
  }
  body.template-index .feature-collection .product-image img,
  body.template-index .feature-collection img.grid-view-item__image {
    max-height: 138px !important;
  }
}
\n\n/* ============================================================\n   TECHTRONICS MOBILE V8 — SAFE VERTICAL FEATURED PRODUCT LISTS\n   Built directly on the last confirmed-good V5 baseline.\n   Desktop: original Owl carousel, untouched.\n   Mobile: independent compact vertical cards, no Owl reuse.\n   ============================================================ */\n\n/* Never expose the mobile-only list on desktop/tablet. */\n.tt-v8-mobile-products {\n  display: none;\n}\n\n@media only screen and (max-width: 767px) {\n  /* Keep the V5 section/header width repair, but replace only the product\n     presentation. We do not change Owl internals at all. */\n  body.template-index .feature-collection slider-component.slider-mobile-gutter {\n    display: none !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-products {\n    grid-area: products !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 10px !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n    box-sizing: border-box !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product {\n    display: grid !important;\n    grid-template-columns: 118px minmax(0, 1fr) !important;\n    gap: 13px !important;\n    align-items: center !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    min-height: 146px !important;\n    margin: 0 !important;\n    padding: 11px 12px !important;\n    background: #fff !important;\n    border: 1px solid #e1e6eb !important;\n    border-radius: 12px !important;\n    box-shadow: 0 2px 8px rgba(28,45,65,.05) !important;\n    box-sizing: border-box !important;\n    overflow: hidden !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__image {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 118px !important;\n    height: 118px !important;\n    min-width: 118px !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    background: #fff !important;\n    border: 0 !important;\n    overflow: hidden !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__image img {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: 118px !important;\n    max-height: 118px !important;\n    object-fit: contain !important;\n    object-position: center !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__body {\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: stretch !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    text-align: left !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__title {\n    display: -webkit-box !important;\n    -webkit-box-orient: vertical !important;\n    -webkit-line-clamp: 3 !important;\n    width: 100% !important;\n    max-height: 57px !important;\n    margin: 0 0 7px !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    color: #243e9b !important;\n    font-size: 14px !important;\n    line-height: 19px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    overflow-wrap: anywhere !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__price {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: baseline !important;\n    gap: 7px !important;\n    margin: 0 0 9px !important;\n    padding: 0 !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__current {\n    color: #f00 !important;\n    font-size: 20px !important;\n    line-height: 24px !important;\n    font-weight: 700 !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__compare {\n    color: #777 !important;\n    font-size: 12px !important;\n    line-height: 16px !important;\n    text-decoration: line-through !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__form {\n    display: block !important;\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__button {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-height: 38px !important;\n    margin: 0 !important;\n    padding: 8px 9px !important;\n    background: #f5f5f5 !important;\n    border: 0 !important;\n    border-radius: 8px !important;\n    color: #111 !important;\n    font-family: inherit !important;\n    font-size: 12px !important;\n    line-height: 18px !important;\n    font-weight: 400 !important;\n    text-align: center !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n    box-sizing: border-box !important;\n    cursor: pointer !important;\n  }\n\n  body.template-index .feature-collection .tt-v8-mobile-product__button--disabled {\n    color: #777 !important;\n    cursor: default !important;\n  }\n}\n\n@media only screen and (max-width: 389px) {\n  body.template-index .feature-collection .tt-v8-mobile-product {\n    grid-template-columns: 100px minmax(0, 1fr) !important;\n    gap: 11px !important;\n    min-height: 128px !important;\n    padding: 10px !important;\n  }\n  body.template-index .feature-collection .tt-v8-mobile-product__image {\n    width: 100px !important;\n    height: 100px !important;\n    min-width: 100px !important;\n  }\n  body.template-index .feature-collection .tt-v8-mobile-product__image img {\n    max-width: 100px !important;\n    max-height: 100px !important;\n  }\n  body.template-index .feature-collection .tt-v8-mobile-product__title {\n    font-size: 13px !important;\n    line-height: 17px !important;\n    max-height: 51px !important;\n  }\n  body.template-index .feature-collection .tt-v8-mobile-product__current {\n    font-size: 18px !important;\n    line-height: 22px !important;\n  }\n}\n