/* ===== Global Responsive Styles ===== */

.navigation.navpro.navpro .level0 > .level-top {
    padding: 6px 8px 6px 25px !important;
}

@media (min-width: 767px) and (max-width:1099) {
    .page-header .wishlist,
    .page-header .minicart-wrapper,
    .page-header .switcher.customer {
        margin: 6px 0 0 15px !important;
    }
    .navigation.navpro.navpro .level0 > .level-top {
    padding: 6px 8px 6px 15px !important;}
}

@media (min-width: 1100px) {
    .page-header .wishlist,
    .page-header .minicart-wrapper,
    .page-header .switcher.customer {
        margin: 6px 0 0 20px !important;
    }
}
.columns .column.main {
    padding-bottom: 5px !important;
}
/* Container and Layout Improvements */
@media (max-width: 1200px) {
    .container {
        padding: 0 25px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }

    /* Header sections responsive */
    .block-title {
        margin: 10px 0 !important;
    }

    .block-carousel {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 5px;
    }

    /* Typography scaling */
    .block-title strong {
        font-size: clamp(20px, 6vw, 28px) !important;
    }

    .subtitle {
        font-size: clamp(12px, 4vw, 14px) !important;
    }
}

/* ===== Button Responsiveness ===== */
@media (max-width: 768px) {
    .action.submit,
    .add-to-cart-btn {
        width: 100% !important;
        padding: 10px 10px !important;
        font-size: 14px !important;
    }

    .view-all-btn{
        margin-bottom: 15px;
    }

    /* .view-all-btn {
        width: 50% !important;
        padding: 5px 20px !important;
        font-size: 18px !important;
        border: none;
        border: none !important;
        padding: 0 !important;
        width: auto !important;
        color: #e54e23 !important;
        background: none !important;
        display: inline-block !important;
        text-align: right !important;
        min-height: 30px !important;
        text-decoration: underline !important;
    } */
}

/* ===== Form Elements Responsiveness ===== */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    textarea {
        width: 100% !important;
        font-size: 16px !important; /* Prevents zoom on iOS */
        padding: 10px !important;
    }
}

/* ===== Grid and Flex Improvements ===== */
@media (max-width: 768px) {
    .service-cards-wrapper,
    .seller-grid,
    .steps-container,
    .testimonial-grid {
        gap: 15px !important;
    }
}

@media (max-width: 480px) {
    .service-cards-wrapper,
    .seller-grid,
    .steps-container,
    .testimonial-grid {
        gap: 10px !important;
    }
}

/* ===== Image Responsiveness ===== */
@media (max-width: 768px) {
    img {
        max-width: 100%;
        height: auto;
    }
}

/* ===== Spacing Adjustments ===== */
@media (max-width: 768px) {
    .section-header {
        margin: 15px 0 0 10px !important;
        padding: 0 5px !important;
    }
}

@media (max-width: 480px) {
    .section-header {
        margin: 10px 0 0 5px !important;
        padding: 0 !important;
    }
}

/* ===== Utility Classes ===== */
.mobile-center {
    text-align: center;
}

@media (max-width: 768px) {
    .mobile-stack {
        flex-direction: column !important;
    }

    .mobile-full-width {
        width: 100% !important;
    }

    .mobile-hide {
        display: none !important;
    }
}

/* ===== Accessibility Improvements ===== */
@media (max-width: 768px) {
    /* Ensure touch targets are at least 44px */
    /* button,
    .action,
    select,
    input,
    a{
        min-height: 22px;
        min-width: 22px;
    } */
}

/* ===== Mobile Navigation and Header Improvements ===== */
@media (max-width: 768px) {
    /* .page-header {
        padding: 10px 0;
    } */

    .header.content {
        padding: 0 10px;
    }
}

/* ===== Footer Responsive Improvements ===== */
@media (max-width: 768px) {
    .page-footer {
        padding: 0 10px;
        background: #fafafa !important;
    }

    .footer.content {
        flex-direction: column;
    }
    .footer-links .item {
        margin-bottom: 0 !important;
    }
}

/* ===== Product Grid Mobile Improvements ===== */
@media (max-width: 480px) {
    .custom-product-section .product-card {
        margin-bottom: -5px;
    }

    .custom-product-section .product-bottom {
        /* flex-direction: column; */
        gap: 10px;
        align-items: stretch;
    }

    .custom-product-section .add-to-cart-btn {
        width: 100%;
        padding: 12px;
    }
}

/* ===== Performance Optimizations ===== */
@media (max-width: 768px) {
    /* Reduce animations on mobile for better performance */
    * {
        animation-duration: 0.1s !important;
        transition-duration: 0.1s !important;
    }
}

/* ===== Print Styles ===== */
@media print {
    .footer-vendor,
    .add-to-cart-btn,
    .action.submit {
        display: none !important;
    }

    .container {
        width: 100% !important;
        max-width: none !important;
    }
}

/* ===== Top Header Action ===== */

@media (max-width: 768px) {
    .nav-toggle {
        left: 20px !important;
    }
    @media (min-width: 306px) {
        .header.content .logo {
            margin-top: -15px !important;
            margin-bottom: 0px !important;
        }
    }

    .page-header.page-header.configurable
        .flex-col-right.flex-col-right.md-flex {
        margin-top: 15px !important;
    }

    .page-header.configurable .block-search .label {
    right: 55px;
    }

    /* .header.content.flex-row .flex-col-right .minicart-wrapper{
    min-width: 44px;
    } */
    /* .page-header .minicart-wrapper {
        margin-top: 0px !important;
    } */

    /* .page-header.configurable .block-search {
        margin: 15px 0px !important;
    } */
}

/* ===== Footer ===== */

@media (max-width: 768px) {
    .block-benefits {
        flex-direction: column !important;
        align-items: center !important;
        gap: 25px;
    }

    .block-benefits .col-md-4 {
        width: 100%;
        max-width: 320px;
        padding: 0 10px !important;
        text-align: center;
    }

    /* Hide vertical dividers on mobile */
    .block-benefits .col-md-4 > div[style*="height:54px"] {
        display: none !important;
    }
}

/* FIX: Mobile Checkout Login Modal  */
@media (max-width: 768px) {
    body._has-modal-custom .modal-custom-overlay {
        z-index: 1 !important;
    }
}

@media (min-width: 769px) {
    /* .block-search.block-swissup-ajaxsearch.folded form.minisearch::after {
        content: "Search";
        position: absolute;
        right: 0;
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: #002d57;
        margin-top: 32.5px;
    } */
    /* ---------- PROFILE ---------- */
    #switcher-customer-trigger {
        position: relative;
        display: block;
        text-align: center;
        color: #002d57;
    }

    #switcher-customer-trigger strong::after {
        content: "Profile";
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: #002d57;
    }

    #switcher-customer-trigger .text {
        display: none !important;
    }

    /* ---------- WISHLIST ---------- */
    .flex-col-right div.wishlist a {
        position: relative;
        display: block;
        text-align: center;
        color: #002d57;
    }

    .flex-col-right div.wishlist::after {
        content: "Wishlist";
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: #002d57;
    }

    .flex-col-right .wishlist .text {
        display: none !important;
    }

    /* ---------- CART ---------- */
    .flex-col-right .minicart-wrapper a.action.showcart {
        top:-2px;
        position: relative;
        display: block;
        text-align: center;
        color: #002d57;
    }

    .flex-col-right .minicart-wrapper a.action.showcart::after {
        content: "Cart";
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: #002d57;
        position: absolute;
        margin-top: -1px;
    }

    .flex-col-right .minicart-wrapper .text {
        display: none !important;
    }

    .page-header .minicart-wrapper .action.showcart .counter.qty {
        margin-top: -10px !important;
    }
}

/* For screen and print, min-width 768px */
@media screen and (min-width: 768px), print {
    .navigation ul {
        padding: 0px 0px !important;
    }

    .block-search.block-swissup-ajaxsearch.folded.shown .field.search {
        min-width: 272px !important;
        max-width: 272px !important;
        padding: 18px 12px !important;
    }

    .block-search.block-swissup-ajaxsearch.folded .action.search {
        right: 10px !important;
    }
}

@media screen and (min-width: 820px)and (max-width:869px), print {

    .block-search.block-swissup-ajaxsearch.folded.shown .field.search {
        min-width: 250px !important;
        max-width: 250px !important;
    }

    .navpro.orientation-horizontal > ul {
    margin-left: -30px !important;
  }
}
@media screen and (min-width: 768px)and (max-width:819px), print {

    .block-search.block-swissup-ajaxsearch.folded.shown .field.search {
        min-width: 200px !important;
        max-width: 200px !important;
    }

    .navpro.orientation-horizontal > ul {
    margin-left: -30px !important;
  }
}
@media screen and (min-width: 870px)and (max-width:1023px), print {

    .block-search.block-swissup-ajaxsearch.folded.shown .field.search {
        min-width: 300px !important;
        max-width: 300px !important;
    }

    .navpro.orientation-horizontal > ul {
    margin-left: -30px !important;
  }
}
@media screen and (min-width: 1024px)and (max-width:1150px), print {

    .block-search.block-swissup-ajaxsearch.folded.shown .field.search {
        min-width: 220px !important;
        max-width: 220px !important;
    }

    .navpro.orientation-horizontal > ul {
    margin-left: -30px !important;
  }
}
@media screen and (min-width: 1150px) and (max-width:1200px), print {

    .block-search.block-swissup-ajaxsearch.folded.shown .field.search {
        min-width: 240px !important;
        max-width: 240px !important;
    }

}

/* For left align header logo */
@media (min-width: 768px) {
    .header .logo {
        margin-left: -25px !important;
    }

    .navpro.orientation-horizontal > ul {
        margin-left: -10px;
    }
}

.page-footer {
    border: none !important;
}
@media (min-width: 992px), print {
    .footer.content {
        background: linear-gradient(
            to left,
            #1a3764 49%,
            #f5f5f6 10%
        ) !important;
    }
}

.toolbar-sorter {
    display: flex;
    align-items: center;
    gap: 15px;

    select.sorter-options {
        min-width: 110px;
        padding: 0px 36px 0px 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

@media only screen and (max-width: 768px) {
    .toolbar-sorter {
        margin-top: 8px !important;
    }
}

@media only screen and (max-width: 639px) {
    .page-products .toolbar select {
        max-width: 100px !important;
    }
}

@media only screen and (max-width: 639px) {
    .page-products .sorter-label {
        display: flex;
    }
}

#limiter {
    min-width: 70px;
    padding: 0px 10px 0px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Slider Pagination Style */
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 5rem !important;
    border-radius: 7px !important;
    background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important;
}
.swiper-pagination .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important;
}

/* Fix: Wishlist Price and Label Hide */
.wishlist
    .product-items
    .product-item
    .product-item-info
    .price-box.price-configured_price
    .price-as-configured
    .old-price {
    display: none !important;
}

.wishlist
    .product-items
    .product-item
    .product-item-info
    .prolabels-wrapper
    .absolute.top-right {
    display: none !important;
}

/* Text Hide Issue Under 300px with ... */
@media (max-width: 300px) {
    .product-bottom .product-price {
        font-size: 14px !important;
    }
    span,
    p,
    button {
        font-size: 12px !important;
    }

    .custom-product-section .product-title {
        font-size: 14px !important;
    }

    /* button, .action, select, a {
    min-height: 54px !important;
  }
     */
}

@media (min-width: 301px) and (max-width: 479px) {
    p,
    span,
    button {
        font-size: 13px !important;
    }

    .column .page-title-wrapper #page-title-heading span {
        font-size: 30px !important;
    }
   .page-title-wrapper .page-title span {
    font-size: 30px !important;
}
}

/* Cart Qty Box Customize */
@media (max-width: 768px) {
    .page-header .minicart-wrapper .action.showcart .counter.qty,
    .page-header .minicart-wrapper .action.showcart.active .counter.qty {
        min-width: 15px !important;
        font-size: 13px !important;
        height: 16px !important;
        line-height: 16px !important;
    }
}

/* Fixed Checkbox size and create acc and forget position in sigin and register*/
@media (max-width: 768px) {
    .fieldset.login .field.choice input,
    #is_participant,
    .fieldset.create.account .field.choice input {
        min-height: 20px;
        min-width: 20px;
    }
}

@media (max-width: 480px) {
    .fieldset.login .actions-toolbar .secondary .action.remind {
        margin-top: 6rem;
        max-width: 100%;
        text-align: center;
    }
    .login-container .block-new-customer .actions-toolbar > .primary {
        text-align: center;
    }
}

@media (max-width: 768px) {
    #mini-cart .item.product .product .product-item-details .product.actions {
        margin-top: 3rem;
        margin-left: 18rem;
    }
    #mini-cart
        .item.product
        .product
        .product-item-details
        .product.actions
        .secondary {
        margin-left: -6rem;
    }
}

@media (max-width: 400px) {
    .soldtogether-block
        .block-content.content
        .amazonstyle-checkboxes
        .button-cart
        .action.soldtogether-cart-btn.primary {
        min-width: 20rem;
        span {
            font-size: 14px;
        }
    }
}

@media only screen and (max-width: 767px) {
    .filter-no-options .filter-title::before {
        background: transparent;
    }

    .catalogsearch-result-index
        .page-wrapper
        #maincontent
        .columns
        .column.main
        .page-title-wrapper
        h1 {
        font-size: 3rem !important;
        margin-left: 0.7rem !important;
        line-height: 4rem;
    }

    .block.filter:not(.active)
        .block-title.filter-title
        strong[data-role="title"] {
        color: transparent;
        position: relative;
        font-size: clamp(27px, 16vw, 31px) !important;
    }

    .block.filter:not(.active)
        .block-title.filter-title
        strong[data-role="title"]::before {
        content: "Shopping Options";
        left: 0;
        top: 0;
        color: #002d57;
        font-size: 16px;
        position: absolute;
        padding-top: 1.45rem;
        padding-left: 6px;
    }
}

@media only screen and (max-width: 767px) {
    .section-items.nav-sections-items.mage-tabs-disabled
        .nav-sections-item-title {
        width: 50% !important;
    }

    .section-item-content.nav-sections-item-content
        .header.links.header-cms-links
        li {
        margin-left: 16px !important;
    }
    .wishlist
        .product-items
        .product-item
        .product-item-info
        .product-item-inner
        .product-item-actions
        .action.edit {
        margin-top: 23px !important;
    }
    #navpro-topnav li a {
        margin-left: 1.4rem;
    }
    #navpro-topnav li a:hover {
        color: #C43D1A !important;
    }
    #navpro-topnav {
        margin-top: 2rem !important;
    }

    #show-password,
    #change-password {
        min-height: 20px;
        min-width: 20px;
    }

    .toolbar.toolbar-products #toolbar-amount {
        margin-top: 6px !important;
    }
}

@media only screen and (min-width: 410px) and (max-width: 767px) {
    .product-info-main .box-tocart .fieldset {
        display: flex !important;
        justify-content: space-between;
    }

    .product-info-main .box-tocart .field.qty .control {
        margin-top: 20px !important;
        margin-left: -19px;
        max-height: 44.5px !important;
    }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .catalog-product-view .page-wrapper .page-main .columns .column .product-info-main .box-tocart .fieldset {
        display: flex !important;
        justify-content: space-between;
    }
    .catalog-product-view .page-wrapper .page-main .columns .column .product-info-main .box-tocart .field.qty .control {
        margin-top: 20px !important;
        margin-left: -5px;
        max-height: 44.5px !important;
    }
}

@media (max-width:359px) {
    .catalog-product-view .page-wrapper .page-main .columns .column .product-info-main .box-tocart .field.qty{
        margin-top: 10px;
    }
    
}
/* UnderLine Anchor Tag and Its color */

a:hover,
a:active,
.sidebar .block-contact .social-icons .fa-stack ~ span:hover {
    text-decoration: none !important;
}

.sidebar.sidebar-main
    .block.widget.block-navpro.hidden-xs
    .block-content.block-navpro-content
    nav
    > ul
    > li {
    a:hover,
    a:active {
        color: #C43D1A !important;
        text-decoration: none;
    }
}

@media (max-width: 639px) {
    /* Make each row behave like label : value */
    .orders-history-wrapper .table-wrapper table tbody tr {
        display: block;
        margin-bottom: 12px;
    }

    .order-details-items.ordered .table-wrapper table tbody tr {
        display: block;
        margin-bottom: 12px;
    }

    /* Each field */
    @media (min-width: 316px) {
        .table.table-order-items.recent tbody td,
        .table.table-order-items.invoice tbody td,
        .data.table.table-order-items.shipment tbody td,
        .order-details-items.ordered .table-wrapper table tbody td,
        .orders-history-wrapper .table-wrapper table tbody td {
            display: grid !important;
            grid-template-columns: 150px auto;
            align-items: center;
            padding: 4px 0;
            dl{
                display: contents;
            }
        }
    }

    /* Label (from data-th) */
    .table-wrapper table tbody td:before {
        content: attr(data-th) !important;
        font-weight: 600 !important;
    }

    .account .data.table .col.actions .action::after {
        margin: 0 23px !important;
    }

    .account .table-order-items .col.name .product.name.product-item-name {
        font-size: 14px !important;
    }
}

@media (max-width: 315px) {
    .table.table-order-items.recent tbody td,
    .orders-history-wrapper
        .table-wrapper
        table
        tfoot
        tr
        .table.table-order-items.invoice
        tbody
        td,
    .table.table-order-items.invoice tfoot tr,
    .data.table.table-order-items.shipment tbody td,
    .data.table.table-order-items.shipment tfoot tr,
    .order-details-items.ordered .table-wrapper table tbody td,
    .order-details-items.ordered .table-wrapper table tfoot tr,
    .orders-history-wrapper .table-wrapper table tbody td,
    .orders-history-wrapper .table-wrapper table tfoot tr {
        display: flex !important;
        align-items: left;
        padding: 0px;
        flex-direction: column;
        th,
        td {
            padding: 0px;
        }
    }

    .table.table-order-items.recent tbody,
    .table.table-order-items.invoice tbody,
    .data.table.table-order-items.shipment tbody,
    .order-details-items.ordered .table-wrapper table tbody,
    .orders-history-wrapper .table-wrapper table tbody {
        tr {
            padding: 0px;
            th,
            td {
                padding: 0px !important;
            }
        }
    }

    .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount {
        text-align: left !important;
    }
}

/* Cart align */

.cart.table-wrapper .col.qty,
.cart.table-wrapper .col.price {
    text-align: center !important;
}

/* @media (min-width:768px) {
.cart.table-wrapper .col.item .product-item-details{
    text-align: center !important;
}  
} */
/* Search */

.block-search .input-text {
    height: 38px !important;
    padding: 0 0 0 28px !important;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
}

.block-swissup-ajaxsearch .input-text {
    border-radius: 8px;
}

@media (min-width: 768px), print {
    .block-search.block-swissup-ajaxsearch.folded .actions .action.close {
        top: 16px !important;
    }
    .block-search.block-swissup-ajaxsearch.folded.shown .actions .action.close {
        height: 18px !important;
    }
}

/* Login container */
@media (max-width: 480px) {
    .login-container {
        padding: 20px 44px 80px 44px !important;
    }
}

/* NDIS */

@media (max-width: 767px) {
    .page-header .header.panel {
        flex-wrap: inherit !important;
    }
    .page-header .panel.wrapper .header-for-support {
        float: right;
    }

    .page-header .panel.wrapper .header-customer-name {
        width: 70%;
        float: left;
    }
}

.nav-toggle::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 19'><path d='M1.5 1.5L11.5 1.5' stroke='%231B3664' stroke-width='3' stroke-linecap='round'/><path d='M1.5 9.5L23.5 9.5' stroke='%231B3664' stroke-width='3' stroke-linecap='round'/><path d='M1.5 17.5H18.5' stroke='%231B3664' stroke-width='3' stroke-linecap='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain !important;
    margin-top: 10px !important;
}

@media (max-width: 767px) {
    .nav-sections .header.links {
        border: none;
        margin: 0;
    }
}

.pages .action.next::before {
    content: "\f105" !important;
    font-family: "FontAwesome";
    color: #1a3764 !important;
    font-size: 20px;
    font-weight: 800;
}

.toolbar .pages .action,
.toolbar .sorter-action::before {
    background-image: none;
}

.pages .action.previous::before {
    content: "\f105" !important;
    font-family: "FontAwesome";
    color: #1a3764 !important;
    font-size: 20px;
    font-weight: 800;
}

.pages .action {
    padding: 0 0px !important;
}

@media only screen and (max-width: 639px) {
    .pages-item-previous {
        position: relative !important;
    }
}

@media only screen and (max-width: 405px) {
    .logo {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 768px), print {
    .emulate-1column-filters {
        border-top: 0px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
}

@media only screen and (min-width: 768px), print {
    .page-header.configurable .header.content {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (min-width: 768px), print {
    .page-products .page-main:has(#maincontent) {
        margin-top: 10px !important;
    }
    .page-layout-2columns-left .page-wrapper #maincontent.page-main .columns {
        margin-top: 25px !important;
    }
}

@media (max-width: 767px), print {
    .page-products .page-main:has(#maincontent) {
        margin-top: 10px !important;
    }

    .page-products .page-main {
        margin-top: 0px !important;
    }
}

.social-icons.colorize-fa-stack-hover a:hover,
#wishlist-sidebar .product-item .product-item-info a:hover,
.block.widget.block-viewed-products-grid
    .block-content
    .products-grid
    .product-items
    .product-item
    .product-item-info
    .product-item-details
    .product-item-name
    a:hover {
    color: #C43D1A !important;
}

.footer.content .links a:hover,
.page-container.footer-toolbar.footer-toolbar-bottom
    .content
    ul
    > li
    > a:hover {
    color: #1a3764 !important;
    font-weight: 500;
}

@media (max-width: 768px) {
    #mini-cart
        .item.product
        .product
        .product-item-details
        .product.actions
        .secondary
        a {
        min-width: 22px;
        min-height: 22px;
    }
    #mini-cart
        .item.product
        .product
        .product-item-details
        .product.actions
        .primary
        a {
        min-width: 22px;
        min-height: 22px;
    }
}

.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
    min-height: 22px !important;
}

@media only screen and (max-width: 767px) {
    .navigation .level0 {
        margin-top: 1rem !important;
        margin-bottom: 2rem !important;
    }
}

.modal-popup.confirm._show
    .modal-inner-wrap
    .modal-footer
    .action-primary.action-accept {
    padding-left: 35.3px;
    padding-right: 35.3px;
}

/*----------------------------------
    Header Design For below 430px
-----------------------------------*/

@media (max-width: 305px) {
    .header.content .logo {
        max-width: 40% !important;
        margin-left: 25px;
        line-height: 50px;
    }
    .nav-toggle::before {
        width: 20px;
        height: 20px;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 305px) and (max-width: 767px) {
    .header.content .logo {
        margin-left: 25px !important;
    }
}

@media (max-width: 768px) {
    .minicart-wrapper a.action.showcart:has(.counter.qty.empty) {
        margin-right: 15px !important;
    }
}
/************************************************/
.catalog-category-view
    .page-wrapper
    .page-main
    .columns
    .column.main
    .page-title-wrapper
    .subtitle {
    display: none;
}

/****************************************************/
@media (min-width: 768px), print {
    .page-main .block {
        margin-bottom: 15px !important;
    }
}

.product-add-form .product-options-wrapper .field .control {
    width: 100% !important;
}

/***********Alignment of select in catalog product view*********************/
/* .product-add-form .product-options-wrapper .field .control {
display: contents;
} */
.product-info-main .box-tocart .actions {
display: flex-root;
}
.modal-popup .product-info-main .box-tocart .actions {
display: inline !important;
}
.product-options-wrapper .fieldset .field.configurable.required{
display: flex !important;
}

/****************************************************/
.product-info-main .box-tocart .field.qty .control {
margin-left: -2px;
}

@media (min-width: 1024px), print {
    .block-ajaxpro
        .column.main
        .product-info-main
        .box-tocart
        .fieldset
        .field {
        margin-bottom: 8px;
    }
}

h1 {
    font-size: 4.2rem !important;
}

/*************************************/

.modal-popup.confirm._show .modal-inner-wrap .modal-footer {
    text-align: center;
}


@media screen and (min-width:768px) {
    .block-content .swissup-navigationpro .navpro-menu .li-item.active.ui-menu-item > a,
    .block-content .swissup-navigationpro .navpro-menu .li-item.has-active.ui-menu-item.parent > a,
    .children .li-item.active.opened.ui-menu-item > a{
    color: #C43D1A !important;
    }
}

@media (min-width: 768px), print {
  .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top {
    color: #002d57 !important;
  }
  .navigation .level0.opened > .level-top{
    color: #C43D1A !important;
  }
  .navpro-dropdown-inner .navpro-row.gutters .navpro-col .children .li-item.level1.opened.ui-menu-item > a{
    color: #C43D1A !important;
  }
  .navpro-dropdown-inner .navpro-row.gutters .navpro-col .children .li-item a:hover{
    color: #C43D1A !important;
  }

    #navpro-topnav .li-item.level0.ui-menu-item.first > a span::before{
  content: '';
  position: absolute;
  right: -11px;
  top: calc(50% - 8px);
  opacity: 1;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: 12px 12px;
  width: 20px;
  height: 20px;
  }
   #navpro-topnav .li-item.level0.ui-menu-item.first > a span::after {
    margin-left: 14px;
  }
  #navpro-topnav .li-item.level0.ui-menu-item.first{
    margin-right: 15px;
  }
}

@media screen and (max-width:400px) {
    .panel.wrapper .panel span{
        font-size: 10px !important;
    }
}

.product-info-main .box-tocart .field.qty .label {
    min-width: 37px !important;
}

@media (min-width: 768px), print {
    .form-edit-account .fieldset {
        width: 100% !important;
    }
    .form-edit-account input[type="text"],
    .form-edit-account input[type="password"],
    .form-edit-account .field.password .control .mage-error,
    .form-edit-account .password-strength-meter {
        width: 50%;
    }
    .form-edit-account .password-strength-meter {
        padding: 0 0 0 2px;
    }
}

.password-strength-meter {
    margin-top: 5px;
}

/* Search */
@media (min-width: 769px), print {
    .block-search.block-swissup-ajaxsearch.inline.shown .field.search {
        right: -12px !important;
    }
    .block-search.block-swissup-ajaxsearch.folded.shown .field.search {
        top: -12px;
    }
    .block-search.block-swissup-ajaxsearch.folded.shown .actions .action.close {
        display: none !important;
    }
    .page-header .block-search .action.search {
        background-image: none !important;
    }
    .page-products .page-main {
        margin-top: 0 !important;
    }

    .page-products .page-main .page-title-wrapper h1 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .input-inner-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI3LjUiIGN5PSI3LjUiIHI9IjYuNSIgc3Ryb2tlPSIjMDAyRDU3IiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNMTIgMTJsNiA2IiBzdHJva2U9IiMwMDJENTciIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}


.checkout-cart-index .cart.main.actions .action.continue {
  display: flex-block;
  padding: 14px 20px;
  background-color: #002d57;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  margin-left: 5px;
}

.checkout-cart-index .cart.main.actions .action.continue:hover {
    background-color: #00478a;
}

@media (max-width: 768px) {
    .checkout-cart-index .cart.main.actions .action.continue {
        margin-bottom: 10px;
    }
    .custom-account-links .account-dropdown-menu {
        right: 0 !important;
        padding: 8px 16px !important;
    }
}

@media (min-width:768px) {
 .checkout-cart-index .action.towishlist.action.towishlist.action-towishlist{
  display: flex-block;
  padding: 12px 20px;
  background-color: #C43D1A;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 10px;
  &:hover{
    background-color: #C43D1A;
  }
 }
 .sidebar.sidebar-additional .block.block-wishlist .block-content .actions-toolbar .primary .action.details{
  display: flex-block;
  padding: 8px 8px;
  background-color: #C43D1A;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 10px;
  font-size:12px;
  &:hover{
    background-color: #C43D1A;
  }
}
}

@media only screen and (max-width: 768px) {
  .cart-container .form-cart .actions.main {
    display: block;
}
.checkout-cart-index .cart.main.actions button {
  width: 99.3%;
}
}


@media (min-width: 768px), print {
  .checkout-cart-index  .cart-summary {
    position: inherit;
  }
}

.page-footer {
    background: #fff !important;
}

@media (max-width: 768px) {
    .soldtogether-block .amazonstyle-images {
        justify-content: center;
    }
}

.soldtogether-block .amazonstyle-images li.first~.item::before {
  left: -10px !important;
}

@media (max-width: 768px) {
    .soldtogether-block .amazonstyle-images {
        justify-content: center;
    }
}

.price .symbol {
    font-size: inherit !important;
    vertical-align: baseline !important;
    display: inline !important;
}

.easyslide-description {
    width: 95% !important;
}

/* WIDTH BREAKPOINTS */
@media (min-width: 1600px) {
    .easyslide-description {
        width: 95% !important;
    } 
}

@media (min-width: 2000px) and (max-width: 2449px) {
    .easyslide-description {
        width: 80% !important;
    } 
}

@media (min-width: 2450px) and (max-width: 2999px) {
    /* .easyslide-description {
        width: 73% !important;
    }  */
}

@media (min-width: 3000px) and (max-width: 3999px) {
    /* .easyslide-description {
        width: 65% !important;
    } */
}

@media (min-width: 4000px) {
    /* .easyslide-description {
        width: 62% !important;
    } */
}

/* MOBILE STYLES */
@media (max-width: 767px) {
    .easyslide-description {
        margin-top: 10rem !important;
        padding: 2rem 0 !important;
    }

    .easyslide-description .action.primary {
        padding: 4px !important;
        font-size: 12px !important;
    }

    .easyslide-description .action.primary span::after {
        width: 18px !important;
        height: 10px !important;
    }
}

@media (max-width: 400px) {
    .easyslide-description {
        margin-top: 8rem !important;
    }

   .easyslide-description .action.primary {
        padding: 4px !important;
        font-size: 8px !important;
    }

    .easyslide-description .action.primary span::after {
        margin-left: 4px !important;
        width: 12px !important;
        height: 10px !important;
    }
}

@media (max-width: 355px) {
    .easyslide-description .action.primary span {
        font-size: 8px !important;
    }
}

/* HEADING */
@media (min-width: 600px) {
    .easyslide-description .h1 {
        max-width: 700px !important;
    }

    .easyslide-description {
        margin-top: 20rem !important;
        padding: 2rem 0 !important;
    }
}

@media (min-width: 768px) {
    .easyslide-description .h1 {
        max-width: 700px !important;
    }
}

/* DESKTOP STYLES */
@media (min-width: 999px) {
    .easyslide-description {
        margin-top: 36rem !important;
        padding: 2rem 0 !important;
    }
}

@media (min-width: 1440px) and (max-width: 1599px) {
    /* .easyslide-description {
        padding: 6rem !important;
    } */
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .easyslide-description {
        padding: 2rem 0 !important;
    }
}

@media (min-width: 1700px) and (max-width: 1899px) {
    /* .easyslide-description {
        padding: 5rem !important;
    } */
}

@media (min-width: 1900px) and (max-width: 1999px) {
    /* .easyslide-description {
        padding: 12rem !important;
    } */
}

@media (min-width: 2000px) and (max-width: 2449px) {
    .easyslide-description {
        padding: 2rem 5rem !important;
    }
}

@media (min-width: 2450px) {
    .easyslide-description {
        padding: 0 !important;
    }
}
@media (min-width: 2000px) and (max-width: 2449px) {
    .easyslide-description {
        width: 100% !important;
    } 
}

.order-details-items .table-wrapper .data.table > tbody > tr > td.col.sku {
        overflow-wrap: anywhere;
}

/* @media (max-width: 1265px) and (min-width: 1200px) {
    #navpro-topnav .li-item {
        font-size: 1.38rem !important;
    }
}

@media (max-width: 1200px) and (min-width: 1145px) {
    #navpro-topnav .li-item {
        font-size: 1.25rem !important;
    }
}

@media (max-width: 1145px) and (min-width: 1112px) {
    #navpro-topnav .li-item {
        font-size: 1.16rem !important;
    }
} */

#tab-label-product\.info\.description-title {
    cursor: default !important;
}

@media (min-width: 1024px), print {
  .block.widget .products-grid .product-item:nth-child(4n+1){
    margin: 0px !important;
  }
}



@media (min-width:768px) {
.block.widget.block-viewed-products-grid .block-content .products-grid .product-items .product-item .product-item-info .product-item-photo{
    margin-top: 6px !important;
}
.block.widget.block-viewed-products-grid .block-title{
    margin-left:-7px !important
}
}

.sidebar .block-viewed-products-grid .product-image-photo {
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
}

#soldtogether\.product\.customer .product-image-container .product-image-wrapper .product-image-photo {
    aspect-ratio: 1 / 1 !important;
}

.minicart-items .product-image-wrapper .product-image-photo {
    height: 75px !important;
    width: 75px !important;
}

.minicart-wrapper .minicart-items .product-item-name {
    line-height: 18px !important;
    margin: -2px 0 5px !important;
}

#soldtogether\.product\.customer .product-image-container {
    height: 260px !important;   
}

#soldtogether\.product\.customer .item.product-item .product.details.product-item-details {
    justify-content: center !important;
    padding: 0 18px;
}

#wishlist-view-form .actions-toolbar .action.update {
    display: none !important;
}

.sidebar .block-wishlist .product-items .product-item-photo img {
    aspect-ratio: 1 / 1 !important;
}

.sidebar .block-wishlist .product-items .product-image-container {
    width: 75px !important;
    height: 75px !important;
}

.form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.search.advanced, .form.form-orders-search, .form.testimonial, .login-container, .contact-index-index .contact-form-wrapper {
    background-color: #F5F5F6 !important;
}

.contact-index-index .page-title-wrapper  {
    text-align: center;
}

.participant-list strong .selected-participant-name {
    font-size: 1.6rem !important;
}

.customer-account-login .fieldset {
  border: 0;
  margin: 0 0 20px;
  padding: 0;
  letter-spacing: -0.31em;
}

.contact-form-wrapper .contact .actions-toolbar {
        margin-top: -14px !important;
}

.login-container .block-new-customer .actions-toolbar>.primary .create {
    margin-top: 2px !important;
}

.page-layout-1column .login-container {
    margin: -1rem auto !important;
}

.product-info-main .product-options-wrapper .field .label {
    min-width: 100px !important;
    max-width: 100px !important;
}





/* WCAG CSS */
*:focus-visible {
  outline: 1px solid #c43d1a !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
  border-radius: 5px !important;
}

.account .main .block .block-title strong {
    color: #002D57;
}

.page-header .minicart-wrapper .action.showcart .counter.qty, .page-header .minicart-wrapper .action.showcart.active .counter.qty {
    background: #C43D1A;
}

@media (min-width: 768px){
    .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.ui-state-focus {
        color: #C43D1A !important;
    }
}


.breadcrumbs .items,
.breadcrumbs a,
.breadcrumbs a:visited  {
    color: #6B6B6B;
}
.breadcrumbs a:hover  {
    color: #C43D1A;
}
@media (min-width: 768px) {
    .breadcrumbs .home a:before {
        color: #6B6B6B !important;
    }
    .breadcrumbs .home a:hover:before {
        color: #C43D1A !important;
    }
}