/* Color: Red */

body {
    background: #fff url('//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/BodyBg.gif') 50% 0 repeat-x;
    color: #3a3a3a;
}
a {
    color: #3a3a3a;
    font-weight: normal;
    text-decoration: underline;
}
a:hover {
    color: #e0001a;
}
h2 {
    color: #e0001a;
}
h3 {
    color: #e0001a;
}
h4 {
    color: #3a3a3a;
}
hr {
    background: #d1d1d1;
}


#TopMenu {
}
#TopMenu li a, #TopMenu li div {
    color: #3a3a3a;
}
#TopMenu li div a {
}
#TopMenu li a:hover {
    color: #e0001a;
}

#Menu {
}
#Menu li a {
    color: #fff;
    background: url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/navi_divider.gif) 0 50% no-repeat;
}
#Menu li:hover a, #Menu li.over a{
}
#Menu li ul li a {
    background-image: none;
    background-color: #e0001a;
}
#Menu li ul li a:hover {
    background-color: #b70306;
}


#Outer {
}
#Header {
}

#Logo {
    background: url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/bg_logo.gif) 0 0 no-repeat;
}
#Logo h1 {
    color: #3a3a3a;
}
#Logo h1 a {
    color: #3a3a3a;
}


#SearchForm {
    color: #6f6f6f;
}
#SearchForm label {
}
#SearchForm input.Textbox {
    background: #fafafa;
    border: 1px solid #d1d1d1;
    color: #3a3a3a;
}
#SearchForm a {
    color: #6f6f6f;
}
#SearchForm a:hover {
    color: #3a3a3a;
}


.Left {
}
.Left .Block {
    background: #fafafa;
    border: 1px solid #d1d1d1;
}
.Left .BlockContent {
}
.Left h2 {
    color: #fff;
    background: #3c3c3c url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/side_h2.gif) 0 0 no-repeat;
}
.Left h2 a {
    color: #fff;
}
.Left li {
    border-bottom: 1px solid #d1d1d1;
}
.Left li a {
}
.Left li a:hover {
}
.Left #SideCategoryList li ul {
    border-top: 1px solid #d1d1d1;
    border-bottom: 0;
}


.Content {
}
.Content a {
}
.Content.Wide {
}
.Content.Widest {
}


.Right {
}
.Right .Block {
    background: #fafafa;
    border: 1px solid #d1d1d1;
}
.Right .BlockContent {
}
.Right h2 {
    color: #fff;
    background: #3c3c3c url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/side_h2.gif) 0 0 no-repeat;
}
.Right h2 a {
    color: #fff;
}
.Right li {
    border-bottom: 1px solid #d1d1d1;
}
.Right li a {
}
.Right li a:hover {
}


#Footer {
    background: url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/bg_footer.gif) 0 0 no-repeat;
}
#Footer a {
}


.Content .ProductList li,
.fastCartContent .ProductList li {
    background: url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/ProductListBgBottom.gif) 100% 100% no-repeat;
}
.Content .ProductList li:hover,
.Content .ProductList li.Over,
.fastCartContent .ProductList li:hover,
.fastCartContent .ProductList li.Over {
}
.Content .ProductList .ProductImage {
    background: url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/ProductListBgTop.gif) 0 0 no-repeat;
}
.Content .ProductList .ProductDetails {
    background: url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/ProductListBgTop.gif) 100% 0 no-repeat;
}
.ProductList strong, .ProductList strong a {
    color: #3a3a3a;
}
.ProductList strong a:hover {
    color: #e0001a;
}
.ProductPrice, .ProductList em {
    color: #e0001a;
}
.ProductList .Rating {
    color: #7e7e7e;
}
.Content .FeaturedProducts .ProductList li {
}
.Content .FeaturedProducts .ProductList li:hover, .Content .FeaturedProducts .ProductList li.Over {
}



.Left .TopSellers li .TopSellerNumber, .Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
    color: #e0001a;
}
.Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 { /* No1 seller box */
    background: #fff url(//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/bg_topseller.gif) 6px 130px no-repeat;
    border: 1px solid #d1d1d1;
}
.Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {
}


.Breadcrumb {
    border-bottom: 1px solid #d1d1d1;
}


.NewsletterSubscription input {
    background: #eee;
    border: 1px solid #d1d1d1;
}


.CompareItem { width:200px; border-left: solid 1px #d1d1d1; }
.CompareFieldName { font-weight:bold; border-bottom: 1px solid #eee; }
.CompareFieldTop { border-bottom:solid 1px #eee; }
.CompareFieldTop a:hover { color:#e0001a; }
.CompareCenter { border-left:solid 1px #d1d1d1; border-bottom:solid 1px #eee; }
.CompareLeft { border-left:solid 1px #d1d1d1; border-bottom:solid 1px #eee; }


/* Quick Search */
.QuickSearch { background: #fff; border: 1px solid #d1d1d1; }
.QuickSearchResultNoImage { color: #7e7e7e; }
.QuickSearchHover td{ background: #eee; }
.QuickSearchAllResults a { background: url('//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/QuickSearchAllResultsButton.gif') no-repeat right; }


table.CartContents, table.General {
    border: 1px solid #d1d1d1;
    background: #fff;
}
.CartContents thead tr th, table.General thead tr th {
    background: #eee;
    color: #3a3a3a;
    border-bottom: 1px solid #d1d1d1;
}
.CartContents tfoot .SubTotal td {
    border-top: 1px solid #eee;
    color: #3a3a3a;
}
/* General Tables */
table.General tbody tr td {
    border-top: 1px solid #d1d1d1;
}


.Right .SideCart p {
    color: #3a3a3a;
}
.ViewCartLink {
    background: url('//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/Cart.gif') no-repeat 8px 4px;
}
.MiniCart h3 {
    color: #3a3a3a;
    font-size: 1.4em;
}
.MiniCart .SubTotal {
    color: #e0001a;
}
.JustAddedProduct {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.JustAddedProduct strong, .JustAddedProduct a {
    color: #3a3a3a;
    text-decoration: none;
}
.JustAddedProduct a:hover {
    text-decoration: underline;
}


.CategoryPagination {
    color: #3a3a3a;
    background: #eee;
    border: 1px solid #d1d1d1;
}


.CheckoutRedeemCoupon {
    background: #eee;
    border: 1px solid #d1d1d1;
}


.SubCategoryList, .SubBrandList {
    background: #eee;
    border: 1px solid #d1d1d1;
}


.InfoMessage {
    background: #eee url('//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/InfoMessage.gif') no-repeat 5px 8px;
    color: #7e7e7e;
    border: 1px solid #d1d1d1;
}
.SpecificInfoMessage {
    color: #7e7e7e;
    background-color: #f8e4d1;
    border: 1px solid #d1d1d1;
}
.SuccessMessage {
    background: #eee url('//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/SuccessMessage.gif') no-repeat 5px 8px;
    color: #7e7e7e;
    border: 1px solid #d1d1d1;
}
.ErrorMessage {
    background: #eee url('//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/ErrorMessage.gif') no-repeat 5px 8px;
    color: #7e7e7e;
    border: 1px solid #d1d1d1;
}

.ComparisonTable {
    background: #fff;
}
.ComparisonTable tr:hover td, .ComparisonTable tr.Over td {
    background: #eee;
}


/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
    border: 1px solid #d1d1d1;
    background: #eee;
}


/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    background: #dadada;
    color: #3a3a3a;
}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
    background: #eee;
    color: #7e7e7e;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    color: #7e7e7e;
}


/* Tabbed Navigation */
.TabNav {
    border-bottom: 1px solid #d1d1d1;
}
.TabNav li a {
    border: 1px solid #d1d1d1;
    background: #fff;
}
.TabNav li a:hover {
    background-color: #eee;
}
.TabNav li.Active a {
    border-bottom: 1px solid #fff;
    background: #eee;
}



.CreateAccount {
    border-right: 1px solid #d1d1d1;
}
.Required, .DownloadExpiresToday {
    color: #e0001a;
}
.SortBox, .SortBox option {
    color: #3a3a3a;
}
.SearchTips .Examples  {
    background: #eee;
    border: 1px solid #d1d1d1;
    color: #3a3a3a;
}
.Meta, .Availability, .LittleNote, .LittleNotePassword, .DownloadExpires, .SoldOut, small, .CartContents .CartProductFieldsLink, .WrappingOptions, .TransitTime  {
    color: #a5a5a5;
}
.CurrencyList dd {
    border: 1px solid #d1d1d1;
    background-color: #fff;
}
.CurrencyList a.Sel {
    background-color: #eee;
}
#TopMenu li.Flag img.Selected {
    border: 2px solid #d1d1d1;
}
.SharePublicWishList {
    background-color:#eee;
    border:1px solid #d1d1d1;
}
.OrderItemMessage {
    background: #eee;
}

.PrimaryProductDetails .ProductThumb {
    background: #fff;
    border: 1px solid #d1d1d1;
}


/* Product Videos */

#VideoContainer {
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.currentVideo {
    background-color: #efefef;
}

.videoRow:hover {
    background-color: #efefef;
}

.CartContents .ItemShipping th {
    border-bottom-color: #d1d1d1;
    border-top-color: #d1d1d1;
    background: #eee;
    color: #3a3a3a;
}

/* Category flyout styles (theme) */

/* Child menu items, does not include the always-showing root level */
#SideCategoryList .sf-menu li ul li {
}

/* Root menu item when expanded */
#SideCategoryList .sf-menu .sfHover a,
/* Child menu item links */
#SideCategoryList .sf-menu li ul a {
    background-color: #eee;
    color: #3a3a3a;
}

/* Parent menu items of a child being hovered (not including root-level items) */
#SideCategoryList .sf-menu li ul li:hover > a,
/* Child menu item while hovering */
#SideCategoryList .sf-menu li ul a:focus,
#SideCategoryList .sf-menu li ul a:hover,
#SideCategoryList .sf-menu li ul a:active {
    background-color: #eee;
    color: #e0001a;
}

#SideCategoryList .sf-sub-indicator {
    background-image:  url('//cdn10.bigcommerce.com/r-f7d6223ff74b9b0d86d6920aec759f36aac4868f/themes/Bargains/images/red/arrows-dark.png');
}

/* End: category flyout styles */

/* start fast cart styles */
#fastCartContainer {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
}
.fastCartContent h2 {
    color: #009E0F;
    background-color:transparent;
}
.fastCartContent h3 {
    color: #BB6F21;
    background-color:transparent;
}
.fastCartSummaryBox {
    background-color: #DDFEDA;
}
.fastCartContent .fastCartTop a,
.fastCartContent .ProductList .ProductDetails a {
    color: #075899;
}
.fastCartContent .ProductPrice,
.fastCartContent .ProductList em {
    color: #800000;
}
.fastCartContent .Quantity {
    color: #828DB3;
}
.fastCartContent p {
    color: #444444;
}
.fastCartContent .ProductList li {
    background-color: #FFF;
}
/* end fast cart styles */



/* ===== SIDEBAR REDESIGN (ACTUAL SELECTOR) ===== */

.category-list {
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 10px;
}

/* Main links */
.category-list > li > a {
    font-size: 14px !important;
    display: block;
    padding: 10px;
    color: #333;
    border-radius: 6px;
    transition: all 0.2s ease;
}

/* Hover effect */
.category-list > li > a:hover {
    background: #f2f2f2;
    color: #cc0000;
    padding-left: 16px;
}

/* Subcategory links */
.category-list li ul li a {
    font-size: 14px !important;
    padding-left: 14px;
    color: #555;
}

/* Spacing */
.category-list li {
    margin-bottom: 4px;
}

.category-list li ul li a {
    text-align: left !important;
    padding-left: 6px !important;
}


.category-list > li > a {
    text-align: left !important;
    padding-left: 0 !important;
}

.category-list {
    padding-left: 0 !important;
    margin-left: 0 !important;
}


.category-list > li > a {
    font-weight: 700;
}

.category-list li ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.category-list li ul li a {
    padding-left: 0 !important;
}


.HeaderLogo {
    width: 100%;
}

.HeaderLogo img {
    max-width: 100%;
}

/* Clean header background only */
#Header {
    background: #ffffff !important;
    background-image: none !important;
}

/* New stuff below */


/* ===== FULL COLOR SYSTEM ===== */

/* Body */
body {
    background: #ffffff;
    color: #222;
}

/* Header */
#Header {
    background: #ffffff !important;
    border-bottom: 1px solid #eee;
}

/* NAV BAR (BLUE) */
#Menu {
    background: #007c9e !important;
    width: 100%;
}

/* Menu links */
#Menu li a {
    color: #ffffff !important;
    font-weight: 500;
    padding: 12px 18px;
    display: inline-block;
    background: none !important;
}

/* Menu hover */
#Menu li a:hover {
    background: #005f7a !important;
    color: #ffffff !important;
}

/* Links (general) */
a {
    color: #007c9e;
}

a:hover {
    color: #005f7a;
}

/* Buttons (RED for action) */
.button,
.btn,
input[type="submit"],
.ProductActionAdd a {
    background: #cc0000 !important;
    color: #ffffff !important;
    border: none;
    padding: 10px 15px;
    text-decoration: none;
}

/* Button hover */
.button:hover,
.btn:hover,
input[type="submit"]:hover,
.ProductActionAdd a:hover {
    background: #a80000 !important;
}

/* Sidebar */
.Left {
    background: #ffffff;
}

/* Product titles */
.ProductDetails a {
    color: #222;
}

/* Prices */
.ProductPriceRating em {
    color: #cc0000;
    font-weight: bold;
}

/* Fix product button spacing */
.ProductActionAdd {
    margin-top: 10px;
}

/* Make buttons fit better */
.ProductActionAdd a {
    display: inline-block;
    padding: 8px 12px !important;
    font-size: 13px;
}

/* Add spacing between product elements */
.ProductDetails {
    margin-bottom: 5px;
}

.ProductPriceRating {
    margin-bottom: 5px;
}

/* Add New Stuff Here */


#MobileMenu {
  display: none;
}

/* =========================
   MOBILE OVERHAUL Always at bottom
========================= */
@media (max-width: 768px) {

  /* GLOBAL RESET */
  body {
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 0 10px !important;
  }

 

  /* FULL WIDTH LAYOUT */
  #LayoutColumn1,
  #LayoutColumn2 {
    width: 100% !important;
    float: none !important;
  }

  /* PRODUCT GRID → SINGLE COLUMN */
  .ProductList {
    display: block !important;
  }

  .ProductList .Product {
    width: 100% !important;
    float: none !important;
    margin-bottom: 25px !important;
    padding: 10px !important;
    border: 1px solid #eee;
    border-radius: 6px;
  }

  /* PRODUCT IMAGES */
  .ProductList img {
    width: 100% !important;
    height: auto !important;
  }

  /* PRODUCT TITLES */
  .ProductName {
    font-size: 18px !important;
    margin: 10px 0 !important;
  }

  /* PRICE */
  .ProductPrice {
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 10px;
  }

  /* BUTTONS (BIG + THUMB FRIENDLY) */
  .ProductActionAdd a,
  .btn,
  input[type="submit"] {
    display: block !important;
    width: 100% !important;
    font-size: 16px !important;
    padding: 14px !important;
    background: #cc0000;
    color: #fff !important;
    text-align: center;
    border-radius: 4px;
    margin-top: 10px;
  }

  /* TOP NAV → STACK */
 

  /* HEADER CLEANUP */
  #Header {
    text-align: center;
  }

  #Header img {
    max-width: 180px;
  }

}


#MobileMenuToggle {
  display: none;
  background: #008c99;
  color: #fff;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
}

#MobileMenu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

#MobileMenu li a {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
}

@media (max-width: 768px) {
  #MobileMenuToggle {
    display: block;
  }
}

@media screen and (max-width: 768px) {

    /* Hide left sidebar */
    #Left, .Left, #SideCategoryList {
        display: none !important;
    }

    /* Full width layout */
    .Content {
        width: 100% !important;
        margin: 0 !important;
    }

    .ProductList {
        width: 100% !important;
    }

    /* Stack products */
    .ProductList .Product {
        width: 100% !important;
        float: none !important;
        padding: 10px !important;
    }

    /* 🔥 MAKE TEXT BIGGER */
    body {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3 { font-size: 18px !important; }

    a, p, span {
        font-size: 16px !important;
    }

    /* Bigger product titles + prices */
    .ProductList h4 {
        font-size: 16px !important;
    }

    .ProductPrice {
        font-size: 18px !important;
        font-weight: bold;
    }

    /* Bigger buttons */
    .btn, input[type="submit"] {
        font-size: 16px !important;
        padding: 12px !important;
    }

}


@media screen and (max-width: 768px) {

    .ProductList .Product,
    .ProductList li {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

}

@media screen and (max-width: 768px) {

    /* Hide BOTH sidebars */
    #Left, .Left, #SideCategoryList,
    #Right, .Right {
        display: none !important;
    }

    /* Let main content breathe */
    #Container, #Content, .Content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }

    /* Fix product grid stacking */
    .ProductList li {
        width: 100% !important;
        float: none !important;
    }
}


@media screen and (max-width: 768px) {

    /* Force everything to fit screen */
    html, body {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Main layout containers */
    #Container,
    #Outer,
    #Wrapper,
    #Content,
    .Content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 10px !important;
    }

    /* Kill any float-based columns */
    #Left, #Right {
        display: none !important;
    }

    /* Fix product grid */
    .ProductList li {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
    }

    /* Prevent images from blowing out layout */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}
@media screen and (max-width: 768px) {

    /* 🔥 NUCLEAR WIDTH RESET */
    #Outer,
    #Container,
    #Wrapper,
    #LayoutColumn1,
    #LayoutColumn2,
    #Content,
    .Content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 10px !important;
        float: none !important;
    }

    /* 🔥 FORCE NO SIDE SCROLL EVER */
    html, body {
        overflow-x: hidden !important;
    }

    /* 🔥 KILL RIGHT SIDEBAR (THIS IS STILL HITTING YOU) */
    #Right,
    .Right {
        display: none !important;
    }

    /* 🔥 FIX ANY FLOAT LEFTOVERS */
    * {
        box-sizing: border-box;
    }

}

@media screen and (max-width: 768px) {

    /* ✅ FULL WIDTH BUT NOT CRAMPED */
    body {
        padding: 0 !important;
    }

    #Outer,
    #Container,
    #Wrapper,
    #Content,
    .Content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important; /* give breathing room */
    }

    /* ✅ FIX LOGO (LET IT SCALE NATURALLY) */
    #Header img,
    .HeaderLogo img {
        max-width: 100% !important;
        height: auto !important;
    }

   

    /* STACK MENU NICELY */
    #Menu li {
        display: block !important;
        width: 100% !important;
    }

    #Menu li a {
        display: block !important;
        padding: 12px !important;
    }

    /* ✅ STILL HIDE SIDEBARS */
    #Left, .Left,
    #Right, .Right {
        display: none !important;
    }

    /* ✅ PRODUCT FULL WIDTH */
    .ProductList li,
    .ProductList .Product {
        width: 100% !important;
        float: none !important;
    }

    /* ✅ NO SIDE SCROLL */
    html, body {
        overflow-x: hidden !important;
    }
}


@media screen and (max-width: 768px) {

    /* 🔥 FORCE HEADER FULL WIDTH */
    #Header,
    #Logo,
    .HeaderLogo {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        padding: 10px 10px !important;
    }

    /* 🔥 FIX LOGO CUT OFF */
    #Header img,
    .HeaderLogo img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        display: inline-block !important;
    }

    /* 🔥 FORCE MENU TO SHOW (OVERRIDE EVERYTHING) */
    #Menu,
    #Menu ul {
        display: block !important;
        width: 100% !important;
    }

    /* 🔥 STACK MENU ITEMS */
    #Menu ul {
        padding: 0 !important;
        margin: 0 !important;
    }

    #Menu li {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    #Menu li a {
        display: block !important;
        width: 100% !important;
        padding: 14px !important;
        text-align: left !important;
    }




    /* 🔥 KILL BROKEN MOBILE MENU SYSTEM */
 
   #MobileMenuToggle,
    #MobileMenu {
        display: none !important;
    }




}

@media screen and (max-width: 768px) {

    /* Fix floating cart/header bar */
    .TopMenu,
    #TopMenu,
    .CartLink,
    .HeaderSecondary {
        position: static !important;
        width: 100% !important;
        z-index: auto !important;
    }

}

@media screen and (max-width: 768px) {

    a[href*="cart"],
    a[href*="checkout"] {
        position: static !important;
    }

}
/* Fix overlapping header/menu layers */
#Header,
#Menu,
#MobileMenu,
#MobileMenuToggle {
    position: relative;
    z-index: 1;
}

/* Make sure content sits ABOVE weird overlays */
#Container,
#Outer,
.Content,
#Wrapper {
    position: relative;
    z-index: 2;
}

/* Prevent invisible blocks from covering content */
#Menu *,
#Header * {
    pointer-events: auto;
}



/* Prevent horizontal overflow */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Fix cart + content width */
#Outer,
#Container,
.Content,
#Wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

#Footer {
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 10px !important;
    box-sizing: border-box;
}

/* Fix images like credit cards */
#Footer img {
    max-width: 100% !important;
    height: auto !important;
}

/* Make cart tables responsive */
.CartContents,
.CartContents table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

/* Prevent cells from blowing out width */
.CartContents td,
.CartContents th {
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
}

/* Fix product name column (usually the worst offender) */
.CartContents td a {
    word-break: break-word;
    display: block;
}

/* Prevent images from forcing width */
.CartContents img {
    max-width: 100%;
    height: auto;
}

/* MOBILE CART FIX (SAFE VERSION) */
@media screen and (max-width: 768px) {

    /* ONLY affect cart page table */
    table.CartContents {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
    }

    /* Keep columns from collapsing weirdly */
    table.CartContents td,
    table.CartContents th {
        white-space: nowrap !important;
    }

    /* Allow product names to wrap normally */
    table.CartContents td a {
        white-space: normal !important;
        word-break: normal !important;
    }

    /* Prevent ultra skinny columns */
    table.CartContents td {
        min-width: 80px;
    }

    /* Fix qty box */
    table.CartContents input[type="text"] {
        width: 50px;
    }

    /* Checkout button */
    .ProceedToCheckout {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/* ===== ADJUST COLUMN WIDTHS (DESKTOP ONLY) ===== */
@media screen and (min-width: 769px) {

    #Left, .Left {
        width: 18% !important;   /* was ~20–25% */
        float: left !important;
    }

    #Content, .Content {
        width: 80% !important;   /* give center more room */
        float: right !important;
    }
}

.ProductList .Product {
    width: 100% !important;
    float: none !important;
}

/* ===== KILL 3RD COLUMN + FIX GRID ===== */

/* Reset the product list container */
.ProductList {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important; /* clears floats */
}

/* Force products into clean layout */
.ProductList li {
    width: 48% !important;       /* 2 columns */
    float: left !important;
    margin-right: 2% !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* Remove margin on every 2nd item */
.ProductList li:nth-child(2n) {
    margin-right: 0 !important;
    clear: right !important;
}

/* 🔥 THIS LINE KILLS THE “3RD COLUMN DROP” */
.ProductList li:nth-child(3n) {
    clear: none !important;
}

/* ===== HARD RESET PRODUCT GRID (NUCLEAR FIX) ===== */

/* Step 1: Kill all float/grid behavior */
.ProductList,
.ProductList ul {
    display: block !important;
    width: 100% !important;
}

.ProductList li,
.ProductList .Product {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    display: block !important;
    margin: 0 0 20px 0 !important;
}

/* Step 2: OPTIONAL – rebuild as 2 columns cleanly */
@media screen and (min-width: 769px) {

    .ProductList li,
    .ProductList .Product {
        width: 48% !important;
        float: left !important;
        margin-right: 2% !important;
    }

    .ProductList li:nth-child(2n),
    .ProductList .Product:nth-child(2n) {
        margin-right: 0 !important;
    }

    /* 🔥 DESTROY any old 3-column rules */
    .ProductList li:nth-child(3n),
    .ProductList .Product:nth-child(3n) {
        clear: none !important;
        margin-right: 2% !important;
    }
}

/* ===== FIX PAGINATION BREAKING LAYOUT ===== */

/* Contain pagination width */
.CategoryPagination,
.PagingList {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box;
}

/* Stop floating elements from stretching layout */
.CategoryPagination *,
.PagingList * {
    max-width: 100% !important;
    white-space: normal !important;
}

/* Kill float chaos inside pagination */
.CategoryPagination .FloatRight,
.CategoryPagination .FloatLeft {
    float: none !important;
    display: inline-block !important;
}

/* Center it nicely */
.CategoryPagination {
    text-align: center !important;
}

/* Prevent ANY element from stretching layout */
#Container {
    overflow: hidden !important;
}

/* ===== FIX 3-COLUMN LAYOUT BREAK ===== */

@media screen and (min-width: 769px) {

    #Left, .Left {
        width: 18% !important;
        float: left !important;
    }

    #Right, .Right {
        width: 20% !important;
        float: right !important;
    }

    #Content, .Content {
        width: 60% !important;
        float: left !important;
    }
}
/* ===== FIX 3-COLUMN 3 Killer ===== */
#Right, .Right {
    display: none !important;
}

#Content {
    width: 80% !important;
}


/* ===== CENTER MAIN LAYOUT ===== */

#Container,
#Outer,
#Wrapper {
    max-width: 1100px !important;   /* controls total width */
    margin: 0 auto !important;      /* centers it */
    float: none !important;
}

/* ===== MOBILE CART FIX (NO SIDE SCROLL) ===== */
@media screen and (max-width: 768px) {

    /* Kill horizontal scroll */
    .CartContents,
    .CartContents table {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    /* Stack rows like cards */
    .CartContents tbody tr {
        display: block !important;
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 10px;
        background: #fff;
    }

    /* Stack cells */
    .CartContents td {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 5px 0 !important;
        border: none !important;
        white-space: normal !important;
    }

    /* Fix product name wrapping */
    .CartContents td a {
        display: block;
        white-space: normal !important;
        word-break: break-word;
        font-size: 16px;
    }

    /* Make image behave */
    .CartContents img {
        max-width: 80px;
        height: auto;
        margin-bottom: 10px;
    }

    /* Quantity input full width */
    .CartContents input[type="text"] {
        width: 100% !important;
        max-width: 80px;
    }

    /* Make headers disappear (they don't work in stacked mode) */
    .CartContents thead {
        display: none !important;
    }

    /* Checkout button nice and big */
    .ProceedToCheckout {
        width: 100% !important;
        display: block;
        text-align: center;
        margin-top: 15px;
    }
}


/* New Stuff today 4-13-2026 */


@media screen and (max-width: 768px) {

    /* Grab sitemap link from footer */
    #Footer p {
        display: flex;
        flex-direction: column;
    }

    /* Move sitemap link to top */
    #Footer p a[href*="sitemap"] {
        order: -1;
        display: block;
        text-align: center;
        padding: 10px;
        background: #007c9e;
        color: #fff !important;
        margin-bottom: 10px;
        text-decoration: none;
    }

}



/*🔥 New Stuff today 4-14-2026 */




@media screen and (max-width: 768px) {

    /* Hide the blue menu bar */
    #TopMenu,
    .TopMenu,
    #Menu,
    .menu {
        display: none !important;
    }

}



/* Hide on desktop */
.mobile-sitemap-dropdown {
    display: none;
}

/* Mobile only */
@media screen and (max-width: 768px) {

    .mobile-sitemap-dropdown {
        display: block;
        padding: 10px;
    }

    .mobile-sitemap-dropdown select {
        width: 100%;
        padding: 12px;
        font-size: 16px;
    }

    /* Hide blue menu */
    #TopMenu,
    .TopMenu,
    #Menu,
    .menu {
        display: none !important;
    }

    /* Hide hamburger */
    #MobileMenuToggle {
        display: none !important;
    }
}

   /* ===== BIGGER MOBILE NAV DROPDOWN ===== */
@media screen and (max-width: 768px) {

    #MobileNavDropdown {
        padding: 15px !important;
    }

    #MobileNavDropdown select {
        width: 100% !important;
        padding: 18px !important;     /* 🔥 taller */
        font-size: 18px !important;   /* 🔥 bigger text */
        border-radius: 10px !important;
        border: 2px solid #ccc !important;
        background: #fff !important;
    }
}





#MobileNavDropdown select {
    background: #f8f8f8 !important;
    border: 2px solid #ddd !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}



#CartBar a {
    display: inline-block;
    background: #cc0000;
    color: #fff !important;
    padding: 8px 14px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 4px;
    white-space: nowrap;
}

#CartBar {
    text-align: center;
}



.CartCount {
    background: none;
    color: #fff;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid rgba(255,255,255,0.5);
}




#CartBar {
    display: none;
}

@media screen and (max-width: 768px) {
    #CartBar {
        display: block;
        text-align: center;
    }
}




/* DESKTOP CHECKOUT BUTTON */
@media screen and (min-width: 769px) {

    input[value*="Checkout"],
    input[value*="Proceed"] {
        background: #cc0000 !important;
        color: #fff !important;
        font-size: 18px !important;
        padding: 12px 20px !important;
        border-radius: 5px !important;
        border: none !important;
        font-weight: bold;
        display: inline-block;
        min-width: 260px;
    }

}

/* ALIGN RIGHT SIDE ACTIONS */
.CartSummary,
.CartTotal {
    text-align: right;
}


/* TOTALS EMPHASIS */
.CartSummary strong,
.CartTotal strong {
    font-size: 16px;
}

.CartSummary {
    margin-top: 15px;
}



/* CHECKOUT SECTION BOX */
.CartSummary {
    border-top: 2px solid #ddd;
    padding-top: 15px;
}




/* PAYPAL LESS DOMINANT */
.PayPalExpressCheckout {
    margin-top: 10px;
    opacity: 0.9;
}



/* SHIPPING ESTIMATE BOX FIX */
.EstimateShipping,
#EstimateShipping {

    padding: 10px;
}

.EstimateShipping label,
#EstimateShipping label {
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
}

.EstimateShipping select,
.EstimateShipping input,
#EstimateShipping select,
#EstimateShipping input {

    width: 100%;
    max-width: 250px;
    padding: 6px;
    margin-bottom: 10px;
    box-sizing: border-box;
}



/* FORCE CLEAN STACKING */
.EstimateShipping p,
#EstimateShipping p {
    display: block;
    margin-bottom: 10px;
}



/* CLEAN BUTTON */
.EstimateShipping input[type="submit"] {
    background: #cc0000;
    color: #fff;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
}

/* SHIPPING BOX FONT SIZE TUNE */
.EstimateShipping,
#EstimateShipping {
    font-size: 13px;
}

.EstimateShipping label,
#EstimateShipping label {
    font-size: 12px;
    margin-bottom: 2px;
}

.EstimateShipping input,
.EstimateShipping select,
#EstimateShipping input,
#EstimateShipping select {
    font-size: 13px;
    padding: 5px;
}






/* REDUCE EXTRA SPACE */
.EstimateShipping p,
#EstimateShipping p {
    margin-bottom: 6px;
}




/* SUBTLE BACKGROUND */
.EstimateShipping,
#EstimateShipping {
    background: #f9f9f9;
    border: 1px solid #ddd;
}



/* NEW STUFF BELOW on 4-15-2026 */

.EstimatedShippingMethods input[type="radio"] {
    display: none;
}

/* NEW STUFF BELOW on 4-15-2026 2 */


@media screen and (max-width: 768px) {

    /* HIDE CART BUTTON WHEN EMPTY */
    #CartBar:has(.CartCount:contains("0")) {
        display: none !important;
    }

}


 /* NEW STUFF 4-20-26 */

/* ===== FLOATING SEARCH RESULTS PANEL ===== */
@media screen and (max-width: 768px) {

    /* Target the search suggestions/dropdown container */
    .QuickSearch,
    .QuickSearchResults,
    .search-suggestion,
    #SearchForm .dropdown-menu {
        
        position: fixed !important;
        top: 110px; /* adjust based on your header height */
        left: 10px;
        right: 10px;
        
        background: #ffffff !important;
        border-radius: 8px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.2);
        
        z-index: 99999 !important;
        max-height: 60vh;
        overflow-y: auto;
        padding: 10px;
    }

    /* Make sure NOTHING can sit above it */
    #MobileNavDropdown,
    .navPages,
    .header,
    .Header,
    .navigation {
        z-index: 1 !important;
    }
}



 /* NEW STUFF 4-20-26 - 2 */


@media screen and (max-width: 768px) {

    .QuickSearch,
    .QuickSearchResults,
    .search-suggestion,
    #SearchForm .dropdown-menu {

        position: fixed !important;
        top: 100px; /* tweak if needed */
        left: 8px;
        right: 8px;

        background: #ffffff !important;
        border-radius: 10px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.25);

        z-index: 99999 !important;

        max-height: 65vh;
        overflow-y: auto;

        padding: 8px 0;

        /* 👇 subtle entrance animation */
        transform: translateY(-8px);
        opacity: 0;
        animation: searchDrop 0.2s ease forwards;
    }

    @keyframes searchDrop {
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    /* Clean up each result row */
    .QuickSearchResults li,
    .search-suggestion li {
        padding: 12px 16px;
        border-bottom: 1px solid #eee;
        font-size: 16px;
    }

    .QuickSearchResults li:last-child {
        border-bottom: none;
    }

    /* Hover / tap feel */
    .QuickSearchResults li:hover {
        background: #f5f5f5;
    }
}


body.search-active::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 99998;
}






/* Modern Checkout Button */
.CheckoutBtnLink {
    text-decoration: none;
}

.CheckoutBtn {
    display: inline-block;
    background: #cc0000;
    color: #fff;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
}

.CheckoutBtn:hover {
    background: #a80000;
}


/* Product card layout fix */


.ProductList .ProductDetails {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Kill the full-width monster */
.ProductList .ProductActionAdd a,
.ProductList .ProductAddToCart a {
    display: inline-block !important;
    width: auto !important;
    padding: 10px 16px !important;
    font-size: 14px;
    border-radius: 6px;
}

/* Push button to the right */
.ProductList .ProductActionAdd,
.ProductList .ProductAddToCart {
    margin-left: auto;
}






/* Hide the old image inside the button */


/* Kill the image visually but keep button functional */
.ProductDetailsGrid input[type="image"] {
    background: #cc0000 !important;
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    cursor: pointer;

    /* THIS is the key */
    appearance: none;
    -webkit-appearance: none;

    /* Remove image rendering */
    background-image: none !important;
}

/* Force hide the actual image */
.ProductDetailsGrid input[type="image"]::-webkit-file-upload-button {
    visibility: hidden;
}

/* Add clean text */
.ProductDetailsGrid input[type="image"]::before {
    content: "Add To Cart";
    color: #fff;
    font-weight: bold;
}





/* Kill the old image button */
/* ONLY hide product page image buttons */
.ProductDetailsGrid input[type="image"] {
    display: none !important;
}

/* BUT allow login + account forms */
#LoginForm input[type="image"],
#CreateAccountForm input[type="image"] {
    display: inline-block !important;
}


.ProductDetailsGrid .AddCartButton,
.ProductDetailsGrid input[type="image"],
.ProductDetailsGrid button {
    margin-left: 10px;
}




/* ===== FIX BULK DISCOUNT POPUP ON MOBILE ===== */
@media screen and (max-width: 768px) {

    .modal,
    .modal-content,
    .BulkDiscount,
    .bulk-discount,
    .reveal-modal {
        width: 90% !important;
        max-width: 90% !important;
        left: 5% !important;
        right: 5% !important;
        margin: 0 auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    /* Prevent content overflow */
    .modal * {
        max-width: 100% !important;
    }

    /* Fix text overflow */
    .modal p,
    .modal div {
        word-wrap: break-word;
    }
}



/* ===== FORCE ALL POPUPS TO FIT MOBILE ===== */
@media screen and (max-width: 768px) {

    /* Catch BigCommerce modal containers */
    body .modal,
    body .modal-content,
    body .reveal,
    body .reveal-modal,
    body .modal-dialog {

        position: fixed !important;
        top: 50% !important;
        left: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: 92% !important;
        max-width: 92% !important;

        height: auto !important;
        max-height: 85vh !important;

        overflow-y: auto !important;

        padding: 15px !important;
        box-sizing: border-box !important;
    }

    /* Fix inner content blowing it up */
    body .modal * {
        max-width: 100% !important;
    }

}


/* ===== FIX BULK DISCOUNT MODAL (CONFIRMED TARGET) ===== */
@media screen and (max-width: 768px) {

    #ModalContainer {

        width: 92% !important;
        max-width: 92% !important;

        left: 50% !important;
        margin-left: 0 !important;

        transform: translateX(-50%) !important;

        top: 10% !important;

        max-height: 80vh !important;
        overflow-y: auto !important;

        padding: 15px !important;
        box-sizing: border-box !important;
    }

    /* Clean up inner spacing */
    #ModalContentContainer {
        padding: 10px !important;
    }

    /* Prevent text overflow */
    #ModalContainer * {
        max-width: 100% !important;
        word-wrap: break-word;
    }
}







/* CHANGES 4-21-2026 */

@media screen and (max-width: 768px) {

    /* TARGET ONLY ACCOUNT / CREATE FORM */
    #CreateAccountForm,
    form[action*="createaccount"],
    form[action*="account"] {

        width: 100% !important;
    }

    /* Stack layout ONLY inside that form */
    #CreateAccountForm dl,
    form[action*="createaccount"] dl,
    form[action*="account"] dl {
        display: block !important;
        width: 100% !important;
    }

    #CreateAccountForm dt,
    #CreateAccountForm dd,
    form[action*="createaccount"] dt,
    form[action*="createaccount"] dd,
    form[action*="account"] dt,
    form[action*="account"] dd {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 0 0 8px 0 !important;
        text-align: left !important;
    }

    /* Inputs only in this form */
    #CreateAccountForm input[type="text"],
    #CreateAccountForm input[type="password"],
    #CreateAccountForm input[type="email"],
    #CreateAccountForm select {
        width: 100% !important;
        box-sizing: border-box;
        font-size: 16px !important;
    }

    /* Fix tiny ZIP field ONLY here */
    #CreateAccountForm input[name*="zip"],
    #CreateAccountForm input[name*="postcode"] {
        width: 100% !important;
    }

    /* Button ONLY in this form */
    #CreateAccountForm input[type="submit"],
    #CreateAccountForm button[type="submit"] {
        width: 100% !important;
        font-size: 18px;
        padding: 12px;
    }

    /* CAPTCHA tweak */
    #CreateAccountForm .g-recaptcha {
        transform: scale(0.9);
        transform-origin: left;
        margin-bottom: 15px;
    }
}


@media screen and (max-width: 768px) {

    /* ONLY the create account button */
    #form[action*="createaccount"] input[type="submit"] {
        display: block;
        width: 100%;
        margin: 20px auto;   /* centers it */
        text-align: center;
        font-size: 18px;
        padding: 12px;
    }

}


@media screen and (max-width: 768px) {

    /* Nuke any float or alignment weirdness */
    #CreateAccountForm input[type="submit"],
    #CreateAccountForm button,
    #CreateAccountForm .btn,
    #CreateAccountForm .Button {

        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        margin: 20px 0 !important;
        float: none !important;

        text-align: center !important;
        box-sizing: border-box;
    }

}


#CreateAccountForm {
    text-align: left !important;
}




@media screen and (max-width: 768px) {

    #CreateAccountForm input[type="submit"],
    #CreateAccountForm button {

        font-size: 20px !important;     /* bigger text */
        padding: 16px !important;       /* thicker button */
        height: auto !important;        /* override any fixed height */
        line-height: 1.2 !important;

        border-radius: 6px;             /* optional: smoother edges */
    }

}



@media screen and (max-width: 768px) {

    /* Make the button container full width */
    #CreateAccountForm dd {
        width: 100% !important;
    }

    /* Make sure nothing inside restricts it */
    #CreateAccountForm .FormField,
    #CreateAccountForm .FormFieldInput {
        width: 100% !important;
    }

    /* Now the button can actually stretch */
    #CreateAccountForm input[type="submit"],
    #CreateAccountForm button {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 20px 0 !important;
    }

}





@media screen and (max-width: 768px) {

    /* Make the wrapper full width */
    #CreateAccountForm p.Submit {
        width: 100% !important;
        text-align: center !important;
    }

    /* Override that inline style and stretch button */
    #CreateAccountForm p.Submit input[type="submit"] {

        display: block !important;
        width: 100% !important;
        max-width: none !important;

        padding: 14px !important;   /* overrides the inline 2px padding */
        font-size: 18px !important;

        margin: 20px 0 !important;
        box-sizing: border-box;
    }

}


@media screen and (max-width: 768px) {

    /* Stop any horizontal overflow */
    #CreateAccountForm {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Fix the wrapper that holds the button */
    #CreateAccountForm p.Submit {
        width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    /* Keep button full width BUT inside the screen */
    #CreateAccountForm p.Submit input[type="submit"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 14px !important;

        box-sizing: border-box !important;
    }

}


/* FIX LOGIN BUTTON VISIBILITY */
#LoginForm p.Submit {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
}

#LoginForm #LoginButton {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}





#LoginForm input[type="submit"] {
    display: inline-block !important;
}






/* FIX LOGIN FORM CUTTING OFF BUTTON */

#LoginForm .FormContainer {
    height: auto !important;
    overflow: visible !important;
}

#LoginForm .NarrowFormContainer {
    height: auto !important;
    overflow: visible !important;
}

#LoginForm .AccountLogin {
    height: auto !important;
    overflow: visible !important;
}


/* 🔥 FINAL FIX: FORCE LOGIN BUTTON VISIBLE */

#LoginForm input[type="submit"] {
    display: inline-block !important;
    width: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 🔥 TODAY 4-21-2026 - Login Button Tweek */


/* CLEAN LOGIN BUTTON STYLE */

#LoginForm input[type="submit"],
#LoginForm button {
    display: inline-block;

    padding: 8px 16px;   /* smaller, cleaner */
    font-size: 14px;

    background: #cc0000;
    color: #fff;
    border: none;

    cursor: pointer;
}

/* spacing above and below */
#LoginForm p.Submit {
    margin-top: 14px;   /* space from password box */
    margin-bottom: 10px; /* space before "forgot password" */
}

/* optional: slight right alignment */
#LoginForm p.Submit {
    text-align: right;
}


/* 🔥 TODAY 4-21-2026 - Login Button  Mobile Tweek */

@media screen and (max-width: 768px) {
    #LoginForm p.Submit {
        text-align: center;
    }
}





/* 🔥DESKTOP: widen Create Account button */

@media screen and (min-width: 769px) {

    #CreateAccountForm p.Submit {
        width: 100% !important;
        text-align: center; /* or right if you prefer */
    }

    #CreateAccountForm p.Submit input[type="submit"],
    #CreateAccountForm p.Submit button {
        display: inline-block;
        width: 50%; /* adjust: 50–70% depending on taste */
        max-width: 260px;

        padding: 10px 16px;
        font-size: 15px;
    }

}


/* 🔥 TODAY 6-4-2026 - Login - Logout Mobile Tweek */


   /* ==========================================================================
   FLY LIGHT - SEPARATED SITE-WIDE 3-COLUMN STRUCTURAL SYSTEM
   ========================================================================== */
@media screen and (min-width: 1025px) {

    /* 1. STRUCTURAL: Dismantle old layout tables and collapse the 3rd sidebar cell */
    #LayoutTable, table.LayoutTable, .LayoutTable, #LayoutTable tbody, #LayoutTable tr {
        display: block !important;
        width: 100% !important;
        clear: both !important;
    }
    #LayoutColumn3, .Right, .sidebar-right, #SideRightSidebar, td.sidebar-right, td.Right, .right-column {
        display: none !important;
        width: 0px !important;
        max-width: 0px !important;
        visibility: hidden !important;
    }

    /* 2. STRUCTURAL: Freeze Left Sidebar to a crisp 210px layout zone */
    #LayoutColumn1, .Left, #SideCategoryList, td.sidebar-left, td.Left, div[class*="LeftColumn"], div[id*="LeftColumn"] {
        display: block !important;
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        float: left !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* 3. STRUCTURAL: Widen the main Center Content cell wide across ALL views */
    #LayoutColumn2, #content, .Content, td.content-main, td.Content, #LayoutTable td.Content, table.LayoutTable td.Content, .Block.CategoryContent, #CategoryContent, .CategoryContent, div[class*="CenterColumn"], div[id*="CenterColumn"] {
        display: block !important;
        width: calc(100% - 235px) !important;
        max-width: calc(100% - 235px) !important;
        min-width: calc(100% - 235px) !important;
        float: right !important;
        box-sizing: border-box !important;
        clear: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 4. STRUCTURAL: Rigid 3-Column layout rule applying to EVERY page view */
    .ProductList, 
    ul.ProductList,
    #HomeFeaturedProducts .ProductList,
    #CategoryContent .ProductList,
    .CategoryContent .ProductList {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* Locks exactly 3 items per row site-wide */
        grid-gap: 20px !important; 
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        padding: 0 !important;
        margin: 20px 0 !important;
    }

    /* 5. STRUCTURAL: Individual product card sizing boundaries */
    .ProductList li, 
    .productGrid .product, 
    #HomeFeaturedProducts .ProductList li, 
    .CategoryContent .ProductList li,
    #CategoryContent .ProductList li {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        padding: 15px !important;
    }

    /* 6. CLEANUP: Wipe out code-level lines that force premature row jumps */
    .ProductList br, .ProductList br.Clear, .ProductList li + br, #CategoryContent br.Clear, .CategoryContent br.Clear {
        display: none !important;
        content: "" !important;
        clear: none !important;
    }

    /* 7. VISUAL DESIGN: Snap images, text, prices, and buttons dead center inside the cards */
    .ProductList li .ProductImage,
    .ProductList li .ProductImage a,
    .ProductList li .ProductImage img,
    .ProductList li .ProductDetails,
    .ProductList li .ProductDetails a,
    .ProductList li strong,
    .ProductList li em,
    .ProductList li p.ProductPrice,
    .ProductList li .ProductPrice,
    .ProductList li .ProductActionAdd,
    .ProductList li .ProductActionAdd a,
    .ProductList li .Rating,
    .ProductList li .CompareButton {
        display: block !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        position: relative !important;
        max-width: 100% !important;
    }
}
/* ==========================================================================
   END UNIVERSAL GRID RESTRUCTURE
   ========================================================================== */