body{background-color:#bbbbbb !important;background-image:url(../images/wavy_dots_dark_opt_1_.png) !important;background-repeat:repeat !important;background-position:50% 0 !important;}
.page-wrapper{max-width:1280px;}
.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main, .page-container > .content{max-width:1280px;}
.page-header .header.wrapper .header.content,.page-header .panel.wrapper .panel.header:before,.navigation,.page-header > .header.content{background-color:#336699;}
.page-header .panel.wrapper{background-color:#336699;background-image:url(../images/wavy_dots_dark_opt_3.png);background-repeat:repeat;background-position:27.25% 5.15%;}
.page-header .panel.wrapper, .header.panel .header-cms-links a, .header.panel > .header.links > li, .header.panel > .header.links > li > a, .header.panel > .header.links > li > a:hover, .header.panel > .header.links > li > a:visited{color:#333333;font-size:14px;}
.nav-sections{background-color:#fff0;}
.nav-sections .navigation a.level-top{color:#ffffff;}
.nav-sections .navigation .level0 .submenu a{background-color:#ffffff;color:#ffffff;}
.nav-sections .navigation .level0 .submenu a:hover,.navigation .level0 .submenu a.ui-state-focus{background-color:#ffffff;color:#ffffff;}
.nav-sections .navigation .level0 .submenu .active > a{background-color:#ffffff;}
.page-footer{background-color:#e0e0e0;}
.footer.content{color:#383838;}
.footer.content a, .footer.content a:hover, .footer.content a:visited, .footer.content .links a, .footer.content .links a:hover, .footer.content .links a:visited{color:#336699;}
.page-footer .footer-toolbar-bottom{background-image:url(../images/wavy_dots_dark_opt_2.png);background-repeat:repeat;background-position:18% -3.75%;}
.footer-toolbar-bottom .copyright, .footer-toolbar-bottom a, .footer-toolbar-bottom a:visited, .footer-toolbar-bottom a:hover{color:#333333;}
@media (min-width: 768px){
.product.data.items > .item.title > .switch, .product.data.items > .item.title > .switch:visited, .argento-tabs > .item.title > .switch{text-transform:uppercase;background:#336699;color:#ffffff;}
.catalog-product-view .column.main .product.data.items > .item.content, .product.data.items > .item.title > .switch, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover, .argento-tabs > .item.content, .argento-tabs > .item.title > .switch{border-color:#ffdd99;}
.product.data.items > .item.title > .switch:hover, .product.data.items > .item.title:not(.disabled) > .switch:focus,.product.data.items > .item.title:not(.disabled) > .switch:hover,.argento-tabs > .item.title:not(.disabled) > .switch:focus,.argento-tabs > .item.title:not(.disabled) > .switch:hover{background:#003e6e;}
}
.action.primary{background:linear-gradient(to bottom, #999966 0%, #ffdd99 100%);color:#ffffff;}
.action.primary:hover, .action.primary:focus, .action.primary:active{background:linear-gradient(to bottom, #999966 0%, #ffdd99 100%);color:#ffffff;}
button, .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .review-form .action.submit.primary{background:#66ccff;color:#ffffff;}
button:hover, .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover,.abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .review-form .action.submit.primary:hover{background:#0099ff;color:#ffffff;}
h1, h1.page-title{font-size:35px;color:#336699;}
.sidebar .block .block-title span strong, .sidebar .block .block-title span span, .sidebar .block .block-title strong, .sidebar .block .block-title span, .block .block-title strong, .sidebar .block.filter .block-content strong.block-subtitle{color:#ffffff;}
.products-grid .product-item-name a, .products-list .product-item-name a{color:#336699;}
.products-grid .product-item-name a:hover, .products-list .product-item-name a:hover{color:#0099ff;}
/* --- MOBILE FIX (Max-width 767px) --- */
@media (max-width: 767px) {
    /* 1. Force the menu drawer to be hidden by default */
    .sections.nav-sections {
        display: none;
    }

    /* 2. Only show it when the "Hamburger" button is clicked */
    /* Magento adds the class 'nav-open' to the body/html when the menu is active */
    .nav-open .sections.nav-sections {
        display: block;
    }
}

/* --- DESKTOP FIX (Min-width 768px) --- */
@media (min-width: 768px) {
    /* 1. Hide the container initially to prevent the "Ghost" flash */
    .sections.nav-sections {
        visibility: hidden; 
    }

    /* 2. Reveal it once the SwissUp/Magento scripts have initialized */
    /* Most themes add 'page-loaded' or similar classes, but a safe bet is checking if the menu has processed */
    .sections.nav-sections.navpro-loaded, 
    .sections.nav-sections-item-content {
        visibility: visible;
    }
    
    /* Alternative Desktop Fix: */
    /* If the code above keeps the menu hidden too long, simply use this to prevent the layout shift */
    .sections.nav-sections {
        position: absolute; /* Takes it out of the document flow so it doesn't push content */
        right: 0; 
        visibility: hidden; /* Invisible */
    }
    
    /* SwissUp usually moves the menu into the header. Once moved, this container is empty anyway. */
}

@media screen and (min-width:769px){.nav-sections{visibility:visible !important;position:relative !important;height:auto !important;left:auto !important;overflow:visible !important;width:auto !important;top:auto !important;flex-shrink:0 !important;flex-basis:auto !important}}