/* 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;
  }

  /* HIDE LEFT SIDEBAR */
  #SideCategoryList,
  .Left,
  .sidebar,
  .BlockContent .SideCategoryList {
    display: none !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 */
  #Menu ul {
    display: none;
  }

  /* 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;
    }

    /* ✅ SHOW MENU AGAIN */
    #Menu ul {
        display: block !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;
}

/* If something is hidden, REALLY hide it */
@media screen and (max-width: 768px) {
    #Menu,
    .nav-area {
        display: none !important;
    }
}

/* 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;
    }
}