/* Cici mobile — cicizuccaciye.com parity */

@media (max-width: 767px) {
    body.cici-store {
        padding-bottom: 0 !important;
    }
    body.cici-store.has-mobile-bar {
        padding-bottom: 0 !important;
    }

    /* Bottom WhatsApp bar yok (Cici'de yok) */
    .mobile-bar-inner {
        display: none !important;
    }

    /* Header ~60px: hamburger | logo | ikonlar */
    .header.site-header {
        border-bottom: 1px solid #eee;
    }
    .header-top {
        padding: 0.55rem 0.75rem;
        min-height: 56px;
        gap: 0.5rem;
    }
    .mobile-menu-btn {
        display: inline-flex !important;
        width: 2.25rem;
        height: 2.25rem;
        order: 1;
    }
    .header-brand {
        position: static;
        left: auto;
        transform: none;
        flex: 1;
        display: flex;
        justify-content: center;
        order: 2;
    }
    .logo-main {
        width: min(150px, 42vw);
    }
    .logo-main .logo-mark__brand {
        font-size: 1.35rem !important;
    }
    .logo-main .logo-mark__sub {
        font-size: 0.45rem;
        letter-spacing: 0.28em;
        margin-top: 0.15rem;
    }
    .header-tools {
        order: 3;
        margin-left: 0;
        gap: 0.15rem;
    }
    .header-search {
        display: none !important;
    }
    .header-search-mobile {
        display: none !important;
    }
    .header-icon--account {
        display: inline-flex !important;
    }
    .header-icon {
        width: 2.15rem;
        height: 2.15rem;
        font-size: 1.05rem;
    }
    .header-icon--search {
        display: inline-flex !important;
    }

    /* Masaüstü kategori nav mobilde gizli — menü drawer */
    .nav-links.category-nav {
        display: none !important;
    }

    /* Hero / mid banner: Cici mobilde ~40vw, kenar taşması yok */
    .hero-section--cici,
    .hero-section {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }
    .hero-shell--cici,
    .hero-shell.hero-shell--cici,
    .cici-mid-banner .hero-shell--cici {
        width: 100% !important;
        height: 40vw !important;
        max-height: none !important;
        min-height: 148px !important;
        aspect-ratio: unset !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }
    .hero-shell--cici .hero-slide,
    .hero-shell--cici .hero-slide__img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .cici-series {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }
    .cici-series__banner {
        width: 100% !important;
        height: 40vw !important;
        max-height: none !important;
        min-height: 148px !important;
        aspect-ratio: unset !important;
        border-radius: 0 !important;
        overflow: hidden !important;
    }
    .cici-series__img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .cici-mid-banner {
        padding: 0 !important;
        margin: 0.75rem 0 !important;
        overflow: hidden;
    }

    .marquee-bar--after-hero .marquee-bar__item {
        font-size: 0.65rem;
        padding: 0.45rem 1.25rem;
    }

    /* Dual banners: mobilde 2 sütun, eşit kare */
    .cici-dual {
        padding: 0 0.5rem !important;
        overflow: hidden;
    }
    .cici-dual__row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 0.5rem !important;
        margin: 0 0 0.65rem !important;
        max-width: none !important;
        width: 100% !important;
    }
    .cici-dual__col,
    .cici-dual__col--first {
        width: calc(50% - 0.25rem) !important;
        flex: 0 0 calc(50% - 0.25rem) !important;
        max-width: calc(50% - 0.25rem) !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
    .cici-dual__link {
        width: 100% !important;
        display: block !important;
        overflow: hidden !important;
    }
    .cici-dual__ratio {
        padding-top: 100% !important;
    }
    .cici-dual__img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* Ürün şeritleri */
    .cici-section {
        padding: 1.1rem 0 0.75rem;
    }
    .cici-section__title {
        font-size: 1.05rem !important;
        margin-bottom: 0.85rem !important;
        padding: 0 0.75rem;
    }
    .cici-carousel {
        padding: 0;
    }
    .cici-carousel__nav {
        display: none;
    }
    .cici-carousel__track {
        gap: 0;
        padding: 0 0.25rem 0.5rem;
    }
    .cici-carousel__item {
        flex: 0 0 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
    }
    .cici-carousel__item .product-list-item,
    .product-list-item.cici-product {
        padding: 12px !important;
    }
    .product-list-item__frame {
        padding: 12px;
        border-radius: 16px;
        border: 1px solid #19195d;
        background: #efeef3;
    }
    /* Cici mobil: görsel overlay hide; fiyat altı buton görünür */
    .overlay-hover.hide {
        display: none !important;
    }
    .add-to-cart-overlay.cici-product__cart {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        margin-top: 8px !important;
        pointer-events: auto;
    }
    .stock.btn-81,
    .cici-product__btn,
    .add-to-cart-overlay .stock {
        height: 34px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }
    .product-name .cici-product__title,
    .cici-product__title {
        font-size: 13px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .discount-percent,
    .cici-product__discount {
        width: 32px;
        min-width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 11px !important;
    }
    .cici-product__price-old { font-size: 13px !important; }
    .cici-product__price { font-size: 15px !important; }
    .price-main,
    .cici-product__price-row {
        min-height: 34px;
        margin-top: 8px !important;
    }

    /* Listing grid 2 col */
    .cici-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }
    .cici-products-grid .product-list-item {
        padding: 12px !important;
    }

    /* Collections */
    .cici-collections-row {
        padding: 1.25rem 0 0.75rem;
    }
    .cici-collections-row__scroll {
        justify-content: flex-start;
        gap: 1rem;
        padding: 0 0.75rem;
    }
    .cici-collections-row__item,
    .cici-collections-row__img-wrap,
    .collection-image-main {
        width: 100px !important;
        height: auto;
    }
    .cici-collections-row__img-wrap,
    .collection-image-main {
        height: 100px !important;
    }
    .cici-collections-row__label {
        font-size: 0.75rem;
    }

    /* PDP mobile */
    .cici-pdp__gallery {
        grid-template-columns: 1fr;
    }
    .cici-pdp__thumbs {
        order: 2;
        flex-direction: row;
        max-height: none;
        width: 100%;
    }
    .cici-pdp__thumb-track {
        flex-direction: row;
        max-height: none;
        overflow-x: auto;
        width: 100%;
        gap: 0.4rem;
    }
    .cici-pdp__thumb-nav { display: none; }
    .cici-pdp__buy {
        flex-direction: column;
    }
    .cici-pdp__qty {
        width: 100%;
        justify-content: space-between;
    }
    .cici-pdp__cart { width: 100%; }

    /* FAB — Cici: sağ alt, mobil bar yok */
    .fab-whatsapp {
        bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
        right: max(0.85rem, env(safe-area-inset-right)) !important;
        width: 3.25rem;
        height: 3.25rem;
    }
    .fab-deals,
    .fab-deals--firsat {
        bottom: calc(4.75rem + env(safe-area-inset-bottom)) !important;
        right: max(0.75rem, env(safe-area-inset-right)) !important;
        width: 3.5rem !important;
        height: 3.5rem !important;
        font-size: 0.48rem !important;
    }

    /* Footer compact */
    .cici-footer-trust {
        padding: 1.25rem 0;
    }
    .cici-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem 1rem;
    }
    .cici-footer__col--social {
        grid-column: 1 / -1;
    }
    .cici-footer__social {
        flex-direction: row !important;
    }
    .cici-footer-seo {
        padding: 1rem 0 1.25rem;
    }
    .cici-footer-seo__inner {
        font-size: 0.75rem;
        padding: 0 0.75rem;
    }

    .cici-listing__title,
    .cici-page__title {
        font-size: 1.35rem;
    }
    .cici-listing__head {
        flex-direction: column;
        align-items: stretch;
    }
    .cici-listing__search {
        width: 100%;
    }
}