/* input(4594,20): run-time error CSS1046: Expect comma, found '255'
input(4594,27): run-time error CSS1046: Expect comma, found ')'
input(12472,23): run-time error CSS1030: Expected identifier, found '3rem\\'
input(12472,23): run-time error CSS1033: Expected closing bracket, found '3rem\\'
input(12472,29): run-time error CSS1031: Expected selector, found ']'
input(12472,29): run-time error CSS1025: Expected comma or open brace, found ']'
input(15440,11): run-time error CSS1030: Expected identifier, found '.'
input(15440,40): run-time error CSS1025: Expected comma or open brace, found ')' */
/* modamizbir-style marketplace header — overrides Voyage theme */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --mzb-header-height: 168px;
}

.mzb-header {
    font-family: 'Inter', system-ui, sans-serif !important;
    background: #fff !important;
    box-shadow: 0 1px 0 #ececec !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
}

.mzb-header * {
    font-family: 'Inter', system-ui, sans-serif !important;
}

body:not(.impersonated) {
    padding-top: var(--mzb-header-height, 168px) !important;
}

/* ── Utility bar ── */
.mzb-header__utility {
    background: #f7f7f7;
    border-bottom: 1px solid #ececec;
}

.mzb-header__utility-inner,
.mzb-header__main-inner,
.mzb-header__nav-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.mzb-header__utility-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 34px;
}

.mzb-header__utility-right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.mzb-header__utility-link {
    font-size: 12px;
    font-weight: 500;
    color: #333 !important;
    text-decoration: none;
    transition: color .2s ease;
}

.mzb-header__utility-link:hover {
    color: #000 !important;
}

.mzb-header__utility-admin .admin-header-links {
    margin: 0 !important;
}

.mzb-header__utility-admin .admin-header-links a {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #666 !important;
    padding: 0 !important;
    text-decoration: none;
}

.mzb-header__utility-admin .admin-header-links a:hover {
    color: #000 !important;
}

.mzb-header__utility-admin .admin-header-links a + a {
    margin-left: 12px !important;
    border-left: none !important;
    padding-left: 0 !important;
}

.mzb-header__selectors {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mzb-header__selectors select,
.mzb-header__selectors #customerCurrency {
    border: none !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #333 !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 0 16px 0 0 !important;
    text-transform: none !important;
}

/* ── Main row: Logo | Search | Actions ── */
.mzb-header__main {
    background: #fff;
    border-bottom: 1px solid #ececec;
}

.mzb-header__main-inner {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    min-height: 76px !important;
    position: relative !important;
}

/* Logo — reset Voyage absolute centering */
.mzb-header .mzb-header__logo,
.mzb-header .header-logo.desktop {
    display: block !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    order: 1 !important;
    flex: 0 0 180px !important;
    text-align: left !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.mzb-header .mzb-header__logo a,
.mzb-header .header-logo.desktop a {
    display: block !important;
    max-width: 180px !important;
    margin: 0 !important;
}

.mzb-header .mzb-header__logo img,
.mzb-header .header-logo.desktop img {
    display: block !important;
    max-height: 44px !important;
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

/* Search — centered in remaining space */
.mzb-header .mzb-header__search,
.mzb-header .store-search-box {
    order: 2 !important;
    flex: 1 1 auto !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    position: relative !important;
    width: 100% !important;
}

.mzb-search-form {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    background: #fff !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 999px !important;
    padding: 0 6px 0 18px !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.mzb-search-form:focus-within {
    border-color: #bbb !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,.04);
}

.mzb-header .search-box form,
.mzb-header .mzb-header__search form {
    width: 100% !important;
    border: none !important;
    border-bottom: none !important;
    position: relative !important;
}

.mzb-search-form__input,
.mzb-header .search-box .search-box-text {
    flex: 1 !important;
    border: none !important;
    background: none !important;
    height: 44px !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
    width: auto !important;
    display: block !important;
}

.mzb-search-form__input::placeholder,
.mzb-header .search-box .search-box-text::placeholder {
    color: #9e9e9e !important;
}

.mzb-search-form__button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border: none !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #555 !important;
    cursor: pointer;
    padding: 0 !important;
    font-size: 0 !important;
}

.mzb-header .search-box .ui-autocomplete {
    border-radius: 12px;
    margin-top: 8px;
    top: 100% !important;
    left: 0 !important;
    padding: 12px !important;
}

/* Actions — right aligned icons */
.mzb-header__actions {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin-left: auto !important;
}

.mzb-header .header-links,
.mzb-header .mzb-header-links {
    margin: 0 !important;
    position: static !important;
    display: block !important;
}

.mzb-header .header-links .close-button,
.mzb-header .mzb-header-links .close-button {
    display: none !important;
}

.mzb-header-links__list,
.mzb-header .header-links ul {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: inherit !important;
    white-space: normal !important;
}

.mzb-header-links__item,
.mzb-header .header-links li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.mzb-header .header-links li + li,
.mzb-header .admin-header-links + .header-links {
    margin-left: 0 !important;
    border-left: none !important;
    padding-left: 0 !important;
}

.mzb-header-action,
.mzb-header .header-links a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 6px 10px !important;
    text-decoration: none !important;
    color: #1a1a1a !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    position: relative;
    transition: color .2s ease;
    background: none !important;
}

.mzb-header-action:hover,
.mzb-header .header-links a:hover {
    color: #e53935 !important;
}

.mzb-header-action__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
}

.mzb-header-action__label {
    font-size: 11px !important;
    font-weight: 500 !important;
    white-space: nowrap;
}

.mzb-header-action__label--short {
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mzb-header-action__badge,
.mzb-header .favorites-qty {
    position: absolute !important;
    top: 2px !important;
    right: 4px !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #e53935 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Cart */
.mzb-header .flyout-cart-wrapper,
.mzb-header .mzb-header-cart {
    margin: 0 !important;
    position: relative !important;
    display: block !important;
}

.mzb-header .cart-link .ico-cart,
.mzb-header .mzb-header-cart .ico-cart {
    padding: 6px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3px !important;
    text-decoration: none !important;
    color: #1a1a1a !important;
    position: relative !important;
}

.mzb-header .cart-link .cart-label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    text-transform: none !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.mzb-header .cart-link .cart-qty,
.mzb-header .mzb-header-action__badge.cart-qty {
    position: absolute !important;
    top: 2px !important;
    right: 4px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 10px !important;
    display: inline-block !important;
}

/* ── Navigation ── */
.mzb-header__nav {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
}

.mzb-header__nav,
.mzb-header__nav-inner,
.mzb-header__menu,
.mzb-header .header-menu,
.mzb-nav-scroll {
    overflow: visible !important;
}

.mzb-header__menu,
.mzb-header .header-menu {
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
    order: unset !important;
    flex: none !important;
}

.mzb-nav-scroll {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.mzb-nav-scroll::-webkit-scrollbar {
    display: none;
}

.mzb-header .top-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
}

.mzb-header .top-menu::-webkit-scrollbar {
    display: none;
}

.mzb-header .top-menu > li {
    flex: 0 0 auto !important;
    display: block !important;
}

.mzb-header .top-menu > li > a {
    display: block !important;
    padding: 14px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color .2s ease;
    border-bottom: 2px solid transparent !important;
    background: none !important;
}

.mzb-header .top-menu > li > a:hover,
.mzb-header .top-menu > li:hover > a,
.mzb-header .top-menu > li.mzb-nav-item:hover > .mzb-nav-link {
    color: #e53935 !important;
    border-bottom-color: #e53935 !important;
}

/* ── Mega menu on hover ── */
.mzb-header .top-menu > li.mzb-nav-item.has-mega-menu,
.mzb-header .top-menu > li.has-mega-menu {
    position: static !important;
}

.mzb-nav-link.has-submenu {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.mzb-nav-chevron {
    font-size: 10px;
    line-height: 1;
    opacity: 0.55;
    transition: transform .2s ease;
}

.mzb-nav-item.has-mega-menu:hover .mzb-nav-chevron,
.mzb-nav-item.is-mega-open .mzb-nav-chevron {
    transform: rotate(180deg);
    opacity: 1;
}

.mzb-mega-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    z-index: 10060 !important;
}

.mzb-nav-item.has-mega-menu:hover > .mzb-mega-menu,
.mzb-nav-item.has-mega-menu > .mzb-mega-menu:hover,
.mzb-mega-menu.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.mzb-mega-menu__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 28px 20px 32px;
    display: flex;
    align-items: stretch;
    gap: 40px;
}

.mzb-mega-menu__columns {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 36px;
    min-width: 0;
}

.mzb-mega-menu__column {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

.mzb-mega-menu__group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.mzb-mega-menu__heading {
    display: block;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1.4;
}

.mzb-mega-menu__heading:hover {
    color: #e53935 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.mzb-mega-menu__links {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 10px;
}

.mzb-mega-menu__link {
    display: block !important;
    position: relative;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #444 !important;
    text-decoration: none !important;
    padding: 2px 0 2px 10px !important;
    border: none !important;
    line-height: 1.45;
}

.mzb-mega-menu__link::before {
    content: "-";
    position: absolute;
    left: 0;
    color: #888;
}

.mzb-mega-menu__link:hover {
    color: #e53935 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Right promo image — header mega menu only (not category page) */
.mzb-mega-menu__banner {
    flex: 0 0 42%;
    max-width: 520px;
    min-height: 320px;
}

.mzb-mega-menu__banner-link {
    display: block;
    position: relative;
    height: 100%;
    min-height: 320px;
    text-decoration: none !important;
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    background: #eee;
}

.mzb-mega-menu__banner-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.mzb-mega-menu__banner-link:hover .mzb-mega-menu__banner-image {
    transform: scale(1.03);
}

.mzb-mega-menu__banner-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.55) 100%);
}

.mzb-mega-menu__banner-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #ffc107;
    color: #1a1a1a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 999px;
}

.mzb-mega-menu__banner-title {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}

.mzb-mega-menu__banner-eyebrow {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 4px;
    opacity: 0.95;
}

.mzb-mega-menu__banner-text {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.92);
    max-width: 90%;
}

.mzb-mega-menu__banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 40px;
    padding: 0 20px;
    border-radius: 999px;
    background: #ffc107;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Bridge gap between nav link and mega menu */
.mzb-nav-item.has-mega-menu::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
    background: transparent;
}

/* Hide legacy mega menu inside marketplace header */
.mzb-header .mega-menu-dropdown {
    display: none !important;
}

/* Hide legacy Voyage header blocks */
.mzb-header .header-upper,
.mzb-header .header-lower,
.mzb-header .search-cart-wrapper {
    display: none !important;
}

.mzb-header-links__item--mobile-only {
    display: none !important;
}

@media (min-width: 769px) {
    .mzb-header-links__item--logout .mzb-header-action__label {
        display: none !important;
    }

    .mzb-header-links__item--logout .mzb-header-action {
        padding: 6px 8px !important;
    }
}

/* Desktop: solid white header always */
.html-home-page .mzb-header.header-transparent,
.mzb-header.header-transparent {
    background: #fff !important;
    box-shadow: 0 1px 0 #ececec !important;
}

.html-home-page .mzb-header.header-transparent .mzb-header-action,
.html-home-page .mzb-header.header-transparent .top-menu > li > a,
.html-home-page .mzb-header.header-transparent .cart-link .cart-label {
    color: #1a1a1a !important;
}

/* ── Responsive ── */
@media (max-width: 1260px) {
    .mzb-header .mzb-header__logo,
    .mzb-header .header-logo.desktop {
        flex: 0 0 140px !important;
    }

    .mzb-header .top-menu > li > a {
        padding: 12px 12px !important;
        font-size: 11px !important;
    }

    .mzb-mega-menu__inner {
        gap: 24px;
        padding: 24px 16px 28px;
    }

    .mzb-mega-menu__banner {
        flex-basis: 38%;
        max-width: 420px;
    }

    .mzb-mega-menu__columns {
        gap: 20px 24px;
    }
}

@media (max-width: 992px) {
    .mzb-mega-menu__inner {
        flex-direction: column;
    }

    .mzb-mega-menu__columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mzb-mega-menu__banner {
        flex: none;
        max-width: none;
        width: 100%;
    }

    .mzb-mega-menu__banner-link {
        min-height: 240px;
    }
}

@media (max-width: 768px) {
    :root {
        --mzb-header-height: 60px;
    }

    .mzb-header__utility,
    .mzb-header__nav {
        display: none !important;
    }

    .mzb-header__main-inner {
        min-height: 56px !important;
        padding: 8px 12px !important;
        justify-content: center !important;
    }

    .mzb-header .mzb-header__logo,
    .mzb-header .mzb-header__search,
    .mzb-header__actions {
        display: none !important;
    }

    .mzb-header-links__item--mobile-only {
        display: list-item !important;
    }
}

@media (min-width: 769px) {
    .mzb-header .header-logo.desktop {
        display: block !important;
    }
}


.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../Themes/Voyage/Content/scripts/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-carousel2,.owl-carousel2 .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel2{display:none;width:100%;z-index:1}.owl-carousel2 .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel2 .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel2 .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel2 .owl-item,.owl-carousel2 .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel2 .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel2 .owl-item img{display:block;width:100%}.owl-carousel2 .owl-dots.disabled,.owl-carousel2 .owl-nav.disabled{display:none}.no-js .owl-carousel2,.owl-carousel2.owl-loaded{display:block}.owl-carousel2 .owl-dot,.owl-carousel2 .owl-nav .owl-next,.owl-carousel2 .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel2 .owl-nav button.owl-next,.owl-carousel2 .owl-nav button.owl-prev,.owl-carousel2 button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel2.owl-loading{opacity:0;display:block}.owl-carousel2.owl-hidden{opacity:0}.owl-carousel2.owl-refresh .owl-item{visibility:hidden}.owl-carousel2.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel2.owl-grab{cursor:move;cursor:grab}.owl-carousel2.owl-rtl{direction:rtl}.owl-carousel2.owl-rtl .owl-item{float:right}.owl-carousel2 .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel2 .owl-animated-in{z-index:0}.owl-carousel2 .owl-animated-out{z-index:1}.owl-carousel2 .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel2 .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel2 .owl-item .owl-lazy:not([src]),.owl-carousel2 .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel2 .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel2 .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel2 .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../Themes/Voyage/Content/scripts/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel2 .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel2 .owl-video-playing .owl-video-play-icon,.owl-carousel2 .owl-video-playing .owl-video-tn{display:none}.owl-carousel2 .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel2 .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;display: none;}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/* Pre-footer newsletter banner (above footer) */
.st-prefooter-newsletter {
    width: 100%;
    background: #1a1614;
    color: #f5f5f0;
    padding: clamp(56px, 7vw, 88px) 24px;
    text-align: center;
}

.st-prefooter-newsletter__inner {
    max-width: 760px;
    margin: 0 auto;
}

.st-prefooter-newsletter__kicker {
    margin: 0 0 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(245, 245, 240, 0.82);
}

.st-prefooter-newsletter__title {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: 0.01em;
    color: #f5f5f0;
}

.st-prefooter-newsletter__description {
    margin: 22px auto 0;
    max-width: 620px;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(245, 245, 240, 0.82);
}

.st-prefooter-newsletter__form-wrap {
    margin-top: 34px;
}

.st-prefooter-newsletter__form {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}

.st-prefooter-newsletter__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 48px;
    padding: 0 16px;
    border: 1px solid rgba(245, 245, 240, 0.28);
    border-right: none;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.04);
    color: #f5f5f0;
    font-size: 14px;
    outline: none;
}

.st-prefooter-newsletter__input::placeholder {
    color: rgba(245, 245, 240, 0.45);
}

.st-prefooter-newsletter__input:focus {
    border-color: rgba(245, 245, 240, 0.5);
}

.st-prefooter-newsletter__button {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 24px;
    border: none;
    border-radius: 0;
    background: #c5ae88;
    color: #1a1614;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.st-prefooter-newsletter__button:hover {
    background: #d4bf98;
}

.st-prefooter-newsletter__disclaimer {
    margin: 18px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(245, 245, 240, 0.55);
}

.st-prefooter-newsletter__validation,
.st-prefooter-newsletter__result {
    max-width: 520px;
    margin: 12px auto 0;
    font-size: 13px;
    color: #f5f5f0;
}

@media (max-width: 640px) {
    .st-prefooter-newsletter__form {
        flex-direction: column;
        gap: 10px;
    }

    .st-prefooter-newsletter__input {
        border-right: 1px solid rgba(245, 245, 240, 0.28);
    }

    .st-prefooter-newsletter__button {
        width: 100%;
    }
}

.footer .featured-footer__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1024px) {
    .footer .featured-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .footer .featured-footer__grid {
        grid-template-columns: 1fr !important;
    }
}

.favorite-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    z-index: 3;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.favorite-button:hover,
.favorite-button:focus {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
    outline: none;
}

.favorite-button .favorite-icon {
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.favorite-button .favorite-icon--empty {
    color: #333;
    display: block;
}

.favorite-button .favorite-icon--filled {
    color: #e43d51;
    display: none;
}

.favorite-button.is-favorite .favorite-icon--empty {
    display: none;
}

.favorite-button.is-favorite .favorite-icon--filled {
    display: block;
}

.product-item .favorite-button-wrapper,
.product-data .favorite-button-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product-item,
.product-data .product-essential {
    position: relative;
}

.overview .favorite-button-wrapper {
    position: static;
    margin: 12px 0 20px;
}

.overview .favorite-button {
    background: transparent;
    box-shadow: none;
    width: auto;
    height: auto;
}

.overview .favorite-button .favorite-icon {
    width: 24px;
    height: 24px;
}

.header-links .ico-favorites {
    position: relative;
}

.header-links .favorites-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-left: 6px;
    padding: 0 5px;
    border-radius: 999px;
    background: #e43d51;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
}

.favorites-page .page-body {
    max-width: 1400px;
    margin: 20px auto;
}

.favorites-page .no-data {
    padding: 40px 20px;
    text-align: center;
    color: #666;
}

.responsive-nav-wrapper .favorites-button:before {
    content: "\e906";
    font-family: 'voyage-icons';
    font-size: 19px;
    width: 19px;
    height: 19px;
}

.responsive-nav-wrapper .favorites-button a {
    display: block;
    position: relative;
    height: 100%;
}

.favorites-button .favorites-qty {
    display: inline-block;
    position: absolute;
    right: 7px;
    bottom: 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #e43d51;
    padding: 1px 0;
    text-align: center;
    font-size: 9px;
    color: #fff;
}

@media (max-width: 768px) {
    .favorite-button {
        width: 32px;
        height: 32px;
    }

    .favorite-button .favorite-icon {
        width: 18px;
        height: 18px;
    }
}

.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}
.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%
}
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none;
}*/
  .owl-carousel .owl-dots {
    text-align: center;
    margin: 30px 0 0 0;
  }
    .owl-carousel .owl-dots button {
        width: 25px;
        height: 5px;
        margin-right: 10px;
        background: #ccc !important;
        border-radius: 50px 0 50px 0;
    }
    .owl-carousel button.owl-dot.active {
        background: #0c90ea !important;
        width: 35px;
    }

  .no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
  }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel.owl-hidden {
	opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}
.owl-carousel.owl-rtl {
	direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
	float: right
}
.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
	z-index: 0
}
.owl-carousel .owl-animated-out {
	z-index: 1
}
.owl-carousel .fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../Themes/Voyage/Content/css/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-carousel2, .owl-carousel2 .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}
.owl-carousel2 {
	display: block;
	width: 100%;
	z-index: 1
}
.owl-carousel2 .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}
.owl-carousel2 .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel2 .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel2 .owl-item, .owl-carousel2 .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel2 .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
.owl-carousel2 .owl-item img {
	display: block;
	width: 100%
}
/*.owl-carousel2 .owl-dots.disabled, .owl-carousel2 .owl-nav.disabled {
	display: none;
}*/
  .owl-carousel2 .owl-dots {
    text-align: center;
    margin: 30px 0 0 0;
  }
    .owl-carousel2 .owl-dots button {
        width: 25px;
        height: 5px;
        margin-right: 10px;
        background: #ccc !important;
        border-radius: 50px 0 50px 0;
    }
    .owl-carousel2 button.owl-dot.active {
        background: #0c90ea !important;
        width: 35px;
    }

  .no-js .owl-carousel2, .owl-carousel2.owl-loaded {
    display: block
  }
.owl-carousel2 .owl-dot, .owl-carousel2 .owl-nav .owl-next, .owl-carousel2 .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel2 .owl-nav button.owl-next, .owl-carousel2 .owl-nav button.owl-prev, .owl-carousel2 button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit
}
.owl-carousel2.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel2.owl-hidden {
	opacity: 0
}
.owl-carousel2.owl-refresh .owl-item {
	visibility: hidden
}
.owl-carousel2.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel2.owl-grab {
	cursor: move;
	cursor: grab
}
.owl-carousel2.owl-rtl {
	direction: rtl
}
.owl-carousel2.owl-rtl .owl-item {
	float: right
}
.owl-carousel2 .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.owl-carousel2 .owl-animated-in {
	z-index: 0
}
.owl-carousel2 .owl-animated-out {
	z-index: 1
}
.owl-carousel2 .fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
	transition: height .5s ease-in-out
}
.owl-carousel2 .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}
.owl-carousel2 .owl-item .owl-lazy:not([src]), .owl-carousel2 .owl-item .owl-lazy[src^=""] {
	max-height: 0
}
.owl-carousel2 .owl-item img.owl-lazy {
	transform-style: preserve-3d
}
.owl-carousel2 .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}
.owl-carousel2 .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../Themes/Voyage/Content/css/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}
.owl-carousel2 .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}
.owl-carousel2 .owl-video-playing .owl-video-play-icon, .owl-carousel2 .owl-video-playing .owl-video-tn {
	display: none
}
.owl-carousel2 .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}
.owl-carousel2 .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}


/* CSS RESET */

.st-premium-hero {
    display: flex;
    width: 100%;
    min-height: 760px;
    margin: 0;
    background: #f5f2ef;
    overflow: hidden;
}

.st-premium-hero__visual {
    position: relative;
    flex: 0 0 60%;
    min-height: 760px;
    overflow: hidden;
    background: #17110d;
}

.st-premium-hero__image {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 760px;
    object-fit: cover;
    object-position: center center;
    opacity: 0;
    transform: scale(1.04);
    transition: opacity 520ms ease;
}

.st-premium-hero__image.is-active {
    opacity: 1;
}

.st-premium-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 38%, rgba(0, 0, 0, 0.68) 100%);
    pointer-events: none;
}

.st-premium-hero__content {
    position: absolute;
    z-index: 3;
    left: clamp(28px, 3vw, 52px);
    bottom: clamp(30px, 4.8vw, 64px);
    max-width: 460px;
    color: #fff;
}

.st-premium-hero__eyebrow {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.st-premium-hero__title {
    margin: 0;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(52px, 4.8vw, 82px);
    font-weight: 200;
    line-height: 0.92;
    letter-spacing: 0;
}

.st-premium-hero__text {
    max-width: 420px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75;
}

.st-premium-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    margin-top: 16px;
    padding: 0 18px 5px 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.72);
    color: #fff;
    background: transparent;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.st-premium-hero__button:after {
    content: "";
    width: 20px;
    height: 1px;
    margin-left: 6px;
    background: currentColor;
}

.st-premium-hero__button:hover {
    border-color: rgba(255, 255, 255, 0.98);
    background: transparent;
    color: #fff;
    text-decoration: none;
}

.st-premium-hero__slider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
}

.st-premium-hero__slider-arrow {
    width: 18px;
    height: 18px;
    border: 0;
    padding: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.84);
    font-size: 22px;
    font-weight: 200;
    line-height: 16px;
    cursor: pointer;
    appearance: none;
}

.st-premium-hero__slider-dots {
    display: flex;
    align-items: center;
    gap: 7px;
}

.st-premium-hero__slider-dot {
    display: block;
    width: 5px;
    height: 5px;
    border: 0;
    border-radius: 999px;
    padding: 0;
    background: rgba(255, 255, 255, 0.48);
    cursor: pointer;
    appearance: none;
}

.st-premium-hero__slider-dot.is-active {
    width: 22px;
    background: rgba(255, 255, 255, 0.94);
}

.st-premium-hero__product {
    position: relative;
    z-index: 3;
    flex: 0 0 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(34px, 4.2vw, 72px);
    background: #f4f1ee;
}

.st-premium-product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 390px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #171717;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.st-premium-product-card:hover {
    transform: none;
    box-shadow: none;
    color: #171717;
    text-decoration: none;
}

.st-premium-product-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 570px;
    margin-bottom: 26px;
    padding: 42px 34px;
    background: #fff;
}

.st-premium-product-card__image {
    display: block;
    width: 100%;
    max-width: 275px;
    height: auto;
    object-fit: contain;
}

.st-premium-product-card__name {
    margin: 0;
    color: #171717;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.st-premium-product-card__variant {
    margin: 7px 0 0;
    color: #b6aaa0;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.st-premium-product-card__price {
    margin: 12px 0 0;
    color: #171717;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .st-premium-hero {
        flex-direction: column;
        min-height: 0;
    }

    .st-premium-hero__visual,
    .st-premium-hero__image {
        min-height: 510px;
    }

    .st-premium-hero__product {
        padding: 34px 20px 44px;
    }

    .st-premium-product-card__media {
        min-height: 420px;
    }

    .st-premium-product-card {
        max-width: 420px;
    }
}

@media (max-width: 575px) {
    .st-premium-hero__visual,
    .st-premium-hero__image {
        min-height: 480px;
    }

    .st-premium-hero__content {
        right: 22px;
        left: 22px;
        bottom: 32px;
    }

    .st-premium-hero__title {
        font-size: 50px;
    }

    .st-premium-hero__text {
        font-size: 14px;
    }

    .st-premium-product-card {
        padding: 0;
    }

    .st-premium-product-card__media {
        min-height: 430px;
        padding: 44px 24px;
    }

    .st-premium-product-card__image {
        max-width: 245px;
    }
}

.st-editorial-tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    height: 500px;
    margin-top: 5px; /* Üstten küçük boşluk */
    background: #f4f1ee;
}

.st-editorial-tile {
    position: relative;
    display: block;
    height: 500px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.st-editorial-tile__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.st-editorial-tile__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.05) );
    z-index: 1;
}

.st-editorial-tile__center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    text-align: center;
}

.st-editorial-tile__caption {
    position: absolute;
    left: 35px;
    bottom: 30px;
    z-index: 2;
}

    .st-editorial-tile__caption span {
        display: block;
        font-size: 26px;
        margin-bottom: 6px;
    }

    .st-editorial-tile__caption small {
        display: block;
        font-size: 12px;
        letter-spacing: 2px;
    }

.st-editorial-tile:hover {
    color: #fff;
    text-decoration: none;
}

.st-editorial-tile__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    object-position: center;
    transition: transform 600ms ease;
}

.st-editorial-tile:hover .st-editorial-tile__image {
    transform: scale(1.025);
}

.st-editorial-tile__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.18) 48%, rgba(0, 0, 0, 0.68) 100%);
    pointer-events: none;
}

.st-editorial-tile--right .st-editorial-tile__shade {
    background: linear-gradient(180deg, rgba(245, 245, 245, 0.08) 0%, rgba(20, 20, 20, 0.08) 45%, rgba(0, 0, 0, 0.62) 100%);
}

.st-editorial-tile__center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
}

.st-editorial-tile__center--right {
    align-items: flex-end;
    padding-right: 10vw;
    text-align: right;
}

.st-editorial-tile__title {
    display: block;
    color: rgba(255, 255, 255, 0.82);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: 0;
}

.st-editorial-tile__title--dark {
    color: #1f1d1b;
}

.st-editorial-tile__subtitle {
    display: block;
    margin-top: 14px;
    color: rgba(255, 255, 255, 0.72);
    font-size: clamp(22px, 2vw, 32px);
    font-weight: 300;
    line-height: 1.2;
}

.st-editorial-tile__caption {
    position: absolute;
    left: 32px;
    bottom: 30px;
    display: grid;
    gap: 6px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 18px;
    line-height: 1.2;
}

.st-editorial-tile__caption small {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.12em;
}

.st-brand-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    border-top: 1px solid #ded8d2;
    border-bottom: 1px solid #ded8d2;
    background: #f4f1ee;
    margin-top:55px;
}

.st-brand-story__media {
    min-height: 160px;
    overflow: hidden;
}

.st-brand-story__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 160px;
    object-fit: cover;
    object-position: center;
}

.st-brand-story__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(42px, 5.4vw, 96px) clamp(36px, 6vw, 130px);
}

.st-section-kicker {
    margin: 0 0 24px;
    color: #b89584;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.st-brand-story__title {
    margin: 0;
    color: #2c2926;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: 0;
}

.st-brand-story__text {
    max-width: 460px;
    margin: 30px 0 40px;
    color: #8c8179;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.85;
}

.st-outline-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    border: 1px solid #292521;
    color: #2a2522;
    background: transparent;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-decoration: none;
    text-transform: uppercase;
}

.st-outline-link:hover {
    background: #292521;
    color: #fff;
    text-decoration: none;
}

.st-service-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid #ded8d2;
    background: #fbfaf8;
}

.st-service-strip__item {
    display: grid;
    place-items: center;
    min-height: 116px;
    padding: 24px;
    border-right: 1px solid #ded8d2;
    text-align: center;
}

.st-service-strip__item:last-child {
    border-right: 0;
}

.st-service-strip__item strong {
    color: #6f625b;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.16em;
}

.st-service-strip__item span {
    max-width: 220px;
    margin-top: 10px;
    color: #a99e96;
    font-size: 12px;
    line-height: 1.55;
}

.st-world-note {
    max-width: 760px;
    margin: 0 auto;
    padding: 62px 20px 72px;
    text-align: center;
}

.st-world-note .st-section-kicker {
    margin-bottom: 24px;
}

.st-world-note p:last-child {
    margin: 0;
    color: #7b706a;
    font-size: 13px;
    line-height: 1.9;
}
.st-journal {
    padding: 0 20px 48px;
    background: #fff;
}

.st-journal__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 34px 0 28px;
}

    .st-journal__header h2 {
        margin: 0;
        color: #2c2926;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(30px, 3vw, 44px);
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0.12em;
    }

.st-journal__view-all,
.st-journal-feature__footer a {
    color: #6d625b;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.st-journal-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: 460px;
    border: 1px solid #ded8d2;
}

.st-journal-feature__image-wrap {
    display: block;
    height: 560px;
    overflow: hidden;
}

.st-journal-feature__image {
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: center;
}

.st-journal-feature__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(42px, 5vw, 82px);
    border-left: 1px solid #ded8d2;
}

.st-journal__meta,
.st-journal-feature__footer,
.st-journal-small em {
    color: #b6aaa0;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.st-journal-feature h3 {
    margin: 20px 0 22px;
    color: #3a332e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(27px, 2.4vw, 38px);
    font-weight: 400;
    line-height: 1.16;
}

.st-journal-feature p {
    color: #8c8179;
    font-size: 13px;
    line-height: 1.75;
}

.st-journal-feature__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.st-journal-small {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    border-right: 1px solid #ded8d2;
    border-bottom: 1px solid #ded8d2;
    border-left: 1px solid #ded8d2;
}

.st-journal-small__item {
    display: grid;
    grid-template-columns: 164px minmax(0, 1fr);
    min-height: 138px;
    color: #302b27;
    text-decoration: none;
}

    .st-journal-small__item + .st-journal-small__item {
        border-left: 1px solid #ded8d2;
    }

    .st-journal-small__item img {
        width: 164px;
        height: 138px;
        object-fit: cover;
    }

    .st-journal-small__item span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 22px;
    }

.st-journal-small small {
    color: #b89584;
    font-size: 10px;
    letter-spacing: 0.18em;
}

.st-journal-small strong {
    margin: 12px 0 auto;
    color: #302b27;
    font-size: 16px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .st-editorial-tiles,
    .st-brand-story,
    .st-journal-feature,
    .st-journal-small {
        grid-template-columns: 1fr;
    }

    .st-editorial-tile,
    .st-editorial-tile__image {
        min-height: 360px;
    }

    .st-editorial-tile__center--right {
        align-items: center;
        padding-right: 40px;
        text-align: center;
    }

    .st-service-strip {
        grid-template-columns: 1fr;
    }

    .st-service-strip__item {
        border-right: 0;
        border-bottom: 1px solid #ded8d2;
    }

    .st-journal-feature__body {
        border-left: 0;
        border-top: 1px solid #ded8d2;
    }

    .st-journal-small__item + .st-journal-small__item {
        border-left: 0;
        border-top: 1px solid #ded8d2;
    }
}

@media (max-width: 575px) {
    .st-editorial-tile,
    .st-editorial-tile__image {
        min-height: 300px;
    }

    .st-editorial-tile__caption {
        left: 20px;
        bottom: 22px;
        font-size: 15px;
    }

    .st-brand-story__media,
    .st-brand-story__image {
        min-height: 280px;
    }

    .st-journal {
        padding-right: 12px;
        padding-left: 12px;
    }

    .st-journal-feature,
    .st-journal-feature__image-wrap,
    .st-journal-feature__image {
        min-height: 320px;
    }

    .st-journal-small__item {
        grid-template-columns: 112px minmax(0, 1fr);
    }

    .st-journal-small__item img {
        width: 112px;
        height: 132px;
    }
}

/* customizable snowflake styling */
.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0px)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration: 10s,3s;
    -webkit-animation-timing-function: linear,ease-in-out;
    -webkit-animation-iteration-count: infinite,infinite;
    -webkit-animation-play-state: running,running;
    animation-name: snowflakes-fall,snowflakes-shake;
    animation-duration: 10s,3s;
    animation-timing-function: linear,ease-in-out;
    animation-iteration-count: infinite,infinite;
    animation-play-state: running,running
}

    .snowflake:nth-of-type(0) {
        left: 1%;
        -webkit-animation-delay: 0s,0s;
        animation-delay: 0s,0s
    }

    .snowflake:nth-of-type(1) {
        left: 10%;
        -webkit-animation-delay: 1s,1s;
        animation-delay: 1s,1s
    }

    .snowflake:nth-of-type(2) {
        left: 20%;
        -webkit-animation-delay: 6s,.5s;
        animation-delay: 6s,.5s
    }

    .snowflake:nth-of-type(3) {
        left: 30%;
        -webkit-animation-delay: 4s,2s;
        animation-delay: 4s,2s
    }

    .snowflake:nth-of-type(4) {
        left: 40%;
        -webkit-animation-delay: 2s,2s;
        animation-delay: 2s,2s
    }

    .snowflake:nth-of-type(5) {
        left: 50%;
        -webkit-animation-delay: 8s,3s;
        animation-delay: 8s,3s
    }

    .snowflake:nth-of-type(6) {
        left: 60%;
        -webkit-animation-delay: 6s,2s;
        animation-delay: 6s,2s
    }

    .snowflake:nth-of-type(7) {
        left: 70%;
        -webkit-animation-delay: 2.5s,1s;
        animation-delay: 2.5s,1s
    }

    .snowflake:nth-of-type(8) {
        left: 80%;
        -webkit-animation-delay: 1s,0s;
        animation-delay: 1s,0s
    }

    .snowflake:nth-of-type(9) {
        left: 90%;
        -webkit-animation-delay: 3s,1.5s;
        animation-delay: 3s,1.5s
    }

.popupzz {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border: 2px solid #333;
    z-index: 9999;
}

* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    z-index: 10;
}

.block-popular-tags {
    display: none;
}

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
}

ol, ul {
    list-style: none;
}

a img {
    border: none;
}

a:active {
    outline: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, button, select {
    min-width: 0;
    border-radius: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

.grafeg .grafeg-logo path, .grafeg .oscar-logo path {
    fill: #fff !important
}

* {
    -webkit-appearance: none;
    -mox-appearance: none;
    appearance: none
}

.grafeg {
    float: center;
    position: relative;
    display: inline-block;
    width: 150px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px
}

    .grafeg .after svg, .grafeg .before svg {
        width: 100%;
        height: 100%
    }

    .grafeg .after, .grafeg .before {
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
        -webkit-transition: .1s;
        transition: .1s;
        display: block
    }

    .grafeg .before {
        top: 0
    }

    .grafeg .after {
        top: 100%
    }

    .grafeg:hover .before {
        top: -100%
    }

    .grafeg:hover .after {
        top: 0
    }

.grafeg {
    margin-top: 1px
}


input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    -webkit-transition-delay: 9999s;
}

select:disabled {
    color: inherit;
}

script {
    display: none !important;
}

.bannerFixTxt {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #231f20;
    color: #000;
    z-index: 10;
}

.bannerFixTxt *,
.bannerFixTxt span,
.bannerFixTxt marquee,
.bannerFixTxt marquee span {
    color: #000 !important;
}
/* ============================================
   BRAND COLOR PALETTE - CSS VARIABLES
   ============================================ */
:root {
    /* Primary Brand Colors */
    --color-brand-primary: #322923;        /* Pantone #4259C */
    --color-brand-secondary: #978C87;      /* Pantone #408C */
    --color-brand-tertiary: #D7C3B6;       /* Pantone #4755C */
    
    /* Neutral Colors */
    --color-neutral-light: #D9D9D6;         /* COOL GRAY 1C */
    --color-neutral-warm: #DBCBB6;         /* Pantone #482C */
    --color-neutral-stal: #F8F6F3;         /* STALICITE */
    
    /* Accent Colors */
    --color-accent: #AA8066;               /* Pantone #479C */
    
    /* Semantic Color Aliases */
    --color-dark: var(--color-brand-primary);
    --color-medium: var(--color-brand-secondary);
    --color-light: var(--color-brand-tertiary);
    --color-bg-light: var(--color-neutral-stal);
    --color-bg-warm: var(--color-neutral-warm);
    --color-bg-neutral: var(--color-neutral-light);

    /* Font Size Scale (reference table) */
    --font-bodySmall: 0.6875rem;    /* 11px - bodySmall, dil seçimi */
    --font-small: 0.7188rem;        /* 11.5px - small, size-selector, popover */
    --font-xs: 0.75rem;             /* 12px - xs, h6 */
    --font-body: 0.8125rem;         /* 13px - body, linkSmall */
    --font-sm: 0.875rem;            /* 14px - sm, button-link */
    --font-titleXs: 0.9063rem;      /* 14.5px - titleXs, butonlar */
    --font-bodyLarge: 0.9375rem;    /* 15px - bodyLarge, title-xsmall */
    --font-titleS: 1rem;            /* 16px - titleS */
    --font-descriptionHero: 1.063rem; /* 17px - descriptionHero */
    --font-titleM: 1.125rem;        /* 18px - titleM, h3 */
    --font-titleLargeMobile: 1.4375rem; /* 23px - title-large mobile */
    --font-titleL: 1.5rem;          /* 24px - titleL, title-large desktop */
    --font-blockquote: 1.6875rem;   /* 27px - blockquote desktop */
    --font-titleXl: 1.875rem;       /* 30px - titleXl, h1 */
    --font-heroTitle: 2.25rem;      /* 36px - Hero title */
}

/* FONT FACES */
/* Fonts are loaded via Google Fonts in _Root.Head.cshtml */
/* Header Font: Alata */
/* Body Font: Helvetica (system font) */
/* Sub-Header Font: Della Respira */
/* Auxiliary Font: Eyesome Script */

/* Auxiliary Font Class - Use for decorative/special text */
.font-auxiliary,
.auxiliary-font {
    font-family: 'Eyesome Script', cursive;
}

/* Başlıklar: Alata | Gövde metin: Helvetica (wwwroot/fonts) */
@font-face {
    font-family: 'Alata';
    src: url('/fonts/Alata-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'voyage-icons';
    src: url('../Themes/Voyage/Content/fonts/voyage.woff') format('woff'), url('../Themes/Voyage/Content/fonts/voyage.svg#voyage') format('svg');
    font-weight: normal;
    font-style: normal;
}

*:before, *:after {
    font-family: 'voyage-icons';
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}


/* ANIMATION */


@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes loader {
    0% {
        transform: scale(0.1);
        opacity: 1;
    }

    70% {
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        opacity: 0.0;
    }
}


/* GLOBAL STYLES */


html {
    overflow-x: hidden;
}

body {
    background-color: #fff;
    font-family: 'Helvetica', Helvetica, Arial, sans-serif;
    font-size: var(--font-body);
    line-height: 1.3125rem;
    font-weight: 400;
    color: #000;
}

/* Tüm başlıklar Alata */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Alata', sans-serif;
    font-weight: 400;
}

h1 {
    font-size: var(--font-titleXl);
}

h2 {
    font-size: var(--font-titleL);
}

h3 {
    font-size: var(--font-titleM);
    font-weight: 400;
}

h4, h5, h6 {
    font-size: var(--font-titleS);
    font-weight: 400;
}

/* Sayfa başlıkları, blok başlıkları, ürün/kategori başlıkları - hepsi Alata */
.page-title h1,
.product-grid .title, .product-grid .title strong,
.topic-block .title, .home-page .title, .home-page .title strong,
.block .title, .block .title strong,
.item-box .product-title, .item-box .product-title a,
.category-title, .featured-title, .featured-category-title, .featured-product-title,
.featured-category-products-grid .featured-product-title,
.home-page-category-grid .category-title,
.featured-category-grid .featured-category-title,
.nopAjaxFilters7Spikes .filter-block .title .toggleControl,
.side-2 .filter-block .title .toggleControl,
.footer .footer-block .title strong,
.footer .newsletter .title strong,
.filter-title, .filter-title strong {
    font-family: 'Alata', sans-serif;
}

/* Ara kategori / bölüm başlıkları (Featured Products vb.) */
.product-grid .title, .product-grid .title strong,
.topic-block .title, .home-page .title, .home-page .title strong,
.block .title, .block .title strong,
.category-title, .featured-title, .featured-category-title, .featured-product-title {
    font-size: var(--font-bodyLarge);
    line-height: 1.375rem;
}

/* Ürün kutusu altındaki bilgiler (fiyat, sku, açıklama vb.) */
.item-box .price,
.item-box .old-price,
.item-box .actual-price,
.item-box .sku,
.item-box .description,
.item-box .add-info,
.item-box .product-info-item,
.item-box .tax-shipping-info,
.item-box .product-info-details,
.item-box .product-price-wrapper .price {
    font-size: var(--font-small);
}

table {
    width: 100%;
    border-collapse: collapse;
}

p {
    font-family: 'Helvetica', Helvetica, Arial, sans-serif;
    line-height: 24px;
    color: var(--color-brand-secondary);
}

a {
    color: inherit;
    transition: 0.2s ease;
    cursor: pointer;
}

p a {
    text-decoration: underline;
    color: #000;
}

strong {
    font-weight: 400;
}

/* Resim üstü / overlay yazıları için yardımcı sınıflar */
.font-light {
    font-weight: 300;
}

.text-body {
    font-size: var(--font-body);
}

p strong, p b {
    color: #444;
}

p + p {
    margin-top: 20px;
}

img {
    max-width: 100%;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea, select {
    height: 50px;
    border: 1px solid var(--color-neutral-light);
    padding: 0 15px;
    vertical-align: middle;
    font-family: 'Helvetica', Helvetica, Arial, sans-serif;
    font-size: var(--font-body);
}

textarea {
    min-height: 180px;
    padding: 15px;
}

select {
    min-width: 60px;
    max-width: 100%;
    background: url('../Themes/Voyage/Content/img/arrow-select1.svg') right 15px center no-repeat;
    background-size: 7px;
    padding: 0 25px 0 15px; /*not cross-browser consistent*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }





.attributes input[type="text"]:focus,
.attributes input[type="password"]:focus,
.attributes input[type="number"]:focus,
.attributes input[type="email"]:focus,
.attributes input[type="tel"]:focus,
.attributes textarea:focus, .attributes select:focus {
    border-color: #ccc;
}

.attributes input[type="button"],
.attributes input[type="submit"],
.attributes button {
    border: none;
    background-color: transparent;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    white-space: nowrap;
    transition: 0.2s ease;
    cursor: pointer;
}

.attributes input[type="radio"],
.attributes input[type="checkbox"],
.attributes label, .attributes label + * {
    vertical-align: middle;
}

    .attributes input[type="radio"] + span,
    .attributes input[type="checkbox"] + span {
        vertical-align: middle;
    }
/*custom checkboxes and radio buttons*/
.attributes input[type="radio"],
.attributes input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

    .attributes input[type="radio"] + label,
    .attributes input[type="checkbox"] ~ label {
        position: relative;
        /* padding-left: 28px; */
        /* cursor: pointer; */
        /* line-height: 20px; */
        /* display: inline-block; */
        color: var(--color-brand-secondary);
        font-size: var(--font-bodyLarge);
        padding: 7px;
        border: 1px solid var(--color-neutral-light);
    }

        .attributes input[type="radio"] + label:before,
        .attributes input[type="checkbox"] ~ label:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 0px;
            height: 0px;
            margin: auto;
            /* border: 1px solid #ccc; */
            box-shadow: inset 0 0 0 2px #fff;
            background-color: #fff;
        }

    .attributes input[type="radio"]:checked + label,
    .attributes input[type="checkbox"]:checked ~ label {
        color: rgb(255, 255, 255);
        background-color: var(--color-brand-primary);
    }

        .attributes input[type="radio"]:checked + label:before {
            background-color: var(--color-brand-primary);
        }

        .attributes input[type="checkbox"]:checked ~ label:before {
            content: "\e918";
            font-size: var(--font-bodySmall);
            padding: 2px;
        }







input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus, select:focus {
    border-color: var(--color-brand-tertiary);
}

input[type="button"],
input[type="submit"],
button {
    border: none;
    background-color: transparent;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    white-space: nowrap;
    transition: 0.2s ease;
    cursor: pointer;
}

input[type="radio"],
input[type="checkbox"],
label, label + * {
    vertical-align: middle;
}

    input[type="radio"] + span,
    input[type="checkbox"] + span {
        vertical-align: middle;
    }
/*custom checkboxes and radio buttons*/
input[type="radio"],
input[type="checkbox"] {
    margin-right: -19px;
    opacity: 0;
}

    input[type="radio"] + label,
    input[type="checkbox"] ~ label {
        position: relative;
        padding-top: 1px; /*cross-browser consistency*/
        padding-left: 23px;
        cursor: pointer;
    }

        input[type="radio"] + label:before,
        input[type="checkbox"] ~ label:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 15px;
            height: 15px;
            margin: auto;
            border: 1px solid #ccc;
            box-shadow: inset 0 0 0 2px #fff;
            background-color: #fff;
        }

    input[type="radio"]:checked + label,
    input[type="checkbox"]:checked ~ label {
        color: #000;
    }

        input[type="radio"]:checked + label:before {
            background-color: #000;
        }

        input[type="checkbox"]:checked ~ label:before {
            content: "\e918";
            font-size: var(--font-bodySmall);
            padding: 2px;
        }






.date-picker-wrapper {
    display: flex;
    column-gap: 10px;
}

    .date-picker-wrapper select {
        flex: 1 0 0;
        min-width: 0 !important;
    }

html:not(.html-account-page)
.master-column-wrapper {
    display: flex;
    flex-flow: column-reverse;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Blog sayfası layout - Birleştirilmiş ve temizlenmiş */
.html-blog-page .master-column-wrapper {
    padding-top: 40px;
    margin-top: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

.html-blog-page .master-column-wrapper * {
    box-sizing: border-box;
}

.html-blog-page .side-2,
.html-blog-page .center-2 {
    box-sizing: border-box;
    overflow-x: hidden;
    min-width: 0;
}

/* Desktop'ta blog sayfası için yan yana layout - master-wrapper-content içinde ortalanmış */
@media (min-width: 1025px) {
    .html-blog-page .master-wrapper-content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .html-blog-page .master-column-wrapper {
        flex-direction: row;
        flex-flow: row;
        width: auto !important;
        margin: 0 auto;
        align-items: flex-start;
        gap: 0;
        padding: 40px 2% 0 2%;
        /* max-width style tag'inden gelecek - override etme */
    }
    
    .html-blog-page .side-2 {
        width: 22%;
        min-width: 200px;
        max-width: 280px;
        flex: 0 0 22%;
        padding: 0 1.5% 0 0;
        margin: 0;
    }
    
    .html-blog-page .center-2 {
        width: 78%;
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        padding: 0 0 0 1.5%;
        margin: 0;
    }
}

/* Zoom'a göre padding'leri responsive yap */
@media (max-width: 1400px) {
    .html-blog-page .master-column-wrapper {
        padding-left: 1.5% !important;
        padding-right: 1.5% !important;
    }
}

@media (max-width: 1200px) {
    .html-blog-page .master-column-wrapper {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }
    
    .html-blog-page .side-2 {
        padding-right: 1% !important;
    }
    
    .html-blog-page .center-2 {
        padding-left: 1% !important;
    }
}

.home-page .page-body > div {
    margin: 50px 0;
}

.home-page .page-body > .homepage-blog-section {
    margin: 50px auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.slider-container-wrapper {
    position: relative;
}

.home-page .slider-wrapper {
    padding-top: 15px;
}

/* Anasayfa banner yüksekliği - mobil */
@media (max-width: 767px) {
    .home-page .slider-wrapper {
        /*min-height: 420px !important;*/
    }
    .home-page .slider-container-wrapper .anywhere-slider {
        min-height: 420px !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .slick-track,
    .home-page .slider-container-wrapper .anywhere-slider .slick-list {
        height: 420px !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide,
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide a {
        min-height: 420px !important;
        height: 420px !important;
        display: block !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide img {
        width: 100% !important;
        height: 420px !important;
        min-height: 420px !important;
        max-height: 420px !important;
        object-fit: cover !important;
        display: block !important;
    }
}

/* Anasayfa banner yüksekliği - tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .home-page .slider-wrapper {
        min-height: 560px !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider {
        min-height: 560px !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .slick-track,
    .home-page .slider-container-wrapper .anywhere-slider .slick-list {
        height: 560px !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide,
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide a {
        min-height: 560px !important;
        height: 560px !important;
        display: block !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide img {
        width: 100% !important;
        height: 560px !important;
        min-height: 560px !important;
        max-height: 560px !important;
        object-fit: cover !important;
        display: block !important;
    }
}

/* Anasayfa banner yüksekliği - büyük ekran (1050px) */
@media (min-width: 1024px) {
    .home-page .slider-wrapper {
        /*min-height: 1050px !important;*/
    }
    .home-page .slider-container-wrapper .anywhere-slider {
        min-height: 1050px !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .slick-track,
    .home-page .slider-container-wrapper .anywhere-slider .slick-list {
        height: 1050px !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide,
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide a {
        min-height: 1050px !important;
        height: 1050px !important;
        display: block !important;
    }
    .home-page .slider-container-wrapper .anywhere-slider .picture-slide img {
        width: 100% !important;
        height: 1050px !important;
        min-height: 1050px !important;
        max-height: 1050px !important;
        object-fit: cover !important;
        display: block !important;
    }
}

/* Banner Button Overlay */
.banner-button-overlay {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    pointer-events: none;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.banner-button {
    display: inline-block;
    padding: 14px 32px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: var(--font-sm);
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    pointer-events: all;
    border: 1px solid #000;
    white-space: nowrap;
}

.banner-button:hover {
    background-color: transparent;
    color: #000;
    border-color: #000;
}

@media (max-width: 768px) {
    .banner-button {
        padding: 12px 24px;
        font-size: var(--font-xs);
    }
}

.center-1, .center-2 {
    margin: 0 0 80px;
    padding: 0 2.5%;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Blog sayfası için kesin ortalamayı garanti et */
.html-blog-page .page {
    margin: 0 auto !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.html-blog-page .page-body {
    margin: 0 auto !important;
    box-sizing: border-box;
}

.center-1 .homepage-blog-section {
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.side-2 {
    margin: 0 0 80px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

.page {
    min-height: 200px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

.page-title {
    padding: 15px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

    .page-title h1 {
        font-family: 'Alata', sans-serif;
        font-size: var(--font-body);
        font-weight: 400;
    }

/* Blog sayfası başlığı - Birleştirilmiş stil */
.blog-page {
    padding-top: 50px;
}

.blog-page .page-title {
    text-align: left;
    padding: 0 0 20px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.blog-page .page-title h1 {
    font-family: 'Alata', sans-serif !important;
    font-size: var(--font-titleXs) !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #000 !important;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.product-grid .title,
.topic-block .title,
.home-page .title {
    padding: 15px 0;
    text-align: center;
    font-family: 'Alata', sans-serif;
    position: relative;
    z-index: 1;
    font-size: var(--font-body);
    text-transform: capitalize;
}

    .product-grid .title strong,
    .home-page .title strong {
        font-weight: 400;
    }

.home-page-polls {
    text-align: center;
}

.mfp-bg, .mfp-wrap {
    z-index: 1090 !important;
}

li.total-summary {
    display: none !important;
}

.payment-logo {
    display: none;
}

.plus-button {
    display: none;
}

.buttons {
    text-align: center;
}

.link-rss {
    display: none;
}

.no-data {
    text-align: center;
}

.noscript {
    background-color: #ff9;
    padding: 10px 15px;
    text-align: center;
}

.product-rating-box,
.product-review-box {
    display: flex;
    align-items: center;
}

    .product-rating-box .rating,
    .product-review-box .rating {
        position: relative;
        height: 15px;
        font-size: 0;
        letter-spacing: 1px;
    }

        .product-rating-box .rating:before,
        .product-review-box .rating:before {
            content: "\e90a \e90a \e90a \e90a \e90a";
            position: absolute;
            left: 0;
            color: #ccc;
            font-size: var(--font-sm);
        }

        .product-rating-box .rating div,
        .product-review-box .rating div {
            position: relative;
            overflow: hidden;
            background-color: #fff;
        }

            .product-rating-box .rating div:before,
            .product-review-box .rating div:before {
                content: "\e909 \e909 \e909 \e909 \e909";
                font-size: var(--font-sm);
                color: #e43d51;
            }

.qty-wrapper {
    display: inline-block;
    position: relative;
    height: 50px;
    border: 1px solid #ddd;
}

    .qty-wrapper.focus {
        border-color: #ccc;
    }

    .qty-wrapper .increase,
    .qty-wrapper .decrease {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 2px;
        width: 20px;
        height: 44px;
        background-color: var(--color-neutral-stal);
        padding: 6px;
        font-size: 0;
        cursor: pointer;
    }

    .qty-wrapper .increase {
        right: 2px;
    }

    .qty-wrapper .decrease {
        left: 2px;
    }

        .qty-wrapper .increase:after,
        .qty-wrapper .decrease:before {
            font-size: var(--font-bodySmall);
            font-weight: 400;
            color: #666;
        }

    .qty-wrapper .increase:after {
        content: "\e917";
    }

    .qty-wrapper .decrease:before {
        content: "\e916";
    }

    .qty-wrapper .qty-input {
        width: 20px;
        height: 100%;
        border: none;
        margin: 0 22px;
        padding: 0;
        text-align: center;
        font-size: var(--font-sm);
    }

    .qty-wrapper .qty-dropdown {
        min-width: 60px;
        height: 100%;
        border: none;
        text-align: left;
        font-size: var(--font-sm);
    }

.category-description ul,
.manufacturer-description ul,
.vendor-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul, .custom-tab ul,
.post-body ul, .news-body ul {
    margin: 20px 0;
    padding: 0 0 0 36px;
    list-style: disc;
}

.category-description ol,
.manufacturer-description ol,
.vendor-description ol,
.full-description ol,
.topic-html-content ol,
.topic-page ol, .custom-tab ol,
.post-body ol, .news-body ol {
    margin: 20px 0;
    padding: 0 0 0 36px;
    list-style: decimal;
}

.category-description td,
.manufacturer-description td,
.vendor-description td,
.full-description td,
.topic-html-content td,
.topic-page td, .custom-tab td,
.post-body td, .news-body td {
    border: 1px solid #ebebeb;
    padding: 10px 20px;
}

.category-description p,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-page p, .custom-tab p,
.topic-html-content p {
    word-wrap: break-word;
}

.post-body p ~ p,
.news-body p ~ p {
    margin-top: 20px;
}

.post-body p ~ table,
.news-body p ~ table {
    margin-top: 20px;
}


/* GLOBAL FORMS */


.fieldset .title,
.section .title {
    margin: 0 0 10px;
    text-align: center;
    font-size: var(--font-bodyLarge);
}

.form-fields {
    position: relative;
}

.inputs {
    position: relative;
    width: 600px;
    max-width: 100%;
    margin: 0 auto 25px;
    text-align: center;
    font-size: var(--font-xs);
}

    .inputs:after {
        content: "";
        display: block;
        clear: both;
    }

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 5px;
        text-align: left;
        font-size: var(--font-body); /*reset zeroing*/
        color: #888;
    }

    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs input[type="email"],
    .inputs input[type="tel"],
    .inputs select, .inputs textarea {
        width: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

.custom-attributes > label {
    color: #000;
}

.inputs .option-list {
    text-align: left;
}

    .inputs .option-list li {
        margin: 15px 0 0;
    }

    .inputs .option-list label {
        display: inline;
        width: auto;
        margin-left: 5px;
    }

.required {
    font-size: var(--font-titleM);
    line-height: 0;
    font-weight: 400;
    color: #e31d31;
}

.inputs .required {
    position: absolute;
    margin: 14px 0 0 -14px;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
    display: block;
    text-align: center;
    font-size: var(--font-bodySmall);
    color: #e31d31;
}

.field-validation-valid,
.username-available-status,
.new-comment .result {
    display: block;
    text-align: center;
    font-size: var(--font-bodySmall);
    color: #22b482;
}

.captcha-box {
    margin: 0 0 25px;
    text-align: center;
    line-height: 0; /*firefox line-height bug fix*/
}

    .captcha-box > div {
        display: inline-block;
    }

    .captcha-box iframe {
        margin: 0;
    }

    .captcha-box input {
        height: auto;
    }

.account-page .message-error {
    margin: 0 0 10px;
}

.account-button {
    min-width: 240px;
    height: 50px;
    background-color: var(--color-brand-primary);
    padding: 0 20px;
    font-size: var(--font-sm);
    color: #fff;
}

    .account-button:hover {
        background-color: var(--color-accent);
    }


/* GLOBAL TABLES */


.cart, .data-table,
.compare-products-table,
.forums-table-section table {
    margin: 0 0 30px;
}

    .cart th, .data-table th,
    .forums-table-section th {
        border-bottom: 1px solid var(--color-neutral-light);
        padding: 10px;
        white-space: nowrap;
        font-weight: 400;
        color: var(--color-brand-secondary);
    }

    .cart td, .data-table td,
    .compare-products-table td,
    .forums-table-section td {
        min-width: 50px;
        border-bottom: 1px solid #eee;
        padding: 10px;
    }

.account-page .data-table td {
    padding: 20px 10px;
}

.cart a:hover, .data-table a:hover,
.compare-products-table a:hover,
.forums-table-section a:hover {
    text-decoration: underline;
}

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.data-table .note {
    text-align: left;
}

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    position: relative;
    text-align: center;
}

    .cart .remove-from-cart input {
        position: absolute;
    }

    .cart .remove-from-cart button {
        position: relative;
        font-size: var(--font-xs);
        text-decoration: underline;
    }

    .cart .add-to-cart label {
        font-size: 0;
    }

.cart td.product-picture {
    font-size: 0;
}

.cart .product-picture a {
    display: inline-block;
    border: 1px solid #eee;
}

.cart .product-picture img {
    min-width: 80px;
}

.cart .attributes,
.cart .rental-info {
    margin: 5px 0 0;
    font-size: var(--font-xs);
    color: #000;
    font-weight: 400;
}

.cart .edit-item {
    text-decoration: underline;
    font-size: var(--font-xs);
    color: #a34e4e;
}

    .cart .edit-item:hover {
        color: #000;
    }

.cart .message-error {
    margin: 5px 0 0;
    text-align: left;
}

.cart .unit-price {
    white-space: nowrap;
    color: #000;
    font-weight: 400;
}

.cart .quantity .qty-input {
    font-size: var(--font-xs);
}

.cart .product-subtotal {
    white-space: nowrap;
}

.cart .discount label {
    white-space: nowrap;
}

.discount-additional-info {
    font-size: var(--font-xs);
    color: #888;
}


/* RESPONSIVE TABLES */


table:not(.breakpoint) .footable-first-column {
    min-width: 0;
    padding: 0;
    font-size: 0;
}

table:not(.breakpoint) .footable-toggle {
    display: none;
}

.breakpoint .footable-first-column {
    position: relative;
}

.breakpoint .footable-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    cursor: pointer;
}

.footable-toggle:after {
    content: "\e917";
    font-size: var(--font-bodySmall);
}

.footable-detail-show
.footable-toggle:after {
    content: "\e916";
    font-size: var(--font-bodySmall);
}

.footable-row-detail {
    text-align: left;
}

.footable-row-detail-row {
    display: table-row;
}

.footable-row-detail-name,
.footable-row-detail-value {
    display: table-cell;
    padding: 5px 10px;
}


/* NOTIFICATIONS & POPUPS */


.bar-notification {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    padding: 20px;
    opacity: 0.95;
}

    .bar-notification.success {
        background-color: #22b482;
    }

    .bar-notification.warning {
        background-color: #e4903d;
    }

    .bar-notification.error {
        background-color: #e31d31;
    }

    .bar-notification .content {
        padding-right: 30px;
        text-align: left;
        color: #fff;
    }

        .bar-notification .content a {
            text-decoration: underline;
            color: inherit;
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 8px;
        width: 40px;
        height: 40px;
        margin: auto;
        transition: 0.6s ease;
        cursor: pointer;
    }

        .bar-notification .close:after {
            content: "\e919";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 14px;
            height: 14px;
            margin: auto;
            font-size: var(--font-sm);
            color: #fff;
        }

        .bar-notification .close:hover {
            transform: rotate(-180deg);
        }

.ajax-loading-block-window {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    height: 50px !important;
    width: 50px !important;
    margin: auto !important;
    border-radius: 100%;
    border: 2px solid #e43d51;
    animation: loader 1s 0s infinite cubic-bezier(.21,.53,.56,.8);
}

.ui-dialog {
    position: absolute !important;
    z-index: 1050;
    width: 500px !important;
    max-width: 95%;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    background-color: #fff;
    padding: 15px 20px;
}

    .ui-dialog:before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background-color: rgba(0,0,0,.5);
    }

    .ui-dialog:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        box-shadow: 0 0 20px rgba(0,0,0,0.15);
        background-color: #fff;
    }

.ui-dialog-titlebar {
    padding: 10px;
    font-size: var(--font-bodyLarge);
    font-weight: 400;
}

    .ui-dialog-titlebar button {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        overflow: hidden;
        border: 1px solid #eee;
        font-size: 0;
    }

        .ui-dialog-titlebar button:after {
            content: "\e919";
            font-size: var(--font-sm);
        }

        .ui-dialog-titlebar button:hover {
            color: #e43d51;
        }

.ui-dialog-content {
    height: auto !important;
    padding: 10px;
}

    .ui-dialog-content p {
        color: #000;
    }

    .ui-dialog-content .page {
        min-height: 0;
    }

    .ui-dialog-content .page-title {
        display: none !important;
    }

    .ui-dialog-content .page-body {
        line-height: 24px;
    }

    .ui-dialog-content .tooltip {
        margin-bottom: 15px;
    }

    .ui-dialog-content button {
        border: 1px solid #000;
        padding: 10px 20px;
        font-size: var(--font-body);
    }

        .ui-dialog-content button:hover {
            border-color: #e43d51;
            color: #e43d51;
        }

.eu-cookie-bar-notification {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    background-color: #fff;
    padding: 20px;
}

    .eu-cookie-bar-notification .content {
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .eu-cookie-bar-notification .buttons-more {
        display: flex;
        column-gap: 5px;
    }

    .eu-cookie-bar-notification .ok-button,
    .eu-cookie-bar-notification .learn-more {
        min-width: 120px;
        padding: 10px 20px;
        font-size: var(--font-sm);
        font-weight: 400;
    }

    .eu-cookie-bar-notification .ok-button {
        background-color: #000;
        color: #fff;
    }

        .eu-cookie-bar-notification .ok-button:hover {
            background-color: #e43d51;
        }

    .eu-cookie-bar-notification .learn-more {
        border: 1px solid #000;
        white-space: nowrap;
    }

        .eu-cookie-bar-notification .learn-more:hover {
            border-color: #e43d51;
            color: #e43d51;
        }


/* TABULATION */


.ui-tabs {
    border: 1px solid #eee;
    padding: 25px 3%;
}

    .ui-tabs .ui-tabs-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 10px;
        margin: 0 0 20px;
    }

        .ui-tabs .ui-tabs-nav li {
            display: flex;
            align-items: center;
            font-size: var(--font-sm);
        }

.ui-tabs-nav li + li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    margin: 0 10px;
    border-radius: 50%;
    background-color: #333;
}

.ui-tabs .ui-tabs-nav a {
    display: block;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-selected a,
.ui-tabs .ui-tabs-active a {
    position: relative;
    color: var(--color-accent);
}

.ui-tabs-selected a:after,
.ui-tabs-active a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background-color: var(--color-accent);
}

.ui-tabs .message-error li {
    font-size: var(--font-bodySmall);
}

.ui-tabs .ui-tabs-hide {
    display: none;
}


/* HEADER */
.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background-color: #fff !important;
    width: 100% !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    font-family: 'Alata', sans-serif;
}

/* Header içindeki tüm yazılar Alata fontu kullanır */
.header * {
    font-family: 'Alata', sans-serif;
}

/* Header transparent when over banner/slider */
.header.header-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
}

.impersonated .header {
    top: 24px !important;
}

/* Body padding-top for fixed header */
body {
    padding-top: 0;
}

body:not(.impersonated) {
    padding-top: var(--header-height, 120px);
}

body.impersonated {
    padding-top: var(--header-height, 144px);
}

.header-upper {
    display: flex;
    justify-content: space-between;
    background-color: #939393;
    padding: 0 4%;
    text-align: center;
    color: #ffffff;
    transition: background-color 0.3s ease;
    font-size: var(--font-bodySmall);
    font-weight: 400;
    letter-spacing: 0.02em;
}
/* MORJAS-style: header upper bar links and text */
.header-upper .header-links a,
.header-upper .header-links span,
.header-upper .header-text-wrapper.middle span {
    font-size: var(--font-bodySmall) !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em;
}

/* Make header-upper transparent when header is transparent (over banner) */
/*.header.header-transparent .header-upper {
    background-color: transparent !important;
}*/

/* When header is not transparent (white/solid background), ensure all header text is visible (dark) */
.header:not(.header-transparent) .header-upper {
    color: #000;
}

.header:not(.header-transparent) .header-links a,
.header:not(.header-transparent) .header-links span,
.header:not(.header-transparent) .admin-header-links a,
.header:not(.header-transparent) .header-text-wrapper.middle span {
    color: #000 !important;
}

.header-selectors-wrapper,
.header-links-wrapper,
.header-text-wrapper {
    margin: auto 0; /*prepare for flex*/
    z-index: 10001;
}

.header-selectors {
    display: flex;
    align-items: center;
    column-gap: 16px;
    white-space: nowrap;
    min-height: 37px;
}

    /* Currency selector - padding ve hiza (language ile eşit) */
    /* MORJAS-style: currency/language in header upper bar */
    .header-selectors select,
    .header-selectors #customerCurrency {
        min-width: 0;
        border: none;
        height: 37px;
        line-height: 37px;
        background: url('../Themes/Voyage/Content/img/arrow-select2.svg') right center no-repeat;
        background-size: 10px;
        padding: 0 20px 0 0;
        box-sizing: content-box;
        font-size: var(--font-bodySmall);
        font-weight: 400;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #000;
        vertical-align: middle;
    }

    /* Currency selector - white text on transparent/black background */
    .header.header-transparent .header-selectors select,
    .header.header-transparent .header-selectors #customerCurrency {
        color: #fff;
    }

    /* Currency selector - black text on white background (when transparency is gone) */
    .header:not(.header-transparent) .header-selectors select,
    .header:not(.header-transparent) .header-selectors #customerCurrency {
        color: #000;
    }

    /* Mobile view: black text for transparent header selectors */
    @media (max-width: 768px) {
        .header.header-transparent .header-selectors select,
        .header.header-transparent .header-selectors #customerCurrency {
            color: #000;
        }
    }

.language-list {
    margin-left: -8px;
    font-size: 0;
}

    .language-list li {
        display: inline-block;
        margin: 0 1px;
    }

    .language-list a {
        display: block;
        position: relative;
        width: 32px;
        height: 32px;
    }

    .language-list img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

/* Language buttons override for theme */
.language-buttons {
    margin-left: 0 !important;
    font-size: var(--font-xs) !important;
}

/* Language list - currency ile eşit hiza (padding tutarlı) */
.language-list .language-buttons {
    text-align: center;
    padding: 0;
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Language selector wrapper - currency ile aynı hizada */
.language-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 37px;
}

.admin-header-links {
    white-space: nowrap;
}

    .admin-header-links a {
        display: inline-block;
        padding: 7px 0;
        font-size: var(--font-bodySmall);
        font-weight: 400;
        letter-spacing: 0.02em;
    }

        .admin-header-links a + a {
            display: inline-block;
            margin-left: 20px;
        }

.impersonated.session {
    padding-top: 24px;
}

.impersonated .impersonate {
    display: flex;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1060;
    background-color: #000;
    padding: 2px 0;
    color: #fff;
}

    .impersonated .impersonate span {
        display: inline-block;
        max-width: calc(100% - 40px);
        margin: auto 5px;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

.finish-impersonation {
    margin: auto 5px !important;
    background-color: #000;
    padding: 0 !important;
    font-size: 0 !important;
}

    .finish-impersonation:after {
        content: "\e919";
        font-size: var(--font-titleS);
    }

.impersonated .admin-header-links {
    flex-basis: 0 !important;
}

.header-lower {
    padding: 1%;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    transition: border-bottom 0.3s ease, background-color 0.3s ease;
}

/* Remove border and background when header is transparent (over banner) */
.header.header-transparent .header-lower {
    border-bottom: none !important;
    background-color: transparent !important;
}

.header-logo {
    text-align: center;
    font-size: 0;
}

    .header-logo.mobile {
        flex-grow: 1;
        display: flex;
        padding: 5px 0;
        width: 50%;
    }
@media (min-width: 769px) and (max-width: 1259px) {
    .header-logo a img {
        height: 60px;
        display: block;
        max-width: 100%;
        margin-top: 10px;
    }

    .header-logo.mobile {
        flex-grow: 1;
        display: flex;
        padding: 5px 0;
        width: 50%;
    }
}


    .header-logo.desktop {
        display: none;
        z-index: 10001;
    }

    .header-logo a {
        display: block;
        max-width: 70%;
        margin: auto;
    }

        .header-logo a img {
            display: block;
            max-width: 100%;
            margin-top: 10px;
        }
@media (min-width: 769px) and (max-width: 1259px) {
    .header-logo a img {
        height: 60px;
        display: block;
        max-width: 100%;
        margin-top: 10px;
    }
}


.search-box form {
    position: relative;
    width: 260px;
    border-bottom: 1px solid #eee;
    transition: border-color 0.3s ease;
}

/* When header is transparent (over banner), border can be light */
.header.header-transparent .search-box form {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

/* When header is solid (scrolled down), border should be dark */
.header:not(.header-transparent) .search-box form {
    border-bottom-color: #eee !important;
}

/* MORJAS-style: header arama kutusu */
.search-box .search-box-text {
    display: block;
    width: calc(100% - 30px);
    height: 40px;
    border: none;
    background: none;
    padding: 1px 0 0 5px;
    font-size: var(--font-bodySmall);
    font-weight: 400;
    letter-spacing: 0.02em;
    color: rgb(255, 255, 255);
    transition: color 0.3s ease;
}

/* When header is solid (scrolled down), search text should be dark */
.header:not(.header-transparent) .search-box .search-box-text {
    color: #000 !important;
}

.search-box-text::placeholder {
    color: #aaa;
    transition: color 0.3s ease;
}

/* When header is solid (scrolled down), placeholder should be darker */
.header:not(.header-transparent) .search-box-text::placeholder {
    color: #666 !important;
}

.search-box .search-box-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
    font-size: 0;
    color: rgb(255 255 255);
    transition: color 0.3s ease;
}

/* When header is solid (scrolled down), search button should be dark */
.header:not(.header-transparent) .search-box .search-box-button {
    color: #000 !important;
}

    .search-box .search-box-button:after {
        content: "\e903";
        font-size: var(--font-titleM);
    }

.ui-helper-hidden-accessible {
    display: none !important;
}

.search-box .ui-autocomplete {
    width: 100% !important;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
}

.ui-autocomplete li:first-child {
    padding-top: 10px;
}

.ui-autocomplete li:last-child {
    padding-bottom: 10px;
}

.ui-autocomplete .ui-menu-item a {
    display: flex;
    width: 100%;
    padding: 5px 20px;
}

.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-state-focus {
    background-color: #f6f6f6;
}

.ui-autocomplete .ui-menu-item img {
    margin-right: 10px;
}

.flyout-cart-wrapper {
    display: none;
}

.mini-shopping-cart .count {
    display: none;
}

.mini-shopping-cart .item {
    display: flex;
    margin: 0 0 10px;
}

.mini-shopping-cart .picture {
    flex: 0 1 100px;
    width: 100px;
    font-size: 0;
}

    .mini-shopping-cart .picture a {
        display: inline-block;
    }

.mini-shopping-cart .product {
    flex: 1 0 0;
    display: flex;
    flex-flow: column;
    padding-left: 10px;
    font-size: var(--font-xs);
}

.mini-shopping-cart .name {
    font-size: var(--font-body);
}

.mini-shopping-cart .attributes {
    margin: 5px 0 0;
    color: #888;
}

.mini-shopping-cart .quantity {
    margin: 5px 0;
    color: #888;
}

.mini-shopping-cart .price {
    font-weight: 400;
}

.mini-shopping-cart .remove {
    flex: 1 0 auto;
    align-self: flex-end;
    display: flex;
    font-size: var(--font-bodySmall);
    text-decoration: underline;
    color: #888;
}

.mini-shopping-cart .remove-btn {
    align-self: flex-end;
    transition: 0.2s ease;
    cursor: pointer;
}

    .mini-shopping-cart .remove-btn:hover {
        color: #000;
    }

.mini-shopping-cart .totals {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
    border-top: 1px solid #eee;
    padding: 20px 15px;
    font-size: var(--font-sm);
}

    .mini-shopping-cart .totals strong {
        font-weight: 400;
        color: #e43d51;
    }

.mini-shopping-cart .buttons {
    padding: 0 5px;
    font-size: 0;
}

.mini-shopping-cart button {
    width: 48.5%;
    height: 45px;
    background-color: #000;
    padding: 0 15px;
    font-size: var(--font-sm);
    color: #fff;
}

    .mini-shopping-cart button:hover {
        background-color: #e43d51;
    }

    .mini-shopping-cart button + button {
        margin-left: 3%;
    }

    .mini-shopping-cart button:only-child {
        width: 100%;
    }

.mini-shopping-cart .no-data {
    margin: 4px 0 0;
    padding: 10px;
    font-size: var(--font-xs);
    color: #888;
}

/* Mini shopping cart - all text colors black */
.mini-shopping-cart,
.mini-shopping-cart *,
.mini-shopping-cart .name,
.mini-shopping-cart .name a,
.mini-shopping-cart .attributes,
.mini-shopping-cart .quantity,
.mini-shopping-cart .price,
.mini-shopping-cart .remove,
.mini-shopping-cart .remove-btn,
.mini-shopping-cart .totals,
.mini-shopping-cart .no-data,
.mini-shopping-cart .count,
.mini-shopping-cart .count a {
    color: #000 !important;
}

/* Button-1 cart-button and checkout-button - white text */
.button-1.cart-button,
.button-1.checkout-button {
    color: #fff !important;
}


/* FOOTER */


/* =========================
   MORJAS-LIKE FOOTER (Nop markup ile)
   ========================= */

/* =========================
   MORJAS-LIKE FOOTER (dinamik nop footer)
   ========================= */
/* === FIX 1: Background'ı net kilitle === */
.footer {
    background: var(--color-neutral-stal) !important;
}

    /* bazen inner div'ler beyaz basar, hepsini aynı tona çek */
    .footer .footer-middle,
    .footer .footer-lower {
        background: transparent !important;
    }

        /* === Morjas-style Footer: Clean, minimal layout === */
        .footer .footer-middle.featured-footer {
            max-width: 1400px !important;
            margin: 0 auto !important;
            padding-left: 48px !important;
            padding-right: 48px !important;
            padding-top: 5rem !important;
            padding-bottom: 5rem !important;
        }

    /* Morjas-style Grid: Balanced columns with better spacing */
    .footer .featured-footer__grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(280px, 1fr) !important;
        gap: 60px !important;
        align-items: start;
    }

    /* Footer Block: Morjas-style minimal design */
    .footer .footer-block {
        margin: 0;
        padding: 0;
    }

    /* Footer Block Title: Morjas-style uppercase, bold, larger */
    .footer .footer-block .title {
        margin: 0 0 28px 0 !important;
        padding: 0;
    }

    /* MORJAS-style: footer section titles – small, regular weight, uppercase */
    .footer .footer-block .title strong {
        font-size: var(--font-titleXs) !important;
        font-weight: 400 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: #000 !important;
        display: block;
        margin-bottom: 0;
    }

    /* Footer List: Morjas-style clean links */
    .footer .footer-block .list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .footer .footer-block .list li {
        margin: 0 0 24px 0 !important;
        padding: 0;
    }

    .footer .footer-block .list li:last-child {
        margin-bottom: 0 !important;
    }

    /* MORJAS-style: footer links */
    .footer .footer-block .list li a {
        font-size: var(--font-body) !important;
        font-weight: 400 !important;
        color: #666 !important;
        text-decoration: none !important;
        transition: color 0.2s ease;
        line-height: 21px !important;
        display: inline-block;
    }

    .footer .footer-block .list li a:hover {
        color: #000 !important;
    }

    /* Newsletter Column: Morjas-style */
    .footer .featured-footer__newsletter-col {
        padding-right: 0;
    }

        /* Newsletter input */
        .footer .featured-footer__newsletter-col .newsletter-form {
            width: 100%;
        }

    /* Social Networks: Morjas-style */
    .footer .featured-footer__social {
        margin-top: 30px;
    }

    .footer .featured-footer__social .social-networks {
        margin-top: 0;
        text-align: left;
    }

    /* Alt çizgi alanı da soldan başlasın */
    .footer .footer-lower .footer-texts {
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding-left: 48px !important;
        padding-right: 48px !important;
    }

/* Responsive: Morjas-style mobile layout */
@media (max-width: 1024px) {
    .footer .footer-middle.featured-footer,
    .footer .footer-lower .footer-texts {
        padding-left: 24px !important;
        padding-right: 24px !important;
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .footer .featured-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 40px !important;
    }

    .footer .footer-block {
        margin-bottom: 30px;
    }

    .footer .footer-block:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .footer .footer-middle.featured-footer,
    .footer .footer-lower .footer-texts {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .footer .featured-footer__grid {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
    }

    .footer .footer-block .title strong {
        font-size: var(--font-titleXs) !important;
        letter-spacing: 0.08em !important;
    }

    .footer .footer-block .list li {
        margin-bottom: 20px !important;
    }

    .footer .footer-block .list li a {
        font-size: var(--font-body) !important;
        font-weight: 400 !important;
        line-height: 21px !important;
    }
}



.subscribe-options label:before {
    width: 13px !important;
    height: 13px !important;
    border: none !important;
    opacity: 0.2;
}

.newsletter-validation .please-wait {
    display: none !important;
}

.newsletter-validation .message {
    color: #fff !important;
}

/* MORJAS-style: Footer Newsletter başlık ve alt metin */
.footer .newsletter .title strong,
.footer .newsletter .title span {
    font-weight: 400;
    font-size: var(--font-titleXs);
    letter-spacing: 0.08em;
}
.footer .newsletter .title strong {
    display: block;
    text-transform: uppercase;
}
.footer .newsletter .title span {
    display: block;
    margin-top: 18px;
    text-transform: none;
    letter-spacing: 0.02em;
}
/* Footer Newsletter: input ve buton bitişik, buton siyah, input ile aynı yükseklik */
.footer .newsletter-form {
    column-gap: 0 !important;
}
.footer .newsletter-subscribe-button {
    height: 48px !important;
    padding: 0 20px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    background-color: #000 !important;
    color: #fff !important;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    line-height: 40px;
    box-sizing: border-box;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}
.footer .newsletter-subscribe-button:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.social-networks {
    margin-top: 40px;
    text-align: center;
    font-size: 0;
}

    .social-networks li {
        display: inline-flex;
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0 3px;
        align-items: center;
        justify-content: center;
        transition: 0.2s ease;
    }

        .social-networks li:hover {
            background-color: #e43d51;
        }

        .social-networks li:before {
            font-size: var(--font-titleM);
            transition: 0.2s ease;
        }

        .social-networks li:hover:before {
            color: #fff;
        }

    .social-networks .facebook:before {
        content: "\e920";
        position: relative;
        right: -1px;
    }

    .social-networks .twitter:before {
        content: "\e921";
        font-size: var(--font-titleLargeMobile);
    }

    .social-networks .pinterest:before {
        content: "\e923";
    }

    .social-networks .instagram:before {
        content: "\e922";
    }

    .social-networks .youtube:before {
        content: "\e924";
    }

    .social-networks .vimeo:before {
        content: "\e936";
        font-size: var(--font-titleM);
    }

    .social-networks li:after {
        content: "";
        position: absolute;
        top: 3px;
        right: -3px;
        bottom: -3px;
        left: 3px;
        z-index: -1;
        opacity: 0;
        border: 1px solid #e43d51;
        transition: 0.5s ease;
    }

    .social-networks li:hover:after {
        opacity: 1;
    }

    .social-networks .link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.theme-selector {
    margin: 15px 0 0;
}

    .theme-selector select {
        width: 200px;
        background-color: #fff;
    }


/* SIDEBAR COLUMN */
.strikethrough {
    position: relative;
}

    .strikethrough:before {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid;
        border-color: red;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.block .title {
    font-size: var(--font-bodyLarge);
    cursor: pointer;
}

    .block .title strong {
        display: block;
        font-weight: 400;
    }

.block .listbox {
    display: none;
    font-size: var(--font-xs);
    color: #888;
}

    .block .listbox:after {
        content: "";
        display: block;
        clear: both;
    }

.block .list a {
    display: inline-block;
    padding: 5px 0;
}

.block .listbox a:hover {
    color: #000;
}

.block .active > a {
    color: #000;
}

.block .list img {
    display: none;
}

.block .sublist {
    padding-left: 15px;
}

.block .view-all a {
    display: inline-block;
    padding: 5px 0 1px;
    text-decoration: underline;
    color: #000;
}

.block .tags ul,
.block ul.tags {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}

.block .tags a,
.product-tags-all-page a {
    display: block;
    padding: 5px 0;
    font-size: var(--font-xs) !important;
    text-decoration: underline;
}

.block .tags ~ .view-all {
    display: none;
}

.block .accordion {
    position: relative;
}

    .block .accordion > a {
        position: relative;
        z-index: 1;
    }

    .block .accordion > ul:after {
        content: "\e917";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        padding: 10px 0;
        text-align: right;
        font-size: var(--font-bodySmall);
        cursor: pointer;
        color: #000;
    }

.block .expanded > ul:after {
    content: "\e916";
}

.block .collapsed > ul:after {
    content: "\e917";
}

.block .accordion:not(.active) li {
    display: none;
}

.filter-title {
    margin-bottom: 12px;
    font-size: var(--font-bodyLarge);
    color: #000;
}

    .filter-title strong {
        display: block;
        font-weight: 400;
    }

.filters .item {
    margin: 6px 0 0;
}

.filters input {
    margin-right: -16px;
}

.filters label {
    display: inline-block;
}

.filters .name strong {
    font-weight: 400;
}

.selected-price-range {
    margin: -12px 0 6px;
    overflow: hidden;
    font-weight: 400;
    color: #e43d51;
}

    .selected-price-range .from {
        float: left;
    }

    .selected-price-range .to {
        float: right;
    }

.filters .ui-slider {
    position: relative;
    width: auto;
    height: 8px;
    margin: 0 3px 12px;
    background-color: var(--color-neutral-stal);
}

.filters .ui-slider-range {
    position: absolute;
    height: 8px;
    background-color: #ccc;
}

.filters .ui-slider-handle {
    position: absolute;
    top: -5px;
    width: 12px;
    height: 18px;
    margin-left: -6px;
    border: 2px solid #fff;
    background-color: #000;
    cursor: pointer;
}

.filters .attribute-squares {
    font-size: var(--font-xs); /*reset zeroing*/
}

:checked + .attribute-squares:before {
    z-index: 1;
    background: none;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #000;
    font-size: 0 !important;
}

.filters .attribute-square {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; /**/
    width: 15px;
    height: 15px;
    margin: auto;
    border-color: #222;
}

.poll strong {
    display: block;
    margin: 0 0 10px;
}

.poll-options,
.poll-results {
    margin: 0 0 15px;
}

    .poll-options li,
    .poll-results li {
        display: inline-block;
        margin: 5px 5px;
    }

.poll .buttons button {
    text-decoration: underline;
}

.poll-total-votes {
    display: block;
    margin: 10px 0 0;
    font-weight: 400;
}

.poll-vote-error {
    margin: 10px 0 0;
}


/* CATALOG PAGES */


.breadcrumb {
    border-bottom: 1px solid #eee;
    padding: 20px 5%;
    text-align: center;
}

    .breadcrumb ul {
        font-size: 0;
        color: #888;
    }

    .breadcrumb li {
        display: inline-block;
    }

    .breadcrumb a,
    .breadcrumb strong,
    .breadcrumb .delimiter {
        display: inline-block;
        margin: 0 3px;
        font-size: var(--font-xs);
        font-weight: 400;
    }

    .breadcrumb a {
        color: #000;
    }

        .breadcrumb a:hover {
            color: var(--color-accent);
        }

    .breadcrumb .delimiter {
        margin: 0 8px;
        font-size: 0;
    }

    .breadcrumb .delimiter:before {
        content: ">";
        font-size: var(--font-xs);
        color: #888;
        display: inline-block;
    }

.category-description,
.manufacturer-description,
.vendor-description {
    margin: 0 0 30px;
}

/* Morjas Style Category Page */
.morjas-style-category {
    max-width: 100%;
}

.morjas-style-category .category-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 20px 0;
}

.morjas-style-category .category-title {
    font-size: var(--font-body);
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    text-transform: none;
    color: #000;
    position: relative;
    z-index: 1;
}

.morjas-style-category .category-description-text {
    max-width: 800px;
    margin: 0 auto;
    font-size: var(--font-bodyLarge);
    line-height: 1.6;
    color: #666;
    font-weight: 300;
}

.morjas-style-category .category-description-text p {
    margin: 0;
}

.morjas-style-category .product-grid .item-grid {
    display: grid;
    grid-template-columns: repeat(4, 290px) !important;
    grid-gap: 30px 20px;
    margin-top: 40px 0;
    max-width: calc(290px * 4 + 20px * 3);
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.morjas-style-category .item-box {
    display: flex;
    flex-direction: column;
}

.morjas-style-category .item-box .product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.morjas-style-category .item-box .picture {
    margin-bottom: 8px;
    border: none;
    overflow: hidden;
}

.morjas-style-category .item-box .picture a {
    display: block;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    width: 290px;
    margin: 0 auto;
}

    .morjas-style-category .item-box .picture img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

.morjas-style-category .item-box:hover .picture img {
    transform: scale(1.05);
}

.morjas-style-category .item-box .details {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.morjas-style-category .item-box .product-info-wrapper.morjas-product-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 0;
}

.morjas-style-category .item-box .product-info-link {
    flex: 1;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* MORJAS-style: kategori ürün listesi başlık */
.morjas-style-category .item-box .product-title {
    font-size: var(--font-body);
    font-weight: 400;
    letter-spacing: 0.02em;
    margin: 0;
    line-height: 1.4;
    color: #000;
    text-align: left;
}

.morjas-style-category .item-box .product-variant {
    display: none !important;
}

.morjas-style-category .item-box .product-info-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
}

.morjas-style-category .item-box .product-info-item {
    font-size: var(--font-xs);
    font-weight: 400;
    color: #999;
    line-height: 1.4;
    text-align: left;
    display: block;
}

.morjas-style-category .item-box .product-info-separator {
    display: none;
}

.morjas-style-category .item-box .product-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

/* MORJAS-style: kategori ürün fiyatı */
.morjas-style-category .item-box .product-price-wrapper .price {
    font-size: var(--font-xs);
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000;
    text-align: right;
    line-height: 1.4;
}

.morjas-style-category .item-box .product-price-wrapper .old-price {
    font-size: var(--font-body);
    color: #999;
    text-decoration: line-through;
    display: block;
}

.morjas-style-category .item-box .add-info {
    display: none;
}

.morjas-style-category .item-box .prices {
    display: none;
}

.morjas-style-category .item-box .price {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
}

.morjas-style-category .item-box .old-price {
    display: none;
}

/* Modern Discount Badge */
.morjas-style-category .item-box .discount-badge {
    margin-top: 8px;
    padding: 4px 8px;
    background-color: #000;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: var(--font-bodySmall);
    font-weight: 400;
    text-align: left;
}

.morjas-style-category .item-box .discount-text {
    /*display: block;*/
    color: #fff;
}

.morjas-style-category .item-box .discount-percent {
    font-weight: 400;
}

.morjas-style-category .item-box .description,
.morjas-style-category .item-box .sku:not(.product-variant),
.morjas-style-category .item-box .product-rating-box,
.morjas-style-category .item-box .buttons {
    display: none;
}

.morjas-style-category .item-box .product-info-wrapper:not(.morjas-product-info) {
    display: none;
}

/* Keep side-2 visible for all category pages including Morjas style */
/* Removed display: none to show filters on all pages */

/* Hide category navigation block */
.block.block-category-navigation {
    display: none !important;
}

/* Morjas-style Horizontal Filter Bar - Move filters to top of page */
/* Keep side-2 visible - removed display: none */

/* Horizontal Filter Bar Container */
.nopAjaxFilters7Spikes {
    position: relative;
    border: 1px solid #000;
    padding: 0;
    margin: 0 0 30px 0;
    background-color: #fff;
}

.nopAjaxFilters7Spikes .filtersTitlePanel {
    display: none !important;
}

.nopAjaxFilters7Spikes .filtersPanel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    gap: 0;
}

/* Filter Block as Horizontal Buttons - Default closed state */
.nopAjaxFilters7Spikes .block.filter-block {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    position: relative;
    display: inline-block;
}

/* All filter blocks should be closed by default on page load */
.nopAjaxFilters7Spikes .block.filter-block {
    /* Default to closed state */
}

.nopAjaxFilters7Spikes .block.filter-block:not(:last-child) {
    margin-right: 32px;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.nopAjaxFilters7Spikes .filter-block .title {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}

.nopAjaxFilters7Spikes .filter-block .title .toggleControl {
    font-family: 'Alata', sans-serif;
    font-size: var(--font-titleS);
    font-weight: 400;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
    padding: 16px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto;
    cursor: pointer;
    transition: color 0.2s ease;
    background: none;
    border: none;
    text-align: left;
}

.nopAjaxFilters7Spikes .filter-block .title .toggleControl:hover {
    color: #333;
}

.nopAjaxFilters7Spikes .filter-block .title .toggleControl:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 7px;
    margin-left: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.450195 1.30769L4.5002 5.61539L8.55019 1.30769' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

.nopAjaxFilters7Spikes .filter-block.closed .title .toggleControl:after {
    transform: rotate(0deg);
}

.nopAjaxFilters7Spikes .filter-block:not(.closed) .title .toggleControl:after {
    transform: rotate(180deg);
}

/* Dropdown Panel - Default closed state (all filters closed on page load) */
.nopAjaxFilters7Spikes {
    position: relative;
}

.nopAjaxFilters7Spikes .filter-block {
    position: relative;
}

/* Dropdown Panel - Default closed state (all filters closed on page load) */
.nopAjaxFilters7Spikes .filter-block .filtersGroupPanel {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: 10000;
    background-color: #fff;
    border: 1px solid #000;
    border-top: 1px solid #000 !important;
    padding: 20px !important;
    width: 100vw;
    max-width: 70vw;
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0;
    transform: none;
}

/* Her açılan filtre paneli için artan z-index - böylece üst üste geldiklerinde en son açılan en üstte olur */
.nopAjaxFilters7Spikes .filter-block:not(.closed) {
    z-index: 10000;
}

.nopAjaxFilters7Spikes .filter-block:not(.closed) .filtersGroupPanel {
    z-index: 10001;
}

/* Ensure filter container has proper z-index */
.nopAjaxFilters7Spikes {
    position: relative;
    z-index: 9999;
}

/* Default: all panels hidden (closed state) */
.nopAjaxFilters7Spikes .filter-block .filtersGroupPanel {
    display: none;
}

/* Show panel when filter block is NOT closed (explicitly opened) - allow JavaScript slideDown to work */
.nopAjaxFilters7Spikes .filter-block:not(.closed) .filtersGroupPanel {
    /* JavaScript slideDown will handle display, but ensure it's visible when not closed */
}

/* Ensure closed blocks have hidden panels */
.nopAjaxFilters7Spikes .filter-block.closed .filtersGroupPanel {
    display: none;
}

/* Filter Options */
.nopAjaxFilters7Spikes .filtersGroupPanel .checkbox-item {
    margin-bottom: 12px;
}

.nopAjaxFilters7Spikes .filtersGroupPanel .checkbox-item:last-child {
    margin-bottom: 0;
}

.nopAjaxFilters7Spikes .filtersGroupPanel .checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    cursor: pointer;
    accent-color: #000;
}

.nopAjaxFilters7Spikes .filtersGroupPanel .checkbox-item label {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: var(--font-bodySmall);
    font-weight: 400;
    color: #333;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.nopAjaxFilters7Spikes .filtersGroupPanel .checkbox-item label:hover {
    color: #000;
}

.nopAjaxFilters7Spikes .filtersGroupPanel .checkbox-item.disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* Clear Filter Options */
.nopAjaxFilters7Spikes .filter-block .clearFilterOptions,
.nopAjaxFilters7Spikes .filter-block .clearPriceRangeFilter {
    position: absolute;
    right: 5px;
    font-size: var(--font-xs);
    color: #666;
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block;
}

.nopAjaxFilters7Spikes .filter-block .clearPriceRangeFilter {
    order: -1;
    color: var(--color-accent);
    font-weight: 400;
    margin-top: 0;
    margin-right: 0;
}

.nopAjaxFilters7Spikes .filter-block .clearFilterOptions:hover,
.nopAjaxFilters7Spikes .filter-block .clearPriceRangeFilter:hover {
    color: var(--color-accent) !important;
    font-weight: 400;
}

/* Color Options */
.nopAjaxFilters7Spikes .colorOptions ul {
    gap: 8px;
}

.nopAjaxFilters7Spikes .colorOptions .color {
    width: 32px;
    height: 32px;
    border: 1px solid #e5e5e5;
}

.nopAjaxFilters7Spikes .colorOptions .checked .color {
    box-shadow: 0 0 0 2px #000;
    border-color: #000;
}

.nopAjaxFilters7Spikes .filtersGroupPanel.colorOptions .checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.nopAjaxFilters7Spikes .filtersGroupPanel.colorOptions .checkbox-item label {
    font-size: var(--font-bodySmall);
}

.nopAjaxFilters7Spikes .filtersCheckboxPanel.colorOptions .checkbox-list input[type="checkbox"] {
    width: 22px;
    height: 22px;
}

.nopAjaxFilters7Spikes .filtersCheckboxPanel.colorOptions .checkbox-list label {
    font-size: var(--font-bodySmall);
}

.nopAjaxFilters7Spikes .filtersCheckboxPanel.colorOptions .checkbox-list .filter-item-name {
    font-size: var(--font-bodySmall);
}

/* Price Range */
.nopAjaxFilters7Spikes .ui-slider {
    height: 2px;
    background-color: #e5e5e5;
    margin: 15px 0;
}

.nopAjaxFilters7Spikes .ui-slider-range {
    height: 2px;
    background-color: #000;
}

.nopAjaxFilters7Spikes .ui-slider-handle {
    width: 14px;
    height: 14px;
    top: -6px;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.nopAjaxFilters7Spikes .priceRangeCurrentPricesPanel,
.nopAjaxFilters7Spikes .specification-current-value-panel {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}

.nopAjaxFilters7Spikes .priceRangeMinMaxPanel,
.nopAjaxFilters7Spikes .specification-min-max-panel {
    font-size: var(--font-bodySmall);
    color: #999;
    margin-bottom: 10px;
}

/* Selected Options */
.nopAjaxFilters7Spikes .selected-options-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nopAjaxFilters7Spikes .selected-options-list li {
    margin: 8px 0;
}

.nopAjaxFilters7Spikes .selected-options-list .option {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 8px 12px;
    font-size: var(--font-xs);
    color: #333;
    border-radius: 0;
}

.nopAjaxFilters7Spikes .selected-options-list .option:hover {
    background-color: #eee;
    border-color: #ccc;
}

/* Reset Button Container */
.nopAjaxFilters7Spikes .clearFilterOptionsAll {
    position: absolute;
    right: 0;
    top: 0;
    font-size: var(--font-body);
    color: #000;
    text-decoration: none;
    padding: 16px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: color 0.2s ease;
}

.nopAjaxFilters7Spikes .clearFilterOptionsAll:hover {
    color: #e43d51 !important;
    font-weight: 400;
    text-decoration: underline;
}

/* Move filters from side-2 to top of center-2 */
.master-column-wrapper .nopAjaxFilters7Spikes {
    order: -1;
    margin-bottom: 30px;
}

.side-2 .filtersTitlePanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.side-2 .filtersTitle {
    font-family: 'Della Respira', serif;
    font-size: var(--font-titleL);
    font-weight: 400;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
}

.side-2 .clearFilterOptionsAll {
    font-size: var(--font-xs);
    color: #666;
    text-decoration: underline;
    text-transform: none;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.side-2 .clearFilterOptionsAll:hover {
    color: #e43d51 !important;
    font-weight: 400;
    text-decoration: underline;
}

.side-2 .block.filter-block {
    margin: 0 0 0 0;
    padding: 0;
    border: none;
    background: transparent;
}

.side-2 .filter-block:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.side-2 .filter-block .title {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}

.side-2 .filter-block .title .toggleControl {
    font-family: 'Alata', sans-serif;
    font-size: var(--font-sm);
    font-weight: 400;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    transition: color 0.2s ease;
}

.side-2 .filter-block .title .toggleControl:hover {
    color: #333;
}

.side-2 .filter-block .title .toggleControl:after {
    content: "";
    font-size: var(--font-titleM);
    font-weight: 300;
    color: #000;
    margin-left: 10px;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

.side-2 .filter-block.closed .title .toggleControl:after {
    transform: rotate(0deg);
}

.side-2 .filter-block:not(.closed) .title .toggleControl:after {
    content: "";
    transform: rotate(0deg);
}

.side-2 .filter-block .filtersGroupPanel {
    padding: 15px 0 0 0;
    margin: 0;
    background: transparent;
}

.side-2 .filtersGroupPanel .checkbox-item {
    margin-bottom: 12px;
}

.side-2 .filtersGroupPanel .checkbox-item:last-child {
    margin-bottom: 0;
}

.side-2 .filtersGroupPanel .checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    cursor: pointer;
    accent-color: #000;
}

.side-2 .filtersGroupPanel .checkbox-item label {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: var(--font-bodySmall);
    font-weight: 400;
    color: #333;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.side-2 .filtersGroupPanel .checkbox-item label:hover {
    color: #000;
}

.side-2 .filtersGroupPanel .checkbox-item.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.side-2 .filter-block .clearFilterOptions,
.side-2 .filter-block .clearPriceRangeFilter {
    position: relative;
    font-size: var(--font-xs);
    color: #e43d51;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 2px;
    margin-right: 10px;
    display: inline-block;
}

.side-2 .filter-block .clearPriceRangeFilter {
    order: -1;
}

.side-2 .filter-block .clearFilterOptions:hover,
.side-2 .filter-block .clearPriceRangeFilter:hover {
    color: #e43d51 !important;
    font-weight: 400;
}

/* Color Options */
.side-2 .colorOptions ul {
    gap: 8px;
}

.side-2 .colorOptions .color {
    width: 65px;
    height: 32px;
    border: 1px solid #e5e5e5;
}

.side-2 .colorOptions .checked .color {
    box-shadow: 0 0 0 2px #000;
    border-color: #000;
}

.side-2 .filtersGroupPanel.colorOptions .checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.side-2 .filtersGroupPanel.colorOptions .checkbox-item label {
    font-size: var(--font-bodySmall);
}

/* Price Range */
.side-2 .ui-slider {
    height: 2px;
    background-color: #e5e5e5;
    margin: 15px 0;
}

.side-2 .ui-slider-range {
    height: 2px;
    background-color: #000;
}

.side-2 .ui-slider-handle {
    width: 14px;
    height: 14px;
    top: -6px;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.side-2 .priceRangeCurrentPricesPanel,
.side-2 .specification-current-value-panel {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
}

.side-2 .priceRangeMinMaxPanel,
.side-2 .specification-min-max-panel {
    font-size: var(--font-bodySmall);
    color: #999;
    margin-bottom: 10px;
}

/* Selected Options */
.side-2 .selected-options-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-2 .selected-options-list li {
    margin: 8px 0;
}

.side-2 .selected-options-list .option {
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 8px 12px;
    font-size: var(--font-xs);
    color: #333;
    border-radius: 0;
}

.side-2 .selected-options-list .option:hover {
    background-color: #eee;
    border-color: #ccc;
}

.contact-vendor {
    margin: 0 0 30px;
}

.contact-vendor-button {
    text-decoration: underline;
}

.product-selectors {
    display: flex;
    column-gap: 2%;
    border-top: 1px solid #eee;
    padding: 20px 0;
}

    .product-selectors span {
        margin-right: 5px;
        font-size: var(--font-xs);
        white-space: nowrap;
    }

    .product-selectors select {
        flex-grow: 1;
        border: none;
        height: 40px;
        background: var(--color-neutral-stal) url(../Themes/Voyage/Content/img/arrow-select2.svg) right 8px center no-repeat;
        background-size: 10px;
        padding: 0 25px 0 10px; /*not cross-browser consistent*/
        box-sizing: content-box; /*workaround*/
        cursor: pointer;
    }

        .product-selectors select + span {
            display: none !important;
        }

.product-viewmode {
    display: none;
}

.product-sorting,
.product-page-size {
    display: flex;
    align-items: center;
    width: 50%;
    color: #888;
}

.category-grid .item-grid,
.manufacturer-grid .item-grid,
.vendor-grid .item-grid,
.product-grid .item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px 2%;
}

.egedisplay {
    display: none;
}

.item-box {
    display: flex;
    flex-flow: column;
    text-align: left;
}

    .item-box .product-item {
        display: flex;
        flex-flow: column;
        position: relative;
        height: 100%;
    }

    .item-box .picture {
        position: relative;
        margin-bottom: 15px;
        /* border: 1px solid #eee; */
    }

        .item-box .picture a {
            display: block;
            position: relative;
            overflow: hidden;
        }

            .item-box .picture a:before {
                content: "";
                display: block;
                /*padding-top: 130%;*/
                padding-top: 50%;
            }

        .item-box .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            margin: auto;
         
        }

    .item-box .navigation {
        transition: 0.5s ease;
        opacity: 0;
    }

    .item-box:hover .navigation {
        opacity: 1;
    }

    .item-box .color-attributes {
        display: none;
        position: absolute;
        bottom: 7px;
        left: 10px;
    }

    .item-box .attribute-square {
        width: 15px;
        height: 15px;
        margin: 0 -1px;
        border-width: 1px;
        border-radius: 50%;
    }

    .item-box .details {
        flex-grow: 1;
        display: flex;
        flex-flow: column;
    }

    .item-box .product-title {
        flex-grow: 1;
        font-size: var(--font-body);
        font-weight: 400;
        color: #888;
    }

        .item-box .product-title a {
            display: block;
        }

    .item-box .sku { /**/
        margin-top: 5px;
    }

    .item-box .product-rating-box {
        display: none;
    }

    .item-box .description {
        display: none;
        font-size: var(--font-xs);
        color: #888;
    }

    .item-box .add-info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
    }

    .item-box .old-price {
        color: #999;
        text-decoration: line-through;
    }

    .item-box .actual-price {
        font-weight: 400;
    }

    .item-box .old-price + .actual-price {
        color: #e43d51;
    }

    .item-box .tax-shipping-info {
        font-size: var(--font-bodySmall);
    }

    .item-box .base-price-pangv {
        margin-top: 5px;
    }

    .item-box .product-box-add-to-cart-button {
        position: relative;
        top: -1px; /*v-align*/
        text-decoration: underline;
        white-space: nowrap;
    }

        .item-box .product-box-add-to-cart-button:hover {
            color: #e43d51;
        }

    .item-box .add-to-wishlist-button,
    .item-box .add-to-compare-list-button {
        font-size: 0;
    }

        .item-box .add-to-wishlist-button:before {
            content: "\e906";
            font-size: var(--font-titleM);
        }

        .item-box .add-to-compare-list-button:before {
            content: "\e907";
            font-size: var(--font-titleM);
        }

    .item-box .carousel {
        position: relative;
    }

        .item-box .carousel:before {
            content: "";
            display: block;
            padding-top: 130%;
        }

        .item-box .carousel .slick-list {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: auto !important;
        }

    .item-box .navigation .slick-prev,
    .item-box .navigation .slick-next {
        display: flex;
        position: absolute;
        top: calc(50% - 20px);
        width: 36px;
        height: 40px;
        text-align: center;
        font-size: 0;
        cursor: pointer;
    }

    .item-box .navigation .slick-prev {
        left: 0;
    }

    .item-box .navigation .slick-next {
        right: 0;
    }

        .item-box .navigation .slick-prev:before,
        .item-box .navigation .slick-next:after {
            margin: auto;
            font-size: var(--font-body);
        }

    .item-box .navigation .slick-prev:before {
        content: "\e90d";
    }

    .item-box .navigation .slick-next:after {
        content: "\e90e";
    }

.home-page-category-grid .picture-wrapper {
    position: relative;
}

.home-page-category-grid .picture a:before {
    padding-top: 130%;
}

.category-grid .sub-category-item a:hover {
    text-decoration: underline;
    color: var(--color-accent);
}

.home-page-category-grid .view-more {
    border-bottom: 1px solid var(--color-accent);
    color: var(--color-accent);
}

    .home-page-category-grid .view-more span,
    .home-page-category-grid .view-all span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .home-page-category-grid .view-more:after,
    .home-page-category-grid .view-all:after {
        content: "\e910";
        display: inline-block;
        vertical-align: middle;
    }

.home-page-category-grid .text-wrapper {
    text-align: center;
}

.home-page-category-grid .category-title {
    font-family: 'Alata', sans-serif;
    font-size: var(--font-body);
    font-weight: 300;
}

.home-page-category-grid .view-all {
    border-bottom: 1px solid #000;
    font-size: var(--font-xs);
}

    .home-page-category-grid .view-all:hover {
        border-color: var(--color-accent);
        color: var(--color-accent);
    }

/* Featured Category Grid - Anasayfa ürünler ile aynı büyüklük ve hizalama (3 veya 4 sütun) */
.featured-category-grid {
    margin: 60px 0;
    padding: 0 20px;
    max-width: 100%;
    box-sizing: border-box;
}

    .featured-category-grid .featured-title {
        display: none;
    }

    .featured-category-grid .featured-item-grid {
        display: grid;
        gap: 20px 15px;
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
    }

    /* 3 kategori = 3 eşit sütun, 4 kategori = 4 eşit sütun */
    .featured-category-grid.category-count-3 .featured-item-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .featured-category-grid.category-count-4 .featured-item-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .featured-category-grid.category-count-2 .featured-item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .featured-category-grid.category-count-1 .featured-item-grid {
        grid-template-columns: 1fr;
    }

    .featured-category-grid .featured-item-grid-mobile {
        display: none;
    }

    .featured-category-grid .featured-item-box {
        margin: 0;
        display: flex;
        min-width: 0;
    }

    .featured-category-grid .featured-category-item {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .featured-category-grid .featured-link {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: inherit;
    }

    .featured-category-grid .featured-picture-wrapper {
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        background-color: #f8f8f8;
    }

    /* Ürün kutuları ile aynı oran (145%) - büyük görünsün */
    .featured-category-grid .featured-picture {
        position: relative;
        width: 100%;
        padding-top: 145%;
        overflow: hidden;
        background-color: #f8f8f8;
    }

    .featured-category-grid .featured-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.3s ease;
    }

    .featured-category-grid .featured-link:hover .featured-img {
        transform: scale(1.05);
    }

    .featured-category-grid .featured-text-wrapper {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        pointer-events: none;
        z-index: 10000;
        width: 100%;
    }

    .featured-category-grid .featured-category-title {
        margin: 0;
        font-family: 'Alata', sans-serif;
        font-size: var(--font-body);
        font-weight: 300;
        color: #ffffff;
        text-align: center;
        text-transform: none;
        letter-spacing: 0.3px;
        line-height: 1.4;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
        pointer-events: none;
    }

    .featured-category-grid .featured-ege {
        display: none;
    }

/* Responsive - anasayfa ürün grid ile aynı padding ve gap */
@media (max-width: 320px) {
    .home-page .featured-category-grid {
        padding-left: 12px;
        padding-right: 12px;
    }
    .featured-category-grid .featured-item-grid {
        grid-gap: 12px 8px;
    }
}

@media (min-width: 321px) and (max-width: 768px) {
    .home-page .featured-category-grid {
        padding-left: 16px;
        padding-right: 16px;
    }
    .featured-category-grid .featured-item-grid {
        grid-gap: 15px 10px;
    }
    .featured-category-grid.category-count-3 .featured-item-grid,
    .featured-category-grid.category-count-4 .featured-item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .home-page .featured-category-grid {
        padding-left: 24px;
        padding-right: 24px;
    }
    .featured-category-grid .featured-item-grid {
        grid-gap: 20px 15px;
    }
    .featured-category-grid.category-count-3 .featured-item-grid,
    .featured-category-grid.category-count-4 .featured-item-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1025px) {
    .home-page .featured-category-grid {
        padding-left: 60px;
        padding-right: 60px;
    }
    .featured-category-grid .featured-item-grid {
        grid-gap: 28px 24px;
    }
}

@media (min-width: 1281px) {
    .home-page .featured-category-grid {
        padding-left: 80px;
        padding-right: 80px;
    }
    .featured-category-grid .featured-item-grid {
        grid-gap: 32px 28px;
    }
}

@media (min-width: 1600px) {
    .home-page .featured-category-grid {
        padding-left: 100px;
        padding-right: 100px;
    }
    .featured-category-grid .featured-item-grid {
        grid-gap: 40px 32px;
    }
}

@media (max-width: 768px) {
    .featured-category-grid {
        margin: 40px 0;
        padding: 0;
    }

    .featured-category-grid .featured-title {
        display: none;
    }

    .featured-category-grid .featured-item-grid-desktop {
        display: none;
    }

    .featured-category-grid .featured-item-grid-mobile {
        display: block;
    }

    .featured-category-grid .featured-picture {
        padding-top: 120%;
    }

    .featured-category-grid .featured-text-wrapper {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        pointer-events: none;
        z-index: 10000;
        width: 100%;
    }

.featured-category-grid .featured-category-title {
    font-family: 'Alata', sans-serif;
    font-size: var(--font-body);
    font-weight: 300;
    text-align: center;
}

    .featured-category-grid .featured-category-carousel .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
        pointer-events: none;
        z-index: 10001;
    }

    .featured-category-grid .featured-category-carousel .owl-nav button {
        pointer-events: all;
        background: rgba(255, 255, 255, 0.9);
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--font-titleM);
        color: #000;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .featured-category-grid .featured-category-carousel .owl-nav button:hover {
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .featured-category-grid .featured-category-carousel .owl-nav .owl-prev {
        left: 10px;
        position: absolute;
    }

    .featured-category-grid .featured-category-carousel .owl-nav .owl-next {
        right: 10px;
        position: absolute;
    }

    .featured-category-grid .featured-category-carousel .item {
        padding: 0 15px;
        margin: 0;
        width: 100%;
    }

    .featured-category-grid .featured-category-carousel .owl-stage-outer {
        padding: 0;
        overflow: hidden;
    }

    .featured-category-grid .featured-category-carousel {
        padding: 0;
    }

    .featured-category-grid .featured-category-carousel .owl-item {
        margin: 0 !important;
        width: 100%;
    }

    .featured-category-grid .featured-category-carousel .owl-item .featured-item-box {
        width: 100%;
    }

    .featured-category-grid .featured-category-carousel .owl-item .featured-category-item {
        width: 100%;
    }

    .featured-category-grid .featured-category-carousel .owl-stage {
        display: flex;
    }

    .featured-category-grid .featured-category-carousel .owl-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 20px;
        padding: 0;
    }

    .featured-category-grid .featured-category-carousel .owl-dots button {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.3);
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .featured-category-grid .featured-category-carousel .owl-dots button.active {
        background: rgba(0, 0, 0, 0.8);
        width: 8px;
        height: 8px;
    }

    .featured-category-grid .featured-category-carousel .owl-dots button:hover {
        background: rgba(0, 0, 0, 0.6);
    }
}

/* Featured Categories Products Section */
.featured-categories-products-section {
    margin: 60px 0;
    padding: 0 20px;
    max-width: 100%;
}

.featured-category-products-grid {
    margin-bottom: 60px;
}

.featured-category-products-grid .featured-title {
    margin-bottom: 50px;
    text-align: center;
    font-size: var(--font-blockquote);
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #000;
    text-transform: none;
}

.featured-category-products-grid .featured-item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 30px;
    margin: 0 auto;
    max-width: 1400px;
}

.featured-category-products-grid .featured-products-carousel {
    margin: 0;
    padding: 0;
}

.featured-category-products-grid .featured-products-carousel .owl-stage-outer {
    padding: 0;
    overflow: hidden;
}

.featured-category-products-grid .featured-products-carousel .item {
    padding: 0 7.5px;
}

.featured-category-products-grid .featured-products-carousel .owl-item:first-child .item {
    padding-left: 0;
}

.featured-category-products-grid .featured-products-carousel .owl-item:last-child .item {
    padding-right: 0;
}

.featured-category-products-grid .featured-products-carousel .owl-stage {
    display: flex;
}

.featured-category-products-grid .featured-products-carousel .owl-item {
    display: flex;
    flex-shrink: 0;
}

.featured-category-products-grid .featured-item-box {
    margin: 0;
    display: flex;
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
}

.featured-category-products-grid .featured-product-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.featured-category-products-grid .featured-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.featured-category-products-grid .featured-picture-wrapper {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #f8f8f8;
}

.featured-category-products-grid .featured-picture {
    position: relative;
    width: 100%;
    padding-top: 134.82%; /* 604 / 448 = 1.3482 */
    overflow: hidden;
    background-color: #f8f8f8;
    height: 0;
}

.featured-category-products-grid .featured-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
}

.featured-category-products-grid .featured-link:hover .featured-img {
    transform: scale(1.03);
}

.featured-category-products-grid .featured-text-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 20px 24px;
    pointer-events: none;
    z-index: 10000;
}

.featured-category-products-grid .featured-product-title {
    margin: 0 0 8px 0;
    font-family: 'Alata', sans-serif;
    font-size: var(--font-bodySmall);
    font-weight: 300;
    color: #ffffff;
    text-align: right;
    text-transform: none;
    letter-spacing: 0.3px;
    line-height: 1.4;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.featured-category-products-grid .featured-product-price {
    margin: 0;
    font-size: var(--font-bodySmall);
    font-weight: 400;
    color: #ffffff;
    text-align: right;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

/* Responsive */
@media (max-width: 1024px) {
    .featured-category-products-grid .featured-item-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .featured-categories-products-section {
        margin: 40px 0;
        padding: 0 15px;
    }

    .featured-category-products-grid {
        margin-bottom: 40px;
    }

    .featured-category-products-grid .featured-title {
        margin-bottom: 30px;
        font-size: var(--font-titleL);
    }

    .featured-category-products-grid .featured-item-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .featured-category-products-grid .featured-picture {
        padding-top: 134.82%;
    }

.featured-category-products-grid .featured-product-title {
    font-family: 'Alata', sans-serif;
    font-size: var(--font-sm);
        font-weight: 300;
    }

    .featured-category-products-grid .featured-product-price {
        font-size: var(--font-xs);
    }

    .featured-category-products-grid .featured-products-carousel .item {
        padding: 0 7.5px;
    }
}


@media (max-width: 480px) {
    .featured-category-grid .featured-item-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

.scroll-back-button2 {
    position: fixed;
    bottom: 125px;
    height: 80px;
    width: 55px;
    border-radius: 90px 0px 0px 90px;
    -moz-border-radius: 90px 0px 0px 90px;
    -webkit-border-radius: 90px 0px 0px 90px;
    overflow: hidden;
    background: #4dc247;
    transition: left .5s ease-out, height .2s ease-out, padding .2s ease-out, background .2s ease-out, border .2s ease-out;
    cursor: pointer;
    z-index: 16000160;
    font-size: var(--font-titleM);
    line-height: 35px;
    vertical-align: center;
    text-align: center;
    float: right;
    opacity: 1;
    padding-top: 7px;
    right: 0px;
}

.borderlink {
    margin: 5px;
    border: 2px solid rgb(221, 31, 104);
    color: rgb(221, 31, 104);
}

.gallery2 .picture-thumbs2 .thumb-item2 {
    display: inline-block;
    position: relative;
    /* width: 100px;
	height: 100px; */
    /* margin: 0 5px 10px; */
    overflow: hidden;
    cursor: pointer;
    padding-right: 5px;
}

    .gallery2 .picture-thumbs2 .thumb-item2 img {
        /* width: 100px;
	height: 100px; */
    }

    .gallery2 .picture-thumbs2 .thumb-item2:first-child {
        margin-left: 0;
    }

    .gallery2 .picture-thumbs2 .thumb-item2:last-child {
        margin-right: 0;
    }


.payment-details {
    font-size: var(--font-bodyLarge) !important;
}



.sub-category-grid {
    margin-bottom: 30px;
}

    .sub-category-grid .item-grid {
        grid-template-columns: repeat(auto-fit, 100%);
        grid-row-gap: 5px;
    }

    .sub-category-grid .item-box {
        position: relative;
        background-color: var(--color-neutral-stal);
        padding: 20px 15px;
        text-align: center;
    }

    .sub-category-grid .picture {
        display: none;
    }

    .sub-category-grid .title {
        font-size: var(--font-sm);
    }

    .sub-category-grid .number {
        font-size: var(--font-xs);
        color: #888;
    }

    .sub-category-grid .view-all {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid var(--color-accent);
        background-color: #fff;
        transition: 0.2s ease;
        opacity: 0; /**/
    }

        .sub-category-grid .view-all a {
            margin: auto auto;
            /*transform: translateY(-2px);*/
            border-bottom: 1px solid var(--color-accent);
            font-size: var(--font-xs);
            color: var(--color-accent);
            transition: 0.2s ease;
            opacity: 0; /**/
        }

        .sub-category-grid .view-all span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

        .sub-category-grid .view-all a:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .sub-category-grid .view-all a:after {
            content: "\e910";
            display: inline-block;
            vertical-align: middle;
        }

.sub-category-item:hover .view-all,
.sub-category-item:hover .view-all a {
    opacity: 1; /**/
}

.featured-product-grid {
    margin: -20px 0 50px;
}

/* Özel Ürünler (Featured Products) – kategorideki gibi büyük görseller */
.featured-product-grid .item-grid {
    display: grid;
    grid-template-columns: repeat(4, 290px);
    grid-gap: 30px 20px;
    max-width: calc(290px * 4 + 20px * 3);
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.featured-product-grid .item-box {
    display: flex;
    flex-direction: column;
}

.featured-product-grid .item-box .product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.featured-product-grid .item-box .picture {
    margin-bottom: 8px;
    border: none;
    overflow: hidden;
}

.featured-product-grid .item-box .picture a {
    display: block;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
    width: 290px;
    margin: 0 auto;
}

.featured-product-grid .item-box .picture a:before {
    content: none;
    display: none;
}

.featured-product-grid .item-box .picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.featured-product-grid .item-box:hover .picture img {
    transform: scale(1.05);
}

.featured-product-grid .item-box .details {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.featured-product-grid .item-box .product-info-wrapper.morjas-product-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 0;
}

.featured-product-grid .item-box .product-info-link {
    flex: 1;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.featured-product-grid .item-box .product-title {
    font-size: var(--font-body);
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
    color: #000;
    text-align: left;
}

/* Anasayfa Özel Ürünler (Homepage Products) – sadece anasayfada, ürün detayını etkilemez */
.home-page .home-page-product-grid {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    max-width: 100%;
    text-align: left;
}
.home-page .home-page-product-grid .title {
    padding: 6px 0 10px;
    font-size: var(--font-descriptionHero);
}
.home-page .home-page-product-grid .title strong {
    font-size: var(--font-descriptionHero);
    font-weight: 400;
}
.home-page .home-page-product-grid .item-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px 15px;
    max-width: 100%;
    width: 100%;
    justify-content: start;
    padding: 0;
}
.home-page .home-page-product-grid .item-box {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.home-page .home-page-product-grid .item-box .product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.home-page .home-page-product-grid .item-box .picture {
    margin-bottom: 8px;
    border: none;
    overflow: hidden;
}

.home-page .home-page-product-grid .item-box .picture a {
    display: block;
    position: relative;
    padding-top: 145%;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.home-page .home-page-product-grid .item-box .picture a:before {
    content: none;
    display: none;
}

.home-page .home-page-product-grid .item-box .picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.home-page .home-page-product-grid .item-box:hover .picture img {
    transform: scale(1.05);
}

.home-page .home-page-product-grid .item-box .details {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.home-page .home-page-product-grid .item-box .product-info-wrapper.morjas-product-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 0;
}

.home-page .home-page-product-grid .item-box .product-info-link {
    flex: 1;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* MORJAS-style: anasayfa ürün başlığı */
.home-page .home-page-product-grid .item-box .product-title {
    font-size: var(--font-body);
    font-weight: 400;
    letter-spacing: 0.02em;
    margin: 0;
    line-height: 1.4;
    color: #000;
    text-align: left;
}

.home-page .home-page-product-grid .item-box .product-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.home-page .home-page-product-grid .item-box .product-price-wrapper .price {
    font-size: var(--font-xs);
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #000;
    text-align: right;
    line-height: 1.4;
}

.home-page .home-page-product-grid .item-box .product-price-wrapper .old-price {
    font-size: var(--font-body);
    color: #999;
    text-decoration: line-through;
    display: block;
}

.home-page .home-page-product-grid .item-box .add-info {
    display: none;
}

.home-page .home-page-product-grid .item-box .description,
.home-page .home-page-product-grid .item-box .sku:not(.product-variant),
.home-page .home-page-product-grid .item-box .product-rating-box,
.home-page .home-page-product-grid .item-box .buttons {
    display: none;
}

/* Responsive grid – mobil/tablet 2 sütun, büyük ekran 4 sütun (sadece anasayfa) */
@media (max-width: 320px) {
    .home-page .home-page-product-grid { padding-left: 12px; padding-right: 12px; }
    .home-page .home-page-product-grid .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 12px 8px; width: 100%; }
}
@media (min-width: 321px) and (max-width: 768px) {
    .home-page .home-page-product-grid { padding-left: 16px; padding-right: 16px; }
    .home-page .home-page-product-grid .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 15px 10px; width: 100%; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .home-page .home-page-product-grid { padding-left: 24px; padding-right: 24px; }
    .home-page .home-page-product-grid .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 20px 15px; width: 100%; }
}
@media (min-width: 1025px) {
    .home-page .home-page-product-grid { padding-left: 60px; padding-right: 60px; }
    .home-page .home-page-product-grid .item-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap: 28px 24px; width: 100%; }
}
@media (min-width: 1281px) {
    .home-page .home-page-product-grid { padding-left: 80px; padding-right: 80px; }
    .home-page .home-page-product-grid .item-grid { grid-gap: 32px 28px; }
}
@media (min-width: 1600px) {
    .home-page .home-page-product-grid { padding-left: 100px; padding-right: 100px; }
    .home-page .home-page-product-grid .item-grid { grid-gap: 40px 32px; }
}

.product-grid .buttons .wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.product-grid .wrapper button {
    display: block;
    width: 36px;
    height: 28px;
    margin: 6px 0 -6px;
}

.product-grid .wrapper
.add-to-wishlist-button {
    order: -1; /**/
}

.product-grid .wrapper
.add-to-compare-list-button {
    opacity: 0;
}

.product-grid .item-box:hover
.add-to-compare-list-button {
    opacity: 1;
}

.manufacturer-item .wrapper,
.vendor-item .wrapper {
    position: relative;
    margin: 0 0 10px;
}

.manufacturer-item .picture,
.vendor-item .picture {
    margin-bottom: 0;
}

    .manufacturer-item .picture a:before,
    .vendor-item .picture a:before {
        padding-top: 75%;
    }

.manufacturer-item .view-all a,
.vendor-item .view-all a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background: rgba(255,255,255,.9);
    font-weight: 400;
    color: #e43d51;
    text-decoration: underline;
    transition: 0.2s ease;
    opacity: 0;
}

.manufacturer-item .wrapper:hover a,
.vendor-item .wrapper:hover a {
    opacity: 1;
}

.manufacturer-item .title a:hover,
.vendor-item .title a:hover {
    color: #e43d51;
}

.manufacturer-item .title,
.vendor-item .title {
    font-size: var(--font-sm);
    font-weight: 400;
    color: #666;
}

.cross-sells {
    margin-top: 40px;
}

.pager {
    margin-top: 60px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

    .pager ul {
        text-align: center;
        font-size: var(--font-sm);
    }

    .pager li {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0 1px;
        vertical-align: middle;
        transition: 0.2s ease;
    }

        .pager li a {
            display: block;
            width: 100%;
            padding: 8px 0;
        }

    .pager .current-page {
        background-color: #e43d51;
        color: #fff;
    }

    .pager li:before {
        font-size: var(--font-titleM);
        transition: 0.2s ease;
    }

    .pager li:after {
        content: "";
        position: absolute;
        top: 3px;
        right: -3px;
        bottom: -3px;
        left: 3px;
        z-index: -1;
        opacity: 0;
        border: 1px solid #e43d51;
        transition: 0.5s ease;
    }

    .pager .current-page:after {
        opacity: 1;
    }

    .pager li:hover a {
        color: #e43d51;
    }

    .pager .previous-page a,
    .pager .next-page a,
    .pager .first-page a,
    .pager .last-page a {
        font-size: 0;
    }

        .pager .previous-page a:before,
        .pager .next-page a:after,
        .pager .first-page a:before,
        .pager .last-page a:after {
            display: inline-block;
            line-height: 21px;
        }

        .pager .first-page a:before {
            content: "\e911";
            font-size: var(--font-titleS);
        }

        .pager .previous-page a:before {
            content: "\e90d";
            font-size: var(--font-sm);
        }

        .pager .next-page a:after {
            content: "\e90e";
            font-size: var(--font-sm);
        }

        .pager .last-page a:after {
            content: "\e912";
            font-size: var(--font-titleS);
        }


/* PRODUCT PAGE */


.product-essential {
    max-width: 500px;
    margin: auto;
}

    .product-essential:after {
        content: "";
        display: block;
        clear: both;
    }

.gallery {
    margin: 0 0 3px;
    text-align: center;
    font-size: 0;
}

    .gallery .picture {
        position: relative;
        border: 1px solid #eee;
    }

        .gallery .picture a {
            display: inline-block;
            max-width: 100%; /*Ie fix*/
        }

    .gallery .picture-thumbs {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px 10px;
        margin: 10px auto 0;
    }

    .gallery .thumb-item {
        border: 1px solid #eee;
    }

    .gallery .thumb-video-item {
        border: 1px solid #eee;
    }

.extended-gallery .thumb-item {
    display: inline-block;
    width: 115px;
    max-width: 23%;
    margin: 10px 1% 0;
}

.extended-gallery .thumb-video-item {
    display: inline-block;
    width: 115px;
    max-width: 23%;
    margin: 10px 1% 0;
}

.overview, .variant-overview {
    text-align: left;
}

.discontinued-product {
    color: #e31d31;
}

.overview .product-name {
    display: none;
}

/* Morjas Style Product Details */
.product-header-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.product-header-info .product-name {
    display: block;
    margin: 0;
}

/* MORJAS-style: ürün detay başlık – belirgin, okunaklı */
.product-header-info .product-name h1 {
    font-size: var(--font-titleM);
    font-weight: 400;
    margin: 0;
    line-height: 1.35;
    color: #000;
    letter-spacing: 0.02em;
}

.product-header-info .price-reviews-wrapper {
    margin: 0;
    border-bottom: none;
    padding: 0;
}

.product-header-info .price-reviews-wrapper .prices {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    margin: 0;
    gap: 8px;
}

/* MORJAS-style: ürün detay fiyat */
.product-header-info .old-product-price,
.product-header-info .non-discounted-price,
.product-header-info .prices .product-price {
    margin: 0;
    font-size: var(--font-sm);
    color: #000;
    font-weight: 400;
}

.product-header-info .prices .product-price {
    color: #000;
}

.product-header-info .old-product-price,
.product-header-info .non-discounted-price {
    text-decoration: line-through;
    color: #999;
    font-size: var(--font-sm);
}

/* MORJAS-style: ürün detay kısa açıklama */
.overview .short-description {
    margin: 0 0 25px;
    font-size: var(--font-body);
    font-weight: 400;
    line-height: 1.5;
    color: #666;
}

/* Wishlist button after header - icon only, no text */
.overview .add-to-wishlist {
    margin: 12px 0 20px;
}

.overview .add-to-wishlist-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    color: transparent;
}

.overview .add-to-wishlist-button:before {
    content: "\e906";
    font-family: 'voyage-icons';
    font-size: var(--font-titleM);
    color: #000;
    display: block;
    line-height: 1;
    transition: color 0.2s ease;
}

.overview .add-to-wishlist-button:hover:before {
    color: #666;
}

.price-reviews-wrapper {
    margin: 0 0 5px;
    border-bottom: 1px solid #eee;
}

    .price-reviews-wrapper .prices {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        justify-content: center;
        margin: 0 0 2px;
    }

.old-product-price,
.non-discounted-price,
.prices .product-price {
    margin: 0 6px;
    font-size: var(--font-titleL);
    color: #888;
}

.prices .product-price {
    color: #e43d51;
}

.old-product-price,
.non-discounted-price {
    text-decoration: line-through;
}

    .old-product-price +
    .non-discounted-price {
        display: none; /*hidden by default*/
    }

.prices .tax-shipping-info {
    font-size: var(--font-bodySmall);
    white-space: nowrap;
    color: #888;
}

.prices .rental-price {
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.tier-prices {
    margin: 0 0 30px;
}

    .tier-prices .title {
        display: none;
    }

    .tier-prices .prices-table {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .tier-prices .prices-cell {
        box-shadow: 0 0 0 1px #eee;
        background-color: #fff;
        padding: 10px;
    }

    .tier-prices .field-header {
        font-weight: 400;
    }

    .tier-prices .item-price {
        color: #e43d51;
    }

.product-reviews-overview {
    /* display: flex; */
    justify-content: center;
    margin: 0 0 0px;
    font-size: 0;
    color: #888;
    float: right;
    width: 50px;
    margin-right: 20px;
}

    .product-reviews-overview * {
        height: 14px !important;
        line-height: 13px; /*cross-browser compatibility*/
        white-space: nowrap;
    }

.product-no-reviews,
.product-review-links {
    font-size: var(--font-xs);
}

    .product-no-reviews span,
    .product-review-links span {
        margin: 0 8px;
    }

    .product-no-reviews a,
    .product-review-links a:hover {
        color: #000;
    }

.product-review-links {
    display: flex;
}

.stock-delivery-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    align-items: center;
    margin: 0 0 25px;
    white-space: nowrap;
}

    .stock-delivery-wrapper.empty {
        display: none;
    }

.availability .stock .label {
    display: none;
}

.availability .stock .value {
    display: inline-block;
    background-color: var(--color-neutral-stal);
    padding: 5px 10px;
}

.delivery .free-shipping {
    display: inline-block;
    background-color: var(--color-neutral-stal);
    padding: 5px 10px;
    vertical-align: middle;
    font-weight: 400;
}

.delivery .delivery-date {
    display: inline-block;
    vertical-align: middle;
}

.free-shipping + .delivery-date {
    margin-left: 8px;
}

.stock-delivery-wrapper .availability {
    display: flex;
    align-items: center;
}

.back-in-stock-subscription {
    margin: 0 5px 0 15px;
    font-size: 0;
}

.availability .subscribe-button {
    display: inline-flex;
    font-weight: 400;
}

    .availability .subscribe-button:before {
        content: "\e93a";
        position: relative;
        bottom: 1px;
        margin-right: 6px;
        font-size: var(--font-titleM);
    }

.overview .label,
.variant-overview .label {
    color: #888;
}

.overview .value,
.variant-overview .value {
    font-weight: 400;
}

    .overview .value a,
    .variant-overview .value a {
        text-decoration: underline;
    }

.overview .manufacturers {
    margin: 0 0 20px;
}

.overview .additional-details,
.variant-overview .additional-details {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
    margin: 0 0 25px;
}

.download-sample {
    margin: 0 0 25px;
}

.download-sample-button {
    display: inline-flex;
}

    .download-sample-button:before {
        content: "\e929";
        margin-right: 5px;
        font-size: var(--font-titleM);
    }

.attributes dl {
    margin: 0 0 30px;
}

.attributes dt {
    margin: 0 0 8px;
    color: #000;
}

.attributes dt .text-prompt {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.attributes dd {
    margin: 0 0 20px;
}

/* Morjas Style Attributes - Size Selection */
.attributes select {
    width: 100%;
    max-width: 100%;
    padding: 12px 16px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: var(--font-sm);
    font-weight: 400;
    color: #000;
    border-radius: 0;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px;
    padding-right: 40px;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.attributes select:hover {
    border-color: #000;
}

.attributes select:focus {
    outline: none;
    border-color: #000;
}

.attributes li {
    margin: 8px 0 12px;
}

/* Morjas Style Size Selector - Radio Buttons as Buttons */
.attributes .option-list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.attributes .option-list li {
    margin: 0 !important;
    position: relative;
}

.attributes .option-list input[type="radio"] {
    position: absolute !important;
    opacity: 0;
    width: 0;
    height: 0;
    left: -9999px !important;
}

.attributes .option-list input[type="radio"] + label {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 16px !important;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    color: #000 !important;
    font-size: var(--font-body) !important;
    font-weight: 400 !important;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 50px;
    text-align: center;
    margin: 0 !important;
    user-select: none;
    position: relative;
    line-height: 1.4;
    vertical-align: middle;
}

.attributes .option-list input[type="radio"] + label:before {
    display: none !important;
}

.attributes .option-list label:hover {
    border-color: #000 !important;
    background-color: #f9f9f9 !important;
}

.attributes .option-list input[type="radio"]:checked + label {
    border-color: #000 !important;
    background-color: #000 !important;
    color: #fff !important;
}

.attributes .option-list input[type="radio"]:checked + label:before {
    display: none !important;
}

.attributes .option-list input[type="radio"]:disabled + label,
.attributes .option-list li.disabled label {
    opacity: 0.4;
    cursor: not-allowed;
    border-color: #ddd !important;
    background-color: #f5f5f5 !important;
    color: #999 !important;
}

.attributes .option-list input[type="radio"]:disabled + label:hover,
.attributes .option-list li.disabled label:hover {
    border-color: #ddd !important;
    background-color: #f5f5f5 !important;
}

.color-left {
    width: 40px;
    float: left;
}

.attributes li.disabled {
    pointer-events: none;
    opacity: 0.5;
}

    .attributes li.disabled label {
        text-decoration: line-through;
    }

.attributes select,
.attributes .textbox,
.attributes textarea {
    width: 100%;
}

.attributes option.disabled {
    color: #ddd;
}

.attributes .option-list label {
    margin: 0 0px;
}

.attributes .qty-select {
    max-width: calc(100% - 70px);
}

.attributes .qty-box {
    margin: 0 0 0 5px;
}

    .attributes .qty-box label {
        display: none;
    }

    .attributes .qty-box input {
        width: 60px;
    }

.attribute-squares {
    display: flex;
    font-size: 0;
}

    .attribute-squares li {
        position: relative;
        margin: 3px 6px 3px 0;
        text-align: center;
    }

    .attribute-squares label {
        display: block;
        margin: 0 !important;
    }

    .attribute-squares input {
        position: relative;
        z-index: -1;
        margin: -32px 0 0;
    }

    .attribute-squares span {
        display: block;
    }

.attribute-square {
    width: 34px;
    height: 34px;
    border: 2px solid #fff;
    cursor: pointer;
}

.attribute-squares [title~="White"] span {
    box-shadow: inset 0 0 0 1px #ddd;
}

.selected-value .attribute-square {
    box-shadow: 0 0 0 1px #333 !important;
}

.attribute-squares li.disabled {
    position: relative;
    opacity: 1;
}

    .attribute-squares li.disabled:after {
        content: "\e919";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 2px solid #fff;
        background-color: var(--color-neutral-stal);
        font-size: var(--font-bodySmall);
        line-height: 30px;
        opacity: 0.95;
    }

.image-squares .tooltip-container {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%,-5px);
    width: 200px;
    height: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    background-color: #fff;
    padding: 10px;
    z-index: 1;
    animation: fadein 0.5s;
}

    .image-squares .tooltip-container:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        border-width: 10px 10px 0;
        border-style: solid dashed dashed;
        border-color: #fff transparent transparent;
        filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.06));
        opacity: 0; /*hidden by default*/
    }

.image-squares li:hover .tooltip-container {
    display: block;
}

.rental-attributes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 0 0 20px;
}

    .rental-attributes .datepicker {
        width: 340px;
        max-width: 100%;
    }

.ui-datepicker {
    width: 340px;
    background-color: #fff;
    text-align: center;
}

.ui-datepicker-header {
    position: relative;
    background-color: #222;
    color: #fff;
}

    .ui-datepicker-header a {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        width: 40px;
        font-size: 0;
    }

.ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-next {
    right: 0;
}

.ui-datepicker-prev:before {
    content: "\e914";
    font-size: var(--font-body);
}

.ui-datepicker-next:after {
    content: "\e915";
    font-size: var(--font-body);
}

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    padding: 8px 0;
}

.ui-datepicker-calendar th {
    background-color: var(--color-neutral-stal);
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    width: 14.285%;
    border: 1px solid #ddd;
}

    .ui-datepicker-calendar th span,
    .ui-datepicker-calendar td a {
        display: block;
        min-height: 32px;
        line-height: 32px;
    }

        .ui-datepicker-calendar td a:hover,
        .ui-datepicker-calendar a.ui-state-active,
        .ui-datepicker-calendar a.ui-state-active:hover {
            background-color: #e43d51;
            color: #fff;
        }

.page .qq-upload-button,
.k-window .qq-upload-button {
    width: 100%;
}

.page .qq-upload-list li,
.k-window .qq-upload-list li {
    background: none !important;
}

.page .qq-upload-list span,
.k-window .qq-upload-list span {
    margin: 0 5px;
}

    .page .qq-upload-list span:empty,
    .k-window .qq-upload-list span:empty {
        display: none;
    }

.giftcard {
    width: 100%;
    margin: 0 0 30px;
}

    .giftcard div {
        position: relative;
        margin: 0 0 10px;
    }

    .giftcard label {
        display: block;
        margin: 0 0 5px;
        color: #888;
    }

    .giftcard input,
    .giftcard textarea {
        width: 100%;
        max-width: 100%;
    }

    .giftcard .required {
        position: absolute;
        margin: 14px 0 0 -14px;
    }

.product-estimate-shipping {
    margin: 0 0 15px;
}

    .product-estimate-shipping a {
        display: inline-block;
    }

    .product-estimate-shipping i {
        display: inline-block;
        transform: rotate(45deg);
        margin: 0 0 3px 10px;
        border: solid black;
        border-width: 0 1px 1px 0;
        padding: 3px 3px;
    }

    .product-estimate-shipping span {
        vertical-align: middle;
    }

    .product-estimate-shipping .shipping-loading {
        display: none !important; /*disable preloader*/
    }

    .product-estimate-shipping .shipping-title {
        margin: 0 0 5px;
    }

    .product-estimate-shipping .shipping-price {
        margin: 0 0 0 5px;
        font-weight: 400;
    }

    .product-estimate-shipping .shipping-date {
        margin: 5px 0 0;
        color: #888;
    }

.customer-entered-price {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 25px 0 0;
}

    .customer-entered-price .price-input {
        margin-right: 10px;
    }

    .customer-entered-price .enter-price-label {
        position: absolute;
        top: -25px;
        color: #e43d51;
    }

    .customer-entered-price .enter-price-input {
        width: 86px;
        height: 48px;
        padding-right: 0;
    }

.spc-header {
    padding-top: 10px;
}

.pre-order-availability-date,
.min-qty-notification {
    width: 100%;
}

.cart-buttons-wrapper .add-to-cart {
    margin: 5px 0;
}

.add-to-cart .add-to-cart-panel {
    display: flex;
    align-items: center;
    position: relative;
}

.add-to-cart-panel .qty-wrapper {
    margin-right: 10px;
}

.add-to-cart-panel .add-to-cart-button {
    width: 250px;
    max-width: calc(100% - 325px);
    height: 50px;
    background-color: var(--color-brand-primary);
    padding: 0 15px;
    font-size: var(--font-sm);
    color: #fff;
    min-width: 100px;
}

    .add-to-cart-panel .add-to-cart-button:hover {
        background-color: var(--color-accent);
    }

.add-to-cart-panel .buy-now-button {
    width: 100%;
    height: 50px;
    background-color: var(--color-brand-secondary);
    padding: 0 15px;
    font-size: var(--font-sm);
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .add-to-cart-panel .buy-now-button:hover {
        background-color: var(--color-brand-primary);
    }

.variants-scroll-button {
    width: 240px !important;
    max-width: 100% !important;
}

    .variants-scroll-button:before,
    .variants-scroll-button:after {
        content: "\e913";
        position: absolute;
        top: 0;
        bottom: 0;
        height: 15px;
        margin: auto;
    }

    .variants-scroll-button:before {
        left: 15px;
    }

    .variants-scroll-button:after {
        right: 15px;
    }

.overview-buttons {
    display: flex;
    column-gap: 5px;
    margin: 20px 0;
    font-size: 0;
}

    .overview-buttons button,
    .variants .add-to-wishlist-button {
        width: 45px;
        height: 45px;
        border: 1px solid #ddd;
        font-size: 0;
    }

.add-to-wishlist-button:before {
    content: "\e906";
    font-size: var(--font-titleM);
}

.add-to-compare-list-button:before {
    content: "\e907";
    font-size: var(--font-titleS);
}

.email-a-friend-button:before {
    content: "\e908";
    font-size: var(--font-titleS);
}

.overview-buttons button:hover,
.variants .add-to-wishlist-button:hover {
    border-color: var(--color-brand-tertiary);
    color: var(--color-accent);
}

.product-share-button {
    margin: -10px 0 30px;
    font-size: 0;
}

    .product-share-button a {
        margin-bottom: 0 !important;
    }

.full-description {
    line-height: 24px;
    color: #666;
}

    .full-description ~ div {
        margin-top: 50px;
    }

.product-collateral {
    max-width: 500px;
    margin: auto;
    text-align: left;
}

    .product-collateral .title {
        margin: 0 0 20px;
        font-size: var(--font-bodyLarge);
    }

    .product-collateral ~ .product-grid {
        margin: 25px 0 50px;
    }

/* Product Delivery Message - Modern Style */
.product-delivery-message {
    font-size: var(--font-xs);
    font-weight: 400;
    color: #000;
    line-height: 1.6;
    margin: 0 0 30px;
    letter-spacing: 0.2px;
}

/* Morjas Style Tabs */
.morjas-tabs {
    margin-top: 0;
    max-width: 100%;
}

.overview .morjas-tabs {
    max-width: 100%;
    margin: 40px 0 0;
}

.morjas-tabs .tab-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 16px;
    border-bottom: none;
}

.morjas-tabs .tab-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: var(--font-sm);
    font-weight: 400;
    color: #000;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.5;
    transition: opacity 0.2s ease;
}

.morjas-tabs .tab-button:hover {
    opacity: 0.7;
}

.morjas-tabs .tab-button.active {
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 1px;
}

.morjas-tabs .tab-button span {
    display: inline-block;
}

.morjas-tabs .tab-content-wrapper {
    margin-top: 0;
}

.morjas-tabs .tab-content {
    display: none;
    padding: 0;
}

.morjas-tabs .tab-content.active {
    display: block;
}

.morjas-tabs .whitespace-pre-wrap {
    white-space: pre-wrap;
    font-size: var(--font-sm);
    line-height: 1.6;
    color: #000;
}

.morjas-tabs .whitespace-pre-wrap p {
    margin: 0 0 16px;
}

.morjas-tabs .whitespace-pre-wrap p:last-child {
    margin-bottom: 0;
}

.morjas-tabs .product-specs-box {
    margin: 0;
}

.morjas-tabs .product-specs-box .title {
    display: none;
}

.morjas-tabs .product-specs-box .data-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.morjas-tabs .product-specs-box .spec-name {
    font-weight: 400;
    padding: 8px 0;
    vertical-align: top;
    font-size: var(--font-sm);
}

.morjas-tabs .product-specs-box .spec-value {
    padding: 8px 0 8px 16px;
    vertical-align: top;
    font-size: var(--font-sm);
}

.morjas-tabs .product-specs-box .spec-header {
    display: none;
}

.morjas-tabs .product-specs-box tr {
    border-bottom: none;
}

.morjas-tabs .product-specs-box tr.odd,
.morjas-tabs .product-specs-box tr.even {
    background: transparent;
}

.morjas-tabs .product-specs-box .spec-value ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.morjas-tabs .product-specs-box .spec-value li {
    margin: 4px 0;
    padding-left: 0;
}

.morjas-tabs .product-specs-box .spec-value li:before {
    content: "* ";
    margin-right: 4px;
}

.morjas-tabs .details-list {
    margin: 0;
    padding: 0;
}

.morjas-tabs .details-list .detail-item {
    margin: 0 0 8px;
    padding: 0;
    font-size: var(--font-sm);
    line-height: 1.6;
    color: #000;
}

.morjas-tabs .details-list .detail-item:before {
    content: "* ";
    margin-right: 4px;
}

.morjas-tabs .details-list .detail-item:last-child {
    margin-bottom: 0;
}

.morjas-tabs .details-list .attribute-square {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.product-specs-box .title {
    margin: 0 0 20px;
    font-size: var(--font-bodyLarge);
}

.product-specs-box table {
    margin-bottom: 0;
}

.product-specs-box thead {
    display: none;
}

.product-specs-box td {
    border: 1px solid #eee;
    padding: 10px;
}

.product-specs-box .spec-group-name {
    display: none !important; /*hidden because invalid markup in default nopCommerce code*/
}

.product-specs-box .attribute-squares {
    display: inline-block;
    vertical-align: middle;
}

.product-specs-box .attribute-square {
    cursor: default !important;
}

.overview .product-specs-box {
    margin-top: 25px; /*grouped products*/
}

.product-tags-box {
    display: none; /*hidden by default*/
}

.product-tags-list {
    font-size: 0;
}

    .product-tags-list li {
        display: inline-block;
        font-size: var(--font-body); /*reset zeroing*/
    }

        .product-tags-list li.separator {
            margin: 0 5px 0 3px;
        }

    .product-tags-list a {
        display: inline-block;
        line-height: 24px;
    }

.product-variant-list {
    margin-top: 30px !important;
}

.product-variant-line {
    margin: 30px 0 0;
    border-bottom: 1px solid #eee;
    padding: 20px 0 0;
}

.variant-picture {
    position: relative;
    margin: 0 0 30px;
    border: 1px solid #eee;
    font-size: 0;
}

.variant-overview .desktop {
    display: none;
}

.variant-overview .prices {
    justify-content: flex-start;
}

.variant-overview .variant-name {
    margin: 0 0 15px;
    text-align: left;
    font-size: var(--font-bodyLarge);
    font-weight: 400;
}

.variant-overview .variant-description {
    margin: 0 0 25px;
    line-height: 24px;
    color: #666;
}

.variant-overview .attributes select {
    width: 395px;
}


/* ESTIMATE SHIPPING */


.estimate-shipping-popup {
    position: relative;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 25px;
    transform: scale(0.8);
    transition: all 0.2s ease;
    opacity: 0;
}

    .estimate-shipping-popup strong {
        visibility: hidden;
    }

.mfp-ready .estimate-shipping-popup {
    transform: scale(1);
    opacity: 1;
}

.mfp-removing .estimate-shipping-popup {
    transform: scale(0.8);
    opacity: 0;
}

.estimate-shipping-popup-zoom-in.mfp-removing {
    transition: all 0.3s ease;
    opacity: 0;
}

.estimate-shipping-row {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: relative;
}

.estimate-shipping-row-item {
    flex: 0 1 100%;
}

.mfp-container .address-item {
    margin: 10px 0 0;
}

    .mfp-container .address-item + div {
        padding: 0 0 0 15px;
    }

.estimate-shipping-address-control {
    width: 100%;
}

.mfp-container .address-item .required {
    position: absolute;
    top: -5px;
    right: -5px;
}

.mfp-container .shipping-options {
    position: relative; /*preloader referrence*/
    margin: 10px 0 25px;
}

.mfp-container .shipping-header-item {
    align-self: flex-end;
    border: none !important;
    padding: 12px 5px !important;
    font-size: var(--font-sm);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mfp-container .shipping-options-body {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
}

.mfp-container .shipping-option {
    display: table-row;
    cursor: pointer;
    color: #888;
}

    .mfp-container .shipping-option.active {
        color: #000;
    }

    .mfp-container .shipping-option > div {
        display: table-cell;
        border-top: 1px solid #ddd;
        padding: 10px 11px;
    }

.mfp-container .shipping-item {
    border-right: 1px solid #ddd;
    overflow: hidden;
    padding: 8px 0;
    overflow-wrap: break-word;
}

.estimate-shipping-row-item-radio {
    flex: 0 0 30px;
    width: 24px;
}

.estimate-shipping-radio {
    display: none;
}

.apply-shipping-button-container {
    text-align: center;
}

    .apply-shipping-button-container + button {
        font-weight: 400;
    }

.mfp-container .apply-shipping-button {
    min-width: 150px;
    height: 45px;
    margin: 5px 0;
    background-color: #000;
    padding: 0 15px;
    font-size: var(--font-sm);
    color: #fff;
}

    .mfp-container .apply-shipping-button:hover {
        background-color: #e43d51;
    }

.mfp-container .no-shipping-options {
    padding: 30px 15px;
    text-align: center;
}

.mfp-container .message-failure {
    margin: 10px 0 -5px;
}

@media all and (max-width: 600px) {

    .estimate-shipping-popup {
        padding: 25px 3%;
    }

    .mfp-container .shipping-address {
        flex-flow: column;
    }

    .mfp-container .address-item {
        width: 100%;
    }

        .mfp-container .address-item + div {
            padding: 0;
        }

        .mfp-container .address-item .required {
            top: 14px;
            right: 4px;
        }
}


/* PRODUCT REVIEWS */


.product-reviews-page h1 a {
    display: inline-block;
    border-bottom: 2px solid #000;
    line-height: 30px;
}

    .product-reviews-page h1 a:before,
    .product-reviews-page h1 a:after {
        content: "''";
    }

.product-reviews-page .title {
    margin: 0 0 10px;
    text-align: center;
    font-size: var(--font-bodyLarge);
}

.product-reviews-page .result,
.product-reviews-page .message-error {
    margin: 0 0 20px;
}

.write-review .review-rating {
    text-align: center;
    font-size: 0;
}

    .write-review .review-rating > label {
        text-align: center;
    }

.write-review .rating-options input {
    position: absolute;
    margin: 4px 0 0 4px;
}

.write-review .rating-options label {
    display: inline-block;
    max-width: 20px;
    margin: 0 1px;
    padding: 0;
    font-size: 0;
}

    .write-review .rating-options label:before {
        content: "\e909";
        display: block;
        position: static;
        width: auto;
        height: auto;
        border: none !important;
        background: none !important;
        box-shadow: none;
        font-size: var(--font-titleM);
        color: #e43d51;
    }

.write-review :checked + label ~ label:before {
    content: "\e90a";
    color: #ccc;
}

.write-review .additional-rating {
    margin-top: -10px;
}

.write-review .tooltip-text p {
    display: none; /*do not use the tooltip*/
}

.write-review .captcha-box {
    margin: 25px 0;
}

.write-product-review-button {
    min-width: 240px;
    height: 50px;
    background-color: #000;
    padding: 0 20px;
    font-size: var(--font-sm);
    color: #fff;
}

    .write-product-review-button:hover {
        background-color: #e43d51;
    }

.product-review-list {
    margin-top: 70px;
    overflow: hidden;
}

.product-review-item {
    margin: 0 0 20px;
    border: 1px solid #eee;
    padding: 20px;
}

    .product-review-item .review-title {
        margin: 0 0 5px;
        font-size: var(--font-bodyLarge);
    }

    .product-review-item .product-review-box {
        display: inline-flex;
        margin: 0 0 15px;
    }

    .product-review-item .additional-rating {
        display: none; /*hidden by default on both review page and customer reviews page*/
    }

    .product-review-item .review-avatar {
        margin: 0 0 25px;
    }

        .product-review-item .review-avatar a {
            display: table;
            margin: auto;
        }

        .product-review-item .review-avatar img {
            display: block;
            margin: auto;
        }

        .product-review-item .review-avatar .user {
            margin-top: 5px;
            word-break: break-all;
            font-size: var(--font-xs);
            color: #888;
        }

    .product-review-item .review-text {
        margin: 0 0 25px;
        text-align: left;
        color: #666;
    }

    .product-review-item .review-date {
        display: block;
        margin: 0 0 10px;
        padding: 5px 0;
        font-size: var(--font-xs);
        color: #888;
    }

    .product-review-item .review-info label {
        color: #888;
    }

    .product-review-item .review-info a:hover {
        text-decoration: underline;
    }

    .product-review-item .separator {
        margin: 0 5px;
        color: #888;
    }

.product-review-helpfulness .vote {
    display: inline-block;
    padding: 0 3px;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
}

.product-review-helpfulness {
    margin: 25px 0 10px;
}

    .product-review-helpfulness .question {
        margin-right: 5px;
        color: #888;
    }

    .product-review-helpfulness .vote + .vote:before {
        content: "|";
        position: relative;
        bottom: 1px;
        margin: 0 5px 0 -4px;
    }

    .product-review-helpfulness .vote-stats {
        position: relative;
        bottom: -1px;
        margin-left: 5px;
        font-size: var(--font-xs);
        color: #888;
    }

    .product-review-helpfulness .result {
        margin-left: 10px;
        color: #888;
    }

.product-review-item .review-reply {
    margin: 25px 0 0;
    border: 1px dashed #eee;
    background-color: #f9f9f9;
    padding: 15px;
}

.product-review-item .reply-header {
    margin: 0 0 10px;
    font-weight: 400;
}


/* WISHLIST & COMPARE PAGE */


.wishlist-content .buttons {
    display: flex;
    flex-flow: column;
    gap: 10px 10px;
    max-width: 350px;
    margin: auto;
}

.update-wishlist-button,
.email-wishlist-button {
    min-width: 200px;
    height: 50px;
    border: 1px solid #000;
    padding: 0 15px;
    font-size: var(--font-sm);
}

    .update-wishlist-button:hover,
    .email-wishlist-button:hover {
        border-color: #e43d51;
        color: #e43d51;
    }

.wishlist-add-to-cart-button {
    min-width: 220px;
    height: 50px;
    background-color: #000;
    padding: 0 15px;
    font-size: var(--font-sm);
    color: #fff;
}

    .wishlist-add-to-cart-button:hover {
        background-color: #e43d51;
    }

.wishlist-content > .message-error {
    margin: 0 0 10px;
}

.wishlist-page .tax-shipping-info {
    margin: 30px 0 0;
    text-align: center;
}

.wishlist-page .share-info {
    margin: 40px -2.5% 0;
    background-color: var(--color-neutral-stal);
    padding: 30px 20px 40px;
    text-align: center;
}

    .wishlist-page .share-info:before {
        content: "\e906";
        display: block;
        font-size: var(--font-titleM);
    }

.wishlist-page .share-label {
    display: block;
    margin: 5px 0 10px;
    color: #888;
}

.wishlist-page .share-link {
    display: block;
    font-weight: 400;
}

.compare-products-page {
    position: relative;
    overflow: hidden;
}

.compare-products-clear-list {
    margin: 0 0 15px;
    font-weight: 400;
    color: #e43d51;
    text-decoration: underline;
}

.compare-products-page .remove-button {
    font-size: var(--font-xs);
    text-decoration: underline;
}

.compare-products-page .picture {
    display: block;
    font-size: 0;
}

.compare-products-page .attribute-squares {
    display: inline-block;
    vertical-align: middle;
}

.compare-products-page .attribute-square {
    width: 24px;
    height: 24px;
    cursor: default !important;
}

.compare-products-table {
    display: none;
}

    .compare-products-table td {
        padding: 20px 5px;
        vertical-align: top;
    }

        .compare-products-table td label {
            font-weight: 400;
        }

        .compare-products-table td:first-child,
        .compare-products-table .short-description {
            color: #888;
        }

    .compare-products-table .product-price {
        font-weight: 400;
    }

    .compare-products-table .wrapper {
        position: relative;
        max-width: 80%;
        padding-top: 0;
    }

    .compare-products-table button {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        max-width: 38px;
        height: 38px;
        overflow: hidden;
        background: rgba(255,255,255,.8);
        text-decoration: none !important;
        transition: 0.8s ease-out;
    }

        .compare-products-table button:before {
            content: "\e919";
            display: block;
            min-width: 38px;
            max-width: 38px;
            vertical-align: middle;
        }

        .compare-products-table button span {
            margin-right: 8px;
            vertical-align: middle;
        }

        .compare-products-table button:hover {
            max-width: 150px;
        }

.compare-section + .compare-section {
    margin-top: 30px;
}

.compare-products-mobile .title {
    background-color: var(--color-neutral-stal);
    padding: 10px;
}

.compare-products-mobile .item {
    display: flex;
    column-gap: 10px;
    border-bottom: 1px solid #eee;
    padding: 10px 1px;
    text-align: left;
}

.compare-products-mobile .picture img {
    max-width: 80px;
}

.compare-section.specification .item {
    display: block;
}


/* TOPICS */


.page .topic-block,
.page.topic-page {
    text-align: left;
}

.topic-block .title {
    padding: 20px 0;
    font-weight: 400;
}

.topic-block-body,
.topic-page .page-body,
.topic-html-content,
.custom-tab {
    line-height: 24px;
    font-size: var(--font-body);
}

.not-found-page p {
    margin: 0 0 30px;
}

.topic-password {
    margin: 70px 0 50px;
    text-align: center;
}

.page .page-body >
.topic-password:first-child {
    margin-top: 0;
}

.enter-password-title {
    margin: 0 0 30px;
}

.enter-password-form {
    width: 600px;
    max-width: 100%;
    margin: auto;
}

    .enter-password-form input {
        display: block;
        width: 100%;
    }

    .enter-password-form button {
        min-width: 240px;
        height: 50px;
        margin: 30px 0 0;
        border: 1px solid #000;
        background: none !important;
        padding: 0 20px;
        font-size: var(--font-sm);
        color: #000 !important;
    }

.topic-password .password-error {
    margin-top: 10px;
}


/* CONTACT PAGES */


.contact-page .topic-block,
.apply-vendor-page .topic-block {
    margin: 0 0 30px;
    text-align: center;
}

    .contact-page .topic-block p,
    .apply-vendor-page .topic-block p {
        color: #000;
    }

.contact-page .message-error,
.email-a-friend-page .message-error,
.apply-vendor-page .message-error {
    margin: 0 0 10px;
}

.contact-page .buttons,
.email-a-friend-page .buttons,
.apply-vendor-page .buttons {
    margin-top: 30px;
}

.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
    min-width: 240px;
    height: 50px;
    background-color: var(--color-brand-primary);
    padding: 0 20px;
    font-size: var(--font-sm);
    color: #fff;
}

    .contact-page .button-1:hover,
    .email-a-friend-page .button-1:hover,
    .apply-vendor-page .button-1:hover {
        background-color: var(--color-accent);
    }

.email-a-friend-page .title {
    margin: 0 0 30px;
    text-align: center;
}

    .email-a-friend-page .title h2 {
        font-weight: 400;
    }

.apply-vendor-page input[type="file"] {
    background-color: #eee;
}

.apply-vendor-page .terms-of-service {
    width: 600px;
    max-width: 100%;
    margin: 40px auto 30px;
    background-color: var(--color-neutral-stal);
    padding: 20px;
    text-align: center;
}


/* REGISTRATION & LOGIN */


.gender {
    text-align: left;
}

    .gender span {
        display: inline-block;
        margin-right: 10px;
        padding: 5px;
    }

    .gender label {
        display: inline-block;
        width: auto !important;
        margin: 0 !important;
        cursor: pointer;
    }

.email-to-revalidate {
    display: block;
    text-align: left;
    font-size: var(--font-body);
}

.email-to-revalidate-note {
    display: block;
    text-align: left;
    font-size: var(--font-xs);
    color: #888;
}

#check-availability-button {
    display: block;
    margin-top: 10px;
    font-size: var(--font-xs);
    text-decoration: underline;
}

#username-availabilty {
    margin: 5px 0 0;
}

    #username-availabilty:empty {
        display: none;
    }

.readonly-username {
    display: block;
    text-align: left;
    font-size: var(--font-body);
}

.vat-status, .vat-note {
    display: block;
    margin: 5px 0 0;
    text-align: center;
    font-size: var(--font-xs);
}

.accept-privacy-policy {
    width: 600px;
    max-width: 100%;
    margin: 50px auto;
    background-color: var(--color-neutral-stal);
    padding: 20px;
    text-align: center;
}

    .accept-privacy-policy .read {
        cursor: pointer;
    }

    .accept-privacy-policy + .accept-consent {
        margin-top: -45px;
    }

.registration-page .fieldset {
    margin: 0 0 50px;
}

.registration-result-page .result {
    margin: 0 0 30px;
    text-align: center;
    font-weight: 400;
}

.registration-result-page .buttons {
    display: none;
}

.login-page .customer-blocks {
    display: flex;
    flex-flow: column-reverse;
}

.login-page .fieldset,
.login-page .new-wrapper {
    width: 600px;
    max-width: 100%;
    margin: 50px auto 0;
    border: 1px solid #eee;
    padding: 0 5% 5px;
}

    .login-page .fieldset .title,
    .login-page .new-wrapper .title {
        position: relative;
        top: -35px;
    }

.login-page .message-error {
    margin-bottom: 10px;
}

.login-page .new-wrapper {
    margin-top: 50px;
}

    .login-page .new-wrapper .title {
        margin: 0 0 10px;
        text-align: center;
        font-size: var(--font-bodyLarge);
    }

    .login-page .new-wrapper .text {
        margin: 0 0 0px;
        text-align: center;
    }

.login-page .text .topic-block {
    text-align: center;
}

.login-page .new-wrapper .buttons {
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 10px;
}

.login-page .new-wrapper button {
    border: 1px solid #000;
    background: none !important;
    color: #000;
}

    .login-page .new-wrapper button:hover {
        border-color: #e43d51;
        color: #e43d51;
    }

.login-page .inputs.reversed {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}

    .login-page .inputs.reversed label {
        margin: 0 0 0 5px;
    }

    .login-page .inputs.reversed a {
        font-size: var(--font-xs);
        text-decoration: underline;
    }

.customer-blocks ~ .topic-block {
    margin: 30px 0 0;
}

.external-authentication {
    margin: 30px 0 0;
    text-align: center;
}

    .external-authentication .title {
        display: none;
    }

.add-more-external-records {
    width: 600px;
    max-width: 100%;
    margin: auto;
}

.password-recovery-page .tooltip {
    width: 600px;
    max-width: 100%;
    margin: 0 auto 30px;
}

.password-recovery-page .result {
    margin: 0 0 30px;
    text-align: center;
    font-weight: 400;
}


/* ACCOUNT PAGES */


.block-account-navigation a {
    display: flex !important;
    padding: 10px 0 !important;
    font-size: var(--font-sm);
    color: #000;
}

    .block-account-navigation a:before {
        display: block;
        min-width: 20px;
        margin-right: 10px;
        text-align: center;
        font-size: var(--font-titleM);
    }

.block .customer-info a:before {
    content: "\e926";
}

.block .customer-addresses a:before {
    content: "\e927";
}

.block .customer-orders a:before {
    content: "\e928";
}

.block .downloadable-products a:before {
    content: "\e929";
}

.back-in-stock-subscriptions a:before {
    content: "\e93a";
}

.block .return-requests a:before {
    content: "\e92a";
}

.block .reward-points a:before {
    content: "\e92b";
}

.block .change-password a:before {
    content: "\e92c";
}

.block .customer-avatar a:before {
    content: "\e92d";
}

.block .forum-subscriptions a:before {
    content: "\e930";
}

.block .customer-reviews a:before {
    content: "\e92e";
}

.block .customer-vendor-info a:before {
    content: "\e92f";
}

.block .customer-gdpr a:before {
    content: "\e931";
}

.block .price-match-requests a:before {
    content: "\e93b";
}

.customer-check-gift-card-balance a:before {
    content: "\e932";
}

.customer-multiFactor-authentication a:before {
    content: "\e933";
}

.customer-info-page .fieldset {
    margin: 0 0 50px;
}

.address-list-page .addresses,
.order-list-page .order-list,
.return-list-page .return-list,
.gdpr-tools-page .gdpr-form {
    display: grid;
    grid-gap: 25px 0;
    max-width: 600px;
    margin: auto;
}

.address-list-page .section,
.order-list-page .section,
.return-list-page .section,
.gdpr-tools-page .fieldset {
    border: 1px solid #eee;
    padding: 30px 20px;
    text-align: center;
}

.address-list-page .title,
.order-list-page .title,
.return-list-page .title,
.gdpr-tools-page .title {
    margin-bottom: 15px;
}

.address-list-page .info,
.order-list-page .info,
.return-list-page .info {
    line-height: 24px;
    color: #888;
}

.address-list-page .email {
    margin-bottom: 10px;
    color: #000;
}

.address-list-page .buttons,
.order-list-page .buttons {
    display: flex;
    justify-content: space-between;
    margin: -15px 0 15px;
}

.address-list-page .button-2,
.order-list-page .button-2 {
    text-decoration: underline;
}

.address-list-page .add-address {
    display: flex;
    flex-flow: column;
    border: 1px dashed #ddd;
}

.address-list-page .add:before {
    content: "\e91c";
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin: 0 auto 30px;
    font-size: 90px;
    color: #bbb;
}

.address-list-page .button-1 {
    align-self: center;
}

.address-list-page .no-data + .add {
    max-width: 600px;
    margin: 30px auto 0;
}

.address-edit-page .edit-address {
    margin: 0 0 30px;
}

.order-list-page .buttons {
    flex-flow: row-reverse;
}

.order-list-page .disabled {
    text-decoration: line-through;
    cursor: default;
    opacity: 0.5;
}

.order-list-page .info span,
.return-list-page .info span {
    color: #000;
}

.return-list-page .info {
    margin-top: 25px;
    text-align: left;
}

    .return-list-page .info label {
        margin-right: 5px;
        white-space: nowrap;
    }

.return-list-page .product a {
    font-weight: 400;
}

.return-list-page .comments {
    margin: 15px 0 0;
    text-align: left;
}

.back-in-stock-list-page .description,
.forum-subscriptions-page .description {
    margin: 0 0 20px;
    text-align: center;
}

.downloadable-products-page .download {
    text-align: center;
}

    .downloadable-products-page .download a {
        font-size: var(--font-xs);
        font-weight: 400;
        text-decoration: underline;
        white-space: nowrap;
    }

.user-agreement-page .terms-of-agreement {
    min-height: 100px;
    margin: 0 0 30px;
}

.reward-points-overview {
    margin: 0 0 30px;
    border: 1px solid #eee;
    padding: 30px 15px;
    text-align: center;
}

.reward-points-history .date,
.reward-points-history .endDate {
    white-space: nowrap;
}

.reward-points-history .empty {
    display: none;
}

.change-password-page .buttons {
    margin-top: 30px;
}

.avatar-page .page-body {
    border: 1px solid #eee;
    padding: 30px 15px;
    text-align: center;
}

.avatar-page .image {
    margin-bottom: 30px;
    font-size: 0;
}

    .avatar-page .image img {
        border: 1px solid #eee;
    }

.avatar-page .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 10px;
    margin: 30px 0;
}

.avatar-page .button-2,
.vendorinfo-page .button-2 {
    min-width: 240px;
    height: 50px;
    border: 1px solid #000;
    padding: 0 20px;
    font-size: var(--font-sm);
}

    .avatar-page .button-2:hover,
    .vendorinfo-page .button-2:hover {
        border-color: #e43d51;
        color: #e43d51;
    }

.gdpr-tools-page .fieldset {
    display: flex;
    flex-flow: column;
}

.gdpr-tools-page .form-fields {
    flex-grow: 1;
    margin: 0 0 20px;
}

.gdpr-export-data-button,
.gdpr-delete-account-button {
    border: 1px solid #000;
    background: none !important;
    color: #000;
}

    .gdpr-export-data-button:hover,
    .gdpr-delete-account-button:hover {
        border-color: #e43d51;
        color: #e43d51;
    }

.check-gift-card-balance-page .result {
    margin: 0 0 20px;
}

.check-gift-card-balance-page .buttons {
    margin-top: 30px;
}

.vendorinfo-page .vendor-picture {
    display: flex;
    flex-flow: column;
    margin-top: 30px;
}

    .vendorinfo-page .vendor-picture img {
        align-self: center;
    }

    .vendorinfo-page .vendor-picture button {
        align-self: center;
        margin-top: 20px;
        text-decoration: underline;
    }

.vendorinfo-page .vendor-attributes {
    max-width: 600px;
    margin: 0 auto 25px;
}

.multifactor-auth-page .description {
    margin: 0 0 30px;
    text-align: left;
}

.multifactor-auth-page .is-enabled {
    margin: 40px 0;
    background-color: var(--color-neutral-stal);
    padding: 20px 15px;
}

    .multifactor-auth-page .is-enabled .inputs {
        margin-bottom: 0;
    }

    .multifactor-auth-page .is-enabled label {
        display: inline;
        width: auto;
    }

.multifactor-auth-page .method-name {
    display: flex;
}

    .multifactor-auth-page .method-name button {
        height: auto;
        background: none;
        padding: 0;
        color: #000;
        text-decoration: underline;
    }

.configure-provider .table-wrapper {
    margin: 40px 0;
    text-align: left;
}

.configure-provider table .qr-code {
    vertical-align: top;
    font-size: 0;
}

    .configure-provider table .qr-code img {
        border: 1px solid #eee;
    }

.configure-provider table .manual-code {
    padding: 5px 0 5px 15px;
    vertical-align: top;
}


/* SHOPPING CART */


.order-progress {
    position: relative;
    background-color: var(--color-neutral-stal);
    padding: 25px 0;
    text-align: center;
}

    .order-progress:before {
        content: "";
        position: absolute;
        top: 0;
        right: -2.5%;
        bottom: 0;
        left: -2.5%;
        background-color: var(--color-neutral-stal);
    }

    .order-progress ul {
        display: flex;
        justify-content: center;
    }

    .order-progress li {
        position: relative;
        width: 16.666%;
        max-width: 80px;
    }

    .order-progress a {
        display: block;
        position: relative;
        z-index: 1;
        padding-top: 40px;
        font-family: 'Della Respira', serif;
        font-size: 0;
        color: #888;
    }

    .order-progress li:before,
    .order-progress li:after {
        position: absolute;
        top: 0;
        z-index: 0;
        left: 0;
        right: 0;
        width: 40px;
        height: 40px;
        margin: auto auto;
        border: 1px solid #888;
        background-color: var(--color-neutral-stal);
    }

    .order-progress li:before {
        content: "\e910";
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        color: #888;
    }

    .order-progress li:after {
        content: "";
        margin-top: 3px;
        left: 3px;
        right: -3px;
    }

    .order-progress .active-step:before {
        content: "\e918";
        border-color: #000;
        color: #000;
    }

    .order-progress .active-step:after {
        border-color: #000;
    }

    .order-progress .current-step:before {
        content: "\e91a";
        border-color: #e43d51;
        background-color: #e43d51;
        color: #fff;
    }

    .order-progress .current-step:after {
        border-color: #e43d51;
    }

    .order-progress .inactive-step a {
        cursor: default;
    }

    .order-progress .active-step a {
        cursor: pointer;
        color: #000;
    }

    .order-progress .current-step a {
        color: #e43d51;
    }

.shopping-cart-page .button-1,
.checkout-page .button-1 {
    min-width: 240px;
    height: 50px;
    background-color: #000;
    padding: 0 20px;
    font-size: var(--font-sm);
    color: #fff;
}

    .shopping-cart-page .button-1:hover,
    .checkout-page .button-1:hover {
        background-color: #e43d51;
    }

.remove-discount-button,
.remove-gift-card-button {
    margin: 0 0 0 5px;
    padding: 5px;
    cursor: pointer;
}

    .remove-discount-button:before,
    .remove-gift-card-button:before {
        content: "\e919";
        font-size: var(--font-bodySmall);
    }

.shopping-cart-page .message-error,
.checkout-page .message-error {
    margin: 0 0 10px;
}

.cart-options {
    margin: 0 0 30px;
    text-align: center;
}

    .cart-options .common-buttons {
        display: flex;
        flex-flow: column;
        gap: 10px 10px;
        max-width: 250px;
        margin: auto;
    }

    .cart-options .tax-shipping-info {
        max-width: 290px;
        margin: 0 0 15px;
    }

    .cart-options .update-cart-button,
    .cart-options .continue-shopping-button,
    .cart-options .estimate-shipping-button {
        min-width: 200px;
        height: 50px;
        border: 1px solid #000;
        padding: 0 15px;
        font-size: var(--font-sm);
        color: #000 !important;
    }

    .cart-options .continue-shopping-button {
        display: none;
    }
    /*.tax-shipping-info ~ .continue-shopping-button {
	display: none;
}*/
    .cart-options .estimate-shipping-button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-weight: 400;
        order: 3; /**/
    }

        .cart-options .update-cart-button:hover,
        .cart-options .continue-shopping-button:hover,
        .cart-options .estimate-shipping-button:hover {
            border-color: #e43d51;
            color: #e43d51;
        }

.checkout-attributes dt {
    margin: 0 0 5px;
    color: #888;
}

.checkout-attributes dd {
    margin: 0 0 10px;
}

.checkout-attributes select {
    min-width: 250px;
}

.checkout-attributes li {
    margin: 8px 5px;
    text-align: left;
}

.checkout-attributes + .deals {
    margin-top: 30px;
}

.cart-collaterals .title {
    font-family: 'Della Respira', serif;
    font-size: var(--font-bodyLarge);
}

    .cart-collaterals .title strong {
        font-weight: 400;
    }

.cart-collaterals .hint {
    display: none;
    margin: 0 0 5px;
    color: #888;
}

.coupon-box, .giftcard-box {
    margin: 0 0 2px;
}

.cart-collaterals .coupon-code {
    display: flex;
    border: 1px solid #ddd;
    padding-right: 15px;
}

    .cart-collaterals .coupon-code input {
        flex-grow: 1;
        height: 50px;
        border: none;
    }

    .cart-collaterals .coupon-code button {
        text-decoration: underline;
    }

.cart-collaterals .message-failure {
    margin: 5px 0 0;
    font-size: var(--font-xs);
    color: #e31d31;
}

.cart-collaterals .message-success {
    margin: 5px 0 0;
    font-size: var(--font-xs);
}

.cart-collaterals .current-code {
    margin: 5px 0 0;
}

.total-info {
    margin: 0 0 20px;
    background-color: var(--color-neutral-stal);
    padding: 20px 15px;
}

.cart-total td {
    width: 50%;
    border: none;
    padding: 5px 1px;
}

.cart-total-left {
    text-align: left;
}

.cart-total-right {
    text-align: right;
}

.cart-total .order-total {
    font-size: var(--font-sm);
    font-weight: 400;
}

.terms-of-service {
    max-width: 350px;
    margin: 0 auto 30px;
}

    .terms-of-service label:before {
        top: 3px !important;
        bottom: auto !important;
    }

    .terms-of-service .read {
        margin: 0 0 0 3px;
        cursor: pointer;
    }

.cart-footer .totals-txt {
    display: none;
}

.cart-footer .amount-warning {
    margin: 0 0 20px;
    font-weight: 400;
    color: #e31d31;
}

.cart-footer .checkout-button {
    width: 100%;
    height: 55px;
    font-size: var(--font-bodyLarge);
}

.cart-footer .checkout-disabled {
    font-weight: 400;
    color: #e31d31;
}

.cart-footer .addon-buttons {
    display: flex;
    align-items: center;
}

    .cart-footer .addon-buttons img {
        margin: 20px auto 0;
    }

    .cart-footer .addon-buttons p {
        margin: 20px 0 0;
    }


/* CHECKOUT */


.checkout-page .warning {
    margin: 0 0 20px;
}

.checkout-page .order-summary {
    margin: 50px 0 0;
}

    .checkout-page .order-summary > .title {
        margin-bottom: 10px;
        font-family: 'Alata', sans-serif;
        font-size: var(--font-body);
    }

        .checkout-page .order-summary > .title strong {
            font-weight: 400;
        }

.pickup-in-store,
.ship-to-same-address,
.use-reward-points {
    max-width: 600px;
    margin: 0 auto 20px;
    background-color: var(--color-neutral-stal);
    padding: 30px 15px;
    text-align: center;
}

    .pickup-in-store.additional,
    .use-reward-points {
        max-width: 600px;
        margin: 0 auto 30px;
    }

    .pickup-in-store .description {
        margin-top: 5px;
    }

.checkout-page .address-grid {
    display: grid;
    grid-gap: 25px 0;
    max-width: 600px;
    margin: auto;
}

.checkout-page .address-item {
    border: 1px solid #eee;
    padding: 30px 20px;
    text-align: center;
}

    .checkout-page .address-item.last {
        border: 1px dashed #ddd;
    }

.checkout-page .address-buttons {
    display: flex;
    justify-content: space-between;
    margin: -15px 0 15px;
    display: none; /*hidden, theme specific*/
}

.checkout-page .address-button {
    text-decoration: underline;
}

.checkout-page .address-title {
    margin-bottom: 15px;
    color: #000;
}

.checkout-page .address-box {
    margin-bottom: 20px;
    line-height: 24px;
    color: #888;
}

.checkout-page .dummy-buttons {
    min-height: 20px;
}

.checkout-page .enter-address {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
}

    .checkout-page .enter-address:before {
        content: "\e91c";
        flex-grow: 1;
        display: flex;
        align-items: center;
        margin: 15px auto 30px;
        font-size: 90px;
        color: #bbb;
    }

.checkout-page .add-address-button {
    background: #eee !important;
    color: #000;
}

    .checkout-page .add-address-button:hover {
        opacity: 0.75;
    }

.checkout-page .new-address-wrapper {
    display: none;
    margin-top: 45px;
}

.checkout-page .enter-address .inputs {
    width: auto;
}

.checkout-page .cancel-address-button {
    border: 1px solid #000;
    background: none !important;
    color: #000;
}

.cancel-address-button:hover {
    border-color: #e43d51;
    color: #e43d51;
}

.select-pickup-point {
    margin: 40px 0 0;
    text-align: center;
}

    .select-pickup-point ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 15px;
    }

    .select-pickup-point label {
        display: block;
        margin-bottom: 10px;
        font-weight: 400;
    }

.pickup-points select {
    min-width: 300px;
}

.pickup-points-map {
    height: 340px;
    margin: 25px 0 0;
}

.method-list {
    max-width: 600px;
    margin: auto;
}

    .method-list li {
        position: relative;
        margin-bottom: 10px;
        border: 1px solid #eee;
        padding: 20px;
        cursor: pointer;
    }

    .method-list .selected {
        color: #000;
    }

        .method-list .selected:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 5px;
            background-color: #000;
        }

    .method-list :checked + label {
        font-weight: 400;
    }

.method-description {
    margin-top: 5px;
    padding-left: 20px;
    color: #888;
}

.method-list ~ .buttons {
    margin-top: 30px;
}

.payment-info .info {
    margin: 0 0 30px;
}

.payment-info table,
.payment-info tbody,
.payment-info tr,
.payment-info td {
    display: block;
}

    .payment-info table.form {
        max-width: 600px;
        margin: 0 auto -25px;
        overflow: hidden;
    }

.payment-info .form tr {
    margin-bottom: 25px;
}

.payment-info .form input {
    width: 100% !important;
}

#ExpireMonth, #ExpireYear {
    width: 49%;
}

    #ExpireMonth + #ExpireYear {
        margin-left: 2%;
    }

.payment-info table:not(.form) {
    border: 1px solid #eee;
    padding: 30px 4%;
    text-align: center;
}

.confirm-order .terms-of-service {
    margin: 0 auto 30px; /*override shopping cart page*/
    text-align: center;
}

    .confirm-order .terms-of-service label {
        display: inline;
    }

.order-completed .title {
    margin-bottom: 15px;
}

.order-completed .details {
    margin: 0 0 30px;
    border: 1px solid #eee;
    padding: 30px 4%;
    text-align: center;
}

    .order-completed .details a {
        margin: 5px 0 0;
        text-decoration: underline;
    }

.opc .tab-section {
    margin: 0 0 10px;
    border: 1px solid #f3f3f3;
}

    .opc .tab-section.active {
        margin-bottom: 15px;
    }

.opc .step-title {
    display: flex;
    align-items: center;
    background-color: var(--color-neutral-stal);
    padding: 20px;
}

.allow:not(.active) .step-title,
.allow:not(.active) .step-title .number,
.allow:not(.active) .step-title .title {
    cursor: pointer;
}

    .allow:not(.active) .step-title:hover {
        background-color: #eee;
    }

.opc .step-title .number {
    position: relative;
    bottom: 1px;
    margin-right: 5px;
    font-family: 'Della Respira', serif;
    font-size: var(--font-blockquote);
    color: #ccc;
}

.opc .step-title .title {
    font-family: 'Della Respira', serif;
    font-size: var(--font-titleLargeMobile);
    font-weight: 400;
}

.opc .step-title .number:after {
    content: ".";
}

.opc .step.a-item {
    padding: 30px 15px;
    text-align: center;
}

.opc .section > label {
    display: block;
    margin: 0 0 10px;
}

.opc p.selector {
    line-height: normal;
}

.opc .buttons {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.opc .back-link {
    width: 200px;
}

    .opc .back-link a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        border: 1px solid #000;
        padding: 0 15px;
        font-size: var(--font-sm);
        font-weight: 400;
        text-decoration: none;
    }

        .opc .back-link a:hover {
            border-color: #e43d51;
            color: #e43d51;
        }

    .opc .back-link small {
        display: none;
    }

    .opc .back-link + button {
        min-width: 0;
        width: 200px;
        margin-left: 10px;
        padding: 0 15px;
    }

.opc .please-wait {
    display: none !important;
}

.opc .min-amount-warning {
    font-size: var(--font-bodySmall);
    color: #e31d31;
}

.opc .pickup-in-store,
.opc .ship-to-same-address,
.opc .use-reward-points {
    background: none;
    padding: 0;
}

.opc #edit-address-button,
.opc #delete-address-button {
    display: none !important;
}

.opc .select-pickup-point {
    margin-top: 20px;
}

.opc .method-list {
    text-align: left;
}

.opc .payment-info table {
    border: none;
    padding: 0;
}

.opc .order-summary:first-child {
    margin-top: 0;
}

.opc .terms-of-service {
    max-width: 500px;
    margin: 15px auto 0;
}


/* ORDER DETAILS & RETURN REQUEST */


.order-review-data,
.order-details-area,
.shipment-details-area {
    max-width: 600px;
    margin: 0 auto 20px;
    overflow: hidden;
}

    .order-review-data ul,
    .order-details-area ul,
    .shipment-details-area ul {
        margin: 0 0 30px;
        border: 1px solid #eee;
        padding: 30px 20px;
        line-height: 24px;
        color: #888;
    }

    .order-review-data .name,
    .order-details-area .name {
        color: #000;
    }

    .order-review-data .email,
    .order-details-area .email {
        margin-bottom: 10px;
        color: #000;
    }

.order-details-page .buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

    .order-details-page .buttons a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: 50px;
        margin: 0 5px;
        padding: 0 15px;
        font-size: var(--font-sm);
        font-weight: 400;
    }

.print-order-button {
    background-color: var(--color-brand-primary);
    color: #fff;
}

    .print-order-button:hover {
        background-color: var(--color-accent);
    }

.pdf-invoice-button {
    border: 1px solid var(--color-brand-primary);
}

    .pdf-invoice-button:hover {
        border-color: var(--color-accent);
        color: var(--color-accent);
    }

.order-details-page .order-overview {
    margin: 0 0 30px;
    /*border: 1px solid #eee;
	padding: 20px 20px;*/
    text-align: center;
    line-height: 24px;
}

.order-details-page .order-number {
    text-transform: uppercase;
}

.order-details-page .order-total {
    font-weight: 400;
}

.order-details-page .retry-button {
    margin: 10px 0 5px;
    border: 1px solid #000;
    padding: 8px 12px;
}

    .order-details-page .retry-button:hover {
        border-color: var(--color-accent);
        color: var(--color-accent);
    }

.order-details-page table:not(.last) {
    margin-bottom: 50px;
}

.order-details-page .shipments
td:not(.shipment-id) label {
    display: none;
}

.order-details-page td.vendor {
    float: none;
}

.order-details-page .options {
    margin-bottom: 30px;
}

.order-details-page .cart-total {
    margin-bottom: 0 !important;
}

.order-details-page .total-info {
    margin-bottom: 0;
}

.order-details-page .actions {
    display: flex;
    justify-content: center;
    column-gap: 2%;
    margin-top: 20px;
}

.actions .re-order-button,
.actions .return-items-button {
    width: 49%;
    height: 50px;
    padding: 0 15px;
    font-size: var(--font-sm);
}

.actions .re-order-button {
    background-color: #000;
    color: #fff;
}

    .actions .re-order-button:hover {
        background-color: #e43d51;
    }

.actions .return-items-button {
    border: 1px solid #000;
}

    .actions .return-items-button:hover {
        border-color: #e43d51;
        color: #e43d51;
    }

.shipment-details-page .shipping-method {
    margin-bottom: 10px;
}

.shipment-details-page .tracking-number {
    color: #000;
}

.return-request-page .data-table {
    margin-bottom: 50px;
}

.return-request-page .unit-price,
.return-request-page .quantity {
    text-align: center;
}

.return-request-page .fieldset {
    margin-bottom: 30px;
}

.return-request-page .qq-upload-button {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0 15px;
    text-align: left;
    font-size: var(--font-body); /*reset*/
    color: #000; /*reset*/
}

.return-request-page .qq-upload-list li {
    color: #333 !important;
    padding-bottom: 0;
    font-size: var(--font-xs);
}


/* SEARCH & SITEMAP */


.search-input .inputs.reversed {
    margin-top: -15px;
}

.search-input .search-button {
    min-width: 240px;
    height: 50px;
    background-color: #000;
    padding: 0 20px;
    font-size: var(--font-sm);
    color: #fff;
}

    .search-input .search-button:hover {
        background-color: #e43d51;
    }

.search-input ~ .product-selectors {
    margin-top: 50px;
}

.search-results .warning,
.search-results .no-result {
    display: block;
    margin-top: 30px;
    text-align: center;
    font-size: var(--font-xs);
    color: #e43d51;
}

.sitemap-page .description {
    margin: 0 0 40px;
}

.sitemap-page .entity {
    border: 1px solid #f3f3f3;
}

    .sitemap-page .entity + .entity {
        margin-top: 50px;
    }

.sitemap-page .entity-title {
    background-color: var(--color-neutral-stal);
    padding: 15px;
    font-family: 'Alata', sans-serif;
}

    .sitemap-page .entity-title h2 {
        font-size: var(--font-body);
        font-weight: 400;
    }

.sitemap-page .entity-body {
    padding: 15px;
    line-height: 24px;
}

.sitemap-page li {
    display: inline-block;
    margin: 3px;
}

    .sitemap-page li:after {
        content: "/";
        margin-left: 8px;
        color: #888;
    }

.sitemap-page a:empty {
    display: none;
}


/* BLOG & NEWS */


.year strong {
    display: block;
    padding: 5px 0;
    color: #000;
    cursor: default;
}

/* Eski blog post stilleri kaldırıldı - artık blog-card kullanılıyor */

/* Blog Cards Container - Panelden gelen değerler öncelikli */
.blog-cards-container {
    display: grid;
    margin: 0 !important;
    padding: 0;
    border: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-items: stretch;
    align-items: stretch;
    box-sizing: border-box;
    overflow: visible;
    grid-auto-flow: row;
}

/* Eski blog post stillerinin blog-card'ları etkilememesi için */
.blog-cards-container .blog-card {
    margin-top: 0 !important;
}

/* RichBlog plugin CSS override - temiz ve basit */
.html-blog-page .blog-posts.blog-cards-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
    /* Inline style'daki gap değerleri öncelikli - override etme */
}

/* Inline style yoksa varsayılan değerler */
.html-blog-page .blog-posts.blog-cards-container:not([style*="grid-template-columns"]) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 50px !important;
    row-gap: 120px !important;
}

/* Anasayfa blog için RichBlog CSS override */
.homepage-blog-section .blog-posts.blog-cards-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
    grid-gap: unset !important;
    column-gap: unset !important;
    row-gap: unset !important;
}

.homepage-blog-section .blog-cards-container:not([style*="grid-template-columns"]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.homepage-blog-section .blog-cards-container:not([style*="column-gap"]) {
    column-gap: 50px;
    row-gap: 60px;
}

/* Blog Sidebar - Blog Arşivi ve Etiketler */
.blog-sidebar-block {
    margin-bottom: 40px;
}

.blog-sidebar-title {
    margin: 0 0 20px 0;
    padding: 0;
}

.blog-sidebar-title strong {
    font-size: var(--font-titleXs) !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #000 !important;
    font-family: 'Alata', sans-serif !important;
    display: block;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 100%;
}

.blog-sidebar-content {
    margin: 0;
    padding: 0;
}

/* Blog sidebar block genel stilleri */
.html-blog-page .side-2 .block {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

.html-blog-page .side-2 .block .title {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.html-blog-page .side-2 .block .title strong {
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 100%;
    display: block;
}

/* Blog etiketleri sidebar */
.html-blog-page .side-2 .block-popular-blogtags {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.html-blog-page .side-2 .block-popular-blogtags .listbox {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

.html-blog-page .side-2 .block-popular-blogtags .tags {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.html-blog-page .side-2 .block-popular-blogtags .tags li {
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.html-blog-page .side-2 .block-popular-blogtags .tags li a {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-size: var(--font-body);
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    background: #fff;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
    box-sizing: border-box;
    line-height: 1.4;
}

.html-blog-page .side-2 .block-popular-blogtags .tags li a:hover {
    color: #000;
    border-color: #000;
    background: #f5f5f5;
}

/* Blog Arşivi */
.blog-archive-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-year-item {
    margin-bottom: 15px;
}

.blog-year {
    font-size: var(--font-body);
    font-weight: 500;
    color: #000;
    display: block;
    margin-bottom: 8px;
}

.blog-month-list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}

.blog-month-item {
    margin-bottom: 5px;
}

.blog-month-item a {
    font-size: var(--font-body);
    color: #666;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
}

.blog-month-item a:hover {
    color: #000;
    text-decoration: underline;
}

.blog-count {
    color: #999;
    font-size: 0.9em;
}

/* Blog Etiketleri */
.blog-tags-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-tag-item {
    margin: 0;
    padding: 0;
}

.blog-tag-link {
    font-size: var(--font-body);
    color: #666;
    text-decoration: none;
    padding: 4px 8px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    transition: all 0.3s ease;
    display: inline-block;
    background: #fff;
}

.blog-tag-link:hover {
    color: #000;
    border-color: #000;
    background: #f5f5f5;
}

.blog-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: none;
    overflow: hidden;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    align-items: stretch;
    flex-shrink: 0;
    /* Tüm kartlar aynı yükseklikte olmalı */
    height: 100%;
    /* Zoom yapınca iç içe geçmemesi için */
    isolation: isolate;
}

.blog-card-image {
    overflow: hidden;
    margin: 0 auto;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* Inline style'daki width ve height öncelikli - zoom yapınca da korunmalı */
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    flex-shrink: 0;
    /* Zoom yapınca inline style'daki px değerleri korunacak */
}

.blog-card-image img {
    transition: transform 0.3s ease;
    display: block;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top;
    /* Zoom yapınca boyutların korunması için */
    flex-shrink: 0;
}

.blog-card-image:hover img {
    transform: scale(1.05);
}

.blog-card-image a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.blog-card-image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 48px;
    font-weight: bold;
}

.blog-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 15px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    /* İçeriklerin aynı hizada başlaması için */
    align-items: center;
    justify-content: flex-start;
}

.blog-card-title {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: var(--font-titleXs) !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    line-height: 1.4;
    color: #000 !important;
    font-family: 'Alata', sans-serif !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center !important;
}

.blog-card-title a {
    color: #000 !important;
    text-decoration: none;
    transition: color 0.3s ease;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.blog-card-title a:hover {
    color: #000 !important;
}

.blog-card-description {
    flex: 1;
    margin: 0 0 25px 0;
    padding: 0;
    font-size: var(--font-body);
    line-height: 1.7;
    color: #333;
    text-align: center !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Blog list sayfasındaki kartlar için ortalanmış yazılar - genel stillerde zaten var */

.blog-card-footer {
    margin: 0;
    padding: 0 0 15px 0;
    text-align: center;
    width: 100%;
}

.blog-card-read-more {
    display: inline-block;
    color: #000;
    text-decoration: underline;
    font-size: var(--font-body);
    font-weight: normal;
    transition: color 0.3s ease;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
}

.blog-card-read-more:hover {
    color: #e43d51;
    text-decoration: underline;
}

/* Responsive tasarım - Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    /* Panelden gelen değerler öncelikli, sadece inline style yoksa varsayılan değerler */
    .blog-page .blog-cards-container:not([style*="grid-template-columns"]) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .blog-page .blog-cards-container:not([style*="gap"]) {
        gap: 30px;
    }
    
    .homepage-blog-section {
        padding: 40px 30px;
    }
    
    /* Tablet'te blog sayfası yan yana layout - master-wrapper-content içinde ortalanmış */
    .html-blog-page .master-wrapper-content {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    
    .html-blog-page .master-column-wrapper {
        flex-direction: row;
        flex-flow: row;
        width: auto !important;
        max-width: none !important;
        margin: 0 auto;
        padding: 40px 2% 0 2%;
    }
    
    .html-blog-page .side-2 {
        width: 25%;
        min-width: 0;
        max-width: 30%;
        flex: 0 0 25%;
        padding: 0 1.5% 0 0;
        margin: 0;
    }
    
    .html-blog-page .center-2 {
        width: 75%;
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        padding: 0 0 0 1.5%;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .blog-cards-container {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 0 20px;
    }
    
    .blog-page .blog-cards-container {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 0;
    }
    
    .blog-cards-container:not([style*="column-gap"]):not([style*="row-gap"]) {
        column-gap: 30px;
        row-gap: 30px;
    }
    
    /* Blog kartları mobilde */
    .blog-card {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .blog-card-image {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* Panelden height gelmemişse varsayılan değer */
    .blog-card-image:not([style*="height"]) {
        height: 250px;
    }
    
    .blog-card-image img {
        margin: 0 auto;
        display: block;
    }
    
    .blog-card-title {
        font-size: var(--font-bodyLarge) !important;
        margin-bottom: 12px !important;
        line-height: 1.4 !important;
    }
    
    .blog-card-description {
        font-size: var(--font-body);
        line-height: 1.6;
        margin-bottom: 15px;
    }
    
    .blog-card-read-more {
        font-size: var(--font-body);
        padding: 8px 0;
    }
    
    /* Anasayfa blog bölümü mobilde */
    .homepage-blog-section {
        padding: 30px 20px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .homepage-blog-section .blog-cards-container {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 30px !important;
        padding: 0 !important;
        width: 100% !important;
    }
    
    .homepage-blog-section .blog-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
    }
    
    .homepage-blog-section .blog-card-image {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    .homepage-blog-section .blog-card-title,
    .homepage-blog-section .blog-card-description,
    .homepage-blog-section .blog-card-footer {
        text-align: center;
    }
    
    .blog-view-all-container {
        margin-top: 30px;
        text-align: center;
    }
    
    .blog-view-all-button {
        display: inline-block;
        width: auto;
        min-width: 200px;
    }
    
    .blog-page .page-body {
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    .blog-page .page-title {
        padding: 0 0 15px 0;
        margin-bottom: 25px;
    }
    
    .html-blog-page .side-2 {
        display: none;
    }
    
    .html-blog-page .master-wrapper-content {
        display: block;
    }
    
    .html-blog-page .master-column-wrapper {
        display: block;
        width: 100% !important;
        padding-top: 30px;
    }
    
    .html-blog-page .center-2 {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0 auto !important;
        padding: 0 20px;
    }
}

/* Anasayfa Blog Bölümü - Banner resmi altında */
.homepage-blog-section {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 1400px !important;
    padding: 40px 60px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.home-page .page-body > .homepage-blog-section,
.center-1 .homepage-blog-section {
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.blog-view-all-container {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
}

.blog-view-all-button {
    display: inline-block;
    padding: 12px 30px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: var(--font-body);
    font-weight: normal;
    transition: all 0.3s ease;
    border: 1px solid #000;
}

.blog-view-all-button:hover {
    background-color: transparent;
    color: #000;
    border-color: #000;
}

.homepage-blog-banner {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}

.homepage-blog-banner img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.homepage-blog-cards {
    margin-top: 0;
    }

.new-comment {
    margin: 50px 0 0;
}

    .new-comment .title {
        margin-bottom: 15px;
    }

    .new-comment .notifications {
        margin: 0 0 10px;
    }

    .new-comment .inputs label {
        display: none;
    }

.news-item-page .inputs label {
    display: block;
}

.new-comment .button-1 {
    min-width: 240px;
    height: 50px;
    background-color: #000;
    padding: 0 20px;
    font-size: var(--font-sm);
    color: #fff;
}

    .new-comment .button-1:hover {
        background-color: #e43d51;
    }

.comment-list {
    margin: 50px 0 0;
}

    .comment-list .title {
        margin: 0 0 15px;
        text-align: center;
        font-size: var(--font-bodyLarge);
    }

.comment.blog-comment,
.comment.news-comment {
    margin: 0 0 -1px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

.comment-info .user-info {
    display: flex;
    flex-flow: column-reverse;
    row-gap: 5px;
    margin: 5px 0 15px;
}

.comment-info .username {
    word-break: break-all;
    font-size: var(--font-xs);
    color: #888;
}

.comment-info .avatar {
    font-size: 0;
}

    .comment-info .avatar a {
        display: block;
    }

.comment-content {
    display: flex;
    flex-flow: column;
}

.comment-author {
    font-size: var(--font-xs);
    font-weight: 400;
}

.comment-time {
    margin: 15px 0;
    font-size: var(--font-xs);
    color: #888;
}

    .comment-time label {
        display: none;
    }

.comment-title {
    display: none;
}

.comment-body {
    text-align: left;
    color: #666;
}

.news-list-homepage .title,
.blog-list-homepage .title {
    display: none;
}

.news-list-homepage .read-more,
.blog-list-homepage .read-more {
    display: inline;
}

.news-list-homepage .view-all,
.blog-list-homepage .view-all {
    margin: 30px 0 0;
    text-align: center;
}

    .news-list-homepage .view-all a,
    .blog-list-homepage .view-all a {
        display: inline-block;
        border: 1px solid #000;
        padding: 10px 20px;
        font-size: var(--font-sm);
        font-weight: 400;
    }

        .news-list-homepage .view-all a:hover,
        .blog-list-homepage .view-all a:hover {
            border-color: #e43d51;
            color: #e43d51;
        }

/* Blog homepage styles - alt alta gösterim */
.blog-list-homepage {
    margin: 0 0 30px;
}

.blog-items,
.blog-list-homepage .blog-items,
.blog-list-homepage .news-items {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    grid-template-columns: none !important;
    grid-gap: 0 !important;
}

.blog-item,
.blog-list-homepage .blog-item,
.blog-list-homepage .news-item {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 0 40px 0 !important;
    clear: both !important;
    flex: none !important;
    max-width: 100% !important;
}

.blog-item:last-child,
.blog-list-homepage .blog-item:last-child,
.blog-list-homepage .news-item:last-child {
    margin-bottom: 0 !important;
}

.blog-title, .blog-item .news-title {
    display: inline-block;
    margin: 0 0 20px;
    font-family: 'Alata', sans-serif;
    font-size: var(--font-titleLargeMobile);
}

.blog-date, .blog-item .news-date {
    display: block;
    margin: 0 0 20px;
    font-size: var(--font-xs);
    color: #aaa;
}

.blog-body, .blog-item .news-body {
    margin: 0 0 20px;
    text-align: left;
    line-height: 24px;
}

.blog-items .read-more {
    display: none;
}

    .blog-items .read-more:after {
        content: "\e915";
        margin-left: 8px;
        vertical-align: middle;
    }

/* PROFILE & INBOX */

.profile-info-box {
    text-align: center;
}

    .profile-info-box .avatar {
        margin: 0 0 5px;
        font-size: 0;
    }

        .profile-info-box .avatar img {
            border: 1px solid #eee;
        }

    .profile-info-box .title {
        display: none;
    }

    .profile-info-box .stats {
        line-height: 24px;
    }

    .profile-info-box .send-pm {
        margin: 15px 0 5px;
    }

    .profile-info-box .pm-button {
        display: inline-block;
        min-width: 120px;
        border: 1px solid #000;
        padding: 10px 20px;
        font-size: var(--font-sm);
        font-weight: 400;
    }

        .profile-info-box .pm-button:hover {
            border-color: #e43d51;
            color: #e43d51;
        }

.profile-page .topic + .topic {
    margin-top: 15px;
}

.profile-page .topic-title {
    margin: 0 0 10px;
    text-align: center;
    font-size: var(--font-bodyLarge);
    font-weight: 400;
}

    .profile-page .topic-title label {
        display: none;
    }

.profile-page .topic-body {
    text-align: left;
    line-height: 24px;
    color: #888;
}

    .profile-page .topic-body .hide {
        display: none;
    }

    .profile-page .topic-body .quote {
        background-color: var(--color-neutral-stal);
        padding: 15px 20px;
    }

.profile-page .quote:before {
    content: '"';
}

.profile-page .quote:after {
    content: '"';
}

.profile-page .topic-data {
    margin: 15px 0 0;
}

.private-messages .inputs a,
.private-messages .inputs span,
.forum-edit-page .inputs strong {
    font-size: var(--font-sm);
    font-weight: 400;
}

.private-messages .inputs a {
    text-decoration: underline;
}

.private-messages .buttons,
.forum-edit-page .buttons,
.move-topic-page .buttons {
    display: flex;
    justify-content: center;
}

.private-messages button,
.forum-edit-page button,
.move-topic-page button {
    width: 200px;
    height: 50px;
    margin: 0 5px;
    padding: 0 20px;
    font-size: var(--font-sm);
}

.private-messages .button-1,
.forum-edit-page .button-1,
.move-topic-page .button-1 {
    background-color: #000;
    color: #fff;
}

.private-messages .button-2,
.forum-edit-page .button-2,
.move-topic-page .button-2 {
    border: 1px solid #000;
}

.private-messages .button-1:hover,
.forum-edit-page .button-1:hover,
.move-topic-page .button-1:hover {
    background-color: #e43d51;
}

.private-messages .button-2:hover,
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover {
    border-color: #e43d51;
    color: #e43d51;
}

.private-messages-page th,
.private-messages-page td {
    text-align: left;
}

.private-messages-page .from a,
.private-messages-page .to a {
    word-break: break-word;
}

.private-messages-page .select input {
    margin: 0;
    opacity: 1;
}

.private-messages-page .date {
    display: none;
}

.private-messages-page .pm-unread {
    text-decoration: underline;
    color: #e43d51;
}

.private-messages-page .pager {
    margin: -31px 0 30px;
}

.private-message-view-page .view-message {
    margin: 0 0 30px;
    border: 1px solid #eee;
    padding: 3% 3%;
}

.private-message-view-page .message-head {
    margin-bottom: 3%;
    border-bottom: 1px solid #eee;
    padding-bottom: 3%;
    line-height: 24px;
}

    .private-message-view-page .message-head label {
        color: #aaa;
    }

.private-message-view-page .message-body {
    padding: 5px;
    text-align: left;
    line-height: 24px;
    color: #888;
}

.private-message-view-page .back-pm-button {
    display: none;
}

/* ===== Morjas-like centered text block ===== */
.blog-grid-t {
    max-width: 820px; /* dar ve şık */
    margin: 60px auto !important; /* ortala + üst alt boşluk */
    padding: 0 18px;
    text-align: center;
}

    /* Başlık: küçük, ince, “editorial” hissi */
    .blog-grid-t .blog-header-t {
        font-size: var(--font-xs);
        letter-spacing: .08em;
        text-transform: uppercase;
        font-weight: 400;
        color: #111;
        margin-bottom: 14px;
    }

    /* Body: daha açık gri, okunaklı line-height */
    .blog-grid-t .blog-body-t {
        font-size: var(--font-body);
        line-height: 1.75;
        color: #666;
        font-weight: 300;
        margin: 0 auto;
    }

/* Büyük ekranda biraz daha ferah */
@media (min-width: 1024px) {
    .blog-grid-t {
        margin: 80px auto;
    }

        .blog-grid-t .blog-body-t {
            font-size: var(--font-sm);
            line-height: 1.85;
        }
}

.image-hover-wrapper {
    display: inline-block;
}

.picture-img {
    transition: opacity 0.3s ease-in-out;
    object-fit: cover;
    height:180px;
}

.first-image {
    z-index: 1;
    opacity: 1;
}

.second-image {
    z-index: 2;
    opacity: 0;
}

.image-hover-wrapper:hover .first-image {
    opacity: 0; /* İlk resim gizlenir */
}

.image-hover-wrapper:hover .second-image {
    opacity: 1; /* İkinci resim görünür olur */
}

/* Video için hover etkisi devre dışı */
.video-hover .first-video {
    opacity: 1;
}

.video-hover:hover .first-video {
    opacity: 1; /* Video gizlenmez */
}

/* === TOP BAR: #barMessage (Morjas Help sayfasındaki üst bar) === */
#barMessage > div {
    position: relative; /* relative */
    z-index: 51; /* z-[51] */
    min-height: 1rem; /* min-h-[1rem] */
    background: #000; /* bg-black */
    padding: .2rem; /* p-2 (Tailwind: 0.5rem) */
}

/* Mobile: ortalanmış tek satır link */
#barMessage .lg\\:hidden {
    display: none; /* lg:hidden => lg’de gizlenir; mobilde görünür (aşağıda override edeceğiz) */
}

#barMessage .flex {
    display: flex;
}

#barMessage .justify-center {
    justify-content: center;
}

#barMessage .text-center {
    text-align: center;
}

#barMessage a {
    color: #fff; /* text-white */
    font-size: var(--font-xs); /* text-xs (12px) */
    margin-bottom: 0; /* mb-0 */
    text-decoration: none;
}

/* Desktop container */
@media (min-width: 1024px) { /* Tailwind 'lg' */
    #barMessage > div {
        display: flex; /* lg:flex */
        align-items: center; /* lg:items-center */
        justify-content: center; /* lg:justify-center */
        gap: 5rem; /* lg:gap-20 (20*0.25rem=5rem) */
    }

    /* Mobil link bloğunu desktopta gizle */
    #barMessage .lg\\:hidden {
        display: none;
    }
    /* Desktop link bloğunu aç */
    #barMessage .lg\\:flex {
        display: flex;
    }

    #barMessage .lg\\:grid {
        display: grid;
    }
}

/* Mobilde “lg:hidden” aslında görünür olmalı */
@media (max-width: 1023.98px) {
    #barMessage .lg\\:hidden {
        display: flex;
    }

    #barMessage .lg\\:flex,
    #barMessage .lg\\:grid {
        display: none;
    }
}

/* Sağ taraftaki dil + ülke alanı: absolute right-[3rem] ... */
#barMessage .absolute {
    position: absolute;
}

#barMessage .right-\\[3rem\\] {
    right: 3rem;
}

/* grid-cols-2 place-items-center divide-x */
#barMessage .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#barMessage .place-items-center {
    place-items: center;
}

#barMessage .divide-x > * + * {
    border-left: 1px solid rgba(0,0,0,.12); /* divide-x (renk token olabilir) */
}

/* Language selection nav: grid-cols-3 ... text-white */
#barMessage nav[aria-label="Language selection"] {
    color: #fff;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* grid-cols-3 */
    place-items: center;
}

/* Language buttons: relative px-4 uppercase + after divider */
#barMessage nav button {
    position: relative; /* relative */
    padding-left: 1rem;
    padding-right: 1rem; /* px-4 */
    text-transform: uppercase; /* uppercase */
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
}

    /* after:* divider line (after:h-[8px] after:w-px after:bg-primaryGrey2 ...) */
    #barMessage nav button::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px; /* w-px */
        height: 8px; /* h-[8px] */
        transform: translateY(-50%); /* translate-y-[-50%] */
        background: rgba(255,255,255,.35); /* bg-primaryGrey2 yerine yaklaşık */
    }
    /* last:after:hidden */
    #barMessage nav button:last-child::after {
        display: none;
    }

/* Country selector wrapper: relative ... gap-2 px-4 text-white */
#barMessage .gap-2 {
    gap: .5rem;
}
/* 2 => 0.5rem */
#barMessage .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Dropdown UL: hidden bg-primaryGrey4 border-primaryGrey6 absolute right-[1rem] top-[27px] z-[51] h-[18.75rem] w-[12.5rem] flex-col overflow-y-scroll border px-2 text-xs text-black */
#barMessage ul {
    display: none; /* hidden */
    position: absolute; /* absolute */
    right: 1rem; /* right-[1rem] */
    top: 27px; /* top-[27px] */
    z-index: 51; /* z-[51] */
    height: 18.75rem; /* h-[18.75rem] */
    width: 12.5rem; /* w-[12.5rem] */
    flex-direction: column; /* flex-col */
    overflow-y: auto; /* overflow-y-scroll */
    border: 1px solid #ddd; /* border + token placeholder */
    padding-left: .5rem;
    padding-right: .5rem; /* px-2 */
    font-size: var(--font-xs); /* text-xs */
    color: #000; /* text-black */
    background: #f3f3f3; /* bg-primaryGrey4 yerine yaklaşık */
}

    /* Dropdown item buttons: p-2 text-xs cursor-pointer */
    #barMessage ul button {
        padding: .5rem; /* p-2 */
        font-size: var(--font-xs); /* text-xs */
        cursor: pointer;
        background: transparent;
        border: 0;
        text-align: left;
        width: 100%;
    }

@media (min-width: 1261px) {
    /* MORJAS-style: main nav – small, light, uppercase, letter-spacing */
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        color: #000;
        font-size: var(--font-xs);
        font-weight: 300;
        font-family: 'Alata', sans-serif;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        transition: color 0.3s ease;
    }
    
    /* When header is transparent (over banner), menu text can be light */
    .header.header-transparent .header-menu > ul > li > a,
    .header.header-transparent .header-menu > ul > li > span {
        color: #fff;
    }
    
    /* When header is solid (scrolled down), menu text should be dark */
    .header:not(.header-transparent) .header-menu > ul > li > a,
    .header:not(.header-transparent) .header-menu > ul > li > span {
        color: #000 !important;
    }
    
    /* Dynamic color adjustment for home page slider overlay */
    .html-home-page .header-menu > ul > li > a, 
    .html-home-page .header-menu > ul > li > span {
        transition: color 0.3s ease;
    }
    
    /* Dynamic color adjustment for header-upper elements on home page */
    .html-home-page .header-text-wrapper.middle span,
    .html-home-page .header-links a,
    .html-home-page .header-links span,
    .html-home-page .admin-header-links a {
        transition: color 0.3s ease;
    }
    
    /* Dynamic color adjustment for search-cart-wrapper elements on home page */
    .html-home-page .search-box-text,
    .html-home-page .search-box-button,
    .html-home-page .cart-link a,
    .html-home-page .cart-link .cart-label,
    .html-home-page .cart-link .cart-qty,
    .html-home-page .flyout-cart-dropdown,
    .html-home-page .flyout-cart-dropdown a,
    .html-home-page .flyout-cart-dropdown label,
    .html-home-page .flyout-cart-dropdown strong,
    .html-home-page .flyout-cart-dropdown .item .name a,
    .html-home-page .flyout-cart-dropdown .item .attributes,
    .html-home-page .flyout-cart-dropdown .item .quantity,
    .html-home-page .flyout-cart-dropdown .item .price,
    .html-home-page .flyout-cart-dropdown .remove-btn,
    .html-home-page .flyout-cart-dropdown .button-1 {
        transition: color 0.3s ease;
    }
}

/* ===== Mega Menu Styles (Morjas-like) ===== */
.header-menu {
    position: relative;
    overflow: visible;
    z-index: 10001;
}

.top-menu {
    position: relative;
    z-index: 10001;
}

.top-menu > li.has-mega-menu {
    position: static;
}

.top-menu > li.has-mega-menu > a.with-subcategories {
    position: relative;
}

.mega-menu-dropdown {
    position: absolute;
    left: 0;
    top: 90%;
    width: 100vw;
    max-width: 1400px;
    transform: translateX(0);
    background: #fff;
    padding: 24px;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 4px 6px rgba(0, 0, 0,0.1);
    z-index: 10000;
    display: none;
    pointer-events: auto;
    font-family: 'Alata', sans-serif;
}

/* Dropdown'ı parent li üzerine hover yapıldığında göster */
.top-menu > li.has-mega-menu:hover .mega-menu-dropdown {
    display: block;
}

/* Dropdown'ın kendisine hover yapıldığında da açık kal */
.top-menu > li.has-mega-menu .mega-menu-dropdown:hover {
    display: block;
}

/* Dropdown ile parent li arasındaki boşluğu kapatmak için invisible bridge */
.top-menu > li.has-mega-menu::before {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 2px;
    z-index: 999;
    pointer-events: none;
    background: transparent;
}

/* Parent li'ye hover yapıldığında bridge'i aktif et - dropdown'a geçiş için */
.top-menu > li.has-mega-menu:hover::before {
    pointer-events: auto;
}

.mega-menu-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 320px;
    gap: 24px;
}

.mega-menu-columns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
    min-height: 320px;
}

.mega-menu-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 12px;
    min-width: 224px;
}

.mega-menu-column:last-child {
    padding-bottom: 0;
}

.mega-menu-column-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: left;
}

.mega-menu-column-title {
    font-size: var(--font-xs);
    font-weight: 300;
    color: #000;
    text-decoration: none;
    margin-bottom: 4px;
    text-align: left;
}

.mega-menu-column-title:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.mega-menu-column-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
}

.mega-menu-column-item {
    display: block;
    font-size: var(--font-bodySmall);
    font-weight: 300;
    color: #000;
    text-decoration: none;
    padding-right: 12px;
    text-align: left;
    position: relative;
    padding-left: 12px;
}

.mega-menu-column-item::before {
    content: '-';
    position: absolute;
    left: 0;
    color: #000;
}

.mega-menu-column-item:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.mega-menu-banner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding-left: 48px;
    flex: 1;
}

.mega-menu-banner-item {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    max-height: fit-content;
}

.mega-menu-banner-item:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.mega-menu-banner-image-wrapper {
    max-height: 380px;
    aspect-ratio: 592 / 800;
    overflow: hidden;
    position: relative;
}

.mega-menu-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mega-menu-banner-title {
    position: absolute;
    bottom: 8px;
    left: 8px;
    color: #fff;
    font-size: var(--font-bodySmall);
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 10;
}

@media (max-width: 1260px) {
    .mega-menu-dropdown {
        display: none !important;
    }
}



/* ===== Brief / USP bar (Morjas-like) ===== */
.featured-brief {
    margin: 0;
    margin-top: 40px;
    margin-bottom: 26px;
}

/* Bestsellers Slider */
.bestsellers.product-grid {
    margin-bottom: 10px;
}

.bestsellers.product-grid .title {
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: var(--font-body);
}

.bestsellers .bestsellers-carousel {
    margin-top: 10px;
    margin-bottom: 0;
}

.bestsellers .bestsellers-carousel .owl-stage-outer {
    height: auto !important;
    min-height: 0 !important;
}

.bestsellers .bestsellers-carousel .owl-stage {
    height: auto !important;
    min-height: 0 !important;
}

.bestsellers .bestsellers-carousel .item {
    padding: 0 10px;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
}

.bestsellers .bestsellers-carousel .item .product-item {
    width: 100%;
    margin: 0;
    height: auto !important;
    min-height: 0 !important;
}

.bestsellers .bestsellers-carousel .item .item-box {
    height: auto !important;
    min-height: 0 !important;
}

.bestsellers .bestsellers-carousel .item .product-item .description {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .product-variant {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .add-info {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .product-title {
    display: block !important;
}

/* Hide discount and rating in bestseller slider */
.bestsellers .bestsellers-carousel .item .product-item .old-price {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .product-rating-box {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .discount-badge {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .ribbon {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .product-price-wrapper {
    display: none !important;
}

.bestsellers .bestsellers-carousel .item .product-item .prices {
    display: none !important;
}

.bestsellers .bestsellers-carousel .owl-nav {
    display: none !important;
}

.bestsellers .bestsellers-carousel .owl-nav button {
    pointer-events: all;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-titleM);
    color: #000;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.bestsellers .bestsellers-carousel .owl-nav button:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.bestsellers .bestsellers-carousel .owl-nav .owl-prev {
    left: -20px;
    position: absolute;
}

.bestsellers .bestsellers-carousel .owl-nav .owl-next {
    right: -20px;
    position: absolute;
}

.featured-brief__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 18px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    text-align: center;
    /*border-top: 1px solid rgba(0,0,0,.14);
	border-bottom: 1px solid rgba(0,0,0,.14);*/
}

/* item */
.featured-brief__item {
    padding: 10px 8px;
    position: relative;
}

    /* divider (1 ve 2'nin sağına çizgi) */
    .featured-brief__item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 26px;
        background: rgba(0,0,0,.14);
    }

/* title */
.featured-brief__title {
    font-size: var(--font-bodySmall);
    letter-spacing: .10em;
    text-transform: uppercase;
    font-weight: 500;
    color: #111;
    margin-bottom: 4px;
}

/* desc */
.featured-brief__desc {
    font-size: var(--font-bodySmall);
    line-height: 1.35;
    color: rgba(0,0,0,.55);
    font-weight: 300;
}

/* responsive */
@media (max-width: 768px) {
    .featured-brief__inner {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .featured-brief__item:not(:last-child)::after {
        display: none;
    }

    .featured-brief__inner {
        border-top: 1px solid rgba(0,0,0,.14);
        border-bottom: 1px solid rgba(0,0,0,.14);
    }
}

@media (min-width: 768px) {
    .footer-blocks {
        display: flex;
        max-width: 1200px;
        margin: 0 !important;
    }
}

@media (min-width: 768px) {
    .footer-block {
        flex: 1 0 22%;
        padding-left: 5%;
    }
}

@media (min-width: 1261px) {
    .footer-block {
        padding-left: 1% !important;
    }
}

.owl-item {
    width: 295px !important;
    margin-right: 0 !important;
}

/* Sale of the Day Offer Styles */
.sale-of-the-day-offer {
    margin: 60px 0 40px 0;
    padding: 0 20px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    visibility: visible;
    opacity: 1;
}

.sale-of-the-day-offer .title {
    margin-bottom: 30px;
    text-align: center;
}

.sale-of-the-day-offer .title strong {
    font-size: var(--font-body);
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #000;
    text-transform: none;
}

.sale-of-the-day-offer .owl-carousel2 {
    margin: 0;
    padding: 0;
    min-height: 200px;
}

.sale-of-the-day-offer .owl-carousel2 .owl-stage-outer {
    padding: 0;
    overflow: hidden;
    min-height: 200px;
}

.sale-of-the-day-offer .owl-carousel2 .owl-stage {
    display: flex;
    min-height: 200px;
}

.sale-of-the-day-offer .owl-carousel2 .item {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 200px;
}

.sale-of-the-day-offer .owl-carousel2 .owl-item:first-child .item {
    padding-left: 0;
}

.sale-of-the-day-offer .owl-carousel2 .owl-item:last-child .item {
    padding-right: 0;
}

.sale-of-the-day-offer .owl-carousel2 .owl-item {
    display: flex;
    flex-shrink: 0;
    width: auto;
}

.sale-of-the-day-offer .owl-carousel2 .picture {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #f8f8f8;
    border-radius: 4px;
    min-height: 200px;
    max-width: 250px;
    margin: 0 auto;
}

.sale-of-the-day-offer .owl-carousel2 .picture a {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 75%; /* 4:3 aspect ratio for smaller images */
    overflow: hidden;
    max-width: 250px;
    margin: 0 auto;
    min-height: 187.5px; /* 250px * 0.75 */
}

.sale-of-the-day-offer .owl-carousel2 .picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
    display: block;
}

.sale-of-the-day-offer .owl-carousel2 .picture:hover img {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    .sale-of-the-day-offer {
        margin: 40px 0 30px 0;
        padding: 0 15px;
    }

    .sale-of-the-day-offer .title {
        margin-bottom: 20px;
    }

    .sale-of-the-day-offer .title strong {
        font-size: var(--font-body);
    }

    .sale-of-the-day-offer .owl-carousel2 .item {
        padding: 0 7.5px;
    }

    .sale-of-the-day-offer .owl-carousel2 .picture img {
        max-width: 180px;
    }
}

@media (min-width: 768px) {
    .footer .newsletter:before {
        border: none !important;
    }
}

/* Morjas Style Related Products */
.related-products-section {
    margin: 60px 0;
    padding: 0;
}

.related-products-title {
    margin-bottom: 30px;
    text-align: center;
}

.related-products-title h2 {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.5px;
    text-align: center;
}

.morjas-related-products .item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 30px 20px;
    margin: 0;
}

.morjas-related-products .item-box {
    display: flex;
    flex-direction: column;
}

.morjas-related-products .item-box .product-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.morjas-related-products .item-box .picture {
    margin-bottom: 15px;
    border: none;
    overflow: hidden;
}

.morjas-related-products .item-box .picture a {
    display: block;
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}

.morjas-related-products .item-box .picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.morjas-related-products .item-box:hover .picture img {
    transform: scale(1.05);
}

.morjas-related-products .item-box .details {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 16px;
}

.morjas-related-products .item-box .product-info-wrapper.morjas-product-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 0;
}

.morjas-related-products .item-box .product-info-link {
    flex: 1;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.morjas-related-products .item-box .product-title {
    font-size: var(--font-body);
    font-weight: 400;
    margin: 0;
    line-height: 1.4;
    color: #000;
    text-align: left;
}

.morjas-related-products .item-box .product-title a {
    color: #000;
    text-decoration: none;
}

.morjas-related-products .item-box .product-variant {
    font-size: var(--font-body);
    font-weight: 400;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.morjas-related-products .item-box .product-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.morjas-related-products .item-box .prices {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    text-align: right;
}

.morjas-related-products .item-box .product-price {
    font-size: var(--font-body);
    color: #000;
}

.morjas-related-products .item-box .old-product-price,
.morjas-related-products .item-box .non-discounted-price {
    font-size: var(--font-bodySmall);
    color: #999;
    text-decoration: line-through;
}

.morjas-related-products .item-box .product-rating-box,
.morjas-related-products .item-box .sku,
.morjas-related-products .item-box .description,
.morjas-related-products .item-box .buttons {
    display: none;
}

.morjas-related-products .item-box .add-info {
    display: none;
}

/* Morjas Lookbook Page Styles */
.lookbook-page {
    padding: 0;
}

.lookbook-title {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 40px;
}

.lookbook-title h1 {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    text-transform: none;
    letter-spacing: 1px;
    margin: 0;
}

.lookbook-description {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
    font-size: var(--font-bodyLarge);
    line-height: 1.6;
    color: #666;
}

.lookbook-categories {
    width: 100%;
}

.lookbook-category {
    margin-bottom: 60px;
}

.lookbook-category-title {
    font-size: var(--font-titleM);
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0 0 30px;
    text-transform: none;
    letter-spacing: 0.5px;
}

.morjas-lookbook-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    margin: 0;
    width: 100%;
}

.lookbook-item {
    position: relative;
    overflow: hidden;
}

.lookbook-picture {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background: #f5f5f5;
}

.lookbook-picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.lookbook-picture a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.lookbook-item:hover .lookbook-picture img {
    transform: scale(1.05);
}

.lookbook-empty {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}

/* Lookbook Category Cards (Main Page) */
.lookbook-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    margin: 40px 0;
}

.lookbook-category-card {
    position: relative;
    overflow: hidden;
}

.lookbook-category-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.lookbook-category-image {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 20px;
}

.lookbook-category-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.lookbook-category-card:hover .lookbook-category-image img {
    transform: scale(1.05);
}

.lookbook-category-title h2 {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.5px;
}

/* Lookbook Detail Items (Category Page) */
.lookbook-details-grid {
    margin: 40px 0;
}

.lookbook-detail-item {
    position: relative;
    overflow: hidden;
}

.lookbook-detail-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.lookbook-detail-image {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 15px;
}

.lookbook-detail-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.lookbook-detail-item:hover .lookbook-detail-image img {
    transform: scale(1.05);
}

.lookbook-detail-title h3 {
    font-size: var(--font-titleS);
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.3px;
}

.lookbook-detail-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.lookbook-detail-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px 0;
}

/* Responsive Lookbook */
@media (max-width: 768px) {
    .lookbook-title h1 {
        font-size: var(--font-body);
    }

    .lookbook-category-title h2 {
        font-size: var(--font-body);
    }

    .lookbook-detail-title h3 {
        font-size: var(--font-sm);
    }

    .morjas-lookbook-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        grid-gap: 15px;
    }

    .lookbook-categories-grid {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
}

/* Morjas Lookbook Page Styles */
.morjas-lookbook {
    padding: 0;
    max-width: 100%;
}

.morjas-lookbook .lookbook-header {
    text-align: center;
    margin-bottom: 60px;
    padding-top: 60px;
}

.morjas-lookbook .lookbook-title {
    font-size: var(--font-titleXl);
    font-weight: 400;
    color: #000;
    text-transform: none;
    letter-spacing: 1px;
    margin: 0;
}

.lookbook-categories-section {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.lookbook-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 30px;
    margin: 40px 0;
}

.lookbook-category-card {
    position: relative;
    overflow: hidden;
}

.lookbook-category-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.lookbook-category-image {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 20px;
}

.lookbook-category-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    color: #999;
    font-size: var(--font-titleM);
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.lookbook-category-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.lookbook-category-card:hover .lookbook-category-image img {
    transform: scale(1.05);
}

.lookbook-category-title {
    text-align: center;
}

.lookbook-category-title h2 {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.5px;
}

/* Responsive Lookbook */
@media (max-width: 768px) {
    .morjas-lookbook .lookbook-title {
        font-size: var(--font-titleL);
    }

    .lookbook-categories-grid {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    .lookbook-category-title h2 {
        font-size: var(--font-body);
    }
}

/* Gallery Page Styles (Same as Lookbook) */
.gallery-page {
    padding: 0;
}

/* Gallery Banner Custom Slider Styles */
.gallery-banner-slider-wrapper {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    margin-bottom: 40px;
    position: relative;
    display: block;
    padding: 0 !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateX(0) !important;
}

@media (min-width: 768px) {
    .gallery-banner-slider-wrapper {
        /* margin-left: calc(-50vw + 50% - 2.5%) !important; */
        margin-right: calc(-50vw + 50% - 2.5%) !important;
    }
}

@media (min-width: 1261px) {
    .gallery-banner-slider-wrapper {
        /* margin-left: calc((100vw - 1400px) / -2) !important; */
        margin-right: calc((100vw - 1400px) / -2) !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }
}

.gallery-banner-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.gallery-banner-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.gallery-banner-slide-item {
    min-width: 100%;
    flex-shrink: 0;
    position: relative;
    height: 1050px;
}

.gallery-banner-slide-content {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    height: 1050px;
}

.gallery-banner-slide-img {
    width: 100%;
    height: 1050px;
    display: block;
    min-height: 1050px;
    max-height: 1050px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .gallery-banner-slide-img {
        min-height: 1050px;
        max-height: 1050px;
    }
}

@media (min-width: 1024px) {
    .gallery-banner-slide-img {
        min-height: 1050px;
        max-height: 1050px;
    }
}

.gallery-banner-slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    color: #fff;
    font-size: var(--font-blockquote);
    font-weight: 400;
    text-align: center;
}

.gallery-banner-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    color: #000;
    font-size: var(--font-titleM);
}

.gallery-banner-nav:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
}

.gallery-banner-prev {
    left: 20px;
}

.gallery-banner-next {
    right: 20px;
}

.gallery-banner-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.gallery-banner-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.gallery-banner-dot.active,
.gallery-banner-dot:hover {
    background: #fff;
}

.gallery-banner-placeholder {
    width: 100%;
    min-height: 400px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: var(--font-titleM);
}

@media (max-width: 768px) {
    .gallery-banner-nav {
        width: 40px;
        height: 40px;
        font-size: var(--font-titleS);
    }

    .gallery-banner-prev {
        left: 10px;
    }

    .gallery-banner-next {
        right: 10px;
    }

    .gallery-banner-slide-caption {
        font-size: var(--font-titleM);
        padding: 15px;
    }
}

/* Gallery Banner Slider Styles (kept for future use) */
.gallery-banners-slider {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    display: block;
    visibility: visible;
    opacity: 1;
}

.gallery-banners-carousel {
    width: 100%;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.gallery-banners-carousel.owl-loaded {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.gallery-banners-carousel.owl-hidden {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.gallery-banners-slider {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.gallery-banners-slider .gallery-banners-carousel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.gallery-banners-carousel .owl-stage-outer {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.gallery-banners-carousel .owl-stage {
    display: flex;
}

.gallery-banners-carousel .owl-item {
    display: flex;
    align-items: stretch;
}

.gallery-banner-slide {
    position: relative;
    width: 100%;
    min-height: 400px;
    height: 400px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .gallery-banner-slide {
        min-height: 500px;
        height: 500px;
    }
}

@media (min-width: 1024px) {
    .gallery-banner-slide {
        min-height: 600px;
        height: 600px;
    }
}

.gallery-banner-slide-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.gallery-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gallery-banner-placeholder {
    width: 100%;
    height: 100%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: var(--font-titleM);
}

.gallery-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-banner-slide:hover .gallery-banner-overlay {
    opacity: 1;
}

.gallery-banner-content {
    text-align: center;
    padding: 20px;
}

.gallery-banner-title {
    color: #fff;
    font-size: var(--font-heroTitle);
    font-weight: 400;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0;
    letter-spacing: 1px;
}

/* Banner Slider Navigation */
.gallery-banners-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    pointer-events: none;
    z-index: 10;
}

.gallery-banners-carousel .owl-nav button {
    pointer-events: all;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #000;
    font-size: var(--font-titleM);
}

.gallery-banners-carousel .owl-nav button:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.gallery-banners-carousel .owl-nav button.owl-prev {
    left: 20px;
}

.gallery-banners-carousel .owl-nav button.owl-next {
    right: 20px;
}

/* Banner Slider Dots */
.gallery-banners-carousel .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.gallery-banners-carousel .owl-dots button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

.gallery-banners-carousel .owl-dots button.active,
.gallery-banners-carousel .owl-dots button:hover {
    background: #fff;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gallery-banner-slide {
        min-height: 300px;
        height: 300px;
    }

    .gallery-banner-title {
        font-size: var(--font-titleL);
    }

    .gallery-banners-carousel .owl-nav button {
        width: 40px;
        height: 40px;
        font-size: var(--font-titleS);
    }

    .gallery-banners-carousel .owl-nav {
        padding: 0 10px;
    }
}

.gallery-page .page-title {
    text-align: center;
    margin-bottom: 40px;
    padding-top: 40px;
}

.gallery-page .page-title h1 {
    font-size: var(--font-body);
    font-weight: 400;
    color: #000;
    text-transform: none;
    letter-spacing: 1px;
    margin: 0;
}

.gallery-description {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
    font-size: var(--font-bodyLarge);
    line-height: 1.6;
    color: #666;
}

.gallery-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 30px;
    margin: 40px 0;
}

.gallery-category-card {
    position: relative;
    overflow: hidden;
}

.gallery-category-link {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}

.gallery-category-image {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #f5f5f5;
}

.gallery-category-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.gallery-category-card:hover .gallery-category-image img {
    transform: scale(1.05);
}

.gallery-category-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
}

.gallery-category-title h2 {
    font-size: var(--font-body);
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.morjas-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin: 40px 0;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.gallery-item {
    position: relative;
    overflow: hidden;
}

.gallery-item-link {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}

.gallery-item-image {
    position: relative;
    width: 100%;
    padding-top: 133.33%; /* 3:4 aspect ratio (portrait) */
    overflow: hidden;
    background: #f5f5f5;
}

.gallery-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.gallery-item:hover .gallery-item-image img {
    transform: scale(1.05);
}

.gallery-item-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    z-index: 10;
    pointer-events: none;
    padding: 20px;
}

.gallery-item-title h3 {
    font-size: var(--font-titleS);
    font-weight: 300;
    color: #fff;
    text-align: left;
    margin: 0;
    text-transform: none;
    letter-spacing: 0.3px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.gallery-detail-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.gallery-detail-image {
    width: 100%;
}

.gallery-detail-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Responsive Gallery */
@media (max-width: 1024px) {
    .morjas-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 15px;
    }
}

@media (max-width: 768px) {
    .gallery-page .page-title h1 {
        font-size: var(--font-body);
    }

    .gallery-category-title h2 {
        font-size: var(--font-body);
    }

    .gallery-item-title h3 {
        font-size: var(--font-sm);
    }

    .morjas-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
    }

    .gallery-categories-grid {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    
    .gallery-item-title {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .morjas-gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* Modern Discount Badge for Related Products */
.morjas-related-products .item-box .picture {
    position: relative;
}

.morjas-related-products .item-box .discount-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    color: #000;
    padding: 8px 12px;
    border-radius: 3px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 1;
    box-shadow: none;
    z-index: 10;
    min-width: 55px;
    text-align: center;
    letter-spacing: 0;
}

.morjas-related-products .item-box .discount-badge .discount-text {
    font-size: var(--font-bodySmall);
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    line-height: 1.2;
    opacity: 1;
}

.morjas-related-products .item-box .discount-badge .discount-text:first-child {
    margin-bottom: 3px;
}

.morjas-related-products .item-box .discount-badge .discount-percent {
    font-size: var(--font-titleS);
    font-weight: 400;
    color: #000;
    line-height: 1;
    margin: 2px 0;
    letter-spacing: -0.5px;
}

.morjas-related-products .item-box .discount-badge .discount-text:last-child {
    margin-top: 3px;
    font-size: var(--font-bodySmall);
}

/* Category Galleries Styles */
.category-galleries {
    margin: 40px 0;
    clear: both;
    width: 100%;
}

.category-galleries .gallery-grid {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.category-galleries .gallery-grid .item-grid {
    display: grid;
    gap: 30px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 1400px;
    justify-content: center;
}

/* 2 gallery için */
.category-galleries[data-gallery-count="2"] .gallery-grid .item-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 900px;
}

/* 3 gallery için */
.category-galleries[data-gallery-count="3"] .gallery-grid .item-grid {
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
}

/* 4 veya daha fazla gallery için */
.category-galleries[data-gallery-count="4"] .gallery-grid .item-grid,
.category-galleries[data-gallery-count="5"] .gallery-grid .item-grid,
.category-galleries[data-gallery-count="6"] .gallery-grid .item-grid,
.category-galleries[data-gallery-count="7"] .gallery-grid .item-grid,
.category-galleries[data-gallery-count="8"] .gallery-grid .item-grid {
    grid-template-columns: repeat(4, 1fr);
    max-width: 1400px;
}

/* Varsayılan (1 veya belirtilmemiş) */
.category-galleries .gallery-grid .item-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.category-galleries .gallery-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
}

.category-galleries .gallery-item .picture {
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
}

/* Override morjas-style-category rules for gallery items */
.category-galleries .gallery-item .picture a {
    display: block !important;
    position: relative !important;
    padding-top: 0 !important;
    overflow: visible !important;
}

.category-galleries .gallery-item .picture img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    object-fit: contain !important;
}

.category-galleries .gallery-item:hover .picture img {
    transform: scale(1.05);
}

.category-galleries .gallery-item .title {
    margin: 0;
    padding: 0 5px;
    font-size: var(--font-body);
    font-weight: 300;
    text-align: center;
}

.category-galleries .gallery-item .title a {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
}

.category-galleries .gallery-item .title a:hover {
    color: #666;
}

.category-galleries .gallery-item .description {
    font-size: var(--font-sm);
    color: #666;
    line-height: 1.6;
    margin-top: 8px;
    text-align: center;
    padding: 0 5px;
}

@media (max-width: 1024px) {
    .category-galleries[data-gallery-count="4"] .gallery-grid .item-grid,
    .category-galleries[data-gallery-count="5"] .gallery-grid .item-grid,
    .category-galleries[data-gallery-count="6"] .gallery-grid .item-grid,
    .category-galleries[data-gallery-count="7"] .gallery-grid .item-grid,
    .category-galleries[data-gallery-count="8"] .gallery-grid .item-grid {
        grid-template-columns: repeat(3, 1fr);
        max-width: 1000px;
    }
}

@media (max-width: 768px) {
    .category-galleries .gallery-grid .item-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px;
        max-width: 100%;
    }
    
    .category-galleries .gallery-item .title {
        font-size: var(--font-body);
    }
    
    .category-galleries .gallery-item .picture {
        margin-bottom: 6px;
    }
    
    .category-galleries .gallery-item .description {
        margin-top: 6px;
        font-size: var(--font-body);
    }
}

@media (max-width: 480px) {
    .category-galleries .gallery-grid .item-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
}

/* ===== Language Selector Dropdown ===== */
.language-dropdown {
    position: relative;
    min-height: 37px;
}

.language-dropdown__toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 37px;
    padding: 0 10px;
    border: 0;
    background: transparent;
    color: #666;
    cursor: pointer;
    font-size: var(--font-xs);
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.language-dropdown__flag {
    width: 22px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.language-dropdown__chevron {
    width: 7px;
    height: 7px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}

.language-dropdown__menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    z-index: 50;
    min-width: 170px;
    margin: 0;
    padding: 6px;
    list-style: none;
    background: #fff;
    border: 1px solid #e3e6e8;
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.language-dropdown:hover .language-dropdown__menu,
.language-dropdown:focus-within .language-dropdown__menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.language-dropdown__item {
    margin: 0;
}

.language-dropdown__link {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 0 10px;
    border-radius: 6px;
    color: #2b3035;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.language-dropdown__link:hover,
.language-dropdown__link:focus,
.language-dropdown__link.is-active {
    background: #f2f4f5;
    color: #000;
}

.header-transparent .language-dropdown__toggle {
    color: #ccc;
}

.header-transparent .language-dropdown:hover .language-dropdown__toggle,
.header-transparent .language-dropdown:focus-within .language-dropdown__toggle {
    color: #fff;
}

.header:not(.header-transparent) .language-dropdown__toggle {
    color: #666;
}

.header:not(.header-transparent) .language-dropdown:hover .language-dropdown__toggle,
.header:not(.header-transparent) .language-dropdown:focus-within .language-dropdown__toggle {
    color: #000;
}

/* ===== Header Layout: Logo smaller, menus left, search/cart right ===== */
/* Note: Layout handled in 1260.css, logo size updated there */

/* ===== WhatsApp Floating Button - Sağ Alt Köşe ===== */
.whatsapp-floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    z-index: 9999;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #fff;
}

.whatsapp-floating-button:hover {
    background-color: #20BA5A;
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.5);
    transform: scale(1.1);
}

.whatsapp-floating-button:active {
    transform: scale(0.95);
}

.whatsapp-floating-button svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}

/* Mobilde biraz daha küçük */
@media (max-width: 768px) {
    .whatsapp-floating-button {
        width: 44px;
        height: 44px;
        bottom: 15px;
        right: 15px;
    }
    
    .whatsapp-floating-button svg {
        width: 22px;
        height: 22px;
    }
}

/* ===== WhatsApp Icon Smaller ===== */
.whatsapp-button-small {
    font-size: var(--font-xs) !important;
    padding: 8px 12px !important;
}

.whatsapp-button-small svg {
    height: 16px !important;
    width: 16px !important;
}

.whatsapp-button-small span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ===== Product Info Below Photo ===== */
.product-info-below-photo {
    padding: 8px 0;
    text-align: center;
    font-size: var(--font-bodySmall);
    color: #666;
    border-top: 1px solid #eee;
    margin-top: 5px;
}

.product-info-below-photo .product-info-item {
    display: inline-block;
    margin: 0 8px;
    font-weight: 400;
}

/* ===== Email Popup ===== */
.email-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.email-popup-container {
    background: #fff;
    border-radius: 4px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    position: relative;
}

.email-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.email-popup-header h3 {
    margin: 0;
    font-size: var(--font-titleM);
    font-weight: 400;
}

.email-popup-close {
    background: none;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: var(--font-titleL);
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-weight: 300;
}

.email-popup-close:hover {
    color: #000;
    border-color: #999;
    background: #f5f5f5;
}

.email-popup-content {
    padding: 20px;
}

.email-popup-content .fieldset {
    margin-bottom: 20px;
}

.email-popup-content .form-fields {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.email-popup-content .inputs {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.email-popup-content .inputs label {
    font-weight: 500;
    font-size: var(--font-sm);
}

.email-popup-content .inputs input,
.email-popup-content .inputs textarea {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: var(--font-sm);
    width: 100%;
    box-sizing: border-box;
}

.email-popup-content .inputs input:focus,
.email-popup-content .inputs textarea:focus {
    outline: none;
    border-color: #999;
}

.email-popup-content .buttons {
    margin-top: 20px;
    text-align: right;
}

.email-popup-content .send-email-a-friend-button {
    padding: 10px 20px;
    background: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: var(--font-sm);
    font-weight: 500;
    transition: background 0.3s ease;
}

.email-popup-content .send-email-a-friend-button:hover {
    background: #333;
}

.email-popup-content .send-email-a-friend-button:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.email-popup-content .message-error {
    color: #d32f2f;
    margin-bottom: 15px;
    padding: 10px;
    background: #ffebee;
    border-radius: 4px;
}

.email-popup-content .field-validation-error {
    color: #d32f2f;
    font-size: var(--font-xs);
    margin-top: 5px;
}

.email-popup-content .result {
    padding: 15px;
    background: #e8f5e9;
    color: #2e7d32;
    border-radius: 4px;
    margin-bottom: 15px;
}

.email-popup-loading,
.email-popup-error {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.email-popup-error {
    color: #d32f2f;
    background: #ffebee;
    border-radius: 4px;
}

/* ===== New Products Label - Black and Minimal ===== */
.product-item .ribbon {
    background: #000 !important;
    color: #fff !important;
    font-size: var(--font-bodySmall) !important;
    padding: 4px 8px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}



/* Morjas About Content Styles */
.morjas-about-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #000;
    line-height: 1.6;
    box-sizing: border-box;
}

/* Banner Section */
.morjas-about-banner {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
}

.morjas-main-banner {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    margin: 0;
    padding: 0;
}

/* Founded Section */
.morjas-founded-section {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
    text-align: center;
}

.morjas-founded-text {
    font-size: var(--font-sm);
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #666;
    margin: 0;
}

/* Story Section */
.morjas-story-section {
    width: 100%;
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
}

.morjas-story-title {
    font-size: var(--font-heroTitle);
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 50px 0;
    text-align: center;
    letter-spacing: -0.5px;
    color: #000;
}

.morjas-story-content {
    max-width: 800px;
    margin: 0 auto;
}

.morjas-story-paragraph {
    font-size: var(--font-titleS);
    line-height: 1.8;
    margin: 0 0 24px 0;
    color: #333;
    font-weight: 400;
}

.morjas-story-signature {
    font-size: var(--font-titleS);
    line-height: 1.8;
    margin: 40px 0 0 0;
    color: #333;
    font-style: italic;
}

/* Images Section */
.morjas-images-section {
    width: 100%;
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.morjas-image-item {
    width: 100%;
    position: relative;
}

.morjas-story-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.morjas-image-caption {
    font-size: var(--font-sm);
    margin: 15px 0 0 0;
    text-align: center;
    color: #666;
    font-weight: 400;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .morjas-story-title {
        font-size: var(--font-heroTitle);
    }
    
    .morjas-images-section {
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .morjas-about-banner {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }
    
    .morjas-founded-section {
        margin: 30px auto;
        padding: 0 15px;
    }
    
    .morjas-founded-text {
        font-size: var(--font-xs);
    }
    
    .morjas-story-section {
        margin: 40px auto;
        padding: 0 15px;
    }
    
    .morjas-story-title {
        font-size: var(--font-titleXl);
        margin: 0 0 35px 0;
    }
    
    .morjas-story-paragraph {
        font-size: var(--font-bodyLarge);
        line-height: 1.7;
        margin: 0 0 20px 0;
    }
    
    .morjas-story-signature {
        font-size: var(--font-bodyLarge);
        margin: 30px 0 0 0;
    }
    
    .morjas-images-section {
        grid-template-columns: 1fr;
        gap: 30px;
        margin: 60px auto;
        padding: 0 15px;
    }
    
    .morjas-image-caption {
        font-size: var(--font-body);
        margin: 12px 0 0 0;
    }
}

@media (max-width: 480px) {
    .morjas-story-title {
        font-size: var(--font-blockquote);
        margin: 0 0 30px 0;
    }
    
    .morjas-story-paragraph {
        font-size: var(--font-sm);
        line-height: 1.6;
    }
    
    .morjas-story-signature {
        font-size: var(--font-sm);
    }
    
    .morjas-founded-text {
        font-size: var(--font-bodySmall);
    }
}



/* Morjas Our Factories Content Styles */
.morjas-factories-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #000;
    line-height: 1.6;
    box-sizing: border-box;
}

/* Header Section */
.morjas-factories-header {
    width: 100%;
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
    text-align: center;
}

.morjas-factories-main-title {
    font-size: var(--font-heroTitle);
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 30px 0;
    text-align: center;
    letter-spacing: -0.5px;
    color: #000;
}

.morjas-factories-intro {
    font-size: var(--font-titleS);
    line-height: 1.8;
    margin: 0 auto 40px;
    color: #333;
    font-weight: 400;
    max-width: 800px;
}

.morjas-factories-divider {
    width: 100%;
    max-width: 200px;
    margin: 40px auto;
    border: none;
    border-top: 1px solid #ddd;
    height: 0;
}

/* Factory Section */
.morjas-factory-section {
    width: 100%;
    max-width: 1200px;
    margin: 80px auto;
    padding: 0 20px;
}

.morjas-factory-title {
    font-size: var(--font-heroTitle);
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 25px 0;
    color: #000;
    letter-spacing: -0.3px;
}

.morjas-factory-description {
    font-size: var(--font-titleS);
    line-height: 1.8;
    margin: 0 0 20px 0;
    color: #333;
    font-weight: 400;
    max-width: 800px;
}

.morjas-factory-description em {
    font-style: italic;
}

/* Factory Images */
.morjas-factory-images {
    width: 100%;
    margin: 40px 0 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.morjas-factory-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* FAQ Section */
.morjas-factories-faq {
    width: 100%;
    max-width: 1200px;
    margin: 100px auto 60px;
    padding: 0 20px;
}

.morjas-faq-title {
    font-size: var(--font-heroTitle);
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 50px 0;
    color: #000;
    letter-spacing: -0.3px;
    text-align: center;
}

.morjas-faq-item {
    margin: 0 0 40px 0;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.morjas-faq-question {
    font-size: var(--font-titleM);
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 15px 0;
    color: #000;
}

.morjas-faq-answer {
    font-size: var(--font-titleS);
    line-height: 1.8;
    margin: 0 0 15px 0;
    color: #333;
    font-weight: 400;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .morjas-factories-main-title {
        font-size: var(--font-heroTitle);
    }
    
    .morjas-factory-title {
        font-size: var(--font-titleXl);
    }
    
    .morjas-faq-title {
        font-size: var(--font-titleXl);
    }
    
    .morjas-factory-images {
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .morjas-factories-header {
        margin: 40px auto;
        padding: 0 15px;
    }
    
    .morjas-factories-main-title {
        font-size: var(--font-titleXl);
        margin: 0 0 25px 0;
    }
    
    .morjas-factories-intro {
        font-size: var(--font-bodyLarge);
        line-height: 1.7;
        margin: 0 auto 30px;
    }
    
    .morjas-factories-divider {
        margin: 30px auto;
    }
    
    .morjas-factory-section {
        margin: 60px auto;
        padding: 0 15px;
    }
    
    .morjas-factory-title {
        font-size: var(--font-blockquote);
        margin: 0 0 20px 0;
    }
    
    .morjas-factory-description {
        font-size: var(--font-bodyLarge);
        line-height: 1.7;
        margin: 0 0 18px 0;
    }
    
    .morjas-factory-images {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 30px 0 0 0;
    }
    
    .morjas-factories-faq {
        margin: 80px auto 50px;
        padding: 0 15px;
    }
    
    .morjas-faq-title {
        font-size: var(--font-blockquote);
        margin: 0 0 40px 0;
    }
    
    .morjas-faq-item {
        margin: 0 0 35px 0;
    }
    
    .morjas-faq-question {
        font-size: var(--font-titleM);
        margin: 0 0 12px 0;
    }
    
    .morjas-faq-answer {
        font-size: var(--font-bodyLarge);
        line-height: 1.7;
    }
}

@media (max-width: 480px) {
    .morjas-factories-main-title {
        font-size: var(--font-blockquote);
    }
    
    .morjas-factories-intro {
        font-size: var(--font-sm);
    }
    
    .morjas-factory-title {
        font-size: var(--font-titleL);
    }
    
    .morjas-factory-description {
        font-size: var(--font-sm);
        line-height: 1.6;
    }
    
    .morjas-faq-title {
        font-size: var(--font-titleL);
    }
    
    .morjas-faq-question {
        font-size: var(--font-titleS);
    }
    
    .morjas-faq-answer {
        font-size: var(--font-sm);
        line-height: 1.6;
    }
}

@media (min-width: 1260px) {
    .login-page .customer-blocks {
        margin-left: 350px;
        display: inline-flex;  
    }
}


.slider-wrapper {
    margin-top: 50px !important;
margin-bottom: 50px !important;
}

.slider-wrapper:first-of-type {
    margin-top: -250px !important;
}

@media (max-width:1260px){
.slider-wrapper:first-of-type {
    margin-top: 0px !important;
}

}


@media all and (max-width: 1260px) {

	/* Ensure parent containers don't break sticky positioning */
	.master-wrapper-page {
		overflow-x: visible;
		overflow-y: visible;
	}

	/* Header lower - no padding on mobile */
	.header-lower {
		padding: 0;
	}

	/* Admin header links - padding on mobile */
	.admin-header-links a {
		padding: 3px 0;
	}

	/* Fix slider-wrapper margin-top on mobile */
	.slider-wrapper {
		margin-top: 0 !important;
	}

	/* Ürün detay sayfası: tablet/mobil sağ-sol nefes alma alanı */
	.html-product-details-page .master-wrapper-content {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	/* Fix nopAjaxFilters7Spikes on mobile - override web styles */
	.nopAjaxFilters7Spikes {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 10000 !important;
		width: 320px !important;
		height: 100% !important;
		background-color: #fff !important;
		background: #fff !important;
		opacity: 1 !important;
		transition: all 0.3s ease !important;
		border-top: none !important;
		border-bottom: none !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
		-webkit-transform: translate(-320px) !important;
		transform: translate(-320px) !important;
	}

	.nopAjaxFilters7Spikes.active {
		-webkit-transform: translate(0) !important;
		transform: translate(0) !important;
	}

	/* Overlay when filters are active - must be below filters */
	.nopAjaxFilters7Spikes.active ~ .overlayOffCanvas,
	body:has(.nopAjaxFilters7Spikes.active) .overlayOffCanvas {
		display: block !important;
		z-index: 1 !important;
		background-color: rgba(0, 0, 0, 0.5) !important;
		opacity: 1 !important;
	}

	.nopAjaxFilters7Spikes .filtersPanel {
		display: block !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
	}

	.nopAjaxFilters7Spikes .block.filter-block {
		display: block !important;
		margin: 0 !important;
		padding: 20px !important;
		border: none !important;
		background: #fff !important;
		background-color: #fff !important;
		position: relative !important;
	}

	.nopAjaxFilters7Spikes .block.filter-block:not(:last-child) {
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		border-bottom: 1px solid #eee !important;
	}

	.nopAjaxFilters7Spikes .filter-block .title {
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		border: none !important;
	}

	.nopAjaxFilters7Spikes .filter-block .filtersGroupPanel {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		border: none !important;
		border-top: 1px solid #eee !important;
		padding: 15px 0 !important;
	}

	.filters-wrapper {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		background-color: #fff !important;
		background: #fff !important;
	}

	.nopAjaxFilters7Spikes .filters-wrapper {
		background-color: #fff !important;
		background: #fff !important;
		opacity: 1 !important;
	}

	/* Ensure category titles and other content stay below filters */
	.page-title,
	.category-grid .title,
	.product-grid .title,
	.master-wrapper-content > * {
		position: relative;
		z-index: 1;
	}

	/* Cart page - z-index -1 for these elements */
	.shopping-cart-page .page-title,
	.shopping-cart-page .category-grid .title,
	.shopping-cart-page .product-grid .title,
	.shopping-cart-page .master-wrapper-content > *,
	.html-cart-page .page-title,
	.html-cart-page .category-grid .title,
	.html-cart-page .product-grid .title,
	.html-cart-page .master-wrapper-content > * {
		z-index: 1 !important;
	}

	.home-page-category-grid .sub-category-list{
		display: block!important;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		row-gap: 20px;
		/* position: absolute; */
		top: 7%;
		right: 8%;
		bottom: 7%;
		left: 8%;
		background-color: #f3f3f3;
		/* padding: 7% 8%; */
		text-align: center;
		opacity: .8;
	}






	.gallery .picture{
		border: 0px;
	}

	/* Fix product gallery thumb items spacing on mobile */
	.gallery .picture-thumbs {
		grid-gap: 15px !important;
		gap: 15px !important;
		margin: 10px auto 0 !important;
	}

	.gallery .thumb-item,
	.gallery .thumb-video-item {
		margin: 0 !important;
	}

	.extended-gallery .thumb-item,
	.extended-gallery .thumb-video-item {
		margin: 10px 1% 0 !important;
	}

	/* Fix owl-carousel items spacing on mobile (product details page) */
	/* Ensure each item takes full width on mobile */
	/* Override inline styles: width: 356.25px and margin-right: 10px */
	.owl-carousel .owl-item {
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
	}
	
	/* Override any inline width: 356.25px style */
	.owl-carousel .owl-item[style*="width: 356.25px"],
	.owl-carousel .owl-item[style*="width:356.25px"] {
		width: 100% !important;
	}
	
	/* Override any inline margin-right: 10px style */
	.owl-carousel .owl-item[style*="margin-right: 10px"],
	.owl-carousel .owl-item[style*="margin-right:10px"],
	.owl-carousel .owl-item[style*="margin-right: 10px"],
	.owl-carousel .owl-item[style*="margin-right:10px"] {
		margin-right: 10px !important;
	}

	.owl-carousel .item {
		width: 100% !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
	}

	.owl-carousel .item img,
	.owl-carousel .item video {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
	}

	.owl-carousel.owl-loaded {
		margin: 0;
	}

	.owl-carousel .owl-stage-outer {
		padding: 0;
		width: 100% !important;
	}

	.owl-carousel .owl-stage {
		display: flex;
		width: 100% !important;
	}

	/* Nav panel - black text on mobile */
	.nav-panel,
	.nav-panel *,
	.nav-panel a,
	.nav-panel span,
	.nav-panel li,
	.nav-panel ul {
		color: #000 !important;
	}

	/* Banner Fix Text z-index and colors */
	.bannerFixTxt {
		z-index: 10 !important;
		color: #000 !important;
	}

	.bannerFixTxt *,
	.bannerFixTxt span,
	.bannerFixTxt marquee,
	.bannerFixTxt marquee span {
		color: #000 !important;
	}

	/* Mini shopping cart - all text colors black */
	.mini-shopping-cart,
	.mini-shopping-cart *,
	.mini-shopping-cart .name,
	.mini-shopping-cart .name a,
	.mini-shopping-cart .attributes,
	.mini-shopping-cart .quantity,
	.mini-shopping-cart .price,
	.mini-shopping-cart .remove,
	.mini-shopping-cart .remove-btn,
	.mini-shopping-cart .totals,
	.mini-shopping-cart .no-data,
	.mini-shopping-cart .count,
	.mini-shopping-cart .count a {
		color: #000 !important;
	}

	/* Button-1 cart-button and checkout-button - white text */
	.button-1.cart-button,
	.button-1.checkout-button {
		color: #fff !important;
	}

	/* Related Products Discount Badge - Mobile: Small badge in top right */
	.related-products-section .morjas-related-products .item-box .discount-badge {
		position: absolute !important;
		top: 5px !important;
		right: 5px !important;
		padding: 4px 6px !important;
		min-width: auto !important;
		width: auto !important;
		font-size: 0 !important;
		line-height: 1 !important;
		z-index: 10 !important;
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
	}

	.related-products-section .morjas-related-products .item-box .discount-badge .discount-text {
		font-size: 7px !important;
		letter-spacing: 0.5px !important;
		line-height: 1.1 !important;
		color: #000 !important;
	}

	.related-products-section .morjas-related-products .item-box .discount-badge .discount-text:first-child {
		margin-bottom: 1px !important;
	}

	.related-products-section .morjas-related-products .item-box .discount-badge .discount-percent {
		font-size: 11px !important;
		margin: 1px 0 !important;
		line-height: 1 !important;
		color: #000 !important;
	}

	.related-products-section .morjas-related-products .item-box .discount-badge .discount-text:last-child {
		font-size: 6px !important;
		margin-top: 1px !important;
	}

	.cart-buttons-wrapper {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-top: 1px solid #E2E6EB;
		padding: 10px;
		z-index: 98;
	}
	.attributesproduct{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-top: 1px solid #E2E6EB;
		padding: 10px;
		z-index: 98;
		bottom: 50px;
	}
.ege{
	display: none!important;
}
.header-selectors-wrapper,
.header-links-wrapper,
.header-text-wrapper {
	/* z-index: 0; */
	flex-basis: 100%;
	text-align: center;
}
.logged-in .two .first,
.logged-in .three .first {
	text-align: left; /*header-selects when not only-child*/
}
.logged-in .two .first ~ .last,
.logged-in .three .first ~ .last {
	text-align: right; /*header-links when header-selects are present*/
}
body:not(.logged-in) .last,
.impersonated.session .last {
	flex-basis: 0 !important; /*empty header-links*/
}
.impersonated.session .first {
	text-align: center; /*header-selects when only-child*/
}
.not-logged-in .two .middle,
.impersonated .two .middle {
	display: block; /*header-text when only-child*/
	padding: 7px 0;
}

/* Header upper two - dark color on mobile */
.header-upper.two {
	color: #000 !important;
}

.header-upper.two .header-selectors-wrapper,
.header-upper.two .header-links-wrapper,
.header-upper.two .header-text-wrapper {
	color: #000 !important;
}

.header-upper.two .header-selectors select {
	color: #000 !important;
}

.header-upper.two .header-links a,
.header-upper.two .header-links span {
	color: #000 !important;
}

.header-upper.two .admin-header-links a {
	color: #000 !important;
}


.sub-category-grid{
	display: none!important;
}


/* RESPONSIVE NAV BAR */

.responsive-nav-wrapper {
	display: flex;
	position: sticky !important;
    top: var(--header-height, 0) !important;
	z-index: 9998 !important;
	min-height: 45px;
	border-bottom: 1px solid #eee;
	background-color: #fff !important;
	padding: 0 6px;
	font-size: 0;
	transition: top 0.3s ease;
	width: 100%;
	left: 0;
	right: 0;
}
.responsive-nav-wrapper.pinned {
    top: calc(var(--header-height, 0) - 45px) !important;
}
.responsive-nav-wrapper.pinned.up {
    top: var(--header-height, 0) !important;
}
.impersonated ~ .responsive-nav-wrapper {
	top: calc(var(--header-height, 0) + 24px) !important;
}
.responsive-nav-wrapper .button {
	position: relative;
	width: 10%;
	max-width: 42px;
}
.responsive-nav-wrapper .button:before {
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	margin: auto;
	cursor: pointer;
}
.responsive-nav-wrapper .menu-button:before {
	content: "\e900";
	font-size: 17px;
	width: 17px;
	height: 17px;
}
.responsive-nav-wrapper .personal-button:before {
	content: "\e904";
	font-size: 19px;
	width: 19px;
	height: 19px;
}
.responsive-nav-wrapper .search-button:before {
	content: "\e903";
	font-size: 18px;
	width: 18px;
	height: 15px;
}
.responsive-nav-wrapper .cart-button:before {
	content: "\e902";
	font-size: 19px;
	width: 19px;
	height: 19px;
}
.responsive-nav-wrapper .cart-button a {
	display: block;
	position: relative;
	height: 100%;
}

/* RESPONSIVE NAV PANELS */

.overlayOffCanvas {
    display: none;
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
	z-index: 9998;
    background-color: rgba(0,0,0,0);
    transition: background 0.3s ease;
}
.overlayOffCanvas.active {
	background-color: rgba(0,0,0,.5);
	/* z-index: 9998 !important; */
	z-index: 1;
}
.overlayOffCanvas.active ~ .k-overlay {
	display: none !important;
}
.scrollYRemove {
    overflow: hidden !important;
    -ms-touch-action: none !important;
    -webkit-overflow-scrolling: touch !important;
}
.nav-panel {
    position: fixed;
    top: 0; left: 0;
	z-index: 1070;
    width: 320px;
    height: 100%;
	overflow: hidden;
    background-color: #fff;
	text-align: left;
    transition: all 0.3s ease;
    -webkit-transform: translate(-320px);
    transform: translate(-320px);
}
.nav-panel.active {
    -webkit-transform: translate(0);
    transform: translate(0);
}

/* Header menu nav panel - higher z-index when active, above responsive-nav-wrapper (9999) */
.header-menu.nav-panel.active,
.header-menu.nav-panel.active.opened {
	z-index: 10001 !important;
}

/* Header links nav panel - lower z-index, should be below header-menu */
.header-links.nav-panel {
	z-index: 1070;
}

.header-links.nav-panel.active {
	z-index: 1070 !important;
}
.nav-panel .close-button {
	text-align: right;
}
.nav-panel .back-button {
	text-align: left;
}
.nav-panel .close-button span,
.nav-panel .back-button span {
	display: inline-block;
	padding: 15px 20px;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}
.header-menu ul {
	max-height: 100%;
	overflow-y: auto;
}
.header-menu .close-menu ~ ul {
	max-height: calc(100% - 48px);
}
.header-menu li:not(.back-button) {
	display: flex;
	padding: 15px 0;
}
.header-menu li > a,
.header-menu li > span {
	display: block;
	position: relative;
	padding: 0 20px;
	z-index: 0;
	font-size: 16px;
}
.header-menu li > .with-subcategories {
	width: calc(100% - 56px);
}
.plus-button {
	display: block;
	position: relative;
	z-index: 0;
	width: 56px;
	border-left: 1px solid #ddd;
	padding: 1px 0;
	text-align: center;
	cursor: pointer;
}
.plus-button:after {
	content: "\e910";    
    margin-left: -1px;
	font-size: 10px;
    line-height: 24px;
}
.header-menu .sublist-wrap {
    position: fixed;
    top: 0; left: 0;
	z-index: 1;
    width: 320px;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    transition: all 0.5s ease;
}
.header-menu .sublist-wrap {
    -webkit-transform: translate(-320px);
    transform: translate(-320px);
}       
.header-menu .sublist-wrap.active {
    -webkit-transform: translate(0);
    transform: translate(0);
}
.header-links li {
	padding: 15px 0;
}
.header-links li > a {
	padding: 0 20px;
	font-size: 16px;
}
.header-links .qty:before {
	content: "(";
	font-family: 'Poppins', sans-serif;
}
.header-links .qty:after {
	content: ")";
	font-family: 'Poppins', sans-serif;
}
.store-search-box form {
	width: auto;
	margin: 0 20px;
}
.search-box .ui-autocomplete {
	position: static !important;
	max-height: calc(100% - 90px);
	overflow-y: auto;
}
.cart-button .cart-qty {
	display: inline-block;
	position: absolute;
	right: 7px; bottom: 14px;
	width: 14px; height: 14px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #e43d51;
	padding: 1px 0;
    text-align: center;
    font-size: 9px;
	color: #fff;
}

/* SIDEBAR COLUMN */

.side-2 {
	display: flex;
	flex-flow: column;
}
.block {
	margin: 1px 0;
}
.block .title {
	display: flex;
	justify-content: space-between;
	background-color: #f3f3f3;
	padding: 10px 15px;
	font-family: 'Della Respira', serif;
	font-size: 20px;
}
.block .title:after {
	content: "\e913";
	margin-top: auto;
	margin-bottom: auto;
	font-size: 14px;
	transition: 0.2s ease;
}
.block .opened:after {
	transform: scaleY(-1);
}
.block .listbox {
	padding: 15px 15px 15px 16px;
}
.product-filter + .product-filter {
	margin-top: 25px;
}

.featured-product-grid:first-child {
	margin-top: 0;
	border-top: 1px solid #eee;
}

.html-account-page .side-2 {
	margin-bottom: 0;
}
.html-account-page .block {
	max-width: 600px;
	margin: 0 auto 30px;
}
.html-account-page .block .title:before {
	content: "\e913";
	margin-top: auto;
	margin-bottom: auto;
	font-size: 14px;
	transition: 0.2s ease;
}
.html-account-page .block .opened:before {
	transform: scaleY(-1);
}
.html-account-page .block .listbox {
	border-top: 1px solid #fff;
	background-color: #f3f3f3;
}

/* RESPONSIVE TABLES */

table.cart {
	display: block;
	border-top: 1px solid #eee;
}
table.cart colgroup,
table.cart thead {
	display: none;
}
table.cart tbody {
	/* display: grid; */
	grid-template-columns: 48.5% 48.5%;
	grid-column-gap: 3%;
}
table.cart tr {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 25px 0 70px;
}
table.cart tr:after {
	content: "";
	position: absolute;
	right: 0; bottom: 0;
	left: 0; z-index: -1;
	height: 70px;
	background: #f3f3f3;
}
table.cart td {
	display: block;
	border: none;
	padding: 0;
}
.cart label.td-title {
	margin-right: 3px;
}
.cart .add-to-cart label {
	margin: 0 0 0 7px;
	font-size: 12px;
	font-weight: 600;
}
.cart .remove-from-cart,
table.cart .add-to-cart,
table.cart .quantity,
table.cart .subtotal {
	display: flex;
	align-items: center;
	position: absolute;
}
.cart .remove-from-cart,
table.cart .add-to-cart {
	top: 0;
	height: 40px;
}
.cart .remove-from-cart {
	right: 0;
}
table.cart .add-to-cart {
	left: 0;
}
table.cart .quantity,
table.cart .subtotal {
	bottom: 0;
	height: 70px;
}
table.cart .quantity {
	left: 7px;
}
.cart .qty-wrapper span {
	bottom: 0;
	height: 48px;
	background: #fff;
}
.cart .qty-wrapper .decrease {
	left: 0;
}
.cart .qty-wrapper .increase {
	right: 0;
}
table.cart .subtotal {
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: center;
	right: 10px;
}
.cart .subtotal .discount,
.discount-additional-info {
	width: 100%;
	text-align: right;
}
.cart .product-picture {
	float: left;
	width: 86px;
}
.cart .sku, .cart .product,
.cart .unit-price, td.vendor {
	float: right;
	width: calc(100% - 100px);
	text-align: left;
}
.wishlist-page .cart tr {
	padding-top: 50px;
}
.wishlist-page .remove-from-cart,
.wishlist-page .add-to-cart {
	height: 50px !important;
}

}

@media all and (max-width: 450px) {

	.home-page-product-grid .item-grid {
		grid-template-columns: 1fr;
	}

	.morjas-style-category .product-grid .item-grid {
		grid-template-columns: 1fr !important;
	}

	.cart-button .cart-qty {
		right: 12%;
	}
	.extended-admin .header-upper {
		display: block;
	}
	.extended-admin .header-selectors {
		justify-content: center;
	}
	.extended-admin .header-upper .first,
	.extended-admin .header-upper .last {
		text-align: center !important;
	}
	.extended-admin .first ~ .last .admin-header-links {
		margin-top: -7px;
	}
	.home-page-category-grid .item-grid {
		grid-template-columns: 100%;
		grid-row-gap: 15px;
	}
	.home-page-category-grid .category-item {
		display: flex;
		background-color: #f3f3f3;
	}
	.home-page-category-grid .wrapper {
		flex: 1 0 50%;
	}
	.home-page-category-grid .picture {
		margin: 0;
	}
	.home-page-category-grid .text-wrapper {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		gap: 5px; padding: 2%;
		text-align: center;
	}
	.product-list .buttons .wrapper {
		display: none !important;
	}
}

@media all and (max-width: 600px) {

	.home-page .topic-block {
		padding: 0 5px;
	}
	.html-account-page .block {
		margin: 0 -2.5% 30px;
	}
	.product-box-add-to-cart-button {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	.item-grid div:nth-child(5), .item-grid div:nth-child(10), .item-grid div:nth-child(15), .item-grid div:nth-child(20), .item-grid div:nth-child(25), .item-grid div:nth-child(30), .item-grid div:nth-child(35), .item-grid div:nth-child(40), .item-grid div:nth-child(45), .item-grid div:nth-child(50), .item-grid div:nth-child(55), .item-grid div:nth-child(60), .item-grid div:nth-child(65), .item-grid div:nth-child(70), .item-grid div:nth-child(75), .item-grid div:nth-child(80), .item-grid div:nth-child(85), .item-grid div:nth-child(90), .item-grid div:nth-child(95), .item-grid div:nth-child(100), .item-grid div:nth-child(105), .item-grid div:nth-child(110), .item-grid div:nth-child(115), .item-grid div:nth-child(120), .item-grid div:nth-child(125), .item-grid div:nth-child(130), .item-grid div:nth-child(135), .item-grid div:nth-child(140), .item-grid div:nth-child(145), .item-grid div:nth-child(150), .item-grid div:nth-child(155) {
		width: 100%;
		grid-column: 1 / -1;
		display: block;
	}
	.header .header-text-wrapper {
		display: none !important;
	}
	.eu-cookie-bar-notification .text {
		margin-bottom: 15px;
	}
	.footer-blocks {
		display: flex;
		flex-flow: column;
		max-width: 375px;
		margin: auto;
	}
	.footer-block {
		padding: 0 15px;
	}
	.footer-block .title {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
	}
	.footer-block .title:after {
		content: "\e913";
		margin-top: auto;
		margin-bottom: auto;
		font-size: 14px;
		color: #aaa;
		transition: 0.2s ease;
	}
	.footer-block .opened:after {
		transform: scaleY(-1);
	}
	.footer-block .list {
		padding-bottom: 10px;
	}
	.item-box .tax-shipping-info {
		display: none;
	}
	.product-selectors span {
		display: none;
	}
	.product-selectors select {
		max-width: none !important;
	}
	.product-list .item-grid {
		display: grid;
		grid-template-columns: 49% 49%;
		grid-gap: 25px 2%;
	}

	/* Anasayfa Özel Ürünler – mobil: 2x50vw (styles.css vw breakpoint’ları geçerli) */
	.home-page-product-grid .item-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: 12px 8px;
		max-width: 100%;
	}
	.home-page-product-grid .item-box .picture a {
		width: 100%;
		max-width: 100%;
		padding-top: 145%;
	}
	.home-page-product-grid .item-box .product-title {
		font-size: 12px;
	}

	/* Kategori ürünleri (morjas-style) – mobil: taşma yok, 2 sütun, esnek görsel */
	.morjas-style-category .product-grid .item-grid {
		grid-template-columns: 1fr 1fr !important;
		grid-gap: 12px 10px;
		max-width: none;
	}
	.morjas-style-category .item-box .picture a {
		width: 100%;
		max-width: 100%;
	}
	.morjas-style-category .item-box .product-title {
		font-size: 12px;
	}

	.product-list .buttons .wrapper {
		display: flex;
		flex-flow: column;
		position: absolute;
		top: 0; left: 0;
	}
	.product-list .wrapper button {
		display: block;
		width: 36px; height: 28px;
		margin: 6px 0 -6px;
	}
	.product-list .wrapper
	.add-to-wishlist-button {
		order: -1; /**/
	}
	.product-list .wrapper
	.quick-view-button {
		height: 30px;
		opacity: 0;
	}
	.product-list .wrapper
	.add-to-compare-list-button {
		opacity: 0;
	}
	.product-list .item-box:hover
	.add-to-compare-list-button {
		opacity: 1;
	}

	.cart-collaterals .option-list {
		display: inline-block;
	}
	.cart-collaterals .title {
		display: flex;
		justify-content: space-between;
		background-color: #f3f3f3;
		padding: 10px 15px;
	}
	.cart-collaterals .title:after {
		content: "\e913";
		margin-top: auto;
		margin-bottom: auto;
		font-size: 14px;
		transition: 0.2s ease;
	}
	.cart-collaterals .opened:after {
		transform: scaleY(-1);
	}
	.cart-collaterals .content {
		display: none;
		padding: 20px 0 40px;
	}
	.cart-collaterals .current-code {
		margin-bottom: -20px;
	}
}

@media all and (min-width: 768px) and (max-width: 1260px) {

	.not-logged-in .three .header-selectors-wrapper, /*when header-selects and header-text are present, but admin-links are not*/
	.impersonated .three .header-selectors-wrapper,  /*when header-selects and header-text are present, but admin-links are not*/
	.logged-in .two .header-text-wrapper {           /*when header-text and admin-links are present, but header-selects are not*/
		text-align: left;
	}
	.not-logged-in .three .header-text-wrapper, /*when header-selects and header-text are present, but admin-links are not*/
	.impersonated .three .header-text-wrapper,  /*when header-selects and header-text are present, but admin-links are not*/
	.logged-in .two .header-links-wrapper {     /*when header-text and admin-links are present, but header-selects are not*/
		text-align: right;
	}
	.logged-in .three .header-selectors-wrapper,
	.logged-in .three .header-links-wrapper {
		flex-shrink: 2;
	}
	.impersonated .two .header-text-wrapper {
		text-align: center;
	}
	.master-column-wrapper > .side-2 {
		display: grid;
		grid-template-columns: 32% 32% 32%;
		grid-gap: 10px 2%;
		padding: 0 2.5%;
	}
	.cart.odd-number tbody:after {
		content: ""; /*fix for cart and wishlist with odd number of products*/
		margin-top: 40px;
		background-color: #fbfbfb;
	}
}


@media all and(min-width: 1260px) {

	.mobilnumber{
	width: 170px!important;
}

.yanakaydir{
	display: none!important;
}
}

@media all and (max-width: 450px) {

	.mobilnumber{
	width: 100px!important;
}
}

@media all and (min-width: 450px) and (max-width: 600px) {

	.mobilnumber{
	width: 150px!important;
}
}
@media all and (min-width: 600px) and (max-width: 767px) {

	.mobilnumber{
	width: 110px!important;
}
}
@media all and (min-width: 768px) and (max-width: 1260px) {

	.mobilnumber{
	width: 140px!important;
}
}

/*V�DEO CSS
*/


@media all and (min-width: 950px) {

	.footer-blockmobile {
		display:none!important;
	}
}







@media all and (min-width: 768px) and (max-width: 1260px) 
{



}

/* Video container */
.productboxvideo {
	width: 100%; /* Geni�lik otomatik ayarlanacak */
	height: auto; /* Y�kseklik otomatik ayarlanacak */
}

	/* Video */
	.productboxvideo video, .item video{
		max-width: 100%; /* Video geni�li�i maksimum %100 olacak */
		height: auto; /* Y�kseklik otomatik boyutlanacak */
	}



@media all and (min-width: 480px) {

.header-upper {
	padding: 0 18px;
}
.sub-category-grid .item-grid {
	grid-template-columns: repeat(auto-fit, minmax(49%,1fr));
	grid-row-gap: 10px !important;
}
.product-grid .buttons .wrapper {
	display: flex;
	flex-flow: column;
}
.item-box .color-attributes {
	display: block;
}
.gallery .picture-thumbs {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rental-attributes .datepicker {
	width: 100%;
}
.checkout-as-guest-button,
.checkout-as-guest-button + button {
	min-width: 200px;
}
.private-messages-page .date {
	display: table-cell;
}
.private-messages-page col.date {
	display: table-column;
}

}
@media (min-width: 480px) and (max-width: 769px) {
    .header-logo a img {
        height: 60px;
        display: block;
        max-width: 100%;
    }

    .header-logo.mobile {
        flex-grow: 1;
        display: flex;
        padding: 5px 0;
        width: 50%;
    }
}
@media all and (min-width: 768px) {




/* GLOBAL STYLES */

.page {
	text-align: left;
}
.page-title h1 {
	font-size: 32px;
}
.center-1 .page-title {
	padding: 35px 0;
}
.center-2 .page-title {
	padding: 30px 0;
}
.product-grid .title,
.topic-block .title,
.home-page .title {
	padding: 25px 0;
	font-size: 32px;
}
.home-page .slider-wrapper {
	padding-top: 25px;
}

/* Fix slider-wrapper margin-top on mobile only (not desktop) */
@media all and (max-width: 1260px) {
	.slider-wrapper {
		margin-top: 0 !important;
	}
}

/* NOTIFICATIONS & POPUPS */

.eu-cookie-bar-notification .content {
	flex-direction: row;
	justify-content: space-between;
	column-gap: 20px;
}

/* TABULATION */

.ui-widget.ui-tabs {
	padding: 3% 3%;
}
.ui-tabs .ui-tabs-nav {
    margin-bottom: 25px;
}

/* FOOTER */

.footer .newsletter {
	width: 500px;
	margin: auto;
}
.footer .newsletter:before {
	content: "";
	position: absolute;
	top: 15px;
	right: -15px;
	bottom: -15px;
	left: 15px;
	z-index: -1;
	border: 1px solid #222;
	pointer-events: none;
}
.footer-middle {
	padding-top: 80px;
}
.footer-blocks {
	display: flex;
	max-width: 1200px;
	margin: auto;
}
.footer-block {
	flex: 1 0 25%;
	padding-left: 5%;
}
.footer-block .title {
	margin-bottom: 15px;
}
.footer-block .list {
	display: block !important;
	height: auto !important;
}
.footer-lower {
	position: relative;
	padding: 15px 25px;
}
.footer-texts {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-text {
	flex: 1 0 33.333%;
	padding: 0;
}
.footer-text.credits {
	display: flex;
	text-align: left;
}
.footer-text .txt + .txt {
	margin-left: 15px;
	border-left: 1px solid #bbb;
	padding-left: 15px;
}
.footer-text.copyright {
	text-align: right;
}
.theme-selector {
	margin-top: 0;
}
.theme-selector select {
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	margin: auto;
}

/* CATEGORY PAGE & GRIDS */

.product-selectors {
	justify-content: flex-end;
}
.product-selectors select {
	min-width: 20px;
	height: 30px;
	line-height: 18px; /*text vertical alignemt*/
	background-color: #fff;
}
.product-viewmode {
	display: flex;
	column-gap: 5px;
	align-items: center;
	margin-right: auto;
}
.product-viewmode span {
	display: none !important;
}
.product-viewmode a {
	padding: 5px;
	font-size: 0;
}
.product-viewmode a:before {
	font-size: 20px;
}
.product-viewmode .grid:before {
	content: "\e937";
}
.product-viewmode .list:before {
	content: "\e939";
}
.product-viewmode .selected {
	color: #e43d51;
}
.product-sorting,
.product-page-size {
	width: auto;
}

.category-grid .item-grid,
.manufacturer-grid .item-grid,
.vendor-grid .item-grid,
.product-grid .item-grid {
	grid-template-columns: 1fr 1fr 1fr;
	grid-row-gap: 50px;
}

/* Kategori ürünleri (morjas-style) – tablet: taşma yok, 3 sütun, esnek görsel */
.morjas-style-category .product-grid .item-grid {
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-row-gap: 50px;
	max-width: none;
}
.morjas-style-category .item-box .picture a {
	width: 100%;
	max-width: 100%;
}

/* Featured Products – tablette kategori ile uyumlu, büyük görseller */
.featured-product-grid .item-grid {
	grid-template-columns: 1fr 1fr 1fr;
	grid-row-gap: 50px;
	max-width: none;
}

.featured-product-grid .item-box .picture a {
	width: 100%;
	max-width: 100%;
}

.sub-category-grid .item-grid {
	grid-template-columns: repeat(auto-fit, minmax(23.5%, 1fr));
    grid-row-gap: 15px !important;
}

.home-page-product-grid:not(.nop-jcarousel) .title,
.home-page .bestsellers:not(.nop-jcarousel) .title {
	margin-bottom: 12px;
}
.home-page .bestsellers:not(.nop-jcarousel) .item-grid {
	grid-column-gap: 7.5%;
	grid-row-gap: 60px;
}
.home-page-product-grid:not(.nop-jcarousel) .item-box:nth-child(3n+2),
.home-page .bestsellers:not(.nop-jcarousel) .item-box:nth-child(3n+2) {
	/* previously staggered layout; keep all cards aligned */
	position: static;
	bottom: auto;
}

/* Anasayfa Özel Ürünler – tablet: 2x50vw (styles.css vw breakpoint’ları geçerli) */
.home-page-product-grid .item-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-row-gap: 50px;
	grid-column-gap: 20px;
	max-width: 100%;
}
.home-page-product-grid .item-box .picture a {
	width: 100%;
	max-width: 100%;
	padding-top: 145%;
}

.product-list .item-box + .item-box {
	margin-top: 20px;
}
.product-list .item-box .product-item {
	display: grid; width: 100%;
    grid-template-columns: 32% auto;
	grid-column-gap: 35px;
}
.product-list .item-box .picture {
	margin: 0;
}
.product-list .item-box .details {
	padding: 25px 0;
}
.product-list .item-box .product-title {
	flex-grow: 0;
	margin-bottom: 25px;
	font-size: 14px;
	color: #000;
}
.product-list .item-box .description {
	display: block;
}
.product-list .item-box .add-info {
	display: block;
	margin-top: 20px;
}
.product-list .item-box .buttons {
	margin-top: 30px;
	text-align: left;
}
.product-list .product-box-add-to-cart-button {
	vertical-align: middle;
}
.product-list .buttons .wrapper {
	display: inline-flex;
	vertical-align: middle;
	position: relative;
	bottom: 1px; left: 1px;
}
.product-list .add-to-wishlist-button,
.product-list .add-to-compare-list-button {
	margin-left: 15px;
}

/* PRODUCT PAGE */

.product-essential {
	max-width: none;
	margin-bottom: 40px;
}
.gallery {
	float: left;
	width: 46%;
	max-width: none;
	margin-bottom: 0;
	padding-top: 3%;
}
.overview {
	float: right;
	width: 51.5%;
	max-width: none;
	padding-top: 3%;
}
.product-name.mobile {
	display: none !important;
}
.product-name.desktop {
	display: block !important;
	margin: 0 0 30px;
	border-bottom: 1px solid #eee;
	padding: 5px 0 !important;
	text-align: left;
}
.price-reviews-wrapper {
	margin-bottom: 0;
	border: none;
}
.price-reviews-wrapper .prices,
.product-reviews-overview {
	justify-content: flex-start;
}
.old-product-price,
.non-discounted-price,
.prices .product-price {
	margin-left: 0;
}
.prices .rental-price {
	text-align: left;
}
.product-collateral {
	max-width: none;
}
.product-variant-line {
	display: flex;
	column-gap: 30px;
	margin-top: 15px;
}
.variant-overview.mobile {
	display: none; /*selector string has no space!*/
}
.variant-overview .desktop {
	display: block; /*selector string has space!*/
}
.variant-picture {
	align-self: flex-start;
	flex: 0 0 300px;
}
.variant-overview {
	flex-grow: 1;
}

/* REVIEW PAGE */

.write-review .review-rating {
	position: relative;
}
.write-review .review-rating > label {
	position: absolute;
	left: 0;
	width: auto;
	margin: 0;
}
.product-review-item .review-item-head {
	display: flex;
	justify-content: space-between;
	margin: 0 0 15px;
}
.product-review-item .review-title {
	max-width: calc(100% - 100px);
	margin-bottom: 0;
}
.product-review-item .product-review-box {
	margin-bottom: 0;
}
.product-review-item .review-item-content {
	display: flex;
}
.product-review-item .review-avatar {
	flex: 0 0 150px;
	max-width: 150px;
	margin: 0 30px 0 0;
}
.product-review-item .review-content {
	flex-grow: 1;
}
.product-review-item .review-reply {
    margin-top: 10px;
}

/* WISHLIST & COMPARE PAGE */

.wishlist-content .buttons {
	flex-flow: row;
	max-width: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.wishlist-add-to-cart-button {
	margin-left: auto;
}
.wishlist-page .share-info {
	margin: 40px 0 0;
}
.compare-products-mobile {
	display: none;
}
.compare-products-table {
	display: table;
    margin-top: -15px;
	border-top: 1px solid #eee;
}
.compare-products-clear-list {
	position: absolute;
    top: 35px; right: 5px;
    margin-bottom: 0;
	line-height: 44px;
}

/* CONTACT PAGES */

.contact-page .topic-block,
.apply-vendor-page .topic-block,
.email-a-friend-page .title {
	margin-top: -10px;
}

/* ACCOUNT PAGES */

.address-list-page .addresses,
.order-list-page .order-list,
.return-list-page .return-list,
.gdpr-tools-page .gdpr-form {
	grid-template-columns: 49% 49%;
	grid-gap: 25px 2%;
	max-width: 900px;
}

/* SHOPPING CART */

.order-progress li {
	max-width: 120px;
}
.order-progress a {
	display: inline-block;
	padding-top: 60px;
	font-size: 18px;
}

.cart-options .common-buttons {
    flex-flow: row;
	align-items: center;
    max-width: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.cart-options .tax-shipping-info {
	order: 3; /**/
	flex-grow: 1;
	margin: auto;
}
.tax-shipping-info ~ .update-cart-button {
	margin-right: auto;
}
.cart-options .estimate-shipping-button {
	order: 4; /**/
	margin-left: auto;
}
.cart-options .update-cart-button:before {
	content: "\e91d";
	position: relative;
	bottom: -1px;
	margin-right: 8px;
	font-size: 16px;
}
.cart-options .continue-shopping-button:before {
	content: "\e902";
	position: relative;
	bottom: -2px;
	margin-right: 8px;
	font-size: 18px;
}
.cart-options .estimate-shipping-button:before {
	content: "\e91e";
	margin-right: 8px;
	font-size: 31px;
}

.cart-footer {
	display: flex;
	column-gap: 4%;
}
.cart-collaterals {
	flex-grow: 1;
}
.checkout-attributes dt {
	margin: 0 0 10px;
	font-family: 'DM Serif Display', serif;
	font-size: 24px;
	color: #000;
}
.checkout-attributes dd {
	margin: 0 0 20px;
}
.checkout-attributes select {
	width: 100%;
}
.cart-collaterals .title {
	margin: 0 0 10px;
	font-size: 24px;
}
.coupon-box, .giftcard-box {
	margin-bottom: 0;
}
.coupon-box + .giftcard-box {
	margin-top: 20px;
}
.cart-footer .totals {
	width: 48%;
	max-width: 480px;
}
.cart-footer .totals-txt {
	display: block;
	margin-bottom: 10px;
	font-family: 'DM Serif Display', serif;
	font-size: 24px;
}
.terms-of-service {
	max-width: 470px;
	margin-left: 5px;
}
.terms-of-service label {
	display: inline-block;
}

/* CHECKOUT */

.checkout-page .cart-options {
	text-align: right;
}
.checkout-page .cart-footer {
	justify-content: flex-end;
}
.cart-footer .totals-txt {
	display: block;
}

.pickup-in-store,
.ship-to-same-address {
	max-width: none;
}
.checkout-page .address-grid {
	grid-template-columns: 49% 49%;
	grid-gap: 25px 2%;
	max-width: none;
}
.checkout-page .address-item {
	display: flex;
	flex-flow: column;
}
.checkout-page .unflex {
	align-self: flex-start;
}
.checkout-page .address-box {
	flex-grow: 1;
}
.confirm-order .separator {
	margin-bottom: 80px;
}

/* ORDER DETAILS */

.order-review-data,
.order-details-area,
.shipment-details-area {
	display: grid;
	grid-template-columns: 49% 49%;
    grid-template-rows: auto auto;
	grid-column-gap: 2%;
	max-width: none;
	text-align: center;
}
.order-review-data.full,
.order-details-area.full,
.shipment-details-area.full {
	grid-auto-flow: column;
}
.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
	display: flex;
	flex-flow: column;
}
.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul {
	flex-grow: 1;
}
.order-details-page .buttons {
	margin-top: -20px;
}
.order-details-page .options {
	text-align: right;
}
.order-details-page .totals {
	width: 48%;
	max-width: 410px;
	margin-left: auto;
}

/* BLOG & NEWS */

.comment.blog-comment,
.comment.news-comment {
	display: flex;
}
.comment-info {
	flex: 0 0 150px;
    max-width: 150px;
    margin-right: 30px;
}
.comment-info .user-info {
	margin: 0;
}
.comment-content {
	flex-grow: 1;
	flex-flow: column;
}
.comment-body {
	flex-grow: 1;
}

.news-list-homepage {
	margin-top: 30px !important;
}

.blog-list-homepage {
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}
.news-list-homepage .news-items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(48%,1fr));
	grid-gap: 40px 4%;
}
.news-list-homepage .news-item {
	display: flex;
	flex-flow: column;
	margin: 0 !important;
}
.news-list-homepage .news-body {
	flex-grow: 1;
}
.news-list-homepage .buttons {
	text-align: left;
}

/* Blog homepage - alt alta gösterim */
.blog-list-homepage .blog-items,
.blog-list-homepage .news-items {
	display: block !important;
	grid-template-columns: none !important;
	grid-gap: 0 !important;
}
.blog-list-homepage .blog-item,
.blog-list-homepage .news-item {
	display: block !important;
	width: 100% !important;
	float: none !important;
	margin: 0 0 40px 0 !important;
	clear: both !important;
	flex: none !important;
	max-width: 100% !important;
}
.blog-list-homepage .blog-item:last-child,
.blog-list-homepage .news-item:last-child {
	margin-bottom: 0 !important;
}

/* PROFILE & INBOX */

.private-message-view-page .message-head {
	margin-bottom: 25px;
	padding-bottom: 20px;
}
.private-message-view-page .message-body {
	padding: 0;
}

}

@media all and (min-width: 1024px) {

	.cart-options .tax-shipping-info {
		max-width: none;
	}
}
@media all and (min-width: 1261px)
{
.product-data{
margin-left:8%;
}
.extended-gallery .gallery {
	display: grid;
	grid-template-columns: 2fr 2fr;
	grid-gap: 10px 10px;
	/*width: 67%;*/
	width: 614px;
}

.extended-gallery .overview {
float:left;
margin-left:12%;
	position: sticky;
	top: 10px;
	/*width: 30%;*/
	width: 360px;
}
}
@media all and (min-width: 1261px) {


	.home-page-category-grid .sub-category-list {
		display: none;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		row-gap: 20px;
		position: absolute;
		top: 7%;
		right: 8%;
		bottom: 7%;
		left: 8%;
		background-color: #fff;
		padding: 7% 8%;
		text-align: center;
		/* color: #fff; */
		/* animation: fadein .3s; */
		opacity: 0.8;
	}



	.cart-buttons-wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 5px 5px;
		margin: 0 0 30px;
	}
/* GLOBAL STYLES */
.egemobile{
	display: none!important;
}
body { /*desktop only, don't add to mobile*/
	overflow-x: hidden;
}
.master-wrapper-content {
	/* width: 1200px; */ /* inaktif – ana sayfa ürün grid tam genişlik için */
	margin: auto;
}

/* Anasayfa: büyük ekranda %100 width + yan padding */
.home-page .master-wrapper-content {
	width: 100%;
	max-width: none;
	padding-left: 32px;
	padding-right: 32px;
	box-sizing: border-box;
}

.category-page-body .master-wrapper-content,
.html-category-page .master-wrapper-content {
	width: 90% !important;
}

/* Ürün detay sayfası: sağ-sol nefes alma alanı */
.html-product-details-page .master-wrapper-content {
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}
.category-page-body .side-2,
.html-category-page .side-2 {
	display: none !important;
}
.master-column-wrapper {
	display: grid !important;
    grid-template-columns: 20% 78%;
	grid-column-gap: 2%;
	padding-top: 5%;
}
.category-page-body .master-column-wrapper,
.html-category-page .master-column-wrapper {
	grid-template-columns: 100% !important;
}
.html-account-page
.master-column-wrapper {
	grid-template-columns: 280px auto;
}
.breadcrumb + .master-column-wrapper {
	padding-top: 1%;
}
.center-1, .center-2 {
	margin-bottom: 140px;
	padding: 0;
} 
.center-1 .page-title {
	padding: 45px 0;
}
.center-2 .page-title {
	margin: -10px 0 30px;
	border-bottom: 1px solid #eee;
	padding: 0 0 10px;
	text-align: left;
}
.side-2 { /*sidebar*/
	margin-bottom: 140px;
}
.home-page .page-body > div {
	margin: 0;
}
.home-page .slider-wrapper {
	padding-top: 30px;
	min-height: 300px !important;
}
.home-page .slider-container-wrapper .anywhere-slider {
	min-height: 1050px !important;
}
.home-page .slider-container-wrapper .anywhere-slider .slick-track,
.home-page .slider-container-wrapper .anywhere-slider .slick-list {
	height: 1050px !important;
}
.home-page .slider-container-wrapper .anywhere-slider .picture-slide,
.home-page .slider-container-wrapper .anywhere-slider .picture-slide a {
	min-height: 1050px !important;
	height: 1050px !important;
	display: block !important;
}
.home-page .slider-container-wrapper .anywhere-slider .picture-slide img {
	width: 100% !important;
	height: 1050px !important;
	min-height: 1050px !important;
	max-height: 1050px !important;
	object-fit: cover !important;
	display: block !important;
}
.product-grid .title,
.topic-block .title,
.home-page .title {
	padding: 30px 0;
}
.qty-wrapper .increase,
.qty-wrapper .decrease {
	right: 2px; left: auto;
	width: 18px; height: 21px;
}
.qty-wrapper .increase {
	top: 2px;
	bottom: auto;
}
.qty-wrapper .qty-input {
	width: 38px;
	margin: 0 20px 0 0;
}

/* GLOBAL TABLES */

.cart td:not(.add-to-cart) .td-title {
	display: none;
}
.cart .remove-from-cart button {
	position: relative;
	bottom: 1px;
}
.cart .sku .sku-number {
	vertical-align: baseline;
}

/* HEADER */

.responsive-nav-wrapper {
	display: none;
}
.header .close-button {
	display: none;
}

.header-selectors-wrapper {
	flex: 1 1 0;
	text-align: left;
	z-index: 10001;
}
.header-links-wrapper {
	flex: 1 1 0;
	display: flex;
	min-height: 37px; /*preserves space when header-selects are not present*/
	text-align: right;
	z-index: 10001;
}
.first ~ .header-text-wrapper {
	padding: 0 30px; /*add padding when header-text is centered*/
}

.header-links li + li,
.admin-header-links a + a,
.admin-header-links + .header-links {
	margin-left: 15px;
	border-left: 1px solid #ccc;
	padding-left: 15px;
}
.impersonated.session .header-links {
	margin-left: 0;
	border-left: none;
	padding-left: 0;
}
.admin-header-links {
	margin: auto 0 auto auto;
}
.admin-header-links a {
	padding: 0;
}
.header-links {
	margin: auto 0 auto auto;
}
.header-links ul {
	font-size: 0;
	white-space: nowrap;
}
.header-links li {
	display: inline-block;
}
.header-links span,
.header-links a {
	display: inline-block;
	font-size: 12px; /*reset zeroing*/
}
.header-links .hidden {
    display: none;
}
.header-links .wishlist-qty {
	display: none;
}

.header-lower {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5%;
	position: relative;
}
.header-menu {
	order: 1;
	flex: 0 0 auto;
	margin: auto 0;
	padding: 0 50px;
}
.header-logo.desktop {
	order: 2;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	text-align: center;
	z-index: 10001;
}
.header-logo.desktop a {
	display: inline-block;
	max-width: 150px;
}
.header-logo.desktop img {
	max-width: 150px;
}
.search-cart-wrapper {
	order: 3;
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	z-index: 10001;
}
.store-search-box {
	position: relative;
	margin: auto 0 auto auto;
}
.store-search-box form {
	z-index: 1021;
}
.search-box .ui-autocomplete {
	box-sizing: content-box;
	position: absolute !important;
	top: -5px !important;
	left: -10px !important;
	z-index: 1020;
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	background-color: #fff;
	padding: 45px 10px 0 10px;
}
.ui-autocomplete .ui-menu-item a {
	width: auto;
	margin: 0 -10px;
	padding: 5px 10px;
}
.flyout-cart-wrapper {
	display: block;
	position: relative;
	z-index: 1021;
	margin: auto -14px auto 12px;
	white-space: nowrap;
}
.cart-wrap:hover .cart-link:before {
	content: "";
	position: absolute;
	top: -5px; right: 0;
	bottom: 0; left: 0;
	z-index: 1021;
	background-color: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,.15);
	animation: fadein 0.3s
}
.cart-wrap:hover .cart-link:after {
    content: "";
    position: absolute;
    top: 100%;
	left: 0; right: 0;
	z-index: 1021;
	height: 12px;
    background: #fff;
}
.cart-link .ico-cart {
	display: block;
	position: relative;
	z-index: 1021;
	padding: 10px 14px 10px 18px;
	font-size: 0;
}
.cart-link .cart-label {
	display: inline-block;
	min-width: 27px;
	margin-right: 7px;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 13px;
	color: #000;
	transition: color 0.3s ease;
}

/* When header is transparent (over banner), cart label can be light */
.header.header-transparent .cart-link .cart-label {
	color: #fff;
}

/* When header is solid (scrolled down), cart label should be dark */
.header:not(.header-transparent) .cart-link .cart-label {
	color: #000 !important;
}
.cart-link .cart-qty {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #e43d51;
    text-align: center;
	vertical-align: middle;
    font-size: 11px;
	line-height: 20px;
	color: #fff;
}
.flyout-cart-dropdown {
	display: none;
	position: absolute;
	top: 100%; right: 0;
	z-index: 1020;
	width: 358px;
	margin-top: -1px;
	box-shadow: 0 1px 20px rgba(0,0,0,.15);
	background-color: #fff;
	padding: 11px 10px 15px;
	white-space: normal;
	animation: fadein 0.3s;
}
.flyout-cart-wrapper:hover
.flyout-cart-dropdown {
	display: block;
}

/* HEADER MENU */

.menu-title, .close-menu,
.header-menu .back-button {
	display: none;
}
.overlayOffCanvas {
	display: none !important;
}

.header-menu {
	margin: auto 0;
	padding: 0 50px;
}
.header-menu > ul {
	margin: -5px 0;
	text-align: left;
	font-size: 0;
}
.header-menu > ul > li {
	display: inline-block;
	padding: 0 15px; /*use pixels, not %, or flex will wrap*/
	vertical-align: middle;
}
.header-menu > ul > li > a,
.header-menu > ul > li > span {
	display: inline-block;
	padding: 5px 0;
	vertical-align: middle;
	font-size: 13px;
	transition: color 0.3s ease;
	color: #000;
}

/* When header is transparent (over banner), menu text can be light */
.header.header-transparent .header-menu > ul > li > a,
.header.header-transparent .header-menu > ul > li > span {
	color: #fff;
}

/* When header is solid (scrolled down), menu text should be dark */
.header:not(.header-transparent) .header-menu > ul > li > a,
.header:not(.header-transparent) .header-menu > ul > li > span {
	color: #000 !important;
}
.header-menu > ul > li > a:hover {
	text-decoration: underline;
	color: #e43d51;
}
.header-menu > ul > .has-sublist:after {
	content: "\e90c";
	display: inline-block;
	transform: rotate(90deg);
	margin: 0 -8px 0 8px;
	vertical-align: middle;
	font-size: 8px;
	color: #888;
}
.header-menu .sublist-wrap {
	display: none;
	position: absolute;
	z-index: 1022;
	min-width: 200px;
	margin-top: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	background-color: #fff;
	text-align: left;
}
.header-menu .sublist-wrap:before {
	content: "";
	position: absolute;
	left: 0; right: 0;
	top: -10px;
	height: 10px;
}
.top-menu li:hover > .sublist-wrap,
.header-menu .sublist-wrap.active {
	display: block;
}
.header-menu .sublist {
	padding: 10px 0;
}
.header-menu .sublist li {
	position: relative;
}
.header-menu .sublist li a {
	display: block;
	padding: 8px 20px;
	font-size: 13px; /*reset zeroing*/
}
.header-menu .sublist li:hover > a {
	background: #f6f6f6;
	color: #e43d51;
}
.header-menu .sublist-wrap .sublist-wrap {
	top: -20px;
	left: 100%;
}
.header-menu .sublist .with-subcategories:after {
	content: "\e90e";
	position: absolute;
	top: 0; bottom: 0;
	right: 12px;
	height: 10px;
	margin: auto;
	font-size: 10px;
	color: #888;
}

/* FOOTER */

.footer-block {
	padding-left: 7%;
}

/* SIDEBAR COLUMN */

.block + .block {
	margin-top: 25px;
	border-top: 1px solid #eee;
	padding-top: 25px;
}
.block .title {
	margin-bottom: 10px;
	cursor: default;
}
.block .listbox {
	display: block;
}

.block-recently-viewed-products
.listbox .list li {
	display: flex;
	column-gap: 10px;
}
.block-recently-viewed-products
.listbox .list li + li {
	margin-top: 5px;
}
.block-recently-viewed-products
.product-picture {
	width: 80px;
	padding: 0 !important;
}
.block-recently-viewed-products
.product-picture img {
	display: block;
}
.block-recently-viewed-products
.product-name {
	width: 72%;
	padding: 10px 0 !important;
}

/* Morjas Style Product Details - Desktop */
.product-header-info {
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
}

.product-header-info .product-name h1 {
	font-size: 20px;
}

.product-header-info .price-reviews-wrapper .prices {
	justify-content: flex-end;
}

/* Morjas Style Size Selector - Desktop */
.attributes .option-list {
	gap: 10px;
}

.attributes .option-list input[type="radio"] + label {
	padding: 12px 20px !important;
	min-width: 60px;
	font-size: 14px !important;
}

.block.filters > .title {
	display: none;
}
.product-filter + .product-filter {
	margin-top: 25px;
	border-top: 1px solid #eee;
	padding-top: 25px;
}

/* CATEGORY PAGE & GRIDS */

.breadcrumb {
	margin: 0 -3px;
	border-bottom: none;
	padding: 26px 0;
	text-align: left;
}

/* Morjas Style Breadcrumb - Desktop */
.morjas-breadcrumb {
	padding: 30px 5% 10px;
	font-size: 15px;
}
.category-page .page-title {
}

/* Morjas Style Category Page - Desktop */

	/* Morjas Style Breadcrumb - Desktop */
	.morjas-breadcrumb {
		padding: 30px 5% 10px;
		font-size: 15px;
	}

	.category-page .page-title {
	}

	/* Morjas Style Category Page - Desktop */
	.morjas-style-category .category-header {
		/* padding: 60px 0; */
		margin-bottom: 80px;
	}

	.morjas-style-category .category-title {
		font-size: 42px;
		margin-bottom: 25px;
	}

	.morjas-style-category .category-description-text {
		font-size: 16px;
		line-height: 1.7;
	}

	.morjas-style-category .product-grid .item-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		grid-gap: 40px 30px;
		max-width: none;
	}
	.morjas-style-category .item-box .picture a {
		width: 100%;
		max-width: 100%;
	}

	/* Featured Products – kategori ile aynı grid (büyük görseller) */
	.featured-product-grid .item-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		grid-gap: 40px 30px;
		max-width: none;
	}

	.featured-product-grid .item-box .picture a {
		width: 100%;
		max-width: 100%;
	}

	/* Anasayfa Özel Ürünler – desktop: 4x25vw (styles.css vw breakpoint’ları geçerli) */
	.home-page-product-grid .item-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		max-width: 100%;
	}
	.home-page-product-grid .item-box .picture a {
		width: 100%;
		max-width: 100%;
		padding-top: 145%;
	}

	.picture-wrapper:hover .sub-category-list {
		display: flex;
	}
.home-page-category-grid .title {
	margin-top: -30px;
}
.home-page-category-grid .category-title {
	margin-bottom: 7px;
	font-size: 17px;
}
.product-selectors:first-child {
	margin-top: -31px;
}
.two-products .product-grid .item-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.extended-gallery .product-data .product-grid,
.product-data .variants ~ .product-grid {
	padding-top: 20px;
}
.product-details-page .item-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cross-sells .item-grid {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.pager { /*pagination*/
	padding: 15px 0;
}

/* PRODUCT PAGE */

.gallery, .overview {
	width: 48.5%;
	padding-top: 0;
}
.standard-gallery .price-reviews-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.standard-gallery .overview .prices {
	align-items: center;
}
.standard-gallery .tier-prices {
	/*order: 3;*/
	width: 100%;
}
.standard-gallery .prices-table {
	display: table; width: 100%;
	border-collapse: collapse;
}
.standard-gallery .prices-row {
	display: table-row;
}
.standard-gallery .prices-cell {
	display: table-cell;
	border: 1px solid #e3e3e3;
	box-shadow: none;
}
.standard-gallery .attributes select,
.standard-gallery .attributes .textbox,
.standard-gallery .attributes textarea {
	width: 465px;
}

.extended-gallery .thumb-item {
	display: block;
	width: auto;
	max-width: none;
	margin: 0;
}

.extended-gallery .product-name {
	margin-bottom: 5px;
	border: none;
	padding: 0 !important;
}
.extended-gallery .product-name h1 {
	font-size: 16px;
}
.extended-gallery .overview .prices {
	margin-bottom: 20px;
}
.extended-gallery .datepicker {
	width: 340px;
}
.overview .giftcard,
.variant-overview .giftcard {
	width: 465px;
}
.customer-entered-price {
	width: 465px;
	margin-bottom: -3px;
}
.customer-entered-price .enter-price-input {
	width: 60px;
}
.variants .customer-entered-price {
	width: 100%;
}
.add-to-cart-panel .qty-wrapper {
	margin-right: 5px;
}
.add-to-cart-panel .add-to-cart-button {
	max-width: none;
}

/* COMPARE PAGE */

.compare-products-clear-list {
    top: 45px;
}

/* TOPICS */

.home-page .topic-block {
	position: relative;
	margin-top: 90px !important;
	padding: 5% 0;
}
.home-page .topic-block:before {
	content: "";
	position: absolute;
	top: 0; bottom: 0;
	left: -1000px;
	right: -1000px;
	background-color: #f3f3f3;
}
.home-page .topic-block .wrapper {
	position: relative;
	background-color: #fff;
	padding: 0 3% 4%;
}
.home-page .topic-block-title {
	padding-top: 10px;
}
.home-page .topic-block-body,
.home-page .topic-block-body p {
	line-height: 28px;
}

.vertical .topic-block .wrapper {
	display: flex;
	align-items: center;
	padding: 0;
}
.vertical .topic-block-title {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	padding: 1% 70px;
}
.vertical .topic-block .title {
	font-size: 60px;
}
.vertical .topic-block-body {
	flex-grow: 1;
	padding-right: 8%;
	text-align: left;
}

/* REGISTRATION & LOGIN */

.login-page .customer-blocks {
	flex-flow: row-reverse;
	column-gap: 20px;
	padding-top: 60px;
}
.login-page .fieldset,
.login-page .new-wrapper {
	margin: 0px 0px;
	padding: 0 50px 40px;
}
.login-page .new-wrapper {
	display: flex;
	flex-flow: column;
}
.login-page .new-wrapper .text {
	flex-grow: 1;
}

/* ACCOUNT PAGES */

.block-account-navigation {
	position: sticky;
	top: 30px;
}
.block-account-navigation .title {
	display: none;
}
.block-account-navigation .active {
	position: relative;
	background-color: #f3f3f3;
}
.block-account-navigation .active:after {
	content: "";
	position: absolute;
	right: -20px;
	top: calc(50% - 10px);
	bottom: calc(50% - 10px);
	border: 10px solid #fff;
	border-left-color: #f3f3f3;
}
.block-account-navigation a {
	border-bottom: 1px solid #eee;
	padding: 18px 10px !important;
}
.account-page .page-title {
	margin: 0 0 30px;
	border: none;
	padding-bottom: 0;
	text-align: center;
}

/* SHOPPING CART */

.order-progress {
	padding: 45px 0;
}
.order-progress:before {
	left: -1000px;
	right: -1000px;
}
.order-progress li {
	max-width: 130px;
}

/* BLOG & NEWS */

.news-list-homepage {
	margin-top: 100px !important;
}
 
}

@media all and (min-width: 1540px) {

	.header-menu > ul > li {
		padding: 0 20px;
	}
}

/* Morjas Related Products - Desktop */
@media all and (min-width: 1260px) {
	.morjas-related-products .item-grid {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 40px 30px;
	}

	.related-products-title h2 {
		font-size: 20px;
	}
}

/* Morjas Lookbook - Desktop */
@media all and (min-width: 1260px) {
	.morjas-lookbook-grid {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 30px;
	}

	.lookbook-title h1 {
		font-size: 36px;
	}

	.lookbook-category-title h2 {
		font-size: 22px;
	}

	.lookbook-categories-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 50px;
	}

	.lookbook-detail-title h3 {
		font-size: 18px;
	}
}

/* Gallery - Desktop */
@media all and (min-width: 1260px) {
	.morjas-gallery-grid {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 30px;
	}

	.gallery-page .page-title h1 {
		font-size: 36px;
	}

	.gallery-category-title h2 {
		font-size: 22px;
	}

	.gallery-categories-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 50px;
	}

	.gallery-item-title h3 {
		font-size: 18px;
	}
}
.catalog-filters-modern {
    width: 100%;
    background: #fff;
    border-top: 1px solid #000;
    margin-bottom: 20px;
}

.catalog-filters-modern .filters-top-bar {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    min-height: 48px;
}

.catalog-filters-modern .filters-dropdowns {
    display: flex;
    flex: 1;
}

.catalog-filters-modern .filter-dropdown {
    position: relative;
}

.catalog-filters-modern .filter-dropdown-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    height: 48px;
    box-sizing: border-box;
    background: #fff;
    border: none;
    border-right: 1px solid #000;
    cursor: pointer;
    font-family: 'Alata', sans-serif;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
}

.catalog-filters-modern .filter-dropdown:last-child .filter-dropdown-btn {
    border-right: none;
}

.catalog-filters-modern .filter-dropdown-btn:hover {
    background: #f5f5f5;
}

.catalog-filters-modern .filter-arrow {
    font-size: 10px;
    margin-left: 5px;
}

.catalog-filters-modern .filter-dropdown-content {
    display: none;
    width: 100%;
    background: #fff;
    border-bottom: none;
    padding: 0;
}

.catalog-filters-modern .filter-dropdown-content.show {
    display: block !important;
}

.catalog-filters-modern .filter-options {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.catalog-filters-modern .filter-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    font-family: 'Alata', sans-serif;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
}

.catalog-filters-modern .filter-option:hover {
    background: #f5f5f5;
    border-color: #000;
}

.catalog-filters-modern .filter-checkbox {
    display: none;
}

.catalog-filters-modern .filter-option input:checked ~ .option-text {
    text-decoration: underline;
    font-weight: 500;
}

.catalog-filters-modern .color-square {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    flex-shrink: 0;
}

.catalog-filters-modern .option-text {
    flex: 1;
}

.catalog-filters-modern .selected-filters-display {
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    margin-left: auto;
}

.catalog-filters-modern .selected-filters-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.catalog-filters-modern .selected-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Alata', sans-serif;
    font-size: 14px;
    color: #000;
    text-decoration: underline;
}

.catalog-filters-modern .filter-tag-remove {
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #666;
}

.catalog-filters-modern .filter-tag-remove:hover {
    color: #000;
}

.catalog-filters-modern .reset-filters-btn,
.catalog-filters-modern button.reset-filters-btn,
.catalog-filters-modern .selected-filters-display .reset-filters-btn {
    padding: 12px 20px;
    background: transparent !important;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    font-family: 'Alata', sans-serif;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}

.catalog-filters-modern .reset-filters-btn:hover,
.catalog-filters-modern button.reset-filters-btn:hover,
.catalog-filters-modern .selected-filters-display .reset-filters-btn:hover {
    background: transparent !important;
    color: #000;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.catalog-filters-modern .reset-filters-btn:focus,
.catalog-filters-modern button.reset-filters-btn:focus,
.catalog-filters-modern .selected-filters-display .reset-filters-btn:focus,
.catalog-filters-modern .reset-filters-btn:active,
.catalog-filters-modern button.reset-filters-btn:active,
.catalog-filters-modern .selected-filters-display .reset-filters-btn:active {
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.catalog-filters-modern .filters-actions {
    display: none;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #000;
}

.catalog-filters-modern .apply-filters-btn {
    padding: 16px 60px;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    font-family: 'Alata', sans-serif;
    font-size: 16px;
    color: #000;
}

.catalog-filters-modern .apply-filters-btn:hover {
    background: #000;
    color: #fff;
}

/* Reset button - NO BORDER - En spesifik ve güçlü override */
.catalog-filters-modern .filters-top-bar .selected-filters-display button.reset-filters-btn,
.catalog-filters-modern .selected-filters-display button.reset-filters-btn,
.catalog-filters-modern button.reset-filters-btn,
.catalog-filters-modern .reset-filters-btn {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.catalog-filters-modern .filters-top-bar .selected-filters-display button.reset-filters-btn:hover,
.catalog-filters-modern .selected-filters-display button.reset-filters-btn:hover,
.catalog-filters-modern button.reset-filters-btn:hover,
.catalog-filters-modern .reset-filters-btn:hover,
.catalog-filters-modern .filters-top-bar .selected-filters-display button.reset-filters-btn:focus,
.catalog-filters-modern .selected-filters-display button.reset-filters-btn:focus,
.catalog-filters-modern button.reset-filters-btn:focus,
.catalog-filters-modern .reset-filters-btn:focus,
.catalog-filters-modern .filters-top-bar .selected-filters-display button.reset-filters-btn:active,
.catalog-filters-modern .selected-filters-display button.reset-filters-btn:active,
.catalog-filters-modern button.reset-filters-btn:active,
.catalog-filters-modern .reset-filters-btn:active {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

@media (max-width: 768px) {
    .catalog-filters-modern .filters-top-bar {
        flex-direction: column;
    }
    
    .catalog-filters-modern .filters-dropdowns {
        width: 100%;
    }
    
    .catalog-filters-modern .filter-dropdown {
        width: 100%;
    }
    
    .catalog-filters-modern .filter-dropdown-btn {
        width: 100%;
    }
    
    .catalog-filters-modern .filter-dropdown-content {
        width: 100%;
    }
    
    .catalog-filters-modern .selected-filters-display {
        width: 100%;
        margin-top: 10px;
    }
}