* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #181818;
    background: #ffffff;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}


/* ================================
   ÜST BANT
================================ */

.top-shipping {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;

    color: #353535;
    background: #fff;
}

.campaign-bar {
    height: 32px;
    background: #141414;
    color: #fff;

    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: center;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.campaign-bar > div {
    padding-left: 12px;
}

.campaign-dot {
    width: 7px;
    height: 7px;

    display: inline-block;

    border-radius: 50%;
    background: #cde94d;

    margin-right: 18px;
}


/* ================================
   HEADER
================================ */

.site-header {
    position: absolute;

    top: 70px;
    left: 0;
    width: 100%;

    z-index: 50;

    color: #fff;

    transition:
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}

.site-header.sticky {
    position: fixed;
    top: 0;

    color: #333;
    background: rgba(255,255,255,.97);

    box-shadow: 0 2px 15px rgba(0,0,0,.05);
}

.header-inner {
    height: 75px;

    position: relative;

    max-width: 1120px;
    margin: 0 auto;

    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    font-weight: 700;
    letter-spacing: 8px;

    font-size: 14px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-box input {
    width: 100px;

    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.55);

    outline: 0;

    background: transparent;

    color: inherit;

    padding: 8px 2px;

    font-size: 9px;
    letter-spacing: 1px;
}

.site-header.sticky .search-box input {
    border-color: #c9c9c9;
}

.search-box input::placeholder {
    color: inherit;
    opacity: .6;
}

.header-icon {
    position: relative;

    width: 42px;
    height: 42px;

    border: 1px solid rgba(255,255,255,.28);
    border-radius: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header.sticky .header-icon {
    border-color: #e4e4e4;
}

.header-icon svg {
    width: 23px;
    height: 23px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}

.cart-count {
    position: absolute;

    top: 2px;
    right: 3px;

    width: 16px;
    height: 16px;

    border-radius: 50%;

    background: #fff;
    color: #222;

    font-size: 9px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header.sticky .cart-count {
    background: #f1f1f1;
}

.main-menu {
    height: 67px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 30px;

    border-bottom: 1px solid rgba(255,255,255,.18);
}

.site-header.sticky .main-menu {
    border-color: #eee;
}

.main-menu a {
    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.4px;

    white-space: nowrap;

    transition: opacity .2s ease;
}

.main-menu a:hover {
    opacity: .55;
}


/* ================================
   HERO
================================ */

.hero {
    position: relative;

    height: 640px;

    overflow: hidden;

    color: #fff;
}

.hero-background {
    position: absolute;
    inset: 0;

    background:
        url("../images/hero.jpg")
        center center / cover
        no-repeat;
}

.hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(43,12,17,.84) 0%,
            rgba(37,16,20,.73) 31%,
            rgba(0,0,0,.08) 58%,
            rgba(0,0,0,.66) 100%
        );
}

.hero-content {
    position: absolute;

    left: 5.7%;
    top: 50%;

    transform: translateY(-27%);

    z-index: 5;
}

.hero-content h1 {
    font-size: clamp(58px, 6.2vw, 103px);

    line-height: .91;

    letter-spacing: -5px;

    font-weight: 700;
}

.hero-content p {
    font-size: 17px;

    margin-top: 24px;

    letter-spacing: .2px;
}

.hero-button {
    display: inline-flex;

    margin-top: 30px;

    height: 44px;

    padding: 0 27px;

    align-items: center;
    justify-content: center;

    border-radius: 40px;

    background: #fff;
    color: #181818;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1.7px;
}

.hero-arrow {
    width: 44px;
    height: 44px;

    position: absolute;

    top: 56%;

    z-index: 8;

    background: rgba(0,0,0,.1);

    color: #fff;

    border: 1px solid rgba(255,255,255,.3);

    font-size: 18px;

    cursor: pointer;
}

.hero-prev {
    left: 5px;
}

.hero-next {
    right: 5px;
}

.hero-dots {
    position: absolute;

    bottom: 4px;
    left: 50%;

    transform: translateX(-50%);

    display: flex;
    gap: 10px;
}

.hero-dots span {
    width: 25px;
    height: 2px;

    background: rgba(255,255,255,.5);
}

.hero-dots span.active {
    background: #d4ef43;
}


/* ================================
   SEASON
================================ */

.season-banner {
    min-height: 49px;

    display: grid;
    grid-template-columns: 1fr 1.5fr;

    align-items: center;

    background: #f5f5f5;

    font-size: 15px;
    font-weight: 700;

    letter-spacing: 2px;

    padding: 0 27px;
}

.season-red {
    color: #dd4e65;
}


/* ================================
   KATEGORİLER
================================ */

.categories {
    padding: 6px 0 80px;
}

.category-grid {
    width: min(1320px, calc(100% - 80px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 7px;
}

.category-card {
    position: relative;

    height: 610px;

    overflow: hidden;
}

.category-card img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .5s ease;
}

.category-card:hover img {
    transform: scale(1.025);
}

.category-shadow {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to bottom,
            transparent 48%,
            rgba(0,0,0,.58) 100%
        );
}

.category-card h3 {
    position: absolute;

    left: 32px;
    bottom: 34px;

    color: #fff;

    font-size: 21px;

    letter-spacing: 2px;
}


/* ================================
   ÜRÜNLER
================================ */

.products-section {
    padding: 10px 0 75px;

    overflow: hidden;
}

.section-heading {
    width: min(1320px, calc(100% - 80px));

    margin: 0 auto 42px;

    display: flex;

    align-items: center;
    justify-content: space-between;
}

.section-heading h2 {
    font-size: 48px;

    letter-spacing: -2px;
}

.product-tabs {
    display: flex;

    gap: 10px;
}

.product-tab {
    height: 37px;

    border: 1px solid #dedede;
    border-radius: 30px;

    background: #fff;

    padding: 0 19px;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1.2px;

    cursor: pointer;
}

.product-tab.active {
    background: #181818;
    color: #fff;

    border-color: #181818;
}

.products-container {
    position: relative;

    width: min(1320px, calc(100% - 80px));

    margin: auto;
}

.products-slider {
    display: flex;

    gap: 25px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;
}

.products-slider::-webkit-scrollbar {
    display: none;
}

.product-card {
    flex: 0 0 330px;
}

.product-image {
    height: 443px;

    position: relative;

    overflow: hidden;

    background: #f2f2f2;
}

.product-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.new-badge {
    position: absolute;

    top: 12px;
    left: 12px;

    background: #fff;

    border-radius: 30px;

    padding: 10px 13px;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1px;
}

.product-card h3 {
    font-size: 14px;

    margin-top: 16px;

    font-weight: 600;
}

.product-price {
    margin-top: 11px;
}

.sale-price {
    color: #e44a60;

    font-size: 14px;
    font-weight: 700;
}

.old-price {
    color: #999;

    margin-left: 12px;

    font-size: 12px;

    text-decoration: line-through;
}

.products-arrow {
    position: absolute;

    top: 180px;

    z-index: 5;

    width: 45px;
    height: 45px;

    border-radius: 50%;

    border: none;

    font-size: 20px;

    cursor: pointer;
}

.products-prev {
    left: -45px;

    background: #d6d6d6;
    color: #fff;
}

.products-next {
    right: -22px;

    background: #181818;
    color: #fff;
}


/* ================================
   AVANTAJLAR
================================ */

.advantages {
    min-height: 350px;

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    align-items: center;

    width: 100%;
}

.advantage {
    min-height: 180px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    justify-content: center;

    border-right: 1px solid #eee;
}

.advantage:last-child {
    border-right: none;
}

.advantage-icon {
    width: 55px;
    height: 55px;

    margin-bottom: 20px;
}

.advantage-icon svg {
    width: 100%;
    height: 100%;

    fill: none;

    stroke: #222;

    stroke-width: 2;
}

.advantage h3 {
    font-size: 19px;

    margin-bottom: 12px;
}

.advantage p {
    color: #666;

    font-size: 16px;

    line-height: 1.45;
}


/* ================================
   FOOTER
================================ */

.site-footer {
    background: #1d1c1c;

    color: #aaa;
}

.footer-container {
    width: min(1320px, calc(100% - 80px));

    min-height: 545px;

    margin: auto;

    display: grid;

    grid-template-columns:
        .85fr
        .85fr
        1fr
        1.6fr;

    gap: 75px;

    padding-top: 105px;
}

.footer-column {
    display: flex;

    flex-direction: column;

    gap: 18px;
}

.footer-column h4 {
    margin-bottom: 12px;

    color: #e4e4e4;

    font-size: 13px;
}

.footer-column a {
    font-size: 14px;
    font-weight: 600;

    transition: color .2s ease;
}

.footer-column a:hover {
    color: #fff;
}

.footer-brand {
    padding-left: 40px;
}

.footer-logo {
    color: #fff;

    font-size: 24px;
    font-weight: 700;

    letter-spacing: 7px;

    margin-bottom: 27px;
}

.footer-brand p {
    max-width: 395px;

    font-size: 14px;

    line-height: 1.85;

    font-weight: 600;
}

.footer-contact {
    margin-top: 25px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .4px;
}

.instagram {
    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid #555;

    border-radius: 50%;

    margin-top: 22px;

    color: #fff;

    font-size: 21px;
}

.footer-bottom {
    width: min(1320px, calc(100% - 80px));

    min-height: 90px;

    margin: auto;

    display: flex;

    align-items: center;

    gap: 25px;

    font-size: 11px;
    font-weight: 600;
}

.footer-bottom-links {
    display: flex;

    gap: 25px;
}

.footer-bottom-links a:first-child {
    color: #fff;
}


/* ================================
   WHATSAPP
================================ */

.whatsapp-button {
    position: fixed;

    left: 15px;
    bottom: 18px;

    z-index: 200;

    width: 58px;
    height: 58px;

    border-radius: 50%;

    background: #24d366;
    color: #111;

    display: flex;

    justify-content: center;
    align-items: center;

    font-size: 28px;

    box-shadow:
        0 4px 17px rgba(0,0,0,.25);

    border: 2px solid rgba(255,255,255,.4);
}


/* ================================
   RESPONSIVE
================================ */

@media (max-width: 1100px) {

    .main-menu {
        gap: 14px;

        overflow-x: auto;

        justify-content: flex-start;

        padding: 0 20px;
    }

    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantages {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-container {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 768px) {

    .campaign-bar {
        grid-template-columns: 1fr;
    }

    .campaign-bar > div:nth-child(2) {
        display: none;
    }

    .header-inner {
        padding: 0 15px;
    }

    .search-box {
        display: none;
    }

    .hero {
        height: 650px;
    }

    .hero-background {
        background-position: 60% center;
    }

    .hero-content {
        left: 25px;
        top: auto;

        bottom: 80px;

        transform: none;
    }

    .hero-content h1 {
        font-size: 52px;
    }

    .season-banner {
        grid-template-columns: 1fr;

        padding: 12px 20px;

        gap: 8px;
    }

    .category-grid {
        width: calc(100% - 20px);

        grid-template-columns: repeat(2, 1fr);
    }

    .category-card {
        height: 380px;
    }

    .section-heading {
        width: calc(100% - 30px);

        align-items: flex-start;

        flex-direction: column;

        gap: 20px;
    }

    .section-heading h2 {
        font-size: 38px;
    }

    .products-container {
        width: calc(100% - 30px);
    }

    .product-card {
        flex-basis: 270px;
    }

    .product-image {
        height: 370px;
    }

    .products-arrow {
        display: none;
    }

    .advantages {
        grid-template-columns: 1fr;
    }

    .advantage {
        border-right: none;

        border-bottom: 1px solid #eee;

        padding: 30px 10px;
    }

    .footer-container {
        width: calc(100% - 40px);

        grid-template-columns: 1fr;

        gap: 40px;

        padding: 60px 0;
    }

    .footer-brand {
        padding-left: 0;
    }

    .footer-bottom {
        width: calc(100% - 40px);

        padding: 25px 0;

        flex-direction: column;

        align-items: flex-start;
    }

}

/* ==========================================
   KATEGORİ SAYFASI HEADER
========================================== */

.category-header {
    position: relative;
    top: 0;

    background: #fff;
    color: #333;
}

.category-header .header-inner {
    height: 64px;
}

.category-header .logo {
    color: #333;
}

.category-header .search-box input {
    border-bottom: 1px solid #d7d7d7;
}

.category-header .header-icon {
    border-color: #e4e4e4;
}

.category-header .main-menu {
    height: 48px;

    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.category-header .cart-count {
    background: #f5f5f5;
}


/* ==========================================
   KATEGORİ SAYFASI
========================================== */

.category-page {
    background: #fff;

    min-height: 900px;
}

.category-container {
    width: min(1280px, calc(100% - 80px));

    margin: 0 auto;

    display: grid;

    grid-template-columns: 200px 1fr;

    gap: 38px;

    padding-top: 18px;
    padding-bottom: 100px;
}


/* ==========================================
   SOL FİLTRE
========================================== */

.category-sidebar {
    padding-right: 20px;

    border-right: 1px solid #e7e7e7;
}

.filter-title,
.filter-heading,
.size-title {
    font-size: 9px;

    color: #777;

    letter-spacing: 1.5px;

    font-weight: 600;
}

.sort-select {
    width: 100%;
    height: 38px;

    margin-top: 10px;
    margin-bottom: 18px;

    padding: 0 12px;

    border: 1px solid #ddd;

    background: #fff;

    color: #666;

    outline: none;

    font-size: 11px;
}

.filter-heading {
    padding-bottom: 13px;

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 30px;
}

.filter-group {
    margin-bottom: 13px;
}

.filter-group label {
    display: block;

    margin-bottom: 8px;

    font-size: 9px;

    color: #666;

    letter-spacing: 1px;
}

.price-input {
    width: 100%;

    height: 34px;

    border: 0;
    border-bottom: 1px solid #d7d7d7;

    outline: 0;

    padding: 0 10px;

    font-size: 11px;
}

.price-input::placeholder {
    color: #b7b7b7;
}


/* CHECKBOX */

.filter-check {
    display: flex;

    align-items: center;

    gap: 8px;

    cursor: pointer;

    font-size: 11px;

    color: #666;

    margin-bottom: 12px;
}

.filter-check input {
    display: none;
}

.filter-check span {
    width: 14px;
    height: 14px;

    border: 1px solid #999;

    border-radius: 2px;

    display: inline-block;

    position: relative;
}

.filter-check input:checked + span {
    background: #a5825f;

    border-color: #a5825f;
}

.filter-check input:checked + span::after {
    content: "✓";

    color: #fff;

    position: absolute;

    left: 2px;
    top: -2px;

    font-size: 11px;
}


.size-title {
    margin-top: 18px;
    margin-bottom: 22px;
}

.sizes {
    display: flex;

    gap: 13px;
}

.sizes .filter-check {
    gap: 6px;
}


.filter-button {
    width: 100%;
    height: 39px;

    margin-top: 10px;

    border: none;

    background: #a5825f;

    color: #fff;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    cursor: pointer;
}


/* ==========================================
   ÜRÜN GRID
========================================== */

.category-products {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 45px 31px;
}

.category-product-card {
    display: block;
}

.category-product-image {
    position: relative;

    width: 100%;
    height: 403px;

    overflow: hidden;

    background: #f2f2f2;
}

.category-product-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.category-product-card:hover img {
    transform: scale(1.015);
}

.category-product-card .new-badge {
    top: 12px;
    left: 12px;

    padding: 9px 13px;

    font-size: 9px;
}

.stock-badge {
    position: absolute;

    top: 12px;
    left: 12px;

    background: #fff6ed;

    color: #a35e3b;

    padding: 8px 13px;

    border-radius: 20px;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .7px;
}

.category-product-card h3 {
    font-size: 12px;

    font-weight: 600;

    margin-top: 15px;

    color: #292929;
}

.category-price {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 12px;
}

.category-sale {
    font-size: 13px;

    color: #333;

    font-weight: 500;
}

.category-old {
    font-size: 11px;

    color: #888;

    text-decoration: line-through;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1100px) {

    .category-container {
        width: calc(100% - 40px);

        grid-template-columns: 180px 1fr;
    }

    .category-products {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .category-container {
        width: calc(100% - 25px);

        display: block;
    }

    .category-sidebar {
        border-right: 0;

        padding-right: 0;

        margin-bottom: 35px;
    }

    .category-products {
        grid-template-columns: repeat(2, 1fr);

        gap: 30px 10px;
    }

    .category-product-image {
        height: 280px;
    }

}

/* ==========================================
   ÜRÜN DETAY
========================================== */

.product-detail-page {
    background: #fff;
}

.product-detail-container {
    width: min(1280px, calc(100% - 80px));
    margin: 0 auto;
    padding: 35px 0 100px;

    display: grid;
    grid-template-columns: 1.35fr .85fr;
    gap: 65px;
}


/* GALERİ */

.product-gallery {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 15px;
}

.product-thumbnails {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-thumb {
    width: 90px;
    height: 115px;

    padding: 0;
    border: 1px solid transparent;

    background: #f5f5f5;
    cursor: pointer;

    overflow: hidden;
}

.product-thumb.active {
    border-color: #222;
}

.product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-main-image {
    height: 720px;

    position: relative;

    overflow: hidden;
    background: #f3f3f3;
}

.product-main-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.product-detail-badge {
    position: absolute;

    top: 18px;
    left: 18px;

    z-index: 2;

    padding: 10px 15px;

    border-radius: 30px;

    background: #fff;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1px;
}


/* SAĞ ALAN */

.product-info {
    padding-top: 5px;
}

.product-breadcrumb {
    margin-bottom: 25px;

    color: #aaa;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1px;
}

.product-info h1 {
    font-size: 32px;

    line-height: 1.2;

    font-weight: 600;

    margin-bottom: 20px;
}

.product-detail-price {
    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 25px;
}

.detail-current-price {
    color: #df4e62;

    font-size: 21px;
    font-weight: 700;
}

.detail-old-price {
    color: #aaa;

    font-size: 14px;

    text-decoration: line-through;
}

.product-description {
    color: #666;

    font-size: 14px;

    line-height: 1.75;

    padding-bottom: 28px;

    border-bottom: 1px solid #eee;
}


/* SEÇENEKLER */

.product-option {
    padding: 24px 0;

    border-bottom: 1px solid #eee;
}

.product-option-title {
    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    margin-bottom: 15px;
}

.product-option-head {
    display: flex;

    justify-content: space-between;

    align-items: center;
}

.size-guide-button {
    border: 0;

    background: transparent;

    text-decoration: underline;

    font-size: 10px;

    cursor: pointer;
}


/* RENK */

.color-options {
    display: flex;
    gap: 10px;
}

.color-option {
    width: 34px;
    height: 34px;

    border-radius: 50%;

    border: 1px solid transparent;

    padding: 4px;

    background: #fff;

    cursor: pointer;
}

.color-option.active {
    border-color: #222;
}

.color-option span {
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    border: 1px solid #ddd;
}


/* BEDEN */

.size-options {
    display: flex;

    gap: 10px;
}

.size-option {
    min-width: 48px;
    height: 42px;

    padding: 0 15px;

    border: 1px solid #d9d9d9;

    background: #fff;

    font-size: 12px;

    cursor: pointer;
}

.size-option.active {
    color: #fff;

    background: #1b1b1b;

    border-color: #1b1b1b;
}


/* ADET */

.quantity-selector {
    width: 135px;
    height: 42px;

    border: 1px solid #ddd;

    display: grid;

    grid-template-columns: 42px 1fr 42px;
}

.quantity-selector button {
    border: 0;

    background: transparent;

    font-size: 18px;

    cursor: pointer;
}

.quantity-selector input {
    width: 100%;

    border: 0;

    text-align: center;

    outline: 0;

    font-size: 13px;
}


/* SEPET BUTONU */

.add-to-cart-button {
    width: 100%;
    height: 58px;

    margin-top: 25px;

    border: 0;

    background: #1c1c1c;

    color: #fff;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 2px;

    cursor: pointer;

    transition: background .2s ease;
}

.add-to-cart-button:hover {
    background: #a5825f;
}


/* ÖZELLİKLER */

.product-detail-features {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 10px;

    margin: 25px 0;
}

.product-detail-features > div {
    padding: 18px 10px;

    background: #f7f7f7;

    text-align: center;
}

.product-detail-features strong {
    display: block;

    font-size: 11px;

    margin-bottom: 7px;
}

.product-detail-features span {
    color: #777;

    font-size: 9px;

    line-height: 1.5;
}


/* ACCORDION */

.product-accordions {
    border-top: 1px solid #eee;
}

.product-accordion {
    border-bottom: 1px solid #eee;
}

.accordion-title {
    width: 100%;

    min-height: 58px;

    border: 0;

    background: transparent;

    display: flex;

    justify-content: space-between;
    align-items: center;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1.2px;

    cursor: pointer;
}

.accordion-title span {
    font-size: 18px;

    font-weight: 400;
}

.accordion-content {
    display: none;

    padding: 0 0 22px;
}

.product-accordion.active .accordion-content {
    display: block;
}

.accordion-content p {
    color: #666;

    font-size: 12px;

    line-height: 1.7;
}


/* PRODUCT PROPERTIES */
.product-properties-accordion .accordion-content {
    padding-bottom: 24px;
}

.product-properties-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-property-row {
    display: grid;
    grid-template-columns: max-content 10px 1fr;
    align-items: baseline;
    color: #333;
    font-size: 12px;
    line-height: 1.55;
}

.product-property-name {
    font-weight: 600;
}

.product-property-separator {
    text-align: center;
    color: #777;
}

.product-property-value {
    color: #555;
}


/* RESPONSIVE */

@media (max-width: 1000px) {

    .product-detail-container {
        grid-template-columns: 1fr;

        gap: 35px;
    }

}

@media (max-width: 700px) {

    .product-detail-container {
        width: calc(100% - 24px);

        padding-top: 15px;
    }

    .product-gallery {
        display: flex;

        flex-direction: column-reverse;
    }

    .product-thumbnails {
        flex-direction: row;

        overflow-x: auto;
    }

    .product-thumb {
        flex: 0 0 75px;

        width: 75px;
        height: 95px;
    }

    .product-main-image {
        height: 520px;
    }

    .product-info h1 {
        font-size: 25px;
    }

    .product-detail-features {
        grid-template-columns: 1fr;
    }

}

/* ==================================================
   SEPET SAYFASI
================================================== */

.cart-page {
    background: #fff;
    color: #292929;
}

.cart-container {
    width: min(1240px, calc(100% - 80px));
    margin: 0 auto;
    padding: 55px 0 110px;
}


/* BAŞLIK */

.cart-page-title {
    display: flex;
    align-items: flex-end;
    gap: 15px;

    margin-bottom: 42px;
}

.cart-page-title h1 {
    margin: 0;

    font-size: 36px;
    font-weight: 500;

    letter-spacing: -1px;
}

.cart-page-title span {
    margin-bottom: 5px;

    color: #999;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.5px;
}


/* ANA YAPI */

.cart-layout {
    display: grid;

    grid-template-columns: minmax(0, 1fr) 370px;

    gap: 75px;

    align-items: start;
}


/* ==================================================
   ÜRÜNLER
================================================== */

.cart-products {
    border-top: 1px solid #e8e8e8;
}

.cart-product {
    display: grid;

    grid-template-columns: 145px minmax(0, 1fr);

    gap: 25px;

    padding: 25px 0;

    border-bottom: 1px solid #e8e8e8;
}


/* ÜRÜN GÖRSELİ */

.cart-product-image {
    display: block;

    width: 145px;
    height: 190px;

    overflow: hidden;

    background: #f3f3f3;
}

.cart-product-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* ÜRÜN İÇERİK */

.cart-product-content {
    min-width: 0;

    display: flex;
    flex-direction: column;

    justify-content: space-between;
}

.cart-product-header {
    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 20px;
}


/* ÜRÜN ADI */

.cart-product-name {
    display: inline-block;

    color: #292929;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.5;

    margin-bottom: 15px;
}


/* VARYANT */

.cart-product-variant {
    display: flex;

    gap: 22px;

    color: #888;

    font-size: 10px;
}

.cart-product-variant strong {
    color: #333;

    font-weight: 500;
}


/* SİL */

.cart-delete {
    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    border: 1px solid #e2e2e2;

    border-radius: 50%;

    background: #fff;

    color: #777;

    font-size: 18px;
    font-weight: 300;

    line-height: 1;

    cursor: pointer;

    transition: .2s ease;
}

.cart-delete:hover {
    border-color: #222;

    color: #222;
}


/* ALT KISIM */

.cart-product-footer {
    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    gap: 20px;
}


/* ADET */

.cart-quantity {
    width: 120px;
    height: 38px;

    display: grid;

    grid-template-columns: 38px 1fr 38px;

    border: 1px solid #ddd;

    background: #fff;
}

.cart-quantity button {
    border: 0;

    background: transparent;

    color: #555;

    font-size: 16px;

    cursor: pointer;
}

.cart-quantity span {
    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 11px;
}


/* FİYAT */

.cart-product-price {
    display: flex;

    align-items: center;

    gap: 12px;
}

.cart-product-price strong {
    font-size: 14px;
    font-weight: 600;
}

.cart-old-price {
    color: #aaa;

    font-size: 10px;

    text-decoration: line-through;
}


/* ALIŞVERİŞE DEVAM */

.cart-continue {
    display: inline-block;

    margin-top: 28px;

    color: #555;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.3px;
}


/* ==================================================
   SİPARİŞ ÖZETİ
================================================== */

.cart-summary {
    padding: 30px;

    border: 1px solid #e6e6e6;

    background: #fafafa;
}

.cart-summary h2 {
    margin: 0 0 25px;

    font-size: 15px;
    font-weight: 600;

    letter-spacing: .5px;
}


/* SATIRLAR */

.cart-summary-line {
    min-height: 43px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 15px;

    border-bottom: 1px solid #e7e7e7;
}

.cart-summary-line span {
    color: #666;

    font-size: 11px;
}

.cart-summary-line strong {
    color: #333;

    font-size: 11px;
    font-weight: 600;
}

.cart-summary-line .free-shipping-text {
    color: #668157;

    font-size: 9px;

    letter-spacing: .8px;
}


/* ÜCRETSİZ KARGO */

.cart-shipping-box {
    display: flex;

    align-items: center;

    gap: 12px;

    margin: 20px 0;

    padding: 14px;

    background: #f1f3ee;
}

.cart-shipping-icon {
    width: 29px;
    height: 29px;

    flex: 0 0 29px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #687d5b;

    color: #fff;

    font-size: 12px;
}

.cart-shipping-box strong {
    display: block;

    margin-bottom: 3px;

    font-size: 10px;
}

.cart-shipping-box p {
    margin: 0;

    color: #777;

    font-size: 9px;

    line-height: 1.5;
}


/* KUPON */

.cart-coupon {
    padding: 20px 0;

    border-top: 1px solid #e7e7e7;

    border-bottom: 1px solid #e7e7e7;
}

.cart-coupon label {
    display: block;

    margin-bottom: 10px;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.2px;
}

.cart-coupon-form {
    height: 40px;

    display: grid;

    grid-template-columns: 1fr 82px;
}

.cart-coupon-form input {
    min-width: 0;

    padding: 0 12px;

    border: 1px solid #ddd;
    border-right: 0;

    background: #fff;

    outline: none;

    font-size: 10px;
}

.cart-coupon-form input::placeholder {
    color: #aaa;
}

.cart-coupon-form button {
    border: 0;

    background: #333;

    color: #fff;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 1px;

    cursor: pointer;
}


/* GENEL TOPLAM */

.cart-grand-total {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 24px 0 20px;
}

.cart-grand-total span {
    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1px;
}

.cart-grand-total strong {
    font-size: 20px;
    font-weight: 600;
}


/* ÖDEME BUTONU */

.cart-checkout-button {
    width: 100%;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #a5825f;

    color: #fff;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.8px;

    transition: .2s ease;
}

.cart-checkout-button:hover {
    background: #8f6e4d;
}


/* GÜVENLİ ÖDEME */

.cart-payment-note {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 14px;

    color: #999;

    font-size: 9px;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 950px) {

    .cart-layout {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .cart-summary {
        max-width: none;
    }

}


/* ==================================================
   MOBİL
================================================== */

@media (max-width: 650px) {

    .cart-container {
        width: calc(100% - 24px);

        padding: 30px 0 70px;
    }

    .cart-page-title {
        margin-bottom: 25px;
    }

    .cart-page-title h1 {
        font-size: 29px;
    }

    .cart-product {
        grid-template-columns: 105px minmax(0, 1fr);

        gap: 14px;

        padding: 18px 0;
    }

    .cart-product-image {
        width: 105px;
        height: 145px;
    }

    .cart-product-name {
        padding-right: 5px;

        font-size: 12px;

        margin-bottom: 10px;
    }

    .cart-product-variant {
        flex-direction: column;

        gap: 4px;

        font-size: 9px;
    }

    .cart-product-footer {
        flex-direction: column;

        align-items: flex-start;

        gap: 12px;
    }

    .cart-product-price {
        gap: 8px;
    }

    .cart-summary {
        padding: 22px 18px;
    }

}
/* storefront forms */
.account-page,.checkout-page{background:#fff;min-height:620px;padding:55px 20px 100px}.account-card{max-width:520px;margin:auto;border:1px solid #e8e8e8;padding:38px;background:#fff}.account-card.wide{max-width:900px}.account-card h1,.checkout-form h1{font-size:28px;font-weight:500;margin:0 0 28px}.account-card label{display:block;font-size:9px;font-weight:700;letter-spacing:1px;margin:16px 0 8px}.account-input,.checkout-grid input,.checkout-grid textarea{width:100%;border:1px solid #ddd;padding:13px;background:#fff;outline:0}.account-button{width:100%;border:0;background:#a5825f;color:#fff;padding:16px;margin-top:22px;font-size:10px;font-weight:700;letter-spacing:1.5px;cursor:pointer}.account-button.inline{display:flex;justify-content:center}.form-error{padding:12px;background:#fff2f2;color:#9d3131;font-size:12px;margin-bottom:15px}.account-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.account-links a{border:1px solid #ddd;padding:12px 18px}.order-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:15px;padding:18px 0;border-bottom:1px solid #eee;font-size:12px}.checkout-container{max-width:1200px;margin:auto}.checkout-form{display:grid;grid-template-columns:1fr 370px;gap:60px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-grid textarea{grid-column:1/-1;min-height:110px}.checkout-form h3{font-size:11px;letter-spacing:1px;margin:28px 0 12px}.checkout-choice{display:block;border:1px solid #e5e5e5;padding:14px;margin-bottom:8px;font-size:12px}.empty-state{max-width:520px;padding:55px 0}.empty-state .cart-checkout-button{max-width:280px;margin-top:25px}.category-products{align-content:start}@media(max-width:800px){.checkout-form{grid-template-columns:1fr}.checkout-grid{grid-template-columns:1fr}.order-row{grid-template-columns:1fr 1fr}}

/* ==========================================
   ANA SAYFA KAYAN DUYURU BANTLARI
========================================== */
.marquee {
    overflow: hidden;
    position: relative;
}

.marquee-track {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: 200%;
    will-change: transform;
    animation: vitrinMarquee 28s linear infinite;
}

@keyframes vitrinMarquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

.campaign-bar {
    display: block;
    padding: 0;
    overflow: hidden;
}

.campaign-marquee-track {
    height: 32px;
}

.campaign-marquee-item {
    height: 32px;
    min-width: 50vw;
    padding: 0 38px 0 12px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.campaign-marquee-item .campaign-dot {
    flex: 0 0 auto;
}

.season-banner {
    display: block;
    padding: 0;
    min-height: 49px;
    overflow: hidden;
}

.season-marquee-track {
    min-height: 49px;
}

.season-marquee-item {
    min-width: 50vw;
    min-height: 49px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .campaign-marquee-item,
    .season-marquee-item {
        min-width: 85vw;
    }

    .marquee-track {
        animation-duration: 22s;
    }
}


/* ==========================================
   ADMIN BANNERLARINDAN BESLENEN ANA SAYFA HERO
========================================== */
.hero-slides,
.hero-slide,
.hero-media {
    position: absolute;
    inset: 0;
}

.hero-slide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .65s ease, visibility .65s ease;
}

.hero-slide.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
}

.hero-media {
    display: block;
    overflow: hidden;
}

.hero-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.hero-slide .hero-overlay {
    z-index: 2;
}

.hero-slide .hero-content {
    z-index: 3;
}

.hero-eyebrow {
    display: block;
    margin-bottom: 15px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.hero-dots {
    z-index: 12;
    bottom: 12px;
}

.hero-dots .hero-dot {
    width: 25px;
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(255,255,255,.5);
    cursor: pointer;
}

.hero-dots .hero-dot.active {
    background: #d4ef43;
}

.hero-fallback {
    position: absolute;
    inset: 0;
}

@media (max-width: 700px) {
    .hero-media img {
        object-position: center center;
    }

    .hero-eyebrow {
        font-size: 9px;
        margin-bottom: 10px;
    }
}


/* CONTENT PAGE / ADMIN SAYFALAR FRONTEND */
.content-page{background:#fff;min-height:620px;padding:48px 20px 100px}.content-page-container{width:min(1100px,100%);margin:0 auto}.content-page-header{padding-bottom:24px;border-bottom:1px solid #ececec}.content-page-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:18px;color:#999;font-size:10px;letter-spacing:.5px}.content-page-breadcrumb a{color:#777}.content-page-header h1{margin:0;font-size:38px;font-weight:500;letter-spacing:-1px}.content-page-cover{margin:28px 0 0;max-height:500px;overflow:hidden;background:#f5f5f5}.content-page-cover img{display:block;width:100%;max-height:500px;object-fit:cover}.content-page-card{padding:36px 0;color:#444;font-size:14px;line-height:1.85}.content-page-card h1,.content-page-card h2,.content-page-card h3{color:#222;line-height:1.3;margin:30px 0 14px}.content-page-card h1{font-size:30px}.content-page-card h2{font-size:24px}.content-page-card h3{font-size:19px}.content-page-card p{margin:0 0 18px}.content-page-card ul,.content-page-card ol{padding-left:22px;margin:0 0 18px}.content-page-card a{text-decoration:underline}.content-page-card img{max-width:100%;height:auto}.content-page-not-found{max-width:650px}.content-page-not-found a{display:inline-flex;margin-top:15px;padding:13px 20px;background:#1c1c1c;color:#fff;text-decoration:none;font-size:10px;letter-spacing:1px}.footer-empty{color:#777;font-size:11px}@media(max-width:700px){.content-page{padding:30px 14px 70px}.content-page-header h1{font-size:30px}.content-page-card{padding-top:25px}}

/* Genel Ayarlar -> Tema entegrasyonu */
.site-logo-image {
    display: block;
    max-width: 190px;
    max-height: 58px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.logo a { display:flex; align-items:center; justify-content:center; }
.footer-logo-image {
    display:block;
    max-width:220px;
    max-height:72px;
    width:auto;
    height:auto;
    object-fit:contain;
}
.footer-contact {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    line-height:1.55;
}
.footer-contact a:hover { color:#fff; }
.footer-socials {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:20px;
}
.footer-socials a {
    width:34px;
    height:34px;
    border:1px solid #555;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:12px;
    font-weight:700;
    transition:.2s ease;
}
.footer-socials a:hover { border-color:#fff; }
@media (max-width:768px){
    .site-logo-image{max-width:145px;max-height:48px;}
    .footer-logo-image{max-width:180px;max-height:60px;}
}

/* Admin entegrasyonlarıyla tamamlanan mağaza bileşenleri */
.filter-list{display:flex;flex-direction:column;gap:2px;margin-bottom:18px}.filter-reset{display:block;margin-top:12px;text-align:center;font-size:9px;letter-spacing:1px;text-decoration:underline;color:#777}.product-brand{margin-top:12px;margin-bottom:-7px;color:#999;font-size:9px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase}.detail-brand{margin:0 0 10px}.customer-group-note{margin:18px 0;padding:13px 15px;background:#f6f4ef;color:#6d5a45;font-size:11px;line-height:1.55}.customer-group-note strong{color:#3c332a}.discount-line strong{color:#71885e}.discount-line small{display:block;margin-top:3px;color:#999;font-size:8px;font-weight:400}.coupon-message{min-height:16px;margin-top:8px;color:#8b6247;font-size:10px}.coupon-remove{margin-top:4px;padding:0;border:0;background:none;color:#888;font-size:9px;text-decoration:underline;cursor:pointer}.checkout-choice{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:14px 0!important}.checkout-choice>span{display:flex;flex:1;justify-content:space-between;gap:18px}.checkout-choice small{color:#888;font-size:10px;line-height:1.5;font-weight:400}.payment-choice>span{flex-direction:column;gap:4px}.payment-extra{display:flex;flex-direction:column;gap:5px;margin:-5px 0 15px 25px;padding:14px;background:#f7f7f7;font-size:10px}.payment-extra code{font-size:11px;letter-spacing:.5px}.cod-options{margin:10px 0 22px;padding:15px;background:#f7f7f7;font-size:11px}.cod-options strong{display:block;margin-bottom:9px}.cod-options label{margin-right:15px}.cod-options small{display:block;margin-top:9px;color:#777}.account-button:disabled{opacity:.45;cursor:not-allowed}

/* ==================================================
   SAĞDAN AÇILAN MİNİ SEPET
================================================== */
body.mini-cart-open{overflow:hidden}
.mini-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.mini-cart-drawer{position:fixed;top:0;right:0;width:min(470px,100%);height:100%;background:#fff;z-index:9999;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-10px 0 35px rgba(0,0,0,.08)}
body.mini-cart-open .mini-cart-overlay{opacity:1;visibility:visible}
body.mini-cart-open .mini-cart-drawer{transform:translateX(0)}
.mini-cart-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px 28px 22px;border-bottom:1px solid #e8e8e8}
.mini-cart-head span{display:block;color:#df4957;font-size:10px;font-weight:700;letter-spacing:1.4px;margin-bottom:8px}
.mini-cart-head h2{font-size:18px;margin:0;font-weight:600}
.mini-cart-close{border:1px solid #e6e6e6;background:#fff;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.mini-cart-body{display:flex;flex-direction:column;min-height:0;height:100%;overflow:auto;padding:0 28px 28px}
.mini-cart-loading,.mini-cart-empty{padding:35px 0;color:#777;font-size:13px}
.mini-cart-item{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid #ececec}
.mini-cart-image{display:block;width:66px;height:88px;background:#f3f3f3;overflow:hidden}.mini-cart-image img{width:100%;height:100%;object-fit:cover;display:block}
.mini-cart-item-info{min-width:0}.mini-cart-name{display:block;color:#222;font-size:12px;font-weight:600;line-height:1.45;text-decoration:none}.mini-cart-item-info small{display:block;color:#888;font-size:11px;margin-top:7px}.mini-cart-remove{align-self:center;border:0;background:transparent;color:#d44b57;font-size:9px;font-weight:700;letter-spacing:.8px;cursor:pointer;padding:8px 0 8px 8px}
.mini-cart-bottom{margin-top:auto;padding-top:28px}.mini-cart-coupon{padding-top:18px;border-top:1px solid #e8e8e8}.mini-cart-coupon label{display:block;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#777;margin-bottom:9px}.mini-cart-coupon>div{display:grid;grid-template-columns:1fr 82px}.mini-cart-coupon input{border:1px solid #ddd;padding:12px;font-size:12px;min-width:0}.mini-cart-coupon button{border:0;background:#171717;color:#fff;font-size:9px;font-weight:700;letter-spacing:.6px;cursor:pointer}.mini-cart-coupon p{min-height:18px;margin:6px 0 0;color:#b13f48;font-size:10px}
.mini-cart-totals{padding:16px 0}.mini-cart-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:12px}.mini-cart-totals span{color:#777}.mini-cart-totals strong{font-weight:600}.mini-cart-totals .mini-cart-total{border-top:1px solid #e8e8e8;margin-top:8px;padding-top:14px;font-size:14px}.mini-cart-go,.mini-cart-continue{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:1.6px;box-sizing:border-box}.mini-cart-go{background:#171717;color:#fff}.mini-cart-continue{margin-top:10px;border:1px solid #ccc;background:#fff;color:#222;cursor:pointer}
@media(max-width:560px){.mini-cart-head{padding:22px 18px 18px}.mini-cart-body{padding:0 18px 20px}.mini-cart-item{grid-template-columns:58px minmax(0,1fr);gap:12px}.mini-cart-image{width:58px;height:78px}.mini-cart-remove{grid-column:2;justify-self:start;padding:0}.mini-cart-drawer{width:100%}}

/* ==================================================
   ÖDEME BAŞLANGIÇ EKRANI
================================================== */
.checkout-gateway-page{background:#fff;min-height:620px;padding:48px 20px 110px}.checkout-gateway-container{max-width:1120px;margin:0 auto}.checkout-gateway-container>h1{text-align:center;font-size:28px;font-weight:500;letter-spacing:1px;margin:0 0 12px}.checkout-gateway-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.checkout-gateway-card,.checkout-gateway-summary{border:1px solid #e5e0db;border-radius:16px;background:#fff}.checkout-gateway-card{padding:28px 24px;text-align:center}.gateway-kicker{text-align:left;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8a8178}.gateway-lead{color:#777;font-size:12px;line-height:1.7;max-width:640px;margin:16px auto 22px}.gateway-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gateway-primary,.gateway-secondary{min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:1.3px;box-sizing:border-box}.gateway-primary{background:#ad8964;color:#fff;border:1px solid #ad8964}.gateway-secondary{background:#fff;color:#333;border:1px solid #cfcfcf}.gateway-full{width:100%}.gateway-divider{height:1px;background:#eee;margin:18px 0}.gateway-note{font-size:11px;color:#888;margin:12px 0 0}.checkout-gateway-summary{overflow:hidden}.gateway-summary-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:20px;border-bottom:1px solid #e8e4df}.gateway-summary-head small{font-size:9px;color:#999;letter-spacing:1.2px}.gateway-summary-head h2{font-size:18px;margin:5px 0 0}.gateway-summary-head>span{font-size:10px;color:#777}.gateway-summary-items{padding:0 20px}.gateway-summary-item{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #eee}.gateway-summary-item img{width:62px;height:80px;object-fit:cover;border-radius:9px;background:#f2f2f2}.gateway-summary-item div{display:flex;flex-direction:column;min-width:0}.gateway-summary-item strong{font-size:11px;line-height:1.4}.gateway-summary-item small{font-size:10px;color:#888;margin:5px 0}.gateway-summary-item b{font-size:11px;margin-top:auto}.gateway-summary-totals{padding:14px 20px}.gateway-summary-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:11px}.gateway-summary-totals span{color:#777}.gateway-summary-totals .gateway-total{border-top:1px solid #e8e4df;margin-top:7px;padding-top:14px;font-size:14px}.gateway-edit-cart{margin:0 20px 18px;min-height:40px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#333;font-size:10px;font-weight:600}
@media(max-width:850px){.checkout-gateway-layout{grid-template-columns:1fr}.checkout-gateway-container>h1{text-align:left}.checkout-gateway-summary{order:-1}}@media(max-width:520px){.checkout-gateway-page{padding:28px 12px 70px}.checkout-gateway-card{padding:22px 16px}.gateway-actions{grid-template-columns:1fr}.checkout-gateway-card,.checkout-gateway-summary{border-radius:10px}}

/* Checkout refresh */
.checkout-page{background:#faf9f7;padding:48px 20px 90px;min-height:700px}
.checkout-page .checkout-container{max-width:1180px;margin:0 auto}
.checkout-page .checkout-form{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.checkout-page .checkout-main{min-width:0}
.checkout-title{margin-bottom:22px}
.checkout-title>span,.checkout-summary-head>span{display:block;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#a5825f;margin-bottom:8px}
.checkout-title h1{font-size:30px!important;line-height:1.1;margin:0 0 9px!important;font-weight:500!important;letter-spacing:-.4px}
.checkout-title p{margin:0;color:#7b7772;font-size:12px;line-height:1.65}
.checkout-block{background:#fff;border:1px solid #e7e2dc;border-radius:14px;padding:24px;margin-bottom:16px}
.checkout-block-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #eeeae5}
.checkout-block-head>span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#f2ece5;color:#8e6e4e;font-size:9px;font-weight:700}
.checkout-block-head h2{margin:1px 0 4px;font-size:15px;font-weight:600}
.checkout-block-head p{margin:0;color:#8d8984;font-size:10px;line-height:1.5}
.checkout-page .checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkout-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.checkout-field>span{font-size:9px;font-weight:700;letter-spacing:.7px;color:#4a4743}
.checkout-page .checkout-grid input,.checkout-page .checkout-grid select,.checkout-page .checkout-grid textarea{width:100%;min-height:46px;border:1px solid #dedad5;border-radius:7px;background:#fff;padding:0 13px;font:inherit;font-size:12px;color:#222;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}
.checkout-page .checkout-grid select{appearance:auto;cursor:pointer}
.checkout-page .checkout-grid textarea{min-height:105px;padding:13px;resize:vertical;line-height:1.55}
.checkout-page .checkout-grid input:focus,.checkout-page .checkout-grid select:focus,.checkout-page .checkout-grid textarea:focus{border-color:#a5825f;box-shadow:0 0 0 3px rgba(165,130,95,.10)}
.checkout-page .checkout-grid select:disabled{background:#f6f5f3;color:#aaa;cursor:not-allowed}
.checkout-field-full{grid-column:1/-1}
.checkout-options{display:flex;flex-direction:column;gap:8px}
.checkout-page .checkout-choice{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:14px 15px!important;border:1px solid #e4e0db!important;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.checkout-page .checkout-choice:hover{border-color:#cbb8a4!important;background:#fdfbf9}
.checkout-page .checkout-choice input{margin:1px 0 0;accent-color:#a5825f}
.checkout-page .checkout-choice>span{display:flex;flex:1;justify-content:space-between;align-items:center;gap:20px}
.checkout-page .checkout-choice strong{font-size:11px}
.checkout-page .checkout-choice small{font-size:10px;color:#86817c}
.checkout-page .payment-choice>span{align-items:flex-start}
.checkout-page .payment-extra,.checkout-page .cod-options{border-radius:8px;margin:0;padding:14px 16px;background:#f7f5f2}
.checkout-submit{min-height:50px;border-radius:8px;margin-top:16px!important;background:#a5825f!important;transition:background .18s ease,transform .18s ease}
.checkout-submit:hover:not(:disabled){background:#8f6e4f!important;transform:translateY(-1px)}
.checkout-summary{position:sticky;top:115px;background:#fff!important;border:1px solid #e7e2dc!important;border-radius:14px!important;padding:0!important;overflow:hidden;box-shadow:0 12px 35px rgba(44,35,28,.05)}
.checkout-summary-head{padding:22px 22px 17px;border-bottom:1px solid #eeeae5}
.checkout-summary-head h2{font-size:17px!important;margin:0!important;font-weight:600!important}
.checkout-summary .cart-summary-line{padding:13px 22px!important;margin:0!important;border-bottom:1px solid #f0ede9;font-size:11px!important}
.checkout-summary .cart-grand-total{padding:18px 22px!important;margin:0!important;border-top:0!important;background:#fbfaf8}
.checkout-summary .cart-grand-total span{font-size:10px;letter-spacing:.8px;font-weight:700}
.checkout-summary .cart-grand-total strong{font-size:20px!important}
.checkout-page .form-error{border-radius:8px;border:1px solid #f0caca}
@media(max-width:900px){.checkout-page .checkout-form{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}.checkout-page{padding-top:28px}.checkout-summary .cart-summary-line{padding-left:18px!important;padding-right:18px!important}}
@media(max-width:620px){.checkout-page{padding:22px 12px 65px}.checkout-page .checkout-grid{grid-template-columns:1fr}.checkout-field-full{grid-column:auto}.checkout-block{padding:18px 15px;border-radius:10px}.checkout-title h1{font-size:25px!important}.checkout-block-head{gap:10px}.checkout-page .checkout-choice>span{gap:10px}}

/* Checkout v4 - reference inspired layout */
.checkout-page-gaus{background:linear-gradient(90deg,#fff 0,#fff 50%,#f7f7f7 50%,#f7f7f7 100%);padding:34px 20px 90px;min-height:760px}
.checkout-page-gaus .checkout-container{max-width:1040px;margin:0 auto}
.checkout-page-gaus .checkout-form{display:grid;grid-template-columns:minmax(0,520px) minmax(0,390px);gap:36px;align-items:start}
.checkout-page-gaus .checkout-main{min-width:0}
.checkout-topbar{display:flex;align-items:center;justify-content:space-between;min-height:54px;margin-bottom:16px;padding:0 4px;color:#111;font-size:12px}
.checkout-topbar strong{font-size:17px;letter-spacing:5px;font-weight:600}
.checkout-back{color:#222;text-decoration:none;font-size:11px}
.checkout-page-gaus .checkout-block{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:0;margin:0 0 14px;overflow:hidden}
.checkout-page-gaus .checkout-block-head{display:flex;align-items:center;margin:0;padding:17px 16px;border-bottom:1px solid #ececec}
.checkout-page-gaus .checkout-block-head h2{font-size:14px;font-weight:700;margin:0;color:#111}
.checkout-page-gaus .checkout-block-head>span,.checkout-page-gaus .checkout-block-head p{display:none}
.checkout-quick{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px 12px;background:#fcfcfc}
.checkout-quick>div{display:flex;flex-direction:column;gap:4px}
.checkout-quick strong{font-size:11px;font-weight:600}
.checkout-quick small{font-size:9px;color:#8a8a8a}
.checkout-quick a{font-size:10px;color:#496de8;text-decoration:none;white-space:nowrap}
.checkout-page-gaus .checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px 18px}
.checkout-page-gaus .checkout-field{gap:5px}
.checkout-page-gaus .checkout-field>span{font-size:9px;font-weight:600;color:#333;letter-spacing:0}
.checkout-page-gaus .checkout-grid input,.checkout-page-gaus .checkout-grid select,.checkout-page-gaus .checkout-grid textarea{min-height:44px;border:1px solid #dedede;border-radius:8px;background:#fff;padding:0 12px;font-size:11px;box-shadow:none}
.checkout-page-gaus .checkout-grid textarea{min-height:72px;padding:12px;resize:vertical}
.checkout-page-gaus .checkout-grid input:focus,.checkout-page-gaus .checkout-grid select:focus,.checkout-page-gaus .checkout-grid textarea:focus{border-color:#999;box-shadow:0 0 0 2px rgba(0,0,0,.04)}
.checkout-page-gaus .checkout-field-full{grid-column:1/-1}
.checkout-subtitle{font-size:11px;font-weight:700;margin:5px 0 0;padding-top:3px}
.checkout-phone-wrap{display:flex;align-items:center;min-height:44px;border:1px solid #dedede;border-radius:8px;background:#fff;overflow:hidden}
.checkout-phone-wrap>span{padding-left:11px;font-size:14px}
.checkout-phone-wrap>b{padding:0 10px 0 8px;font-size:11px;font-weight:600}
.checkout-page-gaus .checkout-grid .checkout-phone-wrap input{border:0!important;border-radius:0;min-height:42px;padding-left:0;box-shadow:none!important}
.checkout-phone-visual{color:transparent!important;text-shadow:0 0 0 #222}
.checkout-page-gaus .checkout-simple-block .checkout-block-head{padding:16px}
.checkout-page-gaus .checkout-options{gap:0;padding:0}
.checkout-page-gaus .checkout-choice{border:0!important;border-bottom:1px solid #ececec!important;border-radius:0!important;margin:0!important;padding:14px 16px!important;background:#fff!important;min-height:54px}
.checkout-page-gaus .checkout-choice:last-of-type{border-bottom:0!important}
.checkout-page-gaus .checkout-choice:hover{background:#fafafa!important;border-color:#ececec!important}
.checkout-page-gaus .checkout-choice input{accent-color:#111}
.checkout-page-gaus .checkout-choice strong{font-size:11px;font-weight:600}
.checkout-page-gaus .checkout-choice small{font-size:9px;color:#858585}
.checkout-page-gaus .payment-extra,.checkout-page-gaus .cod-options{margin:0!important;border-radius:0!important;border-top:1px solid #eee;background:#fafafa!important}
.checkout-page-gaus .checkout-submit{display:block;width:calc(100% - 32px);min-height:46px;margin:16px!important;border:0;border-radius:6px;background:#111;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.2px;cursor:pointer}
.checkout-page-gaus .checkout-submit:hover:not(:disabled){background:#2a2a2a;transform:none}
.checkout-page-gaus .checkout-submit:disabled{opacity:.45;cursor:not-allowed}
.checkout-summary-panel{position:sticky;top:105px;display:flex;flex-direction:column;gap:12px;padding-top:70px}
.checkout-summary-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}
.checkout-summary-card .checkout-summary-head{padding:15px 16px;border-bottom:1px solid #ececec}
.checkout-summary-card .checkout-summary-head h2{margin:0;font-size:13px;font-weight:700}
.checkout-summary-products{padding:0 16px}
.checkout-summary-product{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #efefef}
.checkout-summary-product:last-child{border-bottom:0}
.checkout-summary-product img{width:58px;height:72px;object-fit:cover;border-radius:6px;background:#f2f2f2}
.checkout-summary-product>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.checkout-summary-product strong{font-size:10px;line-height:1.45;font-weight:600}
.checkout-summary-product small{font-size:9px;color:#888}
.checkout-summary-product b{font-size:10px;white-space:nowrap}
.checkout-total-card .cart-summary-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px!important;margin:0!important;border-bottom:1px solid #ececec;font-size:10px!important}
.checkout-total-card .cart-grand-total{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px!important;margin:0!important;background:#fff;border:0!important}
.checkout-total-card .cart-grand-total span{font-size:11px;font-weight:700}
.checkout-total-card .cart-grand-total strong{font-size:17px!important}
.checkout-page-gaus .form-error{margin:0 0 14px;border-radius:8px}
@media(max-width:900px){.checkout-page-gaus{background:#fff}.checkout-page-gaus .checkout-form{grid-template-columns:1fr;max-width:620px;margin:auto}.checkout-summary-panel{position:static;padding-top:0;order:-1}.checkout-topbar{margin-bottom:4px}}
@media(max-width:560px){.checkout-page-gaus{padding:18px 10px 60px}.checkout-page-gaus .checkout-grid{grid-template-columns:1fr;padding-left:12px;padding-right:12px}.checkout-page-gaus .checkout-field-full{grid-column:auto}.checkout-topbar strong{font-size:14px;letter-spacing:3px}.checkout-summary-product{grid-template-columns:52px minmax(0,1fr) auto}.checkout-summary-product img{width:52px;height:66px}}

/* Checkout V5 fixes */
.checkout-page-gaus .checkout-phone-wrap>span{
  width:42px;padding:0;text-align:center;border-right:1px solid #eee;font-size:11px;font-weight:600;
}
.checkout-page-gaus .checkout-phone-wrap>span::before{content:"TR";font-size:11px}
.checkout-page-gaus .checkout-phone-wrap>span{font-size:0}
.checkout-page-gaus .checkout-phone-wrap>b{
  flex:0 0 auto;padding:0 12px;font-size:12px;font-weight:700;color:#111;
}
.checkout-page-gaus .checkout-grid .checkout-phone-wrap input{
  flex:1;min-width:0;color:#222!important;text-shadow:none!important;padding:0 12px!important;
}
.checkout-page-gaus .checkout-phone-visual{color:#222!important;text-shadow:none!important}
.checkout-page-gaus .checkout-submit{
  background:#111!important;color:#fff!important;border-radius:4px!important;
}
.checkout-page-gaus .checkout-submit:hover:not(:disabled){background:#2a2a2a!important}

/* Kargo takip */
.tracking-page{padding:70px 20px 110px;background:#fafafa;min-height:650px}.tracking-shell{max-width:1120px;margin:auto}.tracking-intro{max-width:620px;margin-bottom:30px}.tracking-intro>span{font-size:10px;letter-spacing:2px;font-weight:700}.tracking-intro h1{font-size:36px;margin:8px 0 10px;font-weight:500}.tracking-intro p{color:#777;line-height:1.7}.tracking-search{display:grid;grid-template-columns:1fr 1fr 160px;gap:12px;background:#fff;border:1px solid #e5e5e5;padding:18px;border-radius:8px}.tracking-search label span{display:block;font-size:10px;font-weight:700;margin-bottom:7px}.tracking-search input{width:100%;height:46px;border:1px solid #ddd;padding:0 13px;font-size:13px}.tracking-search button{align-self:end;height:46px;border:0;background:#111;color:#fff;font-size:10px;font-weight:700;letter-spacing:1.2px;cursor:pointer}.tracking-alert{margin-top:16px;padding:14px 16px;border:1px solid #ead0d0;background:#fff7f7;font-size:13px}.tracking-result{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:24px;margin-top:26px}.tracking-main-card,.tracking-order-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px}.tracking-main-card{padding:24px}.tracking-card-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.tracking-card-head small{font-size:9px;color:#999;letter-spacing:1.5px}.tracking-card-head h2{margin:4px 0 0;font-size:20px}.tracking-status{font-size:10px;font-weight:700;border:1px solid #ddd;border-radius:20px;padding:9px 13px}.tracking-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 30px;position:relative}.tracking-progress:before{content:"";position:absolute;left:8%;right:8%;top:7px;height:1px;background:#ddd}.tracking-step{position:relative;text-align:center;color:#aaa;font-size:10px}.tracking-step i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid #ccc;margin:0 auto 10px;position:relative;z-index:1}.tracking-step.active{color:#111}.tracking-step.active i{background:#111;border-color:#111}.tracking-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee;border-bottom:1px solid #eee}.tracking-meta div{padding:18px 10px}.tracking-meta span{display:block;font-size:9px;color:#999;margin-bottom:7px}.tracking-meta strong{font-size:12px}.tracking-external{display:block;margin-top:18px;background:#111;color:#fff;text-align:center;padding:14px;font-size:10px;font-weight:700;letter-spacing:1px}.tracking-timeline{margin-top:28px}.tracking-timeline h3,.tracking-order-card h3{font-size:13px;margin:0 0 18px}.tracking-event{display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:20px;position:relative}.tracking-event:before{content:"";position:absolute;left:5px;top:11px;bottom:0;width:1px;background:#e4e4e4}.tracking-event:last-child:before{display:none}.tracking-event>i{width:11px;height:11px;border-radius:50%;background:#111;margin-top:4px}.tracking-event strong{font-size:12px}.tracking-event p{font-size:11px;color:#777;margin:5px 0}.tracking-event small{font-size:9px;color:#aaa}.tracking-order-card{padding:20px;height:max-content}.tracking-item{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #eee}.tracking-item img{width:58px;height:72px;object-fit:cover;background:#f2f2f2}.tracking-item strong,.tracking-item small,.tracking-item span{display:block}.tracking-item strong{font-size:11px}.tracking-item small{font-size:9px;color:#888;margin:5px 0}.tracking-item span{font-size:10px}.tracking-total{display:flex;justify-content:space-between;padding-top:18px;font-size:13px}.tracking-total strong{font-size:16px}@media(max-width:800px){.tracking-page{padding:40px 14px 70px}.tracking-intro h1{font-size:28px}.tracking-search{grid-template-columns:1fr}.tracking-result{grid-template-columns:1fr}.tracking-meta{grid-template-columns:1fr}.tracking-meta div{border-bottom:1px solid #eee}.tracking-progress b{font-size:8px}.tracking-main-card{padding:18px}}

/* Navbar Kargo Takip - spacing only */
.main-menu .menu-kargo-takip{
  margin-left:28px;
  padding-left:28px;
  border-left:1px solid rgba(255,255,255,.28);
  white-space:nowrap;
}
.site-header.sticky .main-menu .menu-kargo-takip,
.category-header .main-menu .menu-kargo-takip{
  border-left-color:#ddd;
}
@media (max-width:900px){
  .main-menu .menu-kargo-takip{
    margin-left:12px;
    padding-left:12px;
  }
}


/* V13 - compact desktop header/navbar */
@media (min-width:901px){
  .site-header .header-inner{
    height:58px;
  }
  .site-header .main-menu{
    height:42px;
    gap:26px;
  }
  .site-header .main-menu a{
    font-size:11px;
    letter-spacing:1.25px;
  }
  .site-header .menu-kargo-takip{
    margin-left:18px;
    padding-left:18px;
  }
  .site-header .logo .site-logo-image{
    max-height:30px;
  }
}

/* V14 - TideSoft footer signature */
.footer-bottom-signature{
  min-height:108px;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:32px;
  color:#8f8f8f;
}
.footer-bottom-left{
  justify-self:start;
}
.footer-bottom-right{
  justify-self:end;
  text-align:right;
}
.footer-powered{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:13px;
  padding:9px 15px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  white-space:nowrap;
}
.footer-powered-label{
  font-size:8px;
  font-weight:700;
  letter-spacing:1.6px;
  color:#747474;
}
.footer-powered-brand{
  font-size:17px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.4px;
  color:#fff;
}
.footer-powered-brand span{
  font-weight:400;
  color:#bdbdbd;
}
@media (hover:hover) and (pointer:fine){
  .footer-powered{
    transition:border-color .2s ease,background .2s ease;
  }
  .footer-powered:hover{
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.045);
  }
}
@media (max-width:768px){
  .footer-bottom-signature{
    display:flex;
    min-height:auto;
    padding:28px 0;
    gap:18px;
    align-items:flex-start;
  }
  .footer-powered{
    order:-1;
    justify-self:auto;
  }
  .footer-bottom-right{
    text-align:left;
  }
}

/* V15 - refined TideSoft signature */
.footer-powered{
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  text-decoration:none;
}
.footer-powered-label{
  font-size:7px;
  letter-spacing:1.8px;
  color:#6f6f6f;
}
.footer-powered-divider{
  width:1px;
  height:14px;
  background:rgba(255,255,255,.14);
}
.footer-powered-brand{
  font-size:15px;
  font-weight:700;
  letter-spacing:-.25px;
  color:#e9e9e9;
}
.footer-powered-brand span{
  font-weight:400;
  color:#a9a9a9;
}
@media (hover:hover) and (pointer:fine){
  .footer-powered:hover{
    border-color:transparent;
    background:transparent;
  }
  .footer-powered:hover .footer-powered-brand{
    color:#fff;
  }
  .footer-powered:hover .footer-powered-brand span{
    color:#d5d5d5;
  }
}

/* V16 - WhatsApp button right */
.whatsapp-button{
  left:auto !important;
  right:15px !important;
}

/* V17 - Professional authentication pages */
.auth-page{
  min-height:680px;
  padding:72px 24px 96px;
  background:#f7f7f5;
}
.auth-shell{
  width:min(1080px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  background:#fff;
  border:1px solid #e7e7e4;
  overflow:hidden;
}
.auth-intro{
  position:relative;
  padding:64px 54px;
  background:#1d1c1c;
  color:#fff;
  min-height:590px;
  display:flex;
  flex-direction:column;
}
.auth-intro:after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-120px;
  width:260px;
  height:260px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
}
.auth-kicker,.auth-eyebrow{
  font-size:10px;
  font-weight:700;
  letter-spacing:2.2px;
}
.auth-kicker{color:#b18c66;margin-bottom:26px}
.auth-intro h1{
  margin:0;
  max-width:430px;
  font-size:38px;
  line-height:1.12;
  font-weight:500;
  letter-spacing:-1.2px;
}
.auth-intro>p{
  margin:22px 0 0;
  max-width:410px;
  color:#b8b8b8;
  font-size:14px;
  line-height:1.8;
}
.auth-benefits{
  margin-top:auto;
  display:grid;
  gap:0;
  border-top:1px solid rgba(255,255,255,.11);
}
.auth-benefits>div{
  display:grid;
  grid-template-columns:34px 1fr;
  column-gap:14px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.auth-benefits span{
  grid-row:1/3;
  color:#777;
  font-size:10px;
  letter-spacing:1px;
  padding-top:2px;
}
.auth-benefits strong{
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
}
.auth-benefits small{
  margin-top:5px;
  color:#8f8f8f;
  font-size:11px;
  line-height:1.55;
}
.auth-form-panel{
  padding:60px 62px 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.auth-form-head{margin-bottom:32px}
.auth-eyebrow{display:block;color:#a57f5a;margin-bottom:10px}
.auth-form-head h2{
  margin:0;
  color:#181818;
  font-size:31px;
  font-weight:500;
  letter-spacing:-.7px;
}
.auth-form-head p{
  margin:10px 0 0;
  color:#777;
  font-size:13px;
  line-height:1.6;
}
.auth-form{display:grid;gap:18px}
.auth-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.auth-field{display:grid;gap:8px}
.auth-field>span{
  color:#333;
  font-size:10px;
  font-weight:700;
  letter-spacing:.7px;
}
.auth-field em{
  margin-left:5px;
  color:#aaa;
  font-style:normal;
  font-weight:500;
  letter-spacing:0;
}
.auth-field input{
  width:100%;
  height:50px;
  border:1px solid #dadada;
  border-radius:0;
  background:#fff;
  padding:0 15px;
  color:#181818;
  font-size:14px;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.auth-field input::placeholder{color:#b4b4b4}
.auth-field input:focus{
  border-color:#222;
  box-shadow:0 0 0 1px #222;
}
.auth-field small{
  color:#999;
  font-size:10px;
  line-height:1.5;
}
.auth-primary{
  width:100%;
  height:52px;
  margin-top:4px;
  border:0;
  background:#1d1c1c;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.7px;
  cursor:pointer;
  transition:background .18s ease;
}
.auth-primary span{font-size:16px;font-weight:400;line-height:1}
.auth-primary:hover{background:#b08b65}
.auth-switch{
  margin-top:24px;
  padding-top:21px;
  border-top:1px solid #ececec;
  display:flex;
  justify-content:center;
  gap:7px;
  color:#7b7b7b;
  font-size:12px;
}
.auth-switch a{
  color:#181818;
  font-weight:700;
  border-bottom:1px solid #181818;
}
.auth-switch-single{justify-content:flex-start}
.auth-security-note{
  margin-top:25px;
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#999;
  font-size:10px;
  line-height:1.5;
}
.auth-security-note>span{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:1px solid #dedede;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777;
  font-size:9px;
}
.auth-alert{
  margin:-10px 0 22px;
  padding:13px 14px;
  border:1px solid #eed8d5;
  background:#fff8f7;
  color:#9f3e32;
  font-size:12px;
  line-height:1.5;
}
@media (max-width:900px){
  .auth-page{padding:40px 18px 70px}
  .auth-shell{grid-template-columns:1fr}
  .auth-intro{min-height:auto;padding:38px 32px}
  .auth-intro h1{font-size:30px}
  .auth-benefits{margin-top:32px}
  .auth-form-panel{padding:42px 32px}
}
@media (max-width:520px){
  .auth-page{padding:20px 12px 50px}
  .auth-intro{padding:30px 22px}
  .auth-intro h1{font-size:27px}
  .auth-form-panel{padding:34px 22px}
  .auth-two-col{grid-template-columns:1fr}
  .auth-switch{flex-direction:column;align-items:center}
}

/* V18 - Registration consent */
.auth-consent{
  position:relative;
  display:grid;
  grid-template-columns:18px 1fr;
  gap:10px;
  align-items:start;
  cursor:pointer;
  color:#666;
  font-size:11px;
  line-height:1.65;
}
.auth-consent input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.auth-consent-box{
  width:18px;
  height:18px;
  margin-top:1px;
  border:1px solid #cfcfcf;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:border-color .15s ease,background .15s ease;
}
.auth-consent input:checked + .auth-consent-box{
  background:#1d1c1c;
  border-color:#1d1c1c;
}
.auth-consent input:checked + .auth-consent-box:after{
  content:"✓";
  color:#fff;
  font-size:11px;
  font-weight:700;
}
.auth-consent input:focus-visible + .auth-consent-box{
  outline:2px solid #b08b65;
  outline-offset:2px;
}
.auth-consent-text a{
  color:#3178d4;
  text-decoration:none;
  font-weight:500;
}
.auth-consent-text a:hover{text-decoration:underline}
.auth-consent-text strong{
  color:#555;
  font-weight:500;
}

/* =========================================================
   V20 - TABLET & MOBILE RESPONSIVE PASS
   ========================================================= */

/* ---------- TABLET ---------- */
@media (max-width:1100px){
  html,body{max-width:100%;overflow-x:hidden}

  .header-inner{
    width:100%;
    max-width:none;
    padding:0 28px;
  }
  .site-header .main-menu{
    padding:0 28px;
    gap:20px;
    justify-content:center;
  }
  .main-menu .menu-kargo-takip{
    margin-left:10px;
    padding-left:18px;
  }

  .hero{height:560px}
  .hero-content{left:6%}
  .hero-content h1{font-size:68px}

  .category-grid,
  .products-container,
  .section-heading,
  .advantages{
    width:calc(100% - 48px);
  }
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-card{height:460px}

  .product-detail-container{
    width:calc(100% - 48px);
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
    gap:34px;
  }
  .product-gallery{grid-template-columns:74px minmax(0,1fr);gap:12px}
  .product-thumb{width:74px;height:96px}
  .product-main-image{height:620px}

  .cart-container{width:calc(100% - 48px)}
  .cart-layout{grid-template-columns:minmax(0,1fr) 330px;gap:36px}
  .cart-product{grid-template-columns:120px minmax(0,1fr)}
  .cart-product-image{width:120px;height:158px}

  .checkout-page-gaus .checkout-container{max-width:920px}
  .checkout-page-gaus .checkout-form{
    grid-template-columns:minmax(0,1fr) minmax(300px,350px);
    gap:24px;
  }

  .tracking-shell{max-width:900px}
  .tracking-result{grid-template-columns:minmax(0,1fr) 300px;gap:18px}

  .footer-container{
    width:calc(100% - 56px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:48px 36px;
    min-height:auto;
    padding:70px 0 55px;
  }
  .footer-brand{padding-left:0}
  .footer-bottom{width:calc(100% - 56px)}
}

/* ---------- MOBILE / LARGE PHONES ---------- */
@media (max-width:768px){
  body{font-size:14px}

  .top-shipping{
    height:32px;
    padding:0 14px;
    font-size:8px;
    letter-spacing:1.7px;
    text-align:center;
  }
  .campaign-marquee-track,
  .campaign-marquee-item{height:29px}
  .campaign-marquee-item{
    min-width:92vw;
    padding:0 18px;
    justify-content:center;
    font-size:9px;
  }

  .site-header{
    position:relative;
    top:auto;
    background:#fff;
    color:#222;
  }
  .site-header.category-header{position:relative}
  .site-header .header-inner,
  .category-header .header-inner{
    height:58px;
    padding:0 14px;
    justify-content:space-between;
  }
  .site-header .logo{
    position:static;
    transform:none;
    margin-right:auto;
  }
  .site-logo-image{max-height:27px;max-width:150px}
  .search-box{display:none}
  .header-actions{gap:7px}
  .header-icon{
    width:38px;
    height:38px;
  }

  .site-header .main-menu,
  .category-header .main-menu{
    height:44px;
    padding:0 14px;
    gap:22px;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    color:#222;
  }
  .site-header .main-menu::-webkit-scrollbar{display:none}
  .site-header .main-menu a,
  .category-header .main-menu a{
    flex:0 0 auto;
    color:#222!important;
    -webkit-text-fill-color:#222!important;
    font-size:10px!important;
    letter-spacing:1.05px!important;
  }
  .main-menu .menu-kargo-takip{
    margin-left:0;
    padding-left:22px;
    border-left:1px solid #ddd;
  }

  .hero{
    height:520px;
    color:#fff;
  }
  .hero-background,
  .hero-media img{background-position:center;object-position:center}
  .hero-content{
    left:20px;
    right:20px;
    bottom:46px;
    top:auto;
    transform:none;
  }
  .hero-content h1{font-size:46px;line-height:.98}
  .hero-content p{font-size:13px;max-width:310px}
  .hero-button{min-height:44px}

  .season-banner{min-height:42px}
  .season-marquee-track,.season-marquee-item{min-height:42px}

  .section-heading,
  .category-grid,
  .products-container,
  .advantages{
    width:calc(100% - 28px);
  }
  .section-heading{margin-top:48px}
  .section-heading h2{font-size:30px}
  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .category-card{height:300px}
  .category-card h3{font-size:15px}

  .products-list,
  .products-slider{
    gap:10px;
  }
  .product-card{flex-basis:calc(50% - 5px);min-width:0}
  .product-image{height:300px}
  .product-card-title{font-size:12px}
  .product-price{font-size:12px}

  .advantages{
    grid-template-columns:1fr;
    padding:30px 0;
  }
  .advantage{
    min-height:auto;
    padding:24px 8px;
  }

  /* Product detail */
  .product-detail-container{
    width:100%;
    padding:0 14px 65px;
    grid-template-columns:1fr;
    gap:26px;
  }
  .product-gallery{
    display:flex;
    flex-direction:column-reverse;
    gap:10px;
  }
  .product-thumbnails{
    flex-direction:row;
    gap:8px;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }
  .product-thumbnails::-webkit-scrollbar{display:none}
  .product-thumb{
    flex:0 0 68px;
    width:68px;
    height:84px;
  }
  .product-main-image{height:auto;aspect-ratio:4/5}
  .product-info{padding:4px 0 0}
  .product-breadcrumb{margin-bottom:14px}
  .product-info h1{font-size:26px;margin-bottom:14px}
  .product-description{font-size:13px;padding-bottom:20px}
  .product-option{padding:19px 0}
  .color-options,.size-options{flex-wrap:wrap}
  .product-add-row{gap:8px}
  .product-add-button{min-height:48px}

  /* Mini cart */
  .mini-cart-drawer{width:100%;max-width:none}
  .mini-cart-head{padding:20px 18px 17px}
  .mini-cart-body{padding:0 18px 20px}
  .mini-cart-item{
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:10px;
    padding:17px 0;
  }
  .mini-cart-image{width:58px;height:76px}
  .mini-cart-coupon>div{grid-template-columns:minmax(0,1fr) 76px}

  /* Cart */
  .cart-container{
    width:100%;
    padding:32px 14px 65px;
  }
  .cart-layout{grid-template-columns:1fr;gap:28px}
  .cart-page-title{font-size:28px}
  .cart-product{
    grid-template-columns:92px minmax(0,1fr);
    gap:14px;
    padding:18px 0;
  }
  .cart-product-image{width:92px;height:122px}
  .cart-product-header{gap:8px}
  .cart-product-name{font-size:12px;margin-bottom:8px}
  .cart-product-variant{gap:10px;flex-wrap:wrap}
  .cart-product-footer{
    align-items:flex-start;
    flex-direction:column;
    gap:11px;
  }
  .cart-product-price{align-self:flex-end}
  .cart-summary{padding:22px 18px}

  /* Checkout */
  .checkout-page-gaus{
    padding:18px 12px 60px;
    background:#fff;
  }
  .checkout-page-gaus .checkout-container{max-width:none}
  .checkout-page-gaus .checkout-form{
    display:flex;
    flex-direction:column;
    gap:14px;
    max-width:none;
  }
  .checkout-summary-panel{
    position:static;
    order:-1;
    padding-top:0;
    width:100%;
  }
  .checkout-page-gaus .checkout-block{border-radius:8px}
  .checkout-page-gaus .checkout-grid{
    grid-template-columns:1fr;
    padding:0 12px 16px;
  }
  .checkout-page-gaus .checkout-field-full{grid-column:auto}
  .checkout-quick{
    align-items:flex-start;
    flex-direction:column;
  }
  .checkout-topbar{min-height:42px}
  .checkout-topbar strong{font-size:14px;letter-spacing:3px}
  .checkout-page-gaus .checkout-submit{
    width:calc(100% - 24px);
    margin:12px!important;
    min-height:48px;
  }

  /* Auth */
  .auth-page{padding:18px 12px 55px}
  .auth-shell{grid-template-columns:1fr}
  .auth-intro{
    min-height:auto;
    padding:32px 22px;
  }
  .auth-intro h1{font-size:28px}
  .auth-benefits{margin-top:30px}
  .auth-form-panel{padding:34px 22px}
  .auth-two-col{grid-template-columns:1fr}

  /* Generic account cards */
  .account-page{padding:36px 14px 65px}
  .account-card{
    width:100%;
    max-width:560px;
    padding:28px 20px;
  }
  .account-card h1{font-size:26px}

  /* Tracking */
  .tracking-page{padding:36px 12px 70px}
  .tracking-search-card{padding:22px 18px}
  .tracking-form{grid-template-columns:1fr!important}
  .tracking-result{grid-template-columns:1fr;gap:14px}
  .tracking-main-card{padding:19px 15px}
  .tracking-card-head{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .tracking-progress{
    overflow-x:auto;
    grid-template-columns:repeat(4,minmax(100px,1fr));
    padding-bottom:8px;
  }
  .tracking-progress:before{left:50px;right:50px}
  .tracking-meta{grid-template-columns:1fr}
  .tracking-meta div{border-bottom:1px solid #eee}
  .tracking-meta div:last-child{border-bottom:0}

  /* Footer */
  .footer-container{
    width:calc(100% - 32px);
    grid-template-columns:1fr 1fr;
    gap:36px 24px;
    padding:50px 0 35px;
  }
  .footer-brand{
    grid-column:1/-1;
    padding-left:0;
  }
  .footer-logo{margin-bottom:18px}
  .footer-bottom,
  .footer-bottom-signature{
    width:calc(100% - 32px);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
    padding:24px 0;
  }
  .footer-bottom-right{text-align:left}
  .footer-powered{order:0}

  .whatsapp-button{
    width:50px;
    height:50px;
    right:12px!important;
    bottom:12px;
    font-size:23px;
  }
}

/* ---------- SMALL PHONES ---------- */
@media (max-width:480px){
  .header-inner{padding:0 10px!important}
  .header-icon{width:36px;height:36px}
  .site-header .main-menu{padding:0 10px;gap:18px}

  .hero{height:470px}
  .hero-content h1{font-size:39px}

  .category-grid{width:calc(100% - 20px)}
  .category-card{height:245px}
  .products-container,
  .section-heading,
  .advantages{width:calc(100% - 20px)}
  .product-image{height:245px}

  .product-detail-container{padding-left:10px;padding-right:10px}
  .product-info h1{font-size:23px}
  .product-main-image{aspect-ratio:3/4}
  .product-add-row{flex-wrap:wrap}
  .product-add-row .quantity-selector{width:100%}

  .cart-product{
    grid-template-columns:78px minmax(0,1fr);
    gap:11px;
  }
  .cart-product-image{width:78px;height:105px}
  .cart-quantity{width:108px}
  .cart-summary{padding:18px 14px}

  .checkout-summary-product{
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:8px;
  }
  .checkout-summary-product img{width:46px;height:60px}
  .checkout-summary-product strong{font-size:9px}
  .checkout-summary-product b{font-size:9px}

  .auth-intro{display:none}
  .auth-form-panel{padding:30px 18px}
  .auth-form-head h2{font-size:27px}

  .footer-container{
    grid-template-columns:1fr;
    gap:30px;
  }
  .footer-brand{grid-column:auto}
}

/* Touch devices: no hover-only dependency */
@media (hover:none){
  .product-card:hover,
  .category-card:hover{
    transform:none!important;
  }
}

/* =========================================================
   V21 - Reference-style mobile home header & hero
   ========================================================= */
.mobile-menu-toggle,
.mobile-search-toggle,
.mobile-nav-panel,
.mobile-search-panel{
  display:none;
}

@media (max-width:768px){
  /* Reference mobile uses one clean announcement strip */
  body:not(.category-body) .campaign-bar{display:none!important}

  body:not(.category-body) .site-header{
    position:absolute!important;
    top:32px!important;
    left:0;
    width:100%;
    z-index:80;
    background:transparent!important;
    color:#fff!important;
    border:0!important;
  }

  body:not(.category-body) .site-header .header-inner{
    height:68px!important;
    padding:0 18px!important;
    justify-content:center!important;
    border:0!important;
  }

  body:not(.category-body) .site-header .logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:2;
    color:#fff!important;
    text-align:center;
  }

  body:not(.category-body) .site-header .logo a{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px;
    font-weight:700;
    letter-spacing:5px;
    white-space:nowrap;
  }

  body:not(.category-body) .site-header .site-logo-image{
    max-height:30px!important;
    max-width:150px!important;
    filter:none;
  }

  body:not(.category-body) .site-header .main-menu{
    display:none!important;
  }

  body:not(.category-body) .site-header .header-actions{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    gap:10px;
    z-index:3;
  }

  body:not(.category-body) .site-header .search-box,
  body:not(.category-body) .site-header .header-actions>a:last-child{
    display:none!important;
  }

  body:not(.category-body) .site-header .header-icon{
    width:39px!important;
    height:39px!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(20,20,20,.28)!important;
    color:#fff!important;
  }
  body:not(.category-body) .site-header .header-icon svg{
    stroke:#fff!important;
  }
  body:not(.category-body) .site-header .cart-count{
    color:#fff!important;
    background:rgba(0,0,0,.55)!important;
  }

  .mobile-menu-toggle{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    padding:10px 9px;
    border:0;
    background:rgba(20,20,20,.28);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    z-index:3;
    cursor:pointer;
  }
  .mobile-menu-toggle span{
    display:block;
    width:21px;
    height:1.5px;
    background:#fff;
    transition:transform .2s ease,opacity .2s ease;
  }
  .mobile-menu-toggle.is-open span:nth-child(1){
    transform:translateY(6.5px) rotate(45deg);
  }
  .mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
  .mobile-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-6.5px) rotate(-45deg);
  }

  .mobile-search-toggle{
    width:36px;
    height:36px;
    border:0;
    padding:7px;
    background:transparent;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .mobile-search-toggle svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
  }

  .mobile-nav-panel{
    display:block;
    position:absolute;
    top:68px;
    left:12px;
    right:12px;
    padding:10px 18px 18px;
    background:#fff;
    color:#1b1b1b;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:.2s ease;
  }
  .mobile-nav-panel.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .mobile-nav-links{
    display:flex;
    flex-direction:column;
  }
  .mobile-nav-links a{
    padding:14px 2px;
    border-bottom:1px solid #ececec;
    color:#222!important;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.2px;
  }
  .mobile-nav-links a:last-child{border-bottom:0}

  .mobile-search-panel{
    display:block;
    position:absolute;
    top:68px;
    left:12px;
    right:12px;
    padding:12px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:.2s ease;
  }
  .mobile-search-panel.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .mobile-search-panel form{
    display:grid;
    grid-template-columns:minmax(0,1fr) 64px;
  }
  .mobile-search-panel input{
    min-width:0;
    height:44px;
    border:1px solid #ddd;
    padding:0 12px;
    font-size:13px;
    outline:none;
  }
  .mobile-search-panel button{
    border:0;
    background:#181818;
    color:#fff;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
  }

  /* Hero starts directly beneath the single announcement bar */
  body:not(.category-body) .hero{
    height:548px!important;
    margin-top:0!important;
  }
  body:not(.category-body) .hero-slide,
  body:not(.category-body) .hero-slides,
  body:not(.category-body) .hero-media{
    height:100%!important;
  }
  body:not(.category-body) .hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  body:not(.category-body) .hero-overlay{
    background:linear-gradient(90deg,rgba(0,0,0,.33),rgba(0,0,0,.06) 68%,rgba(0,0,0,.16))!important;
  }
  body:not(.category-body) .hero-content{
    left:18px!important;
    right:18px!important;
    bottom:48px!important;
    top:auto!important;
    transform:none!important;
    max-width:390px!important;
  }
  body:not(.category-body) .hero-content h1{
    margin:0 0 16px!important;
    font-size:56px!important;
    line-height:.92!important;
    letter-spacing:-2.4px!important;
    color:#fff!important;
  }
  body:not(.category-body) .hero-content p{
    margin:0 0 26px!important;
    max-width:330px;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  body:not(.category-body) .hero-button{
    min-width:220px;
    min-height:48px;
    padding:0 25px!important;
    border-radius:28px!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    font-size:10px!important;
    letter-spacing:1.8px!important;
  }
  body:not(.category-body) .hero-arrow{
    top:54%;
    width:44px;
    height:46px;
    border:1px solid rgba(255,255,255,.5);
    background:rgba(15,15,15,.12);
    color:#fff;
  }
  body:not(.category-body) .hero-prev{left:14px}
  body:not(.category-body) .hero-next{right:14px}
  body:not(.category-body) .hero-dots{
    bottom:9px!important;
  }

  /* Reference-style category start */
  body:not(.category-body) .season-banner{
    min-height:40px!important;
  }
  body:not(.category-body) .season-marquee-track,
  body:not(.category-body) .season-marquee-item{
    min-height:40px!important;
  }
  body:not(.category-body) .category-grid{
    width:calc(100% - 20px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding-top:12px;
  }
  body:not(.category-body) .category-card{
    height:310px!important;
  }
}

@media (max-width:480px){
  body:not(.category-body) .site-header .header-inner{
    height:62px!important;
  }
  body:not(.category-body) .site-header .header-actions{right:12px}
  .mobile-menu-toggle{left:12px;width:38px;height:38px}
  body:not(.category-body) .hero{height:510px!important}
  body:not(.category-body) .hero-content{left:18px!important;bottom:42px!important}
  body:not(.category-body) .hero-content h1{font-size:49px!important}
  body:not(.category-body) .hero-button{min-width:205px}
  body:not(.category-body) .category-card{height:255px!important}
  .mobile-nav-panel,.mobile-search-panel{top:62px}
}

/* V22 - compact 2x2 mobile advantages */
.advantage-icon{
  display:none;
}
@media (max-width:768px){
  .advantages{
    width:calc(100% - 28px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    padding:20px 0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
  }
  .advantage{
    min-height:160px!important;
    padding:22px 14px!important;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border:0!important;
  }
  .advantage:nth-child(odd){
    border-right:1px solid #e7e7e7!important;
  }
  .advantage:nth-child(-n+2){
    border-bottom:1px solid #e7e7e7!important;
  }
  .advantage-icon{
    width:42px;
    height:42px;
    margin:0 0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .advantage-icon svg{
    width:38px;
    height:38px;
    fill:none;
    stroke:#1b1b1b;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .advantage h3{
    margin:0 0 7px!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }
  .advantage p{
    margin:0!important;
    max-width:190px;
    color:#6f6f6f!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
}
@media (max-width:480px){
  .advantages{width:calc(100% - 20px)!important}
  .advantage{
    min-height:150px!important;
    padding:18px 10px!important;
  }
  .advantage-icon{width:38px;height:38px;margin-bottom:10px}
  .advantage-icon svg{width:34px;height:34px}
  .advantage h3{font-size:13px!important}
  .advantage p{font-size:11px!important}
}

/* =========================================================
   V23 - Mobile navbar: clean white reference layout
   ========================================================= */
@media (max-width:768px){
  /* Mobile header is a normal white bar, not an overlay */
  body:not(.category-body) .site-header,
  .site-header,
  .site-header.category-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    background:#fff!important;
    color:#161616!important;
    border:0!important;
    z-index:80;
  }

  body:not(.category-body) .site-header .header-inner,
  .site-header .header-inner,
  .category-header .header-inner{
    height:72px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border:0!important;
  }

  /* Centered store logo */
  body:not(.category-body) .site-header .logo,
  .site-header .logo,
  .category-header .logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:2;
    text-align:center;
    color:#171717!important;
  }
  body:not(.category-body) .site-header .logo a,
  .site-header .logo a,
  .category-header .logo a{
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:5px!important;
    white-space:nowrap;
  }
  .site-header .site-logo-image{
    max-height:29px!important;
    max-width:145px!important;
  }

  /* Hide desktop menu/search/account on mobile */
  .site-header .main-menu,
  .category-header .main-menu,
  .site-header .search-box,
  .site-header .header-actions>a:last-child{
    display:none!important;
  }

  /* Hamburger left */
  .mobile-menu-toggle{
    display:flex!important;
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:38px!important;
    height:38px!important;
    padding:8px 6px!important;
    background:transparent!important;
    border:0!important;
    gap:5px!important;
    z-index:4;
  }
  .mobile-menu-toggle span{
    width:25px!important;
    height:1.5px!important;
    background:#161616!important;
  }

  /* Search + cart right */
  .site-header .header-actions{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    z-index:4;
  }
  .mobile-search-toggle{
    display:flex!important;
    width:35px!important;
    height:38px!important;
    padding:7px!important;
    color:#161616!important;
    background:transparent!important;
    border:0!important;
  }
  .mobile-search-toggle svg{
    width:21px!important;
    height:21px!important;
    stroke:#161616!important;
    stroke-width:1.7!important;
  }
  .site-header .header-icon{
    width:37px!important;
    height:38px!important;
    padding:7px!important;
    color:#161616!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }
  .site-header .header-icon svg{
    width:22px!important;
    height:22px!important;
    stroke:#161616!important;
  }
  .site-header .cart-count{
    top:1px!important;
    right:0!important;
    min-width:15px!important;
    height:15px!important;
    padding:0 3px!important;
    background:#161616!important;
    color:#fff!important;
    font-size:8px!important;
  }

  /* Hero/category content follows the navbar instead of sitting underneath it */
  body:not(.category-body) .hero{
    margin-top:0!important;
  }

  /* Dropdowns now open under the 72px white navbar */
  .mobile-nav-panel,
  .mobile-search-panel{
    top:72px!important;
    left:10px!important;
    right:10px!important;
  }
}

@media (max-width:480px){
  body:not(.category-body) .site-header .header-inner,
  .site-header .header-inner,
  .category-header .header-inner{
    height:66px!important;
    padding:0 12px!important;
  }
  .mobile-menu-toggle{left:12px!important}
  .site-header .header-actions{right:10px!important}
  .site-header .logo a{font-size:12px!important;letter-spacing:4.5px!important}
  .mobile-nav-panel,.mobile-search-panel{top:66px!important}
}

/* =========================================================
   V24 - Mobile header: overlay at top, white sticky on scroll
   ========================================================= */
@media (max-width:768px){

  /* HOME: initial state overlays the hero */
  body:not(.category-body) .site-header:not(.sticky){
    position:absolute!important;
    top:32px!important;
    left:0!important;
    width:100%!important;
    background:transparent!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
    z-index:80!important;
  }

  body:not(.category-body) .site-header:not(.sticky) .header-inner{
    height:68px!important;
    background:transparent!important;
    border:0!important;
  }

  body:not(.category-body) .site-header:not(.sticky) .logo,
  body:not(.category-body) .site-header:not(.sticky) .logo a{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body:not(.category-body) .site-header:not(.sticky) .mobile-menu-toggle{
    background:rgba(20,20,20,.34)!important;
  }
  body:not(.category-body) .site-header:not(.sticky) .mobile-menu-toggle span{
    background:#fff!important;
  }

  body:not(.category-body) .site-header:not(.sticky) .mobile-search-toggle{
    color:#fff!important;
  }
  body:not(.category-body) .site-header:not(.sticky) .mobile-search-toggle svg{
    stroke:#fff!important;
  }

  body:not(.category-body) .site-header:not(.sticky) .header-icon{
    background:rgba(20,20,20,.34)!important;
    color:#fff!important;
  }
  body:not(.category-body) .site-header:not(.sticky) .header-icon svg{
    stroke:#fff!important;
  }
  body:not(.category-body) .site-header:not(.sticky) .cart-count{
    background:#fff!important;
    color:#111!important;
  }

  /* HOME: scrolled state becomes fixed white header */
  body:not(.category-body) .site-header.sticky{
    position:fixed!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    background:#fff!important;
    color:#171717!important;
    box-shadow:0 3px 18px rgba(0,0,0,.08)!important;
    z-index:1000!important;
  }

  body:not(.category-body) .site-header.sticky .header-inner{
    height:66px!important;
    background:#fff!important;
  }

  body:not(.category-body) .site-header.sticky .logo,
  body:not(.category-body) .site-header.sticky .logo a{
    color:#171717!important;
    -webkit-text-fill-color:#171717!important;
  }

  body:not(.category-body) .site-header.sticky .mobile-menu-toggle{
    background:transparent!important;
  }
  body:not(.category-body) .site-header.sticky .mobile-menu-toggle span{
    background:#171717!important;
  }

  body:not(.category-body) .site-header.sticky .mobile-search-toggle{
    color:#171717!important;
  }
  body:not(.category-body) .site-header.sticky .mobile-search-toggle svg{
    stroke:#171717!important;
  }

  body:not(.category-body) .site-header.sticky .header-icon{
    background:transparent!important;
    color:#171717!important;
  }
  body:not(.category-body) .site-header.sticky .header-icon svg{
    stroke:#171717!important;
  }
  body:not(.category-body) .site-header.sticky .cart-count{
    background:#171717!important;
    color:#fff!important;
  }

  /* Home hero begins directly below announcement strip,
     while transparent header sits over it */
  body:not(.category-body) .hero{
    margin-top:0!important;
  }

  /* Panels should always be readable */
  .mobile-nav-panel,
  .mobile-search-panel{
    background:#fff!important;
    color:#171717!important;
  }

  /* INNER pages: always white */
  body.category-body .site-header,
  body.category-body .site-header.sticky{
    position:sticky!important;
    top:0!important;
    background:#fff!important;
    color:#171717!important;
    box-shadow:0 2px 12px rgba(0,0,0,.05)!important;
  }
}

@media (max-width:480px){
  body:not(.category-body) .site-header:not(.sticky){
    top:32px!important;
  }
  body:not(.category-body) .site-header:not(.sticky) .header-inner{
    height:62px!important;
  }
  body:not(.category-body) .site-header.sticky .header-inner{
    height:62px!important;
  }
}

/* V25 - immediate mobile sticky transition */
@media (max-width:768px){
  body:not(.category-body) .site-header{
    transition:background-color .16s ease,box-shadow .16s ease,color .16s ease!important;
  }
}

/* =========================================================
   V26 - Mobile footer refinement
   ========================================================= */
@media (max-width:768px){
  .site-footer{
    background:#1d1c1c;
  }

  .footer-container{
    width:calc(100% - 32px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 24px!important;
    padding:42px 0 30px!important;
    min-height:auto!important;
  }

  .footer-column{
    gap:12px!important;
  }

  .footer-column h4{
    margin:0 0 10px!important;
    font-size:11px!important;
    letter-spacing:.5px!important;
    color:#fff!important;
  }

  .footer-column a{
    font-size:12px!important;
    line-height:1.45!important;
    font-weight:600!important;
    color:#bdbdbd!important;
  }

  .footer-column a:hover{
    color:#fff!important;
  }

  .footer-brand{
    grid-column:1/-1!important;
    padding:26px 0 0!important;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .footer-logo{
    margin:0 0 14px!important;
    font-size:22px!important;
    letter-spacing:5px!important;
  }

  .footer-logo-image{
    max-width:180px!important;
    max-height:52px!important;
  }

  .footer-brand p{
    max-width:100%!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.65!important;
    font-weight:500!important;
    color:#aaa!important;
  }

  .footer-contact{
    margin-top:18px!important;
    display:grid!important;
    gap:7px!important;
    font-size:10px!important;
    line-height:1.5!important;
    color:#b9b9b9!important;
  }

  .footer-contact a,
  .footer-contact span{
    color:#b9b9b9!important;
  }

  .footer-socials{
    margin-top:18px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
  }

  .footer-socials a{
    width:34px!important;
    height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:50%!important;
    color:#fff!important;
    font-size:13px!important;
  }

  .footer-bottom,
  .footer-bottom-signature{
    width:calc(100% - 32px)!important;
    min-height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:20px 0 26px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    font-size:9px!important;
    line-height:1.5!important;
    color:#898989!important;
  }

  .footer-bottom-left,
  .footer-bottom-right,
  .footer-powered{
    justify-self:start!important;
  }

  .footer-bottom-right{
    text-align:left!important;
  }

  .footer-powered{
    order:0!important;
    gap:8px!important;
  }

  .footer-powered-label{
    font-size:6px!important;
    letter-spacing:1.4px!important;
  }

  .footer-powered-brand{
    font-size:14px!important;
  }

  .footer-powered-divider{
    height:12px!important;
  }

  .whatsapp-button{
    right:12px!important;
    bottom:12px!important;
    width:48px!important;
    height:48px!important;
    font-size:22px!important;
  }
}

@media (max-width:480px){
  .footer-container{
    width:calc(100% - 24px)!important;
    gap:28px 18px!important;
    padding:36px 0 24px!important;
  }

  .footer-column h4{
    font-size:10px!important;
  }

  .footer-column a{
    font-size:11px!important;
  }

  .footer-brand{
    padding-top:22px!important;
  }

  .footer-logo{
    font-size:20px!important;
    letter-spacing:4px!important;
  }

  .footer-bottom,
  .footer-bottom-signature{
    width:calc(100% - 24px)!important;
    padding:18px 0 22px!important;
  }
}

/* =========================================================
   V27 - Mobile auth order: form first, info second
   ========================================================= */
@media (max-width:900px){
  .auth-shell{
    display:flex!important;
    flex-direction:column!important;
  }

  .auth-form-panel{
    order:1!important;
  }

  .auth-intro{
    order:2!important;
    margin-top:0!important;
  }
}

@media (max-width:520px){
  /* V20 had hidden the intro on very small phones; keep it visible below form */
  .auth-intro{
    display:flex!important;
  }
}

/* =========================================================
   V28 - Full-height mobile navigation drawer
   ========================================================= */
.mobile-nav-backdrop{display:none}

@media (max-width:768px){
  .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:1200;
    background:rgba(0,0,0,.38);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,visibility .25s ease;
  }

  .mobile-nav-backdrop.is-open{
    opacity:1;
    visibility:visible;
  }

  .mobile-nav-panel{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    right:auto!important;
    width:min(360px,86vw)!important;
    height:100%!important;
    z-index:1201!important;
    padding:0!important;
    background:#f8f8f8!important;
    color:#1c1c1c!important;
    border:0!important;
    box-shadow:12px 0 34px rgba(0,0,0,.16)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-100%)!important;
    transition:transform .28s ease!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  .mobile-nav-panel.is-open{
    transform:translateX(0)!important;
  }

  .mobile-nav-head{
    height:76px;
    flex:0 0 76px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #e3e3e3;
    background:#fff;
  }

  .mobile-nav-brand{
    color:#2b3140!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:4.5px!important;
    text-decoration:none!important;
  }

  .mobile-nav-close{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    background:#f1f1f1;
    color:#777;
    font-size:28px;
    font-weight:300;
    line-height:1;
    cursor:pointer;
  }

  .mobile-nav-search{
    padding:14px 16px 12px;
    background:#fff;
    border-bottom:1px solid #e5e5e5;
  }

  .mobile-nav-search input{
    width:100%;
    height:46px;
    padding:0 14px;
    border:1px solid #d8d8d8;
    border-radius:10px;
    background:#fff;
    color:#222;
    font-size:14px;
    outline:none;
  }

  .mobile-nav-search input::placeholder{
    color:#9a9a9a;
  }

  .mobile-nav-links{
    flex:1;
    min-height:0;
    overflow-y:auto;
    display:flex!important;
    flex-direction:column!important;
    padding:8px 16px 18px!important;
    background:#f8f8f8;
  }

  .mobile-nav-links a{
    flex:0 0 auto!important;
    padding:16px 12px!important;
    border:0!important;
    color:#343b4a!important;
    -webkit-text-fill-color:#343b4a!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:1.7px!important;
    text-decoration:none!important;
  }

  .mobile-nav-links a:hover{
    background:#f0f0f0;
  }

  .mobile-nav-footer{
    flex:0 0 auto;
    padding:18px 28px 26px;
    background:#f8f8f8;
    border-top:1px solid #dedede;
  }

  .mobile-nav-footer a{
    color:#a77f59!important;
    -webkit-text-fill-color:#a77f59!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:1.6px!important;
    text-decoration:none!important;
  }

  body.mobile-nav-open{
    overflow:hidden!important;
  }
}

@media (max-width:480px){
  .mobile-nav-panel{
    width:min(340px,88vw)!important;
  }
  .mobile-nav-head{
    height:70px;
    flex-basis:70px;
  }
  .mobile-nav-search{
    padding:12px 14px 10px;
  }
  .mobile-nav-links{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* =========================================================
   V29 - Mobile category toolbar + filter drawer
   ========================================================= */
.category-mobile-head,
.category-filter-backdrop,
.category-filter-mobile-head{
  display:none;
}

@media (max-width:768px){
  .category-page{
    background:#fff;
  }

  .category-mobile-head{
    display:block;
    width:100%;
    background:#fff;
    border-bottom:1px solid #e9e9e9;
  }

  .category-mobile-breadcrumb{
    min-height:44px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-bottom:1px solid #ededed;
    color:#8b8b8b;
    font-size:10px;
  }
  .category-mobile-breadcrumb a{
    color:#8b8b8b;
  }
  .category-mobile-breadcrumb strong{
    color:#252525;
    font-size:10px;
    font-weight:700;
  }

  .category-mobile-toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:46px;
  }

  .category-mobile-toolbar button{
    border:0;
    background:#fff;
    color:#222;
    font-size:11px;
    font-weight:600;
    cursor:pointer;
  }

  .category-mobile-toolbar button + button{
    border-left:1px solid #e5e5e5;
  }

  .category-mobile-filter span{
    margin-right:7px;
    font-size:14px;
  }

  .category-container{
    width:100%!important;
    display:block!important;
    padding:0 10px 56px!important;
  }

  .category-products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 8px!important;
    width:100%!important;
    padding-top:12px;
  }

  .category-product-card{
    min-width:0!important;
  }

  .category-product-image{
    height:auto!important;
    aspect-ratio:3/4;
    overflow:hidden;
  }

  .category-product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .category-product-card .product-brand{
    margin-top:8px!important;
    font-size:9px!important;
  }

  .category-product-card h3{
    margin:5px 0 5px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }

  .category-price{
    display:flex;
    flex-wrap:wrap;
    gap:7px!important;
    align-items:center;
  }

  .category-sale{font-size:13px!important}
  .category-old{font-size:10px!important}
  .new-badge{
    top:9px!important;
    left:9px!important;
    padding:7px 10px!important;
    font-size:8px!important;
  }

  /* Sidebar becomes off-canvas filter drawer */
  .category-sidebar{
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(390px,88vw)!important;
    height:100%!important;
    padding:0!important;
    background:#fff!important;
    z-index:1401!important;
    overflow-y:auto!important;
    transform:translateX(-100%)!important;
    transition:transform .26s ease!important;
    box-shadow:14px 0 36px rgba(0,0,0,.14);
  }

  .category-sidebar.is-open{
    transform:translateX(0)!important;
  }

  .category-filter-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:1400;
    background:rgba(0,0,0,.34);
    opacity:0;
    visibility:hidden;
    transition:.22s ease;
  }

  .category-filter-backdrop.is-open{
    opacity:1;
    visibility:visible;
  }

  .category-filter-mobile-head{
    position:sticky;
    top:0;
    z-index:2;
    min-height:64px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
  }

  .category-filter-mobile-head strong{
    font-size:13px;
    letter-spacing:.4px;
  }

  .category-filter-mobile-head button{
    width:38px;
    height:38px;
    border:0;
    background:#f3f3f3;
    border-radius:8px;
    font-size:24px;
    color:#777;
    cursor:pointer;
  }

  .category-sidebar form{
    padding:18px!important;
  }

  .category-sidebar .filter-title{
    margin-top:0!important;
  }

  /* Sort dropdown itself hidden until user taps Sıralama */
  .category-sidebar .filter-title,
  .category-sidebar .sort-select{
    display:none!important;
  }

  .category-sidebar.show-sort .filter-title,
  .category-sidebar.show-sort .sort-select{
    display:block!important;
  }

  body.category-filter-open{
    overflow:hidden!important;
  }
}

@media (max-width:480px){
  .category-container{padding-left:8px!important;padding-right:8px!important}
  .category-products{gap:9px 6px!important}
  .category-product-card h3{font-size:11px!important}
  .category-sale{font-size:12px!important}
}

/* =========================================================
   V30 - Inline mobile sort/filter panels
   ========================================================= */
@media (max-width:768px){

  .category-mobile-toolbar button{
    position:relative;
    color:#222!important;
  }

  .category-mobile-toolbar button.is-active{
    color:#df4e62!important;
  }

  .category-mobile-filter.is-active span{
    color:#df4e62!important;
  }

  .category-inline-panel{
    display:none;
  }

  /* Sidebar becomes inline card instead of off-canvas drawer */
  .category-sidebar{
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    transform:none!important;
    overflow:visible!important;
    box-shadow:none!important;
    background:#fff!important;
    z-index:auto!important;
    margin:0 0 14px!important;
    border:1px solid #e6e6e6!important;
    border-radius:10px!important;
  }

  .category-sidebar.is-open{
    display:block!important;
  }

  .category-filter-mobile-head{
    display:none!important;
  }

  .category-sidebar form{
    padding:14px!important;
  }

  /* SORT MODE */
  .category-sidebar.mode-sort .filter-title{
    display:block!important;
    margin:0 0 10px!important;
    padding:0!important;
    border:0!important;
    color:#8c8c8c!important;
    font-size:9px!important;
    letter-spacing:1.5px!important;
  }

  .category-sidebar.mode-sort .sort-select{
    display:block!important;
    width:100%!important;
    height:38px!important;
    margin:0 0 14px!important;
    padding:0 12px!important;
    border:1px solid #dcdcdc!important;
    background:#fff!important;
    font-size:11px!important;
  }

  .category-sidebar.mode-sort .filter-heading,
  .category-sidebar.mode-sort .filter-group,
  .category-sidebar.mode-sort .filter-check,
  .category-sidebar.mode-sort .size-title,
  .category-sidebar.mode-sort .filter-list,
  .category-sidebar.mode-sort .filter-reset{
    display:none!important;
  }

  .category-sidebar.mode-sort .filter-button{
    display:block!important;
    width:100%!important;
    min-height:38px!important;
    margin:0!important;
  }

  /* FILTER MODE */
  .category-sidebar.mode-filter .filter-title,
  .category-sidebar.mode-filter .sort-select{
    display:none!important;
  }

  .category-sidebar.mode-filter .filter-heading{
    display:block!important;
    margin:0 0 18px!important;
    padding:0 0 8px!important;
    border-bottom:1px solid #e8e8e8!important;
    color:#858585!important;
    font-size:9px!important;
    letter-spacing:1.5px!important;
  }

  .category-sidebar.mode-filter .filter-group{
    display:block!important;
    margin-bottom:12px!important;
  }

  .category-sidebar.mode-filter .filter-group label,
  .category-sidebar.mode-filter .size-title{
    display:block!important;
    margin:0 0 9px!important;
    color:#686868!important;
    font-size:9px!important;
    letter-spacing:1.2px!important;
  }

  .category-sidebar.mode-filter .price-input{
    width:100%!important;
    height:36px!important;
    padding:0 10px!important;
    border:0!important;
    border-bottom:1px solid #ddd!important;
    background:#fff!important;
  }

  .category-sidebar.mode-filter .filter-list{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px 12px!important;
    margin-bottom:15px!important;
  }

  .category-sidebar.mode-filter .filter-check{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 10px!important;
    color:#555!important;
    font-size:11px!important;
  }

  .category-sidebar.mode-filter .filter-list .filter-check{
    margin:0!important;
  }

  .category-sidebar.mode-filter .filter-button{
    display:block!important;
    width:100%!important;
    min-height:39px!important;
    margin:18px 0 0!important;
  }

  .category-sidebar.mode-filter .filter-reset{
    display:block!important;
    margin:12px 0 0!important;
    text-align:center!important;
    font-size:9px!important;
  }

  /* Place inline panel between toolbar and product grid */
  .category-container{
    padding-top:0!important;
  }

  .category-sidebar{
    order:-1;
  }

  .category-container.has-inline-panel{
    display:flex!important;
    flex-direction:column!important;
  }

  .category-products{
    order:1;
  }

  body.category-filter-open{
    overflow:auto!important;
  }
}

/* =========================================================
   V31 - Checkout mobile full-width single-column fix
   ========================================================= */
@media (max-width:768px){

  .checkout-page-gaus{
    width:100%!important;
    max-width:none!important;
    padding:16px 10px 56px!important;
    margin:0!important;
    background:#fff!important;
    overflow-x:hidden!important;
  }

  .checkout-page-gaus .checkout-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  .checkout-page-gaus .checkout-form{
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    margin:0!important;
  }

  .checkout-main,
  .checkout-summary-panel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .checkout-summary-panel{
    order:-1!important;
    position:static!important;
    top:auto!important;
    padding:0!important;
    margin:0!important;
  }

  .checkout-summary-card,
  .checkout-total-card,
  .checkout-page-gaus .checkout-block{
    width:100%!important;
    max-width:none!important;
    margin:0 0 12px!important;
    box-sizing:border-box!important;
  }

  .checkout-topbar{
    width:100%!important;
    max-width:none!important;
    padding:0 4px!important;
    margin:0 0 10px!important;
  }

  .checkout-page-gaus .checkout-grid{
    width:100%!important;
    grid-template-columns:1fr!important;
    padding:0 12px 16px!important;
    box-sizing:border-box!important;
  }

  .checkout-page-gaus .checkout-field,
  .checkout-page-gaus .checkout-field-full{
    width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
  }

  .checkout-page-gaus .checkout-grid input,
  .checkout-page-gaus .checkout-grid select,
  .checkout-page-gaus .checkout-grid textarea,
  .checkout-phone-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .checkout-phone-wrap{
    display:grid!important;
    grid-template-columns:38px 48px minmax(0,1fr)!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  .checkout-phone-wrap>span{
    width:38px!important;
    min-width:38px!important;
    padding:0!important;
    text-align:center!important;
  }

  .checkout-phone-wrap>b{
    width:auto!important;
    min-width:0!important;
    padding:0 8px!important;
    text-align:center!important;
  }

  .checkout-phone-wrap input{
    width:100%!important;
    min-width:0!important;
    padding:0 10px!important;
    border:0!important;
  }

  .checkout-summary-product{
    grid-template-columns:54px minmax(0,1fr) auto!important;
    gap:10px!important;
  }

  .checkout-summary-product img{
    width:54px!important;
    height:68px!important;
  }

  .checkout-page-gaus .checkout-choice{
    width:100%!important;
    box-sizing:border-box!important;
  }

  .checkout-page-gaus .checkout-submit{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:12px!important;
  }

  .checkout-page-gaus + .site-footer,
  .checkout-page-gaus ~ .site-footer,
  .site-footer{
    width:100%!important;
    max-width:none!important;
  }
}

@media (max-width:520px){
  .checkout-page-gaus{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .checkout-summary-product{
    grid-template-columns:48px minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .checkout-summary-product img{
    width:48px!important;
    height:62px!important;
  }
}

/* =========================================================
   V32 - Unified checkout order summary
   ========================================================= */
.checkout-summary-unified{
  overflow:hidden;
}
.checkout-summary-head-unified{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.checkout-summary-head-unified>div{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.checkout-summary-head-unified small{
  color:#96908a;
  font-size:9px;
  font-weight:600;
  letter-spacing:1.4px;
}
.checkout-summary-head-unified h2{
  font-size:16px!important;
}
.checkout-summary-head-unified>span{
  color:#8c8782;
  font-size:10px;
  white-space:nowrap;
}
.checkout-summary-mobile-price{
  display:none;
}
.checkout-summary-totals{
  padding:0 16px 16px;
  border-top:1px solid #ece8e3;
}
.checkout-summary-unified .checkout-summary-products{
  padding:4px 16px 0;
}
.checkout-summary-unified .checkout-summary-product{
  border-bottom:1px solid #eeeae5;
}
.checkout-summary-unified .checkout-summary-product:last-child{
  border-bottom:0;
}
.checkout-summary-unified .checkout-summary-totals .cart-summary-line{
  padding:11px 0!important;
  border-bottom:0!important;
}
.checkout-summary-unified .checkout-summary-totals .cart-grand-total{
  margin-top:4px!important;
  padding:15px 0!important;
  border-top:1px solid #ddd7d0!important;
}
.checkout-summary-unified .checkout-summary-totals .cart-grand-total span{
  font-size:12px!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-weight:500!important;
}
.checkout-summary-unified .checkout-summary-totals .cart-grand-total strong{
  font-size:19px!important;
}
.checkout-edit-cart{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ddd6ce;
  border-radius:8px;
  color:#333;
  font-size:10px;
  font-weight:600;
  text-decoration:none;
}

@media (max-width:768px){
  .checkout-summary-panel{
    margin-bottom:2px!important;
  }
  .checkout-summary-unified{
    border-radius:12px!important;
    border-color:#e2dcd5!important;
  }
  .checkout-summary-head-unified{
    padding:17px 16px!important;
  }
  .checkout-summary-head-unified h2{
    font-size:18px!important;
    font-weight:600!important;
  }
  .checkout-summary-head-unified>span{
    font-size:11px!important;
  }
  .checkout-summary-unified .checkout-summary-products{
    padding:4px 14px 0!important;
  }
  .checkout-summary-unified .checkout-summary-product{
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:12px!important;
    padding:16px 0!important;
  }
  .checkout-summary-unified .checkout-summary-product img{
    width:60px!important;
    height:76px!important;
    border-radius:8px!important;
  }
  .checkout-summary-unified .checkout-summary-product strong{
    font-size:11px!important;
    line-height:1.4!important;
  }
  .checkout-summary-unified .checkout-summary-product small{
    font-size:10px!important;
    line-height:1.45!important;
  }
  .checkout-summary-desktop-price{
    display:none!important;
  }
  .checkout-summary-mobile-price{
    display:block!important;
    margin-top:6px;
    font-size:12px!important;
    color:#333;
  }
  .checkout-summary-totals{
    padding:6px 16px 16px!important;
  }
  .checkout-summary-unified .checkout-summary-totals .cart-summary-line span,
  .checkout-summary-unified .checkout-summary-totals .cart-summary-line strong{
    font-size:11px!important;
  }
  .checkout-edit-cart{
    margin-top:2px;
    min-height:44px;
    font-size:10px;
  }
}

@media (max-width:480px){
  .checkout-summary-unified .checkout-summary-product{
    grid-template-columns:56px minmax(0,1fr)!important;
  }
  .checkout-summary-unified .checkout-summary-product img{
    width:56px!important;
    height:70px!important;
  }
}

/* V33 - COD fee explanation */
.checkout-cod-fee-line{
  color:#8a5f36;
}
.checkout-cod-fee-line span,
.checkout-cod-fee-line strong{
  color:#8a5f36!important;
  font-weight:600!important;
}
.checkout-cod-fee-line[hidden]{
  display:none!important;
}
.cod-fee-note{
  display:block;
  margin-top:8px;
  color:#8a5f36!important;
  font-size:9px!important;
  line-height:1.5;
}


/* V35 - Sepet: Ödemeye Geç butonu siyah / beyaz */
.cart-summary .btn,
.cart-summary a[href*="odeme.php"],
.cart-summary .checkout-btn,
a.checkout-btn,
a[href="odeme.php"].btn,
a[href*="odeme.php"].cart-checkout-btn {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}
.cart-summary .btn:hover,
.cart-summary a[href*="odeme.php"]:hover,
.cart-summary .checkout-btn:hover,
a.checkout-btn:hover,
a[href="odeme.php"].btn:hover,
a[href*="odeme.php"].cart-checkout-btn:hover {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
}


/* V36 - Ödeme başlangıç: Giriş Yap butonu siyah / beyaz */
.checkout-start-actions .btn-primary,
.checkout-start-actions a[href*="giris.php"],
.checkout-login-actions .btn-primary,
.checkout-login-actions a[href*="giris.php"],
.checkout-auth-box a[href*="giris.php"],
.payment-start-login,
a.payment-start-login {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}
.checkout-start-actions .btn-primary:hover,
.checkout-start-actions a[href*="giris.php"]:hover,
.checkout-login-actions .btn-primary:hover,
.checkout-login-actions a[href*="giris.php"]:hover,
.checkout-auth-box a[href*="giris.php"]:hover,
.payment-start-login:hover,
a.payment-start-login:hover {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
}

/* V37 - Product action notices */
#cartMessage{
  margin-top:12px;
}
.product-notice{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 28px;
  gap:12px;
  align-items:start;
  padding:15px 14px;
  border:1px solid #ead8d4;
  background:#fff8f6;
  color:#2b2220;
}
.product-notice-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#d85c4a;
  color:#fff;
  font-size:16px;
  font-weight:700;
}
.product-notice-content strong{
  display:block;
  margin:1px 0 5px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
}
.product-notice-content p{
  margin:0;
  color:#665a57;
  font-size:11px;
  line-height:1.55;
}
.product-notice-content small{
  display:block;
  margin-top:7px;
  color:#9a817b;
  font-size:9px;
  line-height:1.4;
}
.product-notice-close{
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  color:#987b74;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.add-to-cart-button.is-loading{
  opacity:.65;
  cursor:wait;
}
@media (max-width:768px){
  .product-notice{
    grid-template-columns:34px minmax(0,1fr) 26px;
    gap:10px;
    padding:13px 12px;
  }
  .product-notice-icon{
    width:31px;
    height:31px;
  }
}

/* =========================================================
   V38 - Refined responsive footer
   ========================================================= */
.site-footer{
  background:#181818!important;
}

.footer-container{
  align-items:start;
}

@media (max-width:768px){

  .footer-container{
    width:calc(100% - 36px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 28px!important;
    padding:44px 0 28px!important;
  }

  .footer-column{
    gap:10px!important;
  }

  .footer-column h4{
    margin:0 0 12px!important;
    padding-bottom:9px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#fff!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:1.2px!important;
  }

  .footer-column a{
    color:#b8b8b8!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1.45!important;
  }

  .footer-column a:hover{
    color:#fff!important;
  }

  .footer-brand{
    grid-column:1/-1!important;
    padding:28px 0 0!important;
    border-top:1px solid rgba(255,255,255,.09);
  }

  .footer-logo{
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:21px!important;
    font-weight:700!important;
    letter-spacing:4.8px!important;
  }

  .footer-brand p{
    margin:0!important;
    max-width:420px!important;
    color:#9e9e9e!important;
    font-size:11px!important;
    font-weight:400!important;
    line-height:1.65!important;
  }

  .footer-contact{
    margin-top:18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    color:#b6b6b6!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:1.5!important;
  }

  .footer-contact a,
  .footer-contact span{
    color:#b6b6b6!important;
  }

  .footer-socials{
    margin-top:18px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  .footer-socials a{
    width:32px!important;
    height:32px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    font-size:12px!important;
  }

  .footer-bottom,
  .footer-bottom-signature{
    width:calc(100% - 36px)!important;
    min-height:auto!important;
    margin:0 auto!important;
    padding:18px 0 24px!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    color:#777!important;
    font-size:9px!important;
    line-height:1.5!important;
  }

  .footer-bottom-left{
    color:#8f8f8f!important;
  }

  .footer-powered{
    width:max-content;
    gap:8px!important;
    opacity:.9;
  }

  .footer-powered-label{
    color:#666!important;
    font-size:6px!important;
    letter-spacing:1.5px!important;
  }

  .footer-powered-divider{
    height:11px!important;
    background:rgba(255,255,255,.12)!important;
  }

  .footer-powered-brand{
    color:#efefef!important;
    font-size:13px!important;
  }

  .footer-powered-brand span{
    color:#9f9f9f!important;
  }

  .footer-bottom-right{
    color:#767676!important;
    text-align:left!important;
  }
}

@media (max-width:480px){

  .footer-container{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr 1fr!important;
    gap:30px 20px!important;
    padding:38px 0 24px!important;
  }

  .footer-column h4{
    font-size:9px!important;
  }

  .footer-column a{
    font-size:10px!important;
  }

  .footer-brand{
    padding-top:24px!important;
  }

  .footer-logo{
    font-size:19px!important;
    letter-spacing:4px!important;
  }

  .footer-brand p{
    font-size:10px!important;
  }

  .footer-contact{
    font-size:9px!important;
  }

  .footer-bottom,
  .footer-bottom-signature{
    width:calc(100% - 28px)!important;
    padding:16px 0 20px!important;
  }

  .whatsapp-button{
    width:46px!important;
    height:46px!important;
    right:12px!important;
    bottom:12px!important;
  }
}


/* V40 - Sepet: ÖDEMEYE GEÇ butonu siyah / beyaz */
.cart-checkout-button,
.cart-summary .cart-checkout-button {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
}
.cart-checkout-button:hover,
.cart-summary .cart-checkout-button:hover {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
}


/* V41 - Ödeme başlangıç: GİRİŞ YAP butonu siyah / beyaz */
.checkout-start-actions a[href*="giris.php"],
.checkout-auth-box a[href*="giris.php"],
.payment-start-login,
a.payment-start-login {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
}
.checkout-start-actions a[href*="giris.php"]:hover,
.checkout-auth-box a[href*="giris.php"]:hover,
.payment-start-login:hover,
a.payment-start-login:hover {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
}

/* V41 exact gateway button */
.gateway-actions .gateway-primary,
a.gateway-primary {
    background:#111 !important;
    color:#fff !important;
    border:1px solid #111 !important;
}
.gateway-actions .gateway-primary:hover,
a.gateway-primary:hover {
    background:#fff !important;
    color:#111 !important;
    border-color:#111 !important;
}


/* Mobile category sort/filter action buttons */
@media (max-width: 768px) {
  .category-page .filter-button,
  .category-mobile-panel .filter-button,
  .mobile-category-panel .filter-button,
  .mobile-sort-panel .filter-button,
  .mobile-filter-panel .filter-button {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
  }
  .category-page .filter-button:hover,
  .category-mobile-panel .filter-button:hover,
  .mobile-category-panel .filter-button:hover,
  .mobile-sort-panel .filter-button:hover,
  .mobile-filter-panel .filter-button:hover {
    background: #fff !important;
    color: #111 !important;
    border-color: #111 !important;
  }
}


/* Mobile/tablet fixed bottom navigation */
.mobile-bottom-nav{display:none}
@media (max-width:1024px){
  body{padding-bottom:72px}
  .mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:9998;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    height:68px;
    padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
    background:rgba(255,255,255,.98);
    border-top:1px solid #e8e8e8;
    box-shadow:0 -5px 18px rgba(0,0,0,.05);
    backdrop-filter:blur(10px);
  }
  .mobile-bottom-item{
    position:relative;
    min-width:0;
    border:0;
    padding:3px 2px;
    background:transparent;
    color:#707070;
    text-decoration:none;
    font:inherit;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    cursor:pointer;
  }
  .mobile-bottom-item svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mobile-bottom-item span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    line-height:1.15;
  }
  .mobile-bottom-cart b{
    position:absolute;
    top:1px;
    left:calc(50% + 7px);
    min-width:15px;
    height:15px;
    padding:0 4px;
    border-radius:20px;
    background:#111;
    color:#fff;
    font-size:9px;
    line-height:15px;
    text-align:center;
  }
  .whatsapp-float{bottom:82px!important}
}
@media (max-width:480px){
  .mobile-bottom-nav{height:64px}
  body{padding-bottom:68px}
  .mobile-bottom-item svg{width:21px;height:21px}
  .mobile-bottom-item span{font-size:9px}
  .whatsapp-float{bottom:76px!important}
}

/* V45 favorites + live bottom badges */
.mobile-bottom-item b{
  position:absolute;
  top:1px;
  left:calc(50% + 7px);
  min-width:15px;
  height:15px;
  padding:0 4px;
  border-radius:20px;
  background:#111;
  color:#fff;
  font-size:9px;
  line-height:15px;
  text-align:center;
}
.mobile-bottom-item b[hidden]{display:none!important}

.product-action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:stretch;
}
.product-action-row .add-to-cart-button{width:100%}
.product-favorite-button{
  min-width:148px;
  min-height:52px;
  padding:0 15px;
  border:1px solid #d8d8d8;
  background:#fff;
  color:#222;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:9px;
  font-weight:700;
  letter-spacing:1px;
  cursor:pointer;
}
.product-favorite-button svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.5;
}
.product-favorite-button.is-active{
  background:#111;
  border-color:#111;
  color:#fff;
}
.product-favorite-button.is-active svg{fill:currentColor}
.favorite-message{
  min-height:0;
  margin-top:0;
  color:#555;
  font-size:10px;
  opacity:0;
  transform:translateY(-3px);
  transition:.18s ease;
}
.favorite-message.is-visible{
  margin-top:9px;
  opacity:1;
  transform:none;
}
.favorite-message.is-error{color:#b13f34}

.favorites-page{padding:64px 24px 90px;background:#fff}
.favorites-container{width:min(1180px,100%);margin:0 auto}
.favorites-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  padding-bottom:24px;border-bottom:1px solid #e8e8e8;margin-bottom:28px
}
.favorites-head span{display:block;margin-bottom:7px;color:#a5825f;font-size:9px;font-weight:700;letter-spacing:1.8px}
.favorites-head h1{margin:0;font-size:32px;font-weight:500}
.favorites-head small{color:#888;font-size:11px}
.favorites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 14px}
.favorite-card{position:relative;transition:.18s ease}
.favorite-card-image{display:block;aspect-ratio:3/4;background:#f2f2f2;overflow:hidden}
.favorite-card-image img{width:100%;height:100%;object-fit:cover}
.favorite-card-remove{
  position:absolute;top:10px;right:10px;width:38px;height:38px;
  border:0;border-radius:50%;background:#fff;color:#111;
  display:flex;align-items:center;justify-content:center;cursor:pointer
}
.favorite-card-remove svg{width:20px;height:20px;fill:#111;stroke:#111;stroke-width:1.4}
.favorite-brand{margin-top:11px;color:#999;font-size:9px;font-weight:700;letter-spacing:.7px}
.favorite-name{display:block;margin-top:5px;color:#222;font-size:13px;font-weight:600;line-height:1.4}
.favorite-price{margin-top:7px;color:#e54a5d;font-size:14px;font-weight:700}
.favorites-empty{text-align:center;padding:80px 20px}
.favorites-empty-heart{font-size:52px;font-weight:300}
.favorites-empty h2{margin:14px 0 8px;font-size:22px}
.favorites-empty p{max-width:450px;margin:0 auto;color:#777;font-size:12px;line-height:1.7}
.favorites-empty a{display:inline-flex;margin-top:25px;min-width:190px;height:46px;align-items:center;justify-content:center;background:#111;color:#fff;font-size:9px;font-weight:700;letter-spacing:1.4px}

@media(max-width:1024px){
  .favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .product-action-row{grid-template-columns:minmax(0,1fr) 52px}
  .product-favorite-button{min-width:52px;width:52px;padding:0}
  .product-favorite-button span{display:none}
  .favorites-page{padding:34px 10px 90px}
  .favorites-head{margin-bottom:14px;padding:0 4px 16px}
  .favorites-head h1{font-size:27px}
  .favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 7px}
  .favorite-card-remove{width:34px;height:34px;top:8px;right:8px}
}


/* =========================================================
   V46 - Favorite button refinement + reference style footer
   ========================================================= */

/* Favorite button: cleaner, softer, premium */
.product-action-row{
  grid-template-columns:minmax(0,1fr) 56px!important;
  gap:10px!important;
}
.product-favorite-button{
  min-width:56px!important;
  width:56px!important;
  min-height:56px!important;
  height:56px!important;
  padding:0!important;
  border:1px solid #dedede!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#1c1c1c!important;
  box-shadow:0 4px 14px rgba(0,0,0,.045);
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.product-favorite-button svg{
  width:21px!important;
  height:21px!important;
  fill:transparent!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
}
.product-favorite-button:hover{
  border-color:#111!important;
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(0,0,0,.08);
}
.product-favorite-button.is-active{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.product-favorite-button.is-active svg{
  fill:#fff!important;
}
.product-favorite-button span{display:none!important}

/* Footer base */
.footer-reference-layout{
  display:grid!important;
  grid-template-columns:1.15fr 1fr 1fr 1fr!important;
  gap:54px!important;
  padding-top:68px!important;
  padding-bottom:58px!important;
}
.footer-brand-top{
  grid-column:auto!important;
  padding:0!important;
  border:0!important;
}
.footer-brand-top .footer-logo{
  margin-bottom:18px!important;
}
.footer-brand-top p{
  max-width:270px!important;
  color:#b6b6b6!important;
  line-height:1.65!important;
}
.footer-reference-layout .footer-column h4{
  margin:0 0 20px!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.footer-reference-layout .footer-column{
  gap:9px!important;
}
.footer-reference-layout .footer-column a,
.footer-reference-layout .footer-column span{
  color:#d0d0d0!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.footer-reference-layout .footer-column a:hover{
  color:#fff!important;
}
.footer-reference-layout .footer-contact{
  margin:0!important;
  gap:8px!important;
}
.footer-social-links{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.footer-bottom-signature{
  border-top:1px solid rgba(255,255,255,.1)!important;
}

/* Tablet/mobile footer like reference */
@media(max-width:1024px){
  .footer-reference-layout{
    width:calc(100% - 40px)!important;
    grid-template-columns:1fr 1fr!important;
    gap:38px 34px!important;
    padding:48px 0 34px!important;
  }
  .footer-brand-top{
    grid-column:1/-1!important;
    padding:0!important;
  }
  .footer-brand-top .footer-logo{
    font-size:28px!important;
    letter-spacing:6px!important;
  }
  .footer-brand-top p{
    max-width:360px!important;
  }
}

@media(max-width:768px){
  .footer-reference-layout{
    width:calc(100% - 32px)!important;
    grid-template-columns:1fr 1fr!important;
    gap:34px 26px!important;
    padding:42px 0 30px!important;
  }
  .footer-brand-top{
    grid-column:1/-1!important;
    padding:0 0 10px!important;
  }
  .footer-brand-top .footer-logo{
    margin:0 0 14px!important;
    font-size:27px!important;
    letter-spacing:6px!important;
  }
  .footer-brand-top p{
    max-width:100%!important;
    font-size:10px!important;
  }
  .footer-reference-layout .footer-column h4{
    margin-bottom:16px!important;
    font-size:11px!important;
  }
  .footer-reference-layout .footer-column{
    gap:8px!important;
  }
  .footer-reference-layout .footer-column a,
  .footer-reference-layout .footer-column span{
    font-size:10px!important;
  }
  .footer-contact-column,
  .footer-social-column{
    padding-top:5px;
  }
}

@media(max-width:480px){
  .footer-reference-layout{
    width:calc(100% - 28px)!important;
    gap:30px 20px!important;
    padding-top:36px!important;
  }
  .footer-brand-top .footer-logo{
    font-size:25px!important;
  }
  .footer-reference-layout .footer-column h4{
    font-size:10px!important;
  }
  .footer-reference-layout .footer-column a,
  .footer-reference-layout .footer-column span{
    font-size:9.5px!important;
  }
  .product-favorite-button{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    min-height:52px!important;
  }
}


/* =========================================================
   V47 - Professional order success page
   ========================================================= */
.order-success-page{
  min-height:620px;
  padding:72px 20px 96px;
  background:#fff;
}
.order-success-wrap{
  width:min(760px,100%);
  margin:0 auto;
}
.order-success-card{
  padding:56px 54px 48px;
  border:1px solid #e7e7e7;
  background:#fff;
  text-align:center;
}
.order-success-icon{
  width:68px;
  height:68px;
  margin:0 auto 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#111;
  color:#fff;
}
.order-success-icon svg{
  width:40px;
  height:40px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.order-success-kicker{
  margin-bottom:10px;
  color:#a5825f;
  font-size:9px;
  font-weight:700;
  letter-spacing:2px;
}
.order-success-card h1{
  margin:0;
  color:#171717;
  font-size:34px;
  font-weight:500;
  line-height:1.15;
}
.order-success-lead{
  max-width:520px;
  margin:14px auto 0;
  color:#777;
  font-size:12px;
  line-height:1.7;
}
.order-success-summary{
  margin:34px 0 0;
  border-top:1px solid #e9e9e9;
  border-bottom:1px solid #e9e9e9;
}
.order-success-summary>div{
  min-height:68px;
  padding:14px 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.order-success-summary>div+div{
  border-top:1px solid #ededed;
}
.order-success-summary span{
  color:#777;
  font-size:11px;
}
.order-success-summary strong{
  color:#151515;
  font-size:14px;
  font-weight:700;
  text-align:right;
}
.order-success-note{
  margin-top:22px;
  padding:17px 18px;
  text-align:left;
  background:#f8f5f1;
  border:1px solid #eee5da;
}
.order-success-note strong{
  display:block;
  margin-bottom:4px;
  font-size:11px;
}
.order-success-note p{
  margin:0;
  color:#75695e;
  font-size:10px;
  line-height:1.55;
}
.order-success-actions{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.order-success-actions a{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.5px;
  text-decoration:none;
  transition:.18s ease;
}
.order-success-primary{
  background:#111;
  color:#fff!important;
  border:1px solid #111;
}
.order-success-primary:hover{
  background:#fff;
  color:#111!important;
}
.order-success-secondary{
  background:#fff;
  color:#111!important;
  border:1px solid #111;
}
.order-success-secondary:hover{
  background:#111;
  color:#fff!important;
}
.order-success-help{
  margin:18px 0 0;
  color:#999;
  font-size:9px;
  line-height:1.6;
}

@media(max-width:768px){
  .order-success-page{
    min-height:auto;
    padding:34px 12px 70px;
  }
  .order-success-card{
    padding:38px 22px 34px;
  }
  .order-success-icon{
    width:60px;
    height:60px;
    margin-bottom:20px;
  }
  .order-success-icon svg{
    width:35px;
    height:35px;
  }
  .order-success-card h1{
    font-size:27px;
  }
  .order-success-lead{
    font-size:11px;
  }
  .order-success-summary{
    margin-top:27px;
  }
  .order-success-summary>div{
    min-height:62px;
  }
  .order-success-summary span{
    font-size:10px;
  }
  .order-success-summary strong{
    font-size:12px;
  }
  .order-success-actions{
    grid-template-columns:1fr;
  }
}

@media(max-width:480px){
  .order-success-page{
    padding:24px 9px 60px;
  }
  .order-success-card{
    padding:32px 16px 28px;
  }
  .order-success-card h1{
    font-size:25px;
  }
  .order-success-summary>div{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
    text-align:left;
  }
  .order-success-summary strong{
    text-align:left;
    word-break:break-word;
  }
}


/* =========================================================
   V48 - Promo bars on category + product pages
   ========================================================= */
@media (max-width:768px){
  body.category-body .top-shipping{
    display:flex!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 14px!important;
    background:#fff!important;
    color:#222!important;
    font-size:9px!important;
    letter-spacing:2px!important;
    text-align:center!important;
  }

  body.category-body .campaign-bar{
    display:block!important;
    min-height:35px!important;
    background:#151515!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  body.category-body .campaign-marquee-track{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
  }

  body.category-body .campaign-marquee-item{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 24px!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.4px!important;
    white-space:nowrap!important;
  }

  body.category-body .campaign-dot{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
  }

  /* Category/product navbar follows the announcement strips. */
  body.category-body .site-header,
  body.category-body .site-header.sticky{
    top:0!important;
  }
}

@media (max-width:480px){
  body.category-body .top-shipping{
    min-height:32px!important;
    font-size:8px!important;
    letter-spacing:1.7px!important;
  }

  body.category-body .campaign-bar,
  body.category-body .campaign-marquee-track,
  body.category-body .campaign-marquee-item{
    min-height:34px!important;
  }
}


/* =========================================================
   V49 - Premium footer redesign
   ========================================================= */
.site-footer{
  background:#111!important;
  color:#fff;
}

.footer-premium{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:72px 0 58px;
  display:grid;
  grid-template-columns:1.05fr 1.95fr;
  gap:72px;
}

.footer-premium-brand{
  min-width:0;
}

.footer-premium-logo{
  margin-bottom:18px;
  color:#fff;
  font-size:30px;
  font-weight:700;
  letter-spacing:8px;
  line-height:1;
}

.footer-premium-logo .footer-logo-image{
  max-width:220px!important;
  max-height:62px!important;
  object-fit:contain;
  object-position:left center;
}

.footer-premium-brand p{
  max-width:310px;
  margin:0;
  color:#9d9d9d;
  font-size:11px;
  line-height:1.75;
}

.footer-premium-socials{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.footer-premium-socials a{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  font-size:11px;
  text-decoration:none;
  transition:.18s ease;
}

.footer-premium-socials a:hover{
  background:#fff;
  border-color:#fff;
  color:#111!important;
}

.footer-premium-links{
  display:grid;
  grid-template-columns:.9fr 1.2fr 1.25fr;
  gap:48px;
}

.footer-premium-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}

.footer-premium-column h4{
  margin:0 0 13px;
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.8px;
}

.footer-premium-column a,
.footer-premium-column span{
  color:#bcbcbc!important;
  font-size:10.5px;
  font-weight:400;
  line-height:1.5;
  text-decoration:none;
}

.footer-premium-column a:hover{
  color:#fff!important;
}

.footer-premium-contact span{
  max-width:250px;
}

.footer-hours{
  margin-top:3px;
  color:#8e8e8e!important;
}

.footer-premium-bottom{
  width:min(1180px,calc(100% - 48px));
  min-height:74px;
  margin:0 auto;
  padding:20px 0 24px;
  border-top:1px solid rgba(255,255,255,.09);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:22px;
}

.footer-premium-copy,
.footer-premium-security{
  color:#747474;
  font-size:9px;
  line-height:1.5;
}

.footer-premium-security{
  text-align:right;
}

.footer-premium-powered{
  min-height:34px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:22px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff!important;
  text-decoration:none;
  transition:.18s ease;
}

.footer-premium-powered span{
  color:#6f6f6f;
  font-size:6px;
  letter-spacing:1.4px;
}

.footer-premium-powered strong{
  color:#fff;
  font-size:13px;
  font-weight:700;
}

.footer-premium-powered:hover{
  border-color:rgba(255,255,255,.35);
  background:rgba(255,255,255,.04);
}

/* Tablet */
@media(max-width:1024px){
  .footer-premium{
    width:calc(100% - 40px);
    grid-template-columns:1fr;
    gap:46px;
    padding:54px 0 40px;
  }

  .footer-premium-brand{
    padding-bottom:30px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .footer-premium-brand p{
    max-width:440px;
  }

  .footer-premium-links{
    grid-template-columns:1fr 1fr 1fr;
    gap:34px;
  }

  .footer-premium-bottom{
    width:calc(100% - 40px);
  }
}

/* Mobile */
@media(max-width:768px){
  .footer-premium{
    width:calc(100% - 34px);
    padding:42px 0 30px;
    gap:34px;
  }

  .footer-premium-logo{
    font-size:25px;
    letter-spacing:6px;
    margin-bottom:13px;
  }

  .footer-premium-brand p{
    max-width:100%;
    font-size:10px;
    line-height:1.65;
  }

  .footer-premium-socials{
    margin-top:20px;
  }

  .footer-premium-socials a{
    width:32px;
    height:32px;
  }

  .footer-premium-links{
    grid-template-columns:1fr 1fr;
    gap:34px 26px;
  }

  .footer-premium-contact{
    grid-column:1/-1;
    padding-top:26px;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .footer-premium-column h4{
    margin-bottom:11px;
    font-size:10px;
  }

  .footer-premium-column a,
  .footer-premium-column span{
    font-size:9.5px;
  }

  .footer-premium-bottom{
    width:calc(100% - 34px);
    grid-template-columns:1fr;
    justify-items:start;
    gap:10px;
    padding:18px 0 24px;
  }

  .footer-premium-security{
    text-align:left;
  }

  .footer-premium-powered{
    order:3;
    margin-top:2px;
  }
}

@media(max-width:480px){
  .footer-premium{
    width:calc(100% - 28px);
    padding-top:36px;
  }

  .footer-premium-links{
    gap:30px 20px;
  }

  .footer-premium-logo{
    font-size:22px;
    letter-spacing:5px;
  }

  .footer-premium-bottom{
    width:calc(100% - 28px);
  }
}


/* =========================================================
   V50 - Requested revisions
   ========================================================= */

/* 1) Footer: all navigation/contact text crisp white */
.site-footer .footer-premium-column h4,
.site-footer .footer-premium-column a,
.site-footer .footer-premium-column span,
.site-footer .footer-premium-contact a,
.site-footer .footer-premium-contact span,
.site-footer .footer-premium-socials a{
  color:#fff!important;
  opacity:1!important;
}
.site-footer .footer-hours{
  color:#fff!important;
}
.site-footer .footer-premium-column a:hover{
  color:#fff!important;
  opacity:.72!important;
}
.site-footer .footer-premium-powered{
  border-color:rgba(255,255,255,.3)!important;
  background:rgba(255,255,255,.035)!important;
}
.site-footer .footer-premium-powered span{
  color:#cfcfcf!important;
  opacity:1!important;
}
.site-footer .footer-premium-powered strong{
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
  text-shadow:0 0 1px rgba(255,255,255,.4);
}
.site-footer .footer-premium-copy,
.site-footer .footer-premium-security{
  color:#bdbdbd!important;
}

/* 2) Drawer authentication links */
@media(max-width:1024px){
  .mobile-nav-auth{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0 26px 22px!important;
    border-top:1px solid #dedede!important;
    background:#f8f8f8!important;
  }
  .mobile-nav-auth a{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    border-bottom:1px solid #e6e6e6!important;
    color:#2f3541!important;
    -webkit-text-fill-color:#2f3541!important;
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:1.7px!important;
  }
  .mobile-nav-auth .mobile-nav-login{
    color:#a5825f!important;
    -webkit-text-fill-color:#a5825f!important;
  }
  .mobile-nav-auth a:last-child{
    border-bottom:0!important;
  }
}

/* 3) Password reveal control */
.auth-password-wrap{
  position:relative;
  width:100%;
}
.auth-password-wrap input{
  width:100%!important;
  padding-right:52px!important;
}
.auth-password-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:#777;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.auth-password-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.auth-password-toggle:hover{
  color:#111;
}


/* =========================================================
   V51 - Mobile drawer auth buttons final layout
   ========================================================= */
@media (max-width:1024px){
  .mobile-nav-panel{
    padding-bottom:72px!important;
  }

  .mobile-nav-auth{
    margin-top:auto!important;
    padding:18px 16px 18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    border-top:1px solid #e5e5e5!important;
    background:#fff!important;
  }

  .mobile-nav-auth a{
    min-height:48px!important;
    width:100%!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #111!important;
    border-radius:0!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:1.5px!important;
    text-align:center!important;
    text-decoration:none!important;
  }

  .mobile-nav-auth .mobile-nav-login{
    background:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  .mobile-nav-auth .mobile-nav-login:hover{
    background:#fff!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }

  .mobile-nav-auth .mobile-nav-register{
    background:#fff!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
  }

  .mobile-nav-auth .mobile-nav-register:hover{
    background:#111!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  .mobile-nav-auth a:last-child{
    border-bottom:1px solid #111!important;
  }
}

@media (max-width:480px){
  .mobile-nav-auth{
    padding:16px 14px 16px!important;
    gap:9px!important;
  }

  .mobile-nav-auth a{
    min-height:46px!important;
    font-size:9.5px!important;
  }
}


/* =========================================================
   V52 - Mobile/tablet checkout contrast + readability
   ========================================================= */
@media (max-width:1024px){

  .checkout-page-gaus .checkout-block,
  .checkout-page-gaus .checkout-summary-card,
  .checkout-page-gaus .checkout-summary-unified,
  .checkout-page-gaus .checkout-total-card,
  .checkout-page-gaus .checkout-choice,
  .checkout-page-gaus .checkout-grid input,
  .checkout-page-gaus .checkout-grid select,
  .checkout-page-gaus .checkout-grid textarea,
  .checkout-page-gaus .checkout-phone-wrap,
  .checkout-page-gaus .checkout-edit-cart {
    border-color:#111 !important;
  }

  .checkout-page-gaus .checkout-block,
  .checkout-page-gaus .checkout-summary-card,
  .checkout-page-gaus .checkout-summary-unified,
  .checkout-page-gaus .checkout-total-card {
    box-shadow:none !important;
  }

  .checkout-page-gaus .checkout-block-head,
  .checkout-page-gaus .checkout-summary-head,
  .checkout-page-gaus .checkout-summary-products,
  .checkout-page-gaus .checkout-summary-totals,
  .checkout-page-gaus .checkout-choice,
  .checkout-page-gaus .cart-summary-line,
  .checkout-page-gaus .cart-grand-total {
    border-color:#111 !important;
  }

  .checkout-page-gaus .checkout-field > span,
  .checkout-page-gaus .checkout-field-full > span,
  .checkout-page-gaus .checkout-grid label > span {
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    color:#111 !important;
  }

  .checkout-page-gaus .checkout-grid input,
  .checkout-page-gaus .checkout-grid select,
  .checkout-page-gaus .checkout-grid textarea,
  .checkout-page-gaus .checkout-phone-wrap {
    font-size:12px !important;
    color:#111 !important;
  }

  .checkout-page-gaus .checkout-grid input::placeholder,
  .checkout-page-gaus .checkout-grid textarea::placeholder {
    font-size:11px !important;
  }

  .checkout-page-gaus .checkout-block h2,
  .checkout-page-gaus .checkout-block h3,
  .checkout-page-gaus .checkout-summary-head h2,
  .checkout-page-gaus .checkout-summary-head strong,
  .checkout-page-gaus .checkout-summary-unified h2 {
    font-size:16px !important;
    line-height:1.3 !important;
    color:#111 !important;
  }

  .checkout-page-gaus .checkout-summary-product strong {
    font-size:12px !important;
    line-height:1.45 !important;
    color:#111 !important;
  }

  .checkout-page-gaus .checkout-summary-product small {
    font-size:10.5px !important;
    line-height:1.5 !important;
    color:#666 !important;
  }

  .checkout-page-gaus .checkout-summary-mobile-price,
  .checkout-page-gaus .checkout-summary-desktop-price {
    font-size:12.5px !important;
  }

  .checkout-page-gaus .cart-summary-line span,
  .checkout-page-gaus .cart-summary-line strong {
    font-size:11.5px !important;
    line-height:1.45 !important;
  }

  .checkout-page-gaus .cart-grand-total span {
    font-size:12px !important;
  }

  .checkout-page-gaus .cart-grand-total strong {
    font-size:20px !important;
  }

  .checkout-page-gaus .checkout-choice strong,
  .checkout-page-gaus .checkout-choice label,
  .checkout-page-gaus .checkout-choice span {
    font-size:11px !important;
    line-height:1.45 !important;
  }

  .checkout-page-gaus .checkout-choice small,
  .checkout-page-gaus .cod-fee-note {
    font-size:10px !important;
    line-height:1.5 !important;
  }

  .checkout-page-gaus .checkout-help,
  .checkout-page-gaus .checkout-note,
  .checkout-page-gaus .checkout-block small {
    font-size:10px !important;
    line-height:1.5 !important;
  }
}

@media (max-width:520px){
  .checkout-page-gaus .checkout-field > span,
  .checkout-page-gaus .checkout-field-full > span,
  .checkout-page-gaus .checkout-grid label > span {
    font-size:10.5px !important;
  }

  .checkout-page-gaus .checkout-grid input,
  .checkout-page-gaus .checkout-grid select,
  .checkout-page-gaus .checkout-grid textarea,
  .checkout-page-gaus .checkout-phone-wrap {
    font-size:11.5px !important;
  }

  .checkout-page-gaus .checkout-summary-product strong {
    font-size:11.5px !important;
  }

  .checkout-page-gaus .cart-summary-line span,
  .checkout-page-gaus .cart-summary-line strong {
    font-size:11px !important;
  }
}


/* =========================================================
   V53 - Checkout mobile visual balance
   ========================================================= */
@media (max-width:1024px){

  /* Main cards: keep a clear but elegant black outline */
  .checkout-page-gaus .checkout-block,
  .checkout-page-gaus .checkout-summary-card,
  .checkout-page-gaus .checkout-summary-unified,
  .checkout-page-gaus .checkout-total-card {
    border:1px solid #111 !important;
    border-radius:12px !important;
    box-shadow:none !important;
    background:#fff !important;
  }

  /* Form controls: softer than the outer cards */
  .checkout-page-gaus .checkout-grid input,
  .checkout-page-gaus .checkout-grid select,
  .checkout-page-gaus .checkout-grid textarea,
  .checkout-page-gaus .checkout-phone-wrap {
    border:1px solid #b9b9b9 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:none !important;
    min-height:44px !important;
  }

  .checkout-page-gaus .checkout-grid input:focus,
  .checkout-page-gaus .checkout-grid select:focus,
  .checkout-page-gaus .checkout-grid textarea:focus,
  .checkout-page-gaus .checkout-phone-wrap:focus-within {
    border-color:#111 !important;
    outline:none !important;
  }

  /* Internal separators should stay subtle */
  .checkout-page-gaus .checkout-block-head,
  .checkout-page-gaus .checkout-summary-head,
  .checkout-page-gaus .checkout-summary-products,
  .checkout-page-gaus .checkout-summary-totals,
  .checkout-page-gaus .cart-summary-line,
  .checkout-page-gaus .cart-grand-total {
    border-color:#e4e4e4 !important;
  }

  /* Shipping / payment rows */
  .checkout-page-gaus .checkout-choice {
    border:1px solid #d0d0d0 !important;
    border-radius:9px !important;
    background:#fff !important;
  }

  .checkout-page-gaus .checkout-choice:has(input:checked) {
    border-color:#111 !important;
  }

  /* Edit cart button: black/white minimalist */
  .checkout-page-gaus .checkout-edit-cart {
    border:1px solid #111 !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#111 !important;
    min-height:44px !important;
  }

  .checkout-page-gaus .checkout-edit-cart:hover {
    background:#111 !important;
    color:#fff !important;
  }

  /* Give sections a little more breathing room */
  .checkout-page-gaus .checkout-grid {
    row-gap:12px !important;
  }

  .checkout-page-gaus .checkout-block {
    margin-bottom:14px !important;
  }

  /* Maintain readability without making the page feel oversized */
  .checkout-page-gaus .checkout-field > span,
  .checkout-page-gaus .checkout-field-full > span,
  .checkout-page-gaus .checkout-grid label > span {
    font-size:10.5px !important;
    font-weight:700 !important;
  }

  .checkout-page-gaus .checkout-grid input,
  .checkout-page-gaus .checkout-grid select,
  .checkout-page-gaus .checkout-grid textarea,
  .checkout-page-gaus .checkout-phone-wrap {
    font-size:11.5px !important;
  }

  .checkout-page-gaus .checkout-summary-product strong {
    font-size:11.5px !important;
  }

  .checkout-page-gaus .checkout-summary-product small {
    font-size:10px !important;
  }

  .checkout-page-gaus .cart-summary-line span,
  .checkout-page-gaus .cart-summary-line strong {
    font-size:11px !important;
  }

  .checkout-page-gaus .cart-grand-total strong {
    font-size:19px !important;
  }
}

@media (max-width:520px){
  .checkout-page-gaus .checkout-block,
  .checkout-page-gaus .checkout-summary-card,
  .checkout-page-gaus .checkout-summary-unified,
  .checkout-page-gaus .checkout-total-card {
    border-radius:10px !important;
  }

  .checkout-page-gaus .checkout-grid input,
  .checkout-page-gaus .checkout-grid select,
  .checkout-page-gaus .checkout-grid textarea,
  .checkout-page-gaus .checkout-phone-wrap,
  .checkout-page-gaus .checkout-choice,
  .checkout-page-gaus .checkout-edit-cart {
    border-radius:8px !important;
  }
}


/* =========================================================
   V54 - Softer outer checkout card borders
   ========================================================= */
@media (max-width:1024px){
  .checkout-page-gaus .checkout-block,
  .checkout-page-gaus .checkout-summary-card,
  .checkout-page-gaus .checkout-summary-unified,
  .checkout-page-gaus .checkout-total-card {
    border:1px solid #8f8f8f !important;
  }
}

@media (max-width:520px){
  .checkout-page-gaus .checkout-block,
  .checkout-page-gaus .checkout-summary-card,
  .checkout-page-gaus .checkout-summary-unified,
  .checkout-page-gaus .checkout-total-card {
    border-color:#9a9a9a !important;
  }
}


/* =========================================================
   V55 - Softer shipping/payment option rows
   ========================================================= */
@media (max-width:1024px){

  .checkout-page-gaus .checkout-options{
    padding:0 12px 12px!important;
  }

  .checkout-page-gaus .checkout-choice{
    margin:0!important;
    min-height:54px!important;
    padding:12px 14px!important;
    border:1px solid #d7d7d7!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  .checkout-page-gaus .checkout-choice + .checkout-choice{
    margin-top:8px!important;
  }

  /* Selected row: subtle emphasis, not a heavy black pill */
  .checkout-page-gaus .checkout-choice:has(input:checked){
    border-color:#8f8f8f!important;
    background:#f8f8f8!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)!important;
  }

  .checkout-page-gaus .checkout-choice input[type="radio"]{
    accent-color:#111;
  }

  .checkout-page-gaus .checkout-choice span{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
  }

  .checkout-page-gaus .checkout-choice strong{
    font-size:11px!important;
    font-weight:700!important;
    color:#111!important;
  }

  .checkout-page-gaus .checkout-choice small{
    font-size:9.5px!important;
    color:#777!important;
  }

  /* Payment descriptions should sit under title, not fight with the right side */
  .checkout-page-gaus .payment-choice span{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    row-gap:4px!important;
  }

  .checkout-page-gaus .payment-choice span small{
    grid-column:1/-1!important;
    justify-self:start!important;
    color:#777!important;
  }

  /* COD extra area: clearly separate from payment choices */
  .checkout-page-gaus .cod-options{
    margin-top:10px!important;
    padding:14px!important;
    border:1px solid #dedede!important;
    border-radius:8px!important;
    background:#fafafa!important;
  }

  .checkout-page-gaus .cod-options > strong{
    display:block!important;
    margin-bottom:10px!important;
    font-size:10.5px!important;
    color:#111!important;
  }

  .checkout-page-gaus .cod-options label{
    margin-right:14px!important;
    font-size:10.5px!important;
  }

  .checkout-page-gaus .cod-fee-note{
    margin-top:10px!important;
    color:#8a5f36!important;
    font-size:9.5px!important;
  }

  .checkout-page-gaus .checkout-submit{
    margin-top:12px!important;
    min-height:48px!important;
    border-radius:6px!important;
  }
}

@media (max-width:520px){
  .checkout-page-gaus .checkout-options{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .checkout-page-gaus .checkout-choice{
    padding:11px 12px!important;
  }
}


/* =========================================================
   V56 - Clean shipping/payment list layout
   ========================================================= */
@media (max-width:1024px){

  /* Outer section card stays subtle */
  .checkout-page-gaus .checkout-simple-block{
    border-color:#d9d9d9 !important;
    border-radius:10px !important;
  }

  .checkout-page-gaus .checkout-simple-block .checkout-block-head{
    padding:16px 16px 13px !important;
    border-bottom:1px solid #e7e7e7 !important;
  }

  .checkout-page-gaus .checkout-simple-block .checkout-block-head h2{
    font-size:16px !important;
    margin:0 !important;
  }

  /* One clean list instead of multiple little cards */
  .checkout-page-gaus .checkout-options{
    padding:0 16px 14px !important;
  }

  .checkout-page-gaus .checkout-choice{
    min-height:56px !important;
    margin:0 !important;
    padding:14px 2px !important;
    border:0 !important;
    border-bottom:1px solid #e8e8e8 !important;
    border-radius:0 !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  .checkout-page-gaus .checkout-choice:last-of-type{
    border-bottom:0 !important;
  }

  .checkout-page-gaus .checkout-choice + .checkout-choice{
    margin-top:0 !important;
  }

  .checkout-page-gaus .checkout-choice:has(input:checked){
    background:#fafafa !important;
    border-color:#e2e2e2 !important;
    box-shadow:none !important;
  }

  .checkout-page-gaus .checkout-choice input[type="radio"]{
    margin-right:10px !important;
    accent-color:#111 !important;
  }

  .checkout-page-gaus .checkout-choice span{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:6px 14px !important;
  }

  .checkout-page-gaus .checkout-choice strong{
    font-size:11.5px !important;
    font-weight:700 !important;
    color:#111 !important;
  }

  .checkout-page-gaus .checkout-choice small{
    font-size:10px !important;
    color:#767676 !important;
    text-align:right !important;
  }

  /* Payment descriptions below title, still within clean row */
  .checkout-page-gaus .payment-choice span small{
    grid-column:1/-1 !important;
    justify-self:start !important;
    text-align:left !important;
    margin-top:1px !important;
    font-size:9.5px !important;
    color:#777 !important;
  }

  /* COD options visually attached to selected payment */
  .checkout-page-gaus .cod-options{
    margin:0 !important;
    padding:14px 2px 2px !important;
    border:0 !important;
    border-top:1px solid #e8e8e8 !important;
    border-radius:0 !important;
    background:#fafafa !important;
  }

  .checkout-page-gaus .cod-options > strong{
    display:block !important;
    margin-bottom:9px !important;
    font-size:10.5px !important;
    color:#111 !important;
  }

  .checkout-page-gaus .cod-options label{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    margin-right:16px !important;
    font-size:10.5px !important;
  }

  .checkout-page-gaus .cod-fee-note{
    display:block !important;
    margin-top:10px !important;
    padding-top:9px !important;
    border-top:1px solid #ececec !important;
    color:#8a5f36 !important;
    font-size:9.5px !important;
  }

  .checkout-page-gaus .checkout-submit{
    margin:14px 0 0 !important;
    width:100% !important;
    min-height:48px !important;
  }
}

@media (max-width:520px){
  .checkout-page-gaus .checkout-options{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .checkout-page-gaus .checkout-choice{
    min-height:54px !important;
    padding-top:13px !important;
    padding-bottom:13px !important;
  }

  .checkout-page-gaus .checkout-choice strong{
    font-size:11px !important;
  }

  .checkout-page-gaus .checkout-choice small{
    font-size:9.5px !important;
  }
}


/* =========================================================
   V57 - Promo bars on cart page
   ========================================================= */
@media (max-width:768px){
  body:has(.cart-page) .top-shipping{
    display:flex!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 14px!important;
    background:#fff!important;
    color:#222!important;
    font-size:9px!important;
    letter-spacing:2px!important;
    text-align:center!important;
  }

  body:has(.cart-page) .campaign-bar{
    display:block!important;
    min-height:35px!important;
    background:#151515!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  body:has(.cart-page) .campaign-marquee-track{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
  }

  body:has(.cart-page) .campaign-marquee-item{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 24px!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.4px!important;
    white-space:nowrap!important;
  }

  body:has(.cart-page) .campaign-dot{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
  }
}

@media (max-width:480px){
  body:has(.cart-page) .top-shipping{
    min-height:32px!important;
    font-size:8px!important;
    letter-spacing:1.7px!important;
  }

  body:has(.cart-page) .campaign-bar,
  body:has(.cart-page) .campaign-marquee-track,
  body:has(.cart-page) .campaign-marquee-item{
    min-height:34px!important;
  }
}


/* =========================================================
   V58 - Promo bars on checkout start page
   ========================================================= */
@media (max-width:768px){
  body:has(.gateway-page) .top-shipping,
  body:has(.checkout-start-page) .top-shipping,
  body:has(.payment-start-page) .top-shipping{
    display:flex!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 14px!important;
    background:#fff!important;
    color:#222!important;
    font-size:9px!important;
    letter-spacing:2px!important;
    text-align:center!important;
  }

  body:has(.gateway-page) .campaign-bar,
  body:has(.checkout-start-page) .campaign-bar,
  body:has(.payment-start-page) .campaign-bar{
    display:block!important;
    min-height:35px!important;
    background:#151515!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  body:has(.gateway-page) .campaign-marquee-track,
  body:has(.checkout-start-page) .campaign-marquee-track,
  body:has(.payment-start-page) .campaign-marquee-track{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
  }

  body:has(.gateway-page) .campaign-marquee-item,
  body:has(.checkout-start-page) .campaign-marquee-item,
  body:has(.payment-start-page) .campaign-marquee-item{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 24px!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.4px!important;
    white-space:nowrap!important;
  }

  body:has(.gateway-page) .campaign-dot,
  body:has(.checkout-start-page) .campaign-dot,
  body:has(.payment-start-page) .campaign-dot{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
  }
}

@media (max-width:480px){
  body:has(.gateway-page) .top-shipping,
  body:has(.checkout-start-page) .top-shipping,
  body:has(.payment-start-page) .top-shipping{
    min-height:32px!important;
    font-size:8px!important;
    letter-spacing:1.7px!important;
  }

  body:has(.gateway-page) .campaign-bar,
  body:has(.gateway-page) .campaign-marquee-track,
  body:has(.gateway-page) .campaign-marquee-item,
  body:has(.checkout-start-page) .campaign-bar,
  body:has(.checkout-start-page) .campaign-marquee-track,
  body:has(.checkout-start-page) .campaign-marquee-item,
  body:has(.payment-start-page) .campaign-bar,
  body:has(.payment-start-page) .campaign-marquee-track,
  body:has(.payment-start-page) .campaign-marquee-item{
    min-height:34px!important;
  }
}


/* =========================================================
   V59 - Promo bars on checkout page
   ========================================================= */
@media (max-width:768px){
  body:has(.checkout-page-gaus) .top-shipping{
    display:flex!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 14px!important;
    background:#fff!important;
    color:#222!important;
    font-size:9px!important;
    letter-spacing:2px!important;
    text-align:center!important;
  }

  body:has(.checkout-page-gaus) .campaign-bar{
    display:block!important;
    min-height:35px!important;
    background:#151515!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  body:has(.checkout-page-gaus) .campaign-marquee-track{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
  }

  body:has(.checkout-page-gaus) .campaign-marquee-item{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 24px!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.4px!important;
    white-space:nowrap!important;
  }

  body:has(.checkout-page-gaus) .campaign-dot{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
  }
}

@media (max-width:480px){
  body:has(.checkout-page-gaus) .top-shipping{
    min-height:32px!important;
    font-size:8px!important;
    letter-spacing:1.7px!important;
  }

  body:has(.checkout-page-gaus) .campaign-bar,
  body:has(.checkout-page-gaus) .campaign-marquee-track,
  body:has(.checkout-page-gaus) .campaign-marquee-item{
    min-height:34px!important;
  }
}


/* =========================================================
   V60 - Promo bars on order success page
   ========================================================= */
@media (max-width:768px){
  body:has(.order-success-page) .top-shipping{
    display:flex!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 14px!important;
    background:#fff!important;
    color:#222!important;
    font-size:9px!important;
    letter-spacing:2px!important;
    text-align:center!important;
  }

  body:has(.order-success-page) .campaign-bar{
    display:block!important;
    min-height:35px!important;
    background:#151515!important;
    color:#fff!important;
    overflow:hidden!important;
  }

  body:has(.order-success-page) .campaign-marquee-track{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
  }

  body:has(.order-success-page) .campaign-marquee-item{
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 24px!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.4px!important;
    white-space:nowrap!important;
  }

  body:has(.order-success-page) .campaign-dot{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
  }
}

@media (max-width:480px){
  body:has(.order-success-page) .top-shipping{
    min-height:32px!important;
    font-size:8px!important;
    letter-spacing:1.7px!important;
  }

  body:has(.order-success-page) .campaign-bar,
  body:has(.order-success-page) .campaign-marquee-track,
  body:has(.order-success-page) .campaign-marquee-item{
    min-height:34px!important;
  }
}


/* =========================================================
   V61 - Siparis basarili: mobile header follows page scroll
   ========================================================= */
@media (max-width:768px){
  body:has(.order-success-page) .site-header{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    width:100%!important;
  }

  body:has(.order-success-page) .main-header{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
  }
}


/* =========================================================
   V62 - Order success mobile navbar truly fixed on scroll
   ========================================================= */
@media (max-width:768px){
  body:has(.order-success-page) #siteHeader.category-header.order-success-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.order-success-header-fixed .order-success-page{
    padding-top:calc(34px + var(--order-success-header-height, 64px))!important;
  }
}


/* =========================================================
   V63 - Category page mobile navbar truly fixed on scroll
   ========================================================= */
@media (max-width:768px){
  body:has(.category-page) #siteHeader.category-header.category-mobile-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.category-header-fixed .category-page{
    padding-top:var(--category-header-height, 64px)!important;
  }
}


/* =========================================================
   V64 - Product detail mobile navbar truly fixed on scroll
   ========================================================= */
@media (max-width:768px){
  body:has(.product-page) #siteHeader.category-header.product-mobile-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.product-header-fixed .product-page{
    padding-top:var(--product-header-height, 64px)!important;
  }
}


/* =========================================================
   V65 - Cart page mobile navbar truly fixed on scroll
   ========================================================= */
@media (max-width:768px){
  body:has(.cart-page) #siteHeader.category-header.cart-mobile-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.cart-header-fixed .cart-page{
    padding-top:var(--cart-header-height, 64px)!important;
  }
}


/* =========================================================
   V66 - Checkout start mobile navbar truly fixed on scroll
   ========================================================= */
@media (max-width:768px){
  body:has(.gateway-page) #siteHeader.category-header.checkout-start-fixed,
  body:has(.checkout-start-page) #siteHeader.category-header.checkout-start-fixed,
  body:has(.payment-start-page) #siteHeader.category-header.checkout-start-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.checkout-start-header-fixed .gateway-page,
  body.checkout-start-header-fixed .checkout-start-page,
  body.checkout-start-header-fixed .payment-start-page{
    padding-top:var(--checkout-start-header-height,64px)!important;
  }
}


/* V66 exact payment-start wrapper */
@media (max-width:768px){
  body:has(.checkout-gateway-page) #siteHeader.category-header.checkout-start-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.checkout-start-header-fixed .checkout-gateway-page{
    padding-top:var(--checkout-start-header-height,64px)!important;
  }
}


/* =========================================================
   V67 - Checkout page mobile navbar truly fixed on scroll
   ========================================================= */
@media (max-width:768px){
  body:has(.checkout-page-gaus) #siteHeader.category-header.checkout-mobile-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.checkout-header-fixed .checkout-page-gaus{
    padding-top:var(--checkout-header-height,64px)!important;
  }
}


/* =========================================================
   V68 - Product detail fixed navbar (correct wrapper)
   ========================================================= */
@media (max-width:768px){
  body:has(.product-detail-page) #siteHeader.product-detail-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9997!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
  }

  body.product-detail-header-fixed .product-detail-page{
    padding-top:var(--product-detail-header-height,64px)!important;
  }
}


/* =========================================================
   V69 - Product favorite button alignment refinement
   ========================================================= */
@media (max-width:768px){

  .product-action-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%!important;
  }

  .product-action-row .add-to-cart-button{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    margin:0!important;
  }

  .product-favorite-button{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;

    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    min-height:58px!important;

    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid #d7d7d7!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:none!important;
  }

  .product-favorite-button:hover{
    transform:none!important;
    border-color:#111!important;
    background:#fff!important;
    color:#111!important;
  }

  .product-favorite-button svg{
    width:22px!important;
    height:22px!important;
    fill:transparent!important;
    stroke:#111!important;
    stroke-width:1.6!important;
  }

  .product-favorite-button.is-active{
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
  }

  .product-favorite-button.is-active svg{
    fill:#fff!important;
    stroke:#fff!important;
  }

  .product-favorite-button span{
    display:none!important;
  }
}

@media (max-width:480px){
  .product-action-row{
    grid-template-columns:minmax(0,1fr) 54px!important;
    gap:8px!important;
  }

  .product-action-row .add-to-cart-button,
  .product-favorite-button{
    min-height:54px!important;
    height:54px!important;
  }

  .product-favorite-button{
    width:54px!important;
    min-width:54px!important;
  }

  .product-favorite-button svg{
    width:21px!important;
    height:21px!important;
  }
}


/* =========================================================
   V70 - Desktop homepage navbar fixed on scroll
   ========================================================= */
@media (min-width:1025px){

  body:has(.home-page) #siteHeader.home-desktop-fixed,
  body:has(.hero-section) #siteHeader.home-desktop-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9998!important;
    background:rgba(255,255,255,.98)!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.06)!important;
    backdrop-filter:blur(10px);
  }

  body:has(.home-page) #siteHeader.home-desktop-fixed .header-inner,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .header-inner{
    height:72px!important;
  }

  body:has(.home-page) #siteHeader.home-desktop-fixed .logo,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .logo,
  body:has(.home-page) #siteHeader.home-desktop-fixed .logo a,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .logo a,
  body:has(.home-page) #siteHeader.home-desktop-fixed .main-menu a,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .main-menu a,
  body:has(.home-page) #siteHeader.home-desktop-fixed .header-actions,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .header-actions{
    color:#222!important;
  }

  body:has(.home-page) #siteHeader.home-desktop-fixed .search-box input,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(.home-page) #siteHeader.home-desktop-fixed .header-icon,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .header-icon{
    border-color:#e2e2e2!important;
    color:#222!important;
    background:#fff!important;
  }

  body:has(.home-page) #siteHeader.home-desktop-fixed .main-menu,
  body:has(.hero-section) #siteHeader.home-desktop-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.home-desktop-header-fixed .home-page,
  body.home-desktop-header-fixed .hero-section{
    padding-top:var(--home-desktop-header-height,120px)!important;
  }
}


/* =========================================================
   V71 - Desktop homepage fixed navbar (correct home selector)
   ========================================================= */
@media (min-width:1025px){
  body:has(#homeHero) #siteHeader.desktop-home-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.08)!important;
  }

  body:has(#homeHero) #siteHeader.desktop-home-fixed .header-inner{
    height:72px!important;
  }

  body:has(#homeHero) #siteHeader.desktop-home-fixed .logo,
  body:has(#homeHero) #siteHeader.desktop-home-fixed .logo a,
  body:has(#homeHero) #siteHeader.desktop-home-fixed .main-menu a,
  body:has(#homeHero) #siteHeader.desktop-home-fixed .header-actions{
    color:#222!important;
  }

  body:has(#homeHero) #siteHeader.desktop-home-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(#homeHero) #siteHeader.desktop-home-fixed .header-icon{
    color:#222!important;
    border-color:#e3e3e3!important;
    background:#fff!important;
  }

  body:has(#homeHero) #siteHeader.desktop-home-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.desktop-home-header-fixed main{
    padding-top:var(--desktop-home-header-height,120px)!important;
  }
}


/* =========================================================
   V72 - Desktop category navbar fixed on scroll
   ========================================================= */
@media (min-width:1025px){
  body:has(.category-page) #siteHeader.category-header.desktop-category-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.07)!important;
  }

  body:has(.category-page) #siteHeader.desktop-category-fixed .header-inner{
    height:64px!important;
  }

  body:has(.category-page) #siteHeader.desktop-category-fixed .logo,
  body:has(.category-page) #siteHeader.desktop-category-fixed .logo a,
  body:has(.category-page) #siteHeader.desktop-category-fixed .main-menu a,
  body:has(.category-page) #siteHeader.desktop-category-fixed .header-actions{
    color:#222!important;
  }

  body:has(.category-page) #siteHeader.desktop-category-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(.category-page) #siteHeader.desktop-category-fixed .header-icon{
    color:#222!important;
    border-color:#e3e3e3!important;
    background:#fff!important;
  }

  body:has(.category-page) #siteHeader.desktop-category-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.desktop-category-header-fixed .category-page{
    padding-top:var(--desktop-category-header-height,112px)!important;
  }
}


/* =========================================================
   V73 - Desktop product detail navbar fixed on scroll
   ========================================================= */
@media (min-width:1025px){
  body:has(.product-detail-page) #siteHeader.category-header.desktop-product-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.07)!important;
  }

  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .header-inner{
    height:64px!important;
  }

  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .logo,
  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .logo a,
  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .main-menu a,
  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .header-actions{
    color:#222!important;
  }

  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .header-icon{
    color:#222!important;
    border-color:#e3e3e3!important;
    background:#fff!important;
  }

  body:has(.product-detail-page) #siteHeader.desktop-product-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.desktop-product-header-fixed .product-detail-page{
    padding-top:var(--desktop-product-header-height,112px)!important;
  }
}


/* =========================================================
   V74 - Desktop cart navbar fixed on scroll
   ========================================================= */
@media (min-width:1025px){
  body:has(.cart-page) #siteHeader.category-header.desktop-cart-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.07)!important;
  }

  body:has(.cart-page) #siteHeader.desktop-cart-fixed .header-inner{
    height:64px!important;
  }

  body:has(.cart-page) #siteHeader.desktop-cart-fixed .logo,
  body:has(.cart-page) #siteHeader.desktop-cart-fixed .logo a,
  body:has(.cart-page) #siteHeader.desktop-cart-fixed .main-menu a,
  body:has(.cart-page) #siteHeader.desktop-cart-fixed .header-actions{
    color:#222!important;
  }

  body:has(.cart-page) #siteHeader.desktop-cart-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(.cart-page) #siteHeader.desktop-cart-fixed .header-icon{
    color:#222!important;
    border-color:#e3e3e3!important;
    background:#fff!important;
  }

  body:has(.cart-page) #siteHeader.desktop-cart-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.desktop-cart-header-fixed .cart-page{
    padding-top:var(--desktop-cart-header-height,112px)!important;
  }
}


/* =========================================================
   V75 - Desktop checkout start navbar fixed on scroll
   ========================================================= */
@media (min-width:1025px){
  body:has(.checkout-gateway-page) #siteHeader.category-header.desktop-checkout-start-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.07)!important;
  }

  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .header-inner{
    height:64px!important;
  }

  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .logo,
  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .logo a,
  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .main-menu a,
  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .header-actions{
    color:#222!important;
  }

  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .header-icon{
    color:#222!important;
    border-color:#e3e3e3!important;
    background:#fff!important;
  }

  body:has(.checkout-gateway-page) #siteHeader.desktop-checkout-start-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.desktop-checkout-start-header-fixed .checkout-gateway-page{
    padding-top:var(--desktop-checkout-start-header-height,112px)!important;
  }
}


/* =========================================================
   V76 - Desktop checkout navbar fixed on scroll
   ========================================================= */
@media (min-width:1025px){
  body:has(.checkout-page-gaus) #siteHeader.category-header.desktop-checkout-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.07)!important;
  }

  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .header-inner{
    height:64px!important;
  }

  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .logo,
  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .logo a,
  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .main-menu a,
  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .header-actions{
    color:#222!important;
  }

  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .header-icon{
    color:#222!important;
    border-color:#e3e3e3!important;
    background:#fff!important;
  }

  body:has(.checkout-page-gaus) #siteHeader.desktop-checkout-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.desktop-checkout-header-fixed .checkout-page-gaus{
    padding-top:var(--desktop-checkout-header-height,112px)!important;
  }
}


/* =========================================================
   V77 - Desktop account navbar fixed on scroll
   ========================================================= */
@media (min-width:1025px){
  body:has(.account-page) #siteHeader.category-header.desktop-account-fixed{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:9999!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 2px 14px rgba(0,0,0,.07)!important;
  }

  body:has(.account-page) #siteHeader.desktop-account-fixed .header-inner{
    height:64px!important;
  }

  body:has(.account-page) #siteHeader.desktop-account-fixed .logo,
  body:has(.account-page) #siteHeader.desktop-account-fixed .logo a,
  body:has(.account-page) #siteHeader.desktop-account-fixed .main-menu a,
  body:has(.account-page) #siteHeader.desktop-account-fixed .header-actions{
    color:#222!important;
  }

  body:has(.account-page) #siteHeader.desktop-account-fixed .search-box input{
    color:#222!important;
    border-bottom-color:#cfcfcf!important;
  }

  body:has(.account-page) #siteHeader.desktop-account-fixed .header-icon{
    color:#222!important;
    border-color:#e3e3e3!important;
    background:#fff!important;
  }

  body:has(.account-page) #siteHeader.desktop-account-fixed .main-menu{
    background:#fff!important;
    border-top:1px solid #eee!important;
    border-bottom:1px solid #eee!important;
  }

  body.desktop-account-header-fixed .account-page{
    padding-top:var(--desktop-account-header-height,112px)!important;
  }
}


/* =========================================================
   V78 - Professional account dashboard
   ========================================================= */
.account-dashboard{
  padding:46px 24px 90px!important;
  background:#f7f7f5!important;
  min-height:680px!important;
}

.account-dashboard-shell{
  width:min(1120px,calc(100% - 20px));
  margin:0 auto;
}

.account-hero{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);
  gap:24px;
  align-items:stretch;
  padding:42px;
  background:#171717;
  color:#fff;
}

.account-hero-copy{
  max-width:660px;
}

.account-eyebrow{
  display:block;
  margin-bottom:18px;
  color:#b18b67;
  font-size:9px;
  font-weight:700;
  letter-spacing:2.4px;
}

.account-hero h1{
  margin:0 0 16px;
  font-size:38px;
  line-height:1.08;
  font-weight:500;
  letter-spacing:-1px;
}

.account-hero p{
  max-width:580px;
  margin:0;
  color:#bdbdbd;
  font-size:13px;
  line-height:1.8;
}

.account-profile-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:22px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);
}

.account-avatar{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  font-size:18px;
  font-weight:700;
  letter-spacing:1px;
}

.account-profile-card strong,
.account-profile-card span,
.account-profile-card small{
  display:block;
}

.account-profile-card strong{
  margin-bottom:5px;
  font-size:14px;
  font-weight:700;
}

.account-profile-card span{
  color:#c7c7c7;
  font-size:11px;
  line-height:1.5;
  word-break:break-word;
}

.account-profile-card small{
  margin-top:4px;
  color:#8f8f8f;
  font-size:10px;
}

.account-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #dedede;
  border-top:0;
  background:#fff;
}

.account-stat{
  padding:22px 26px;
  border-right:1px solid #e5e5e5;
}

.account-stat:last-child{
  border-right:0;
}

.account-stat span,
.account-stat strong{
  display:block;
}

.account-stat span{
  margin-bottom:7px;
  color:#777;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.account-stat strong{
  color:#111;
  font-size:18px;
  font-weight:600;
}

.account-actions{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:24px;
}

.account-action-card{
  min-height:118px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 22px;
  gap:16px;
  align-items:center;
  padding:24px;
  border:1px solid #ddd;
  background:#fff;
  color:#111;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.account-action-card:hover{
  border-color:#111;
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}

.account-action-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dedede;
}

.account-action-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.account-action-copy strong,
.account-action-copy small{
  display:block;
}

.account-action-copy strong{
  margin-bottom:6px;
  font-size:13px;
  font-weight:700;
}

.account-action-copy small{
  color:#777;
  font-size:10.5px;
  line-height:1.55;
}

.account-action-arrow{
  justify-self:end;
  font-size:18px;
  transition:transform .18s ease;
}

.account-action-card:hover .account-action-arrow{
  transform:translateX(3px);
}

.account-action-logout{
  background:#fafafa;
}

@media(max-width:900px){
  .account-dashboard{
    padding:28px 16px 90px!important;
  }

  .account-dashboard-shell{
    width:100%;
  }

  .account-hero{
    grid-template-columns:1fr;
    padding:30px;
  }

  .account-stats{
    grid-template-columns:1fr;
  }

  .account-stat{
    border-right:0;
    border-bottom:1px solid #e5e5e5;
  }

  .account-stat:last-child{
    border-bottom:0;
  }

  .account-actions{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .account-dashboard{
    padding:16px 12px 96px!important;
  }

  .account-hero{
    padding:24px 20px;
  }

  .account-hero h1{
    font-size:29px;
  }

  .account-profile-card{
    padding:17px;
  }

  .account-action-card{
    min-height:104px;
    grid-template-columns:42px minmax(0,1fr) 18px;
    padding:18px;
  }

  .account-action-icon{
    width:42px;
    height:42px;
  }
}


/* =========================================================
   V79 - Refined account page (same content, better design)
   ========================================================= */
.account-page-refined{
  background:#f7f7f5!important;
  padding:56px 24px 110px!important;
  min-height:650px!important;
}

.account-card-refined{
  max-width:860px!important;
  margin:0 auto!important;
  padding:48px 52px!important;
  border:1px solid #dedede!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,.035)!important;
}

.account-card-kicker{
  display:block;
  margin-bottom:12px;
  color:#9a7a5d;
  font-size:9px;
  font-weight:700;
  letter-spacing:2.2px;
}

.account-card-refined h1{
  margin:0 0 26px!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:-.6px!important;
  color:#111!important;
}

.account-welcome{
  padding:20px 0 24px;
  border-top:1px solid #ececec;
  border-bottom:1px solid #ececec;
}

.account-welcome p{
  margin:0 0 7px;
  font-size:15px;
  color:#111;
}

.account-welcome p strong{
  font-weight:700;
}

.account-welcome span{
  color:#777;
  font-size:11.5px;
  line-height:1.6;
}

.account-links-refined{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:12px!important;
  margin-top:28px!important;
}

.account-links-refined a{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border:1px solid #111!important;
  background:#fff!important;
  color:#111!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:1px!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}

.account-links-refined a:hover{
  background:#111!important;
  color:#fff!important;
}

.account-links-refined .account-logout-link{
  background:#111!important;
  color:#fff!important;
}

.account-links-refined .account-logout-link:hover{
  background:#fff!important;
  color:#111!important;
}

@media(max-width:900px){
  .account-page-refined{
    padding:34px 16px 100px!important;
  }

  .account-card-refined{
    padding:34px 28px!important;
  }
}

@media(max-width:600px){
  .account-page-refined{
    padding:20px 12px 96px!important;
  }

  .account-card-refined{
    padding:28px 20px!important;
  }

  .account-card-refined h1{
    font-size:28px!important;
  }

  .account-links-refined{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V80 - Account addresses menu + address listing
   ========================================================= */
.account-links-refined{
  grid-template-columns:repeat(4,1fr)!important;
}

.addresses-card{
  max-width:900px!important;
}

.addresses-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:8px;
}

.address-item{
  padding:22px;
  border:1px solid #dedede;
  background:#fff;
}

.address-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.address-item-head strong{
  font-size:13px;
  color:#111;
}

.address-default-badge{
  padding:5px 8px;
  border:1px solid #111;
  font-size:8px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
}

.address-name{
  margin:0 0 8px!important;
  font-weight:700;
  color:#111!important;
}

.address-item p{
  margin:0;
  color:#666;
  font-size:11px;
  line-height:1.65;
}

.address-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid #eee;
  color:#777;
  font-size:10px;
}

.addresses-empty{
  padding:32px 0 10px;
  border-top:1px solid #ececec;
}

.addresses-empty strong,
.addresses-empty span{
  display:block;
}

.addresses-empty strong{
  margin-bottom:7px;
  font-size:14px;
}

.addresses-empty span{
  color:#777;
  font-size:11px;
}

.addresses-back{
  margin-top:26px;
  padding-top:20px;
  border-top:1px solid #ececec;
}

.addresses-back a{
  color:#111;
  font-size:10px;
  font-weight:700;
  letter-spacing:.8px;
  text-decoration:none;
}

@media(max-width:900px){
  .account-links-refined{
    grid-template-columns:repeat(2,1fr)!important;
  }

  .addresses-list{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .account-links-refined{
    grid-template-columns:1fr!important;
  }
}

/* V81 - Address add form */
.addresses-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.addresses-title-row h1{margin-bottom:0!important}
.address-add-btn,.address-add-form button{height:46px;border:1px solid #111;background:#111;color:#fff;padding:0 22px;font-size:9px;font-weight:700;letter-spacing:1.4px;cursor:pointer}
.address-add-btn:hover,.address-add-form button:hover{background:#fff;color:#111}
.address-add-panel{display:none;margin:0 0 28px;padding:26px;border:1px solid #dedede;background:#fafafa}
.address-add-panel.is-open{display:block}
.address-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.address-add-form label{display:block}
.address-add-form label span{display:block;margin-bottom:8px;font-size:9px;font-weight:700;letter-spacing:.5px;color:#111}
.address-add-form input,.address-add-form textarea{width:100%;box-sizing:border-box;border:1px solid #d0d0d0;background:#fff;color:#111;padding:13px 14px;font:inherit;outline:none}
.address-add-form input{height:46px}
.address-add-form input:focus,.address-add-form textarea:focus{border-color:#111}
.address-form-full{grid-column:1/-1}
.address-form-actions{display:flex;gap:10px;margin-top:20px}
.address-add-form .address-cancel-btn{background:#fff;color:#111}
.address-message{margin:0 0 20px;padding:13px 15px;border:1px solid #111;font-size:11px}
.address-message-error{border-color:#b42318;color:#b42318}
@media(max-width:600px){
 .addresses-title-row{align-items:flex-start;flex-direction:column}
 .address-add-btn{width:100%}
 .address-form-grid{grid-template-columns:1fr}
 .address-form-full{grid-column:auto}
 .address-add-panel{padding:18px}
 .address-form-actions{flex-direction:column}
 .address-add-form button{width:100%}
}


/* =========================================================
   V82 - Addresses page readability
   ========================================================= */
.addresses-page .account-card-kicker{
  font-size:10px!important;
  letter-spacing:2px!important;
}

.addresses-page .account-card-refined h1{
  font-size:36px!important;
}

.addresses-page .address-add-btn{
  font-size:10px!important;
  letter-spacing:1.2px!important;
}

.addresses-page .address-add-form label span{
  font-size:11px!important;
  line-height:1.4!important;
  margin-bottom:9px!important;
}

.addresses-page .address-add-form input,
.addresses-page .address-add-form textarea{
  font-size:13px!important;
  line-height:1.45!important;
}

.addresses-page .address-add-form input::placeholder,
.addresses-page .address-add-form textarea::placeholder{
  font-size:12.5px!important;
}

.addresses-page .address-add-form button{
  font-size:10px!important;
  letter-spacing:1.2px!important;
}

.addresses-page .addresses-empty strong{
  font-size:15px!important;
  line-height:1.4!important;
}

.addresses-page .addresses-empty span{
  font-size:12px!important;
  line-height:1.6!important;
}

.addresses-page .addresses-back a{
  font-size:11px!important;
  line-height:1.4!important;
}

.addresses-page .address-item-head strong{
  font-size:14px!important;
}

.addresses-page .address-default-badge{
  font-size:9px!important;
}

.addresses-page .address-item p{
  font-size:12px!important;
  line-height:1.7!important;
}

.addresses-page .address-meta{
  font-size:11px!important;
  line-height:1.5!important;
}

.addresses-page .address-message{
  font-size:12px!important;
  line-height:1.5!important;
}

@media(max-width:900px){
  .addresses-page .account-card-refined h1{
    font-size:32px!important;
  }

  .addresses-page .address-add-form label span{
    font-size:10.5px!important;
  }

  .addresses-page .address-add-form input,
  .addresses-page .address-add-form textarea{
    font-size:12.5px!important;
  }
}

@media(max-width:600px){
  .addresses-page .account-card-refined h1{
    font-size:29px!important;
  }

  .addresses-page .address-add-btn,
  .addresses-page .address-add-form button{
    font-size:10px!important;
  }

  .addresses-page .addresses-empty strong{
    font-size:14px!important;
  }

  .addresses-page .addresses-empty span{
    font-size:11.5px!important;
  }
}


/* V83 - Address edit action */
.addresses-page .address-item-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #e8e8e8;
}
.addresses-page .address-edit-btn{
  appearance:none;
  border:1px solid #111;
  background:#fff;
  color:#111;
  min-height:38px;
  padding:0 22px;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.2px;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.addresses-page .address-edit-btn:hover{
  background:#111;
  color:#fff;
}
.addresses-page .address-edit-panel{
  display:none;
  margin-top:18px;
  padding-top:20px;
  border-top:1px solid #e8e8e8;
}
.addresses-page .address-edit-panel.is-open{
  display:block;
}
.addresses-page .address-edit-form{
  margin:0;
}
@media(max-width:600px){
  .addresses-page .address-item-actions{
    justify-content:stretch;
  }
  .addresses-page .address-edit-btn{
    width:100%;
    min-height:44px;
  }
}


/* V84 - Address delete action */
.addresses-page .address-item-actions{
  gap:10px;
  align-items:center;
}
.addresses-page .address-delete-form{
  margin:0;
}
.addresses-page .address-delete-btn{
  appearance:none;
  border:1px solid #111;
  background:#111;
  color:#fff;
  min-height:38px;
  padding:0 22px;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.2px;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.addresses-page .address-delete-btn:hover{
  background:#fff;
  color:#111;
}
@media(max-width:600px){
  .addresses-page .address-item-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .addresses-page .address-delete-form,
  .addresses-page .address-delete-btn{
    width:100%;
  }
  .addresses-page .address-delete-btn{
    min-height:44px;
  }
}


/* V85 - Address province/district + TR phone controls */
.addresses-page .address-add-form select{
  width:100%;
  height:46px;
  box-sizing:border-box;
  border:1px solid #d0d0d0;
  background:#fff;
  color:#111;
  padding:0 13px;
  font-size:13px;
  outline:none;
}
.addresses-page .address-add-form select:focus{
  border-color:#111;
}
.addresses-page .address-add-form select:disabled{
  color:#999;
  background:#f6f6f6;
}
.addresses-page .address-phone-wrap{
  width:100%;
  height:46px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  border:1px solid #d0d0d0;
  background:#fff;
  overflow:hidden;
}
.addresses-page .address-phone-wrap:focus-within{
  border-color:#111;
}
.addresses-page .address-phone-wrap > span,
.addresses-page .address-phone-wrap > b{
  height:100%;
  display:flex;
  align-items:center;
  padding:0 13px;
  white-space:nowrap;
  font-size:12px;
}
.addresses-page .address-phone-wrap > span{
  border-right:1px solid #e5e5e5;
  font-weight:500;
}
.addresses-page .address-phone-wrap > b{
  border-right:1px solid #e5e5e5;
  font-weight:700;
}
.addresses-page .address-phone-wrap input.address-phone{
  flex:1;
  min-width:0;
  height:100%!important;
  border:0!important;
  padding:0 14px!important;
  box-shadow:none!important;
  font-size:13px!important;
}
@media(max-width:600px){
  .addresses-page .address-add-form select,
  .addresses-page .address-phone-wrap{
    height:48px;
  }
}


/* =========================================================
   V87 - Mobile empty cart refinement
   ========================================================= */
@media (max-width:768px){
  .cart-page{
    min-height:calc(100vh - 170px)!important;
    padding-bottom:110px!important;
  }

  .cart-page .cart-container{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .cart-page .cart-page-title{
    display:flex!important;
    align-items:baseline!important;
    gap:10px!important;
    margin:0!important;
    padding:30px 0 18px!important;
    border-bottom:1px solid #ececec!important;
  }

  .cart-page .cart-page-title h1{
    margin:0!important;
    font-size:29px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:-.8px!important;
  }

  .cart-page .cart-page-title span{
    font-size:9.5px!important;
    font-weight:700!important;
    letter-spacing:1.4px!important;
    color:#888!important;
  }

  .cart-page .empty-state{
    max-width:none!important;
    width:100%!important;
    min-height:310px!important;
    padding:72px 0 48px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }

  .cart-page .empty-state h2{
    margin:0 0 8px!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#111!important;
  }

  .cart-page .empty-state p{
    margin:0 0 24px!important;
    max-width:320px!important;
    font-size:13px!important;
    line-height:1.55!important;
    color:#555!important;
  }

  .cart-page .empty-state .cart-checkout-button{
    width:230px!important;
    max-width:100%!important;
    min-height:52px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#111!important;
    color:#fff!important;
    border:1px solid #111!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:1.5px!important;
    text-align:center!important;
  }

  .cart-page .empty-state .cart-checkout-button:active{
    background:#fff!important;
    color:#111!important;
  }
}

@media (max-width:480px){
  .cart-page .cart-container{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .cart-page .cart-page-title{
    padding-top:26px!important;
  }

  .cart-page .cart-page-title h1{
    font-size:27px!important;
  }

  .cart-page .empty-state{
    min-height:290px!important;
    padding-top:58px!important;
  }

  .cart-page .empty-state h2{
    font-size:20px!important;
  }

  .cart-page .empty-state p{
    font-size:12.5px!important;
  }

  .cart-page .empty-state .cart-checkout-button{
    width:220px!important;
    min-height:50px!important;
  }
}


/* V88 - Favorites navigation fix */
@media (min-width:901px){
  .account-links-refined{
    grid-template-columns:repeat(5,1fr)!important;
  }
}
.mobile-bottom-item.is-active{
  color:#111!important;
  font-weight:700!important;
}


/* V89 - Mobile WhatsApp: keep it visible above the fixed bottom navigation */
@media (max-width:1024px){
  .whatsapp-button{
    display:flex!important;
    position:fixed!important;
    left:auto!important;
    right:14px!important;
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    z-index:10020!important;
    width:50px!important;
    height:50px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}
@media (max-width:480px){
  .whatsapp-button{
    right:12px!important;
    bottom:calc(76px + env(safe-area-inset-bottom))!important;
    width:48px!important;
    height:48px!important;
  }
}


/* =========================================================
   V90 - Desktop product favorite button alignment
   ========================================================= */
@media (min-width:769px){

  .product-detail-page .product-action-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 56px!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%!important;
  }

  .product-detail-page .product-action-row .add-to-cart-button{
    width:100%!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
  }

  .product-detail-page .product-favorite-button{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;

    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:56px!important;
    min-height:56px!important;

    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid #d8d8d8!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:none!important;
  }

  .product-detail-page .product-favorite-button:hover{
    border-color:#111!important;
    background:#fff!important;
    color:#111!important;
    transform:none!important;
  }

  .product-detail-page .product-favorite-button svg{
    width:22px!important;
    height:22px!important;
    fill:transparent!important;
    stroke:#111!important;
    stroke-width:1.6!important;
  }

  .product-detail-page .product-favorite-button span{
    display:none!important;
  }

  .product-detail-page .product-favorite-button.is-active{
    background:#111!important;
    border-color:#111!important;
    color:#fff!important;
  }

  .product-detail-page .product-favorite-button.is-active svg{
    fill:#fff!important;
    stroke:#fff!important;
  }
}


/* =========================================================
   V91 - Admin banner locations wired to storefront
   Ana Sayfa - Orta / Alt + Kategori
   ========================================================= */
.content-banner-section{
  width:min(1440px,calc(100% - 48px));
  margin:34px auto;
  display:grid;
  gap:18px;
}
.content-banner{
  position:relative;
  width:100%;
  min-height:280px;
  overflow:hidden;
  background:#eee;
}
.content-banner-media,
.content-banner-media-link{
  display:block;
  width:100%;
  height:100%;
}
.content-banner-media{
  position:absolute;
  inset:0;
}
.content-banner-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.content-banner-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.20) 42%,rgba(0,0,0,0) 72%);
  pointer-events:none;
}
.content-banner-copy{
  position:relative;
  z-index:2;
  min-height:280px;
  max-width:620px;
  padding:48px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  color:#fff;
  pointer-events:none;
}
.content-banner-eyebrow{
  margin-bottom:12px;
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}
.content-banner-copy h2{
  margin:0 0 12px;
  font-size:40px;
  line-height:1.02;
  font-weight:600;
  letter-spacing:-1px;
}
.content-banner-copy p{
  margin:0;
  max-width:500px;
  font-size:14px;
  line-height:1.6;
}
.content-banner-button{
  margin-top:22px;
  min-height:44px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.3px;
  text-decoration:none;
  pointer-events:auto;
}
.home-middle-banners{
  margin-top:42px;
  margin-bottom:42px;
}
.home-bottom-banners{
  margin-top:34px;
  margin-bottom:54px;
}
.category-banners{
  width:min(1320px,calc(100% - 48px));
  margin-top:24px;
  margin-bottom:24px;
}
.category-banners .content-banner{
  min-height:220px;
}
.category-banners .content-banner-copy{
  min-height:220px;
  padding:36px 44px;
}
.category-banners .content-banner-copy h2{
  font-size:32px;
}

@media(max-width:768px){
  .content-banner-section,
  .category-banners{
    width:calc(100% - 24px);
    margin:18px auto;
    gap:12px;
  }
  .content-banner,
  .category-banners .content-banner{
    min-height:220px;
  }
  .content-banner-copy,
  .category-banners .content-banner-copy{
    min-height:220px;
    padding:26px 22px;
    max-width:78%;
  }
  .content-banner-copy h2,
  .category-banners .content-banner-copy h2{
    font-size:28px;
  }
  .content-banner-copy p{
    font-size:12px;
  }
  .content-banner-eyebrow{
    font-size:9px;
  }
}
@media(max-width:480px){
  .content-banner-section,
  .category-banners{
    width:calc(100% - 20px);
  }
  .content-banner,
  .category-banners .content-banner{
    min-height:200px;
  }
  .content-banner-copy,
  .category-banners .content-banner-copy{
    min-height:200px;
    max-width:85%;
    padding:22px 18px;
  }
  .content-banner-copy h2,
  .category-banners .content-banner-copy h2{
    font-size:24px;
  }
}