:root {
    --plp-ink: #151b2b;
    --plp-muted: #697386;
    --plp-line: #e5e9f0;
    --plp-soft: #f6f7f9;
    --plp-accent: #ef5b3f;
    --plp-radius: 16px;
    --plp-shadow: 0 12px 32px rgba(21, 27, 43, .08);
}

body.storefront-phase17 { max-width: 100%; overflow-x: hidden; }
.storefront-phase17 .top-level-menu > li:nth-last-child(-n+3) > .second-level-menu { left: auto; right: 0; }
.storefront-phase17 .cat-detail-main-div { background: #fff; color: var(--plp-ink); }
.storefront-phase17 .cat-detail-main-div-in { width: min(1360px, calc(100% - 48px)); display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 20px 28px; padding: 34px 0 70px; }
.storefront-phase17 .page-banner-main { min-height: 144px; display: flex; align-items: center; }
.storefront-phase17 .page-banner-in-text { width: min(1360px, calc(100% - 48px)); }
.storefront-phase17 .page-banner-h { font-size: clamp(28px, 3vw, 42px); font-weight: 800; letter-spacing: -.035em; }
.storefront-phase17 .page-banner-links,
.storefront-phase17 .cat-right-links { font-size: 12px; color: var(--plp-muted); gap: 8px; }
.storefront-phase17 .page-banner-links a,
.storefront-phase17 .cat-right-links a { color: inherit; }
.storefront-phase17 .cat-right-links i { margin: 0 2px; color: #a4acb9; }

.storefront-phase17 .cat-left-main { width: 260px; flex: 0 0 260px; margin: 0; padding: 22px; border: 1px solid var(--plp-line); border-radius: var(--plp-radius); background: #fff; position: sticky; top: 18px; }
.storefront-phase17 .cat-left-box-main { margin: 0 0 20px; padding: 0 0 20px; border: 0; border-bottom: 1px solid var(--plp-line); background: transparent; }
.storefront-phase17 .cat-left-box-main:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.storefront-phase17 .cat-left-box-h { font-size: 14px; margin-bottom: 10px; color: var(--plp-ink); }
.storefront-phase17 .cat-left-box-h > div { display: none; }
.storefront-phase17 .cat-left-box-t { padding: 7px 0; font-size: 13px; }
.storefront-phase17 .cat-left-box-out { max-height: 220px; padding-right: 5px; }
.storefront-phase17 .custom-control-label { color: #3f4858 !important; }
.storefront-phase17 .custom-control-input:checked ~ .custom-control-label { color: var(--plp-ink) !important; font-weight: 700; }

.storefront-phase17 .cat-detail-main-div-in > .cat-right-header-out { grid-column: 1 / -1; }
.storefront-phase17 .cat-right-main { min-width: 0; }
.storefront-phase17 .cat-right-header-out { padding: 0; margin: 0 0 18px; }
.storefront-phase17 .cat-right-header,
.storefront-phase17 .cat-right-header2 { border: 0; border-radius: var(--plp-radius); padding: 0; background: transparent; }
.storefront-phase17 .cat-right-head-text { margin: 0 0 8px !important; color: var(--plp-ink) !important; font-size: clamp(27px, 2.5vw, 38px); line-height: 1.12; letter-spacing: -.035em; font-weight: 800; }
.storefront-phase17 .cat-right-head-text .plp-product-count { display: block; margin-top: 9px; color: var(--plp-muted); font-size: 14px; font-weight: 600; letter-spacing: 0; }
.storefront-phase17 .cat-right-desc { max-width: 800px; max-height: 76px; overflow: auto; color: var(--plp-muted) !important; font-size: 14px; line-height: 1.65; }
.storefront-phase17 .cat-right-header2-right img { max-width: 120px; max-height: 72px; object-fit: contain; }

.storefront-phase17 .cat-right-elements-out { padding: 0; margin: 0 0 18px; }
.storefront-phase17 .cat-right-elements { min-height: 64px; padding: 10px 14px 10px 18px; border: 1px solid var(--plp-line); border-radius: 14px; background: var(--plp-soft); }
.storefront-phase17 .cat-right-elements::before { content: attr(data-result-label); color: var(--plp-muted); font-weight: 700; }
.storefront-phase17 .cat-right-elements-right-siralama { margin-right: 10px; }
.storefront-phase17 .cat-right-elements-right-siralama select,
.storefront-phase17 .nice-select-cat-detail { width: 230px; min-height: 42px; border: 1px solid var(--plp-line) !important; border-radius: 10px !important; background: #fff; font-size: 13px; }
.storefront-phase17 .nice-select .list { width: 100%; min-width: 230px; }
.storefront-phase17 .cat-right-elements-right-liste a { width: 36px; height: 36px; display: grid; place-items: center; margin-right: 6px; border: 1px solid var(--plp-line); border-radius: 9px; background: #fff; }
.storefront-phase17 .cat-right-elements-right-liste img { width: 15px; height: 15px; object-fit: contain; }

.storefront-phase17 .cat-left-box-out-filterbox-out { width: 100%; margin: 0 0 16px; gap: 7px; }
.storefront-phase17 .cat-left-box-out-filterbox-out a { min-height: 32px; margin: 0; padding: 6px 11px; border-radius: 999px; border: 1px solid var(--plp-line); background: #fff; color: #3e4654; font-size: 12px; }
.storefront-phase17 .cat-left-box-out-filterbox-out a:last-child { color: var(--plp-accent); border-color: rgba(239,91,63,.28); }

.storefront-phase17 .cat-detail-products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.storefront-phase17 .cat-detail-products > .cat-detail-products-box,
.storefront-phase17 .cat-detail-products > .cat-detail-products-box-big,
.storefront-phase17 .cat-detail-products > .cat-detail-products-box-list { width: 100% !important; min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--plp-line) !important; border-radius: var(--plp-radius) !important; background: #fff !important; box-shadow: none !important; overflow: hidden; }
.storefront-phase17 .cat-detail-products > .cat-detail-products-box:hover,
.storefront-phase17 .cat-detail-products > .cat-detail-products-box-big:hover { transform: translateY(-3px); box-shadow: var(--plp-shadow) !important; border-color: #d9dee8 !important; }
.storefront-phase17 .cat-detail-products-box-img,
.storefront-phase17 .cat-detail-products-box-img-big { aspect-ratio: 1 / 1.03; margin: 0 0 14px; border-radius: 12px; background: var(--plp-soft); display: grid; place-items: center; }
.storefront-phase17 .cat-detail-products-box-img img,
.storefront-phase17 .cat-detail-products-box-img-big img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.storefront-phase17 .cat-detail-products-box:hover img,
.storefront-phase17 .cat-detail-products-box-big:hover img { transform: none !important; }
.storefront-phase17 .cat-detail-products-box-h { min-height: 44px; max-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 1.55; }
.storefront-phase17 .cat-detail-products-box-h a { color: var(--plp-ink) !important; }
.storefront-phase17 .cat-detail-products-box-fiyat { min-height: 44px; align-items: flex-start; }
.storefront-phase17 .cat-detail-products-box-fiyat-mevcut { color: var(--plp-ink) !important; font-size: 19px; }
.storefront-phase17 .cat-detail-products-box-fiyat-eski { color: #8d95a3 !important; font-size: 12px; }
.storefront-phase17 .cat-detail-products-box-cart-1 { opacity: 1; margin-right: 0; }
.storefront-phase17 .cat-detail-products-box-cart-1 button,
.storefront-phase17 .cat-detail-products-box-cart-1 a { width: 38px; height: 38px; padding: 0; display: grid; place-items: center; margin-top: 7px; box-shadow: 0 5px 16px rgba(18,24,37,.12); }

.storefront-phase17 .category-detail-no-product-alert,
.storefront-phase17 .user_subpage_favorites_noitems { width: 100%; padding: 48px 24px; border: 1px dashed #d7dce5; border-radius: var(--plp-radius); background: var(--plp-soft); text-align: center; color: var(--plp-muted); }
.storefront-phase17 .user_subpage_favorites_noitems i { font-size: 46px !important; }
.storefront-phase17 .category-pagination-out { width: 100%; margin: 32px 0 0; }
.storefront-phase17 .pagination { gap: 6px; flex-wrap: wrap; }
.storefront-phase17 .pagination .page-link { min-width: 38px; height: 38px; padding: 8px 11px; display: grid; place-items: center; border: 1px solid var(--plp-line); border-radius: 10px !important; color: var(--plp-ink); background: #fff; }
.storefront-phase17 .pagination .active .page-link { border-color: var(--plp-ink); background: var(--plp-ink); color: #fff; }

.plp-mobile-toolbar, .plp-mobile-backdrop, .plp-drawer-header, .plp-drawer-footer, .plp-sort-header { display: none; }

@media (max-width: 1199px) {
    .storefront-phase17 .cat-detail-main-div-in { width: min(100% - 32px, 1100px); grid-template-columns: 238px minmax(0, 1fr); gap: 18px 20px; }
    .storefront-phase17 .cat-left-main { width: 238px; flex-basis: 238px; }
    .storefront-phase17 .cat-detail-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
    .storefront-phase17 .detail-none { display: block !important; }
}

@media (max-width: 767px) {
    body.storefront-phase17 { overflow-x: hidden; }
    body.storefront-phase17.plp-filter-open,
    body.storefront-phase17.plp-sort-open { overflow: hidden; }
    .storefront-phase17 .page-banner-main { min-height: 104px; }
    .storefront-phase17 .page-banner-in-text,
    .storefront-phase17 .cat-detail-main-div-in { width: calc(100% - 24px); }
    .storefront-phase17 .cat-detail-main-div-in { display: block; padding: 20px 0 92px; }
    .storefront-phase17 .cat-right-head-text { font-size: 26px; }
    .storefront-phase17 .cat-right-desc { max-height: 62px; }
    .storefront-phase17 .cat-right-header2-right { width: 90px; }
    .storefront-phase17 .cat-right-elements-out { margin-bottom: 14px; }
    .storefront-phase17 .cat-right-elements { padding: 10px; min-height: 0; }
    .storefront-phase17 .cat-right-elements-left,
    .storefront-phase17 .cat-right-elements-right-liste { display: none; }
    .storefront-phase17 .cat-right-elements-right { width: 100%; }
    .storefront-phase17 .cat-right-elements-right-siralama { width: 100%; margin: 0; }
    .storefront-phase17 .cat-right-elements-right-siralama select,
    .storefront-phase17 .nice-select-cat-detail { width: 100%; }
    .storefront-phase17 .cat-right-elements-out { display: none; }
    .storefront-phase17 .cat-detail-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .storefront-phase17 .cat-detail-products > .cat-detail-products-box,
    .storefront-phase17 .cat-detail-products > .cat-detail-products-box-big { padding: 10px; }
    .storefront-phase17 .cat-detail-products-box-h { font-size: 12px; line-height: 1.45; min-height: 36px; max-height: 36px; }
    .storefront-phase17 .cat-detail-products-box-fiyat-mevcut { font-size: 15px; }
    .storefront-phase17 .cat-detail-products-box-indirim { font-size: 10px; }
    .storefront-phase17 .cat-detail-products-box-cart-1 button,
    .storefront-phase17 .cat-detail-products-box-cart-1 a { width: 32px; height: 32px; font-size: 13px; }

    .plp-mobile-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; position: sticky; top: 0; z-index: 30; margin: 0 0 14px; padding: 9px; border: 1px solid var(--plp-line); border-radius: 13px; background: rgba(255,255,255,.96); box-shadow: 0 8px 22px rgba(21,27,43,.06); backdrop-filter: blur(12px); }
    .plp-mobile-count { padding-left: 4px; color: var(--plp-muted); font-size: 12px; font-weight: 700; white-space: nowrap; }
    .plp-mobile-actions { display: flex; gap: 7px; }
    .plp-mobile-button { min-height: 40px; padding: 8px 12px; border: 1px solid var(--plp-line); border-radius: 10px; background: #fff; color: var(--plp-ink); font-size: 12px; font-weight: 750; }
    .plp-mobile-button i { margin-right: 5px; }
    .plp-active-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 99px; background: var(--plp-ink); color: #fff; }
    .plp-mobile-backdrop { position: fixed; inset: 0; z-index: 1010; background: rgba(14,19,29,.54); }
    .plp-filter-open .plp-mobile-backdrop,
    .plp-sort-open .plp-mobile-backdrop { display: block; }
    .storefront-phase17 .cat-left-main { display: block; position: fixed; z-index: 1020; left: 0; right: 0; bottom: 0; top: 70px; width: 100%; max-width: none; padding: 78px 18px 88px; border: 0; border-radius: 20px 20px 0 0; overflow-y: auto; transform: translateY(110%); transition: transform .25s ease; }
    .storefront-phase17.plp-filter-open .detail-none { display: block !important; }
    .storefront-phase17.plp-filter-open .cat-left-main { transform: translateY(0); }
    .storefront-phase17 .category-detail-mobile-acc { position: fixed; z-index: 1020; left: 0; right: 0; bottom: 0; top: 70px; width: 100%; margin: 0; padding: 78px 18px 88px; border-radius: 20px 20px 0 0; background: #fff; overflow-y: auto; transform: translateY(110%); transition: transform .25s ease; }
    .storefront-phase17.plp-filter-open .category-detail-mobile-acc { transform: translateY(0); }
    .storefront-phase17.plp-filter-open .category-detail-mobile-acc-in { display: none; }
    .storefront-phase17.plp-filter-open .category-detail-mobile-acc #subcatAccordion,
    .storefront-phase17.plp-filter-open .category-detail-mobile-acc #filterAccordion { display: block; }
    .plp-drawer-header, .plp-sort-header { position: fixed; z-index: 1030; left: 0; right: 0; bottom: calc(100% - 148px); min-height: 78px; padding: 20px; align-items: center; justify-content: space-between; border-radius: 20px 20px 0 0; background: #fff; transform: translateY(220%); transition: transform .25s ease; }
    .plp-drawer-header span { display: block; margin-top: 4px; color: var(--plp-muted); font-size: 12px; }
    .plp-drawer-header button, .plp-sort-header button { width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--plp-soft); }
    .plp-filter-open .plp-drawer-header { display: flex; transform: translateY(0); }
    .plp-drawer-footer { position: fixed; z-index: 1030; left: 0; right: 0; bottom: 0; min-height: 76px; padding: 12px 16px; align-items: center; gap: 10px; border-top: 1px solid var(--plp-line); background: #fff; transform: translateY(110%); transition: transform .25s ease; }
    .plp-filter-open .plp-drawer-footer { display: flex; transform: translateY(0); }
    .plp-clear-filters { padding: 12px; color: var(--plp-muted); font-weight: 700; }
    .plp-show-results { flex: 1; min-height: 48px; border: 0; border-radius: 12px; background: var(--plp-ink); color: #fff; font-weight: 800; }
    .storefront-phase17.plp-sort-open .cat-right-elements-out { display: block; position: fixed; z-index: 1020; left: 0; right: 0; bottom: 0; margin: 0; padding: 76px 18px 24px; border-radius: 20px 20px 0 0; background: #fff; }
    .plp-sort-open .plp-sort-header { display: flex; bottom: 118px; transform: translateY(0); }
    .plp-sort-open .cat-right-elements { display: block; border: 0; background: #fff; padding: 0; }
    .plp-sort-open .cat-right-elements-right-siralama select { display: block !important; min-height: 48px; border: 1px solid var(--plp-line) !important; border-radius: 12px !important; padding: 0 12px; }
    .plp-sort-open .nice-select { display: none; }
    .storefront-phase17 .category-pagination-out { margin-top: 24px; overflow: hidden; }
    .storefront-phase17 .pagination { justify-content: center !important; gap: 4px; }
    .storefront-phase17 .pagination .page-link { min-width: 34px; height: 34px; padding: 6px 8px; font-size: 11px; }
}

@media (max-width: 374px) {
    .storefront-phase17 .cat-detail-main-div-in { width: calc(100% - 16px); }
    .plp-mobile-toolbar { padding: 7px; }
    .plp-mobile-button { padding: 7px 9px; }
    .storefront-phase17 .cat-detail-products { gap: 7px; }
}
