.page-category h1,.page-category h2,.page-category h3,.page-category .section-title,.page-category .subcategory-main h1,.page-category .viewed-section__title{font-family: var(--font-display);color:var(--ink);font-weight:600;letter-spacing:-.01em}.category-page-main{width:min(94vw,1400px);margin:30px auto 60px;padding:0 20px;display:flex;align-items:flex-start;gap:clamp(16px,2vw,32px);box-sizing:border-box}.category-page-main>.catalog_filtr{flex:0 0 clamp(220px,15vw,340px);flex-shrink:0;order:1;width:clamp(220px,15vw,340px);max-width:340px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:clamp(12px,1.2vw,20px);position:sticky;top:clamp(70px,7vw,110px);max-height:calc(100vh - clamp(90px,9vw,130px));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(156,50,82,.18) transparent;box-shadow:var(--shadow-card);box-sizing:border-box}.category-page-main>.catalog_filtr::-webkit-scrollbar{width:4px}.category-page-main>.catalog_filtr::-webkit-scrollbar-thumb{background:rgba(156,50,82,.18);border-radius:2px}.category-content{order:2}.category-page-main>div,.category-content{flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box}.filter-toggle-btn{display:none;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:10px 16px;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;box-sizing:border-box;transition:background var(--fast) var(--ease) , color var(--fast) var(--ease)}.filter-toggle-btn:hover{background:var(--ink);color:var(--porcelain)}.category-page-main h1,.category-page-main h2{overflow-wrap:anywhere}.subcategories-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(10px,1.2vw,20px);margin:20px 0 40px;width:100%;box-sizing:border-box}.subcategory-card{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);background:var(--sand);border:1px solid var(--sand);border-radius:var(--radius-pill);padding:clamp(12px,1vw,18px) clamp(18px,1.4vw,28px);min-width:0;width:clamp(150px,13vw,280px);min-height:48px;text-align:center;font-weight:600;box-sizing:border-box;overflow-wrap:anywhere;transition:background var(--fast) var(--ease) , color var(--fast) var(--ease) , transform var(--fast) var(--ease)}.subcategory-card:hover{background:var(--ink);color:var(--porcelain);border-color:var(--ink);transform:translateY(-2px)}.pgrid-x7k{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(170px,12vw,280px),280px));justify-content:center;align-items:stretch;gap:clamp(12px,1.4vw,24px);width:100%;max-width:100%;margin-top:20px;box-sizing:border-box}.pcard-x7k{border:1px solid var(--line);border-radius:var(--radius-card-sm);width:100%;max-width:280px;min-width:0;padding:clamp(10px,.8vw,16px);text-align:center;text-decoration:none;color:var(--ink-soft);display:flex;flex-direction:column;position:relative;overflow:visible;box-sizing:border-box;justify-self:center;background:var(--paper);box-shadow:var(--shadow-card);transition:box-shadow var(--med) var(--ease) , transform var(--med) var(--ease) , border-color var(--med) var(--ease)}.pcard-x7k:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:var(--rose)}.pgrid-x7k img,.pcard-x7k img{width: calc(100% + clamp(20px, 1.6vw, 32px));margin-left: calc(-1 * clamp(10px, .8vw, 16px));margin-right: calc(-1 * clamp(10px, .8vw, 16px));margin-top: calc(-1 * clamp(10px, .8vw, 16px));height:auto;aspect-ratio: 1 / 1;object-fit:contain;border-radius:12px 12px 0 0;margin-bottom:12px;background:var(--paper)}.pcard-x7k .bsp-no-photo{width: calc(100% + clamp(20px, 1.6vw, 32px));margin-left: calc(-1 * clamp(10px, .8vw, 16px));margin-right: calc(-1 * clamp(10px, .8vw, 16px));margin-top: calc(-1 * clamp(10px, .8vw, 16px));aspect-ratio: 1 / 1;height:auto;min-height:120px;display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0;margin-bottom:12px;background:var(--paper);color:var(--ink-faint);font-size:13px}.pcard-x7k .product-sub{font-size:12px;color:var(--ink-faint);margin-bottom:4px}.pcard-x7k h3{font-size:clamp(13px,1vw,16px);font-weight:500;line-height:1.35;margin:0 0 6px;overflow-wrap:anywhere;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.pcard-x7k .pprice-x7k{font-family: var(--font-mono);color:var(--rose);font-weight:500;font-size:clamp(14px,1vw,17px);margin:0 0 10px;letter-spacing:-.01em}.bsp-card .wh-j6q1,.pcard-x7k .wh-j6q1{opacity:0;transition:opacity .2s ease , transform .2s ease , box-shadow .2s ease!important}.bsp-card:hover .wh-j6q1,.pcard-x7k:hover .wh-j6q1{opacity:1}.bsp-card .bsp-btn,
.bsp-card button[data-add-to-cart],
.bsp-card > button:not(.wh-j6q1) {opacity:0;transition:opacity .2s ease , background .18s ease}.bsp-card:hover .bsp-btn,
.bsp-card:hover button[data-add-to-cart],
.bsp-card:hover > button:not(.wh-j6q1) {opacity:1}.pcard-x7k button,.pcard-x7k .bsp-btn-pill{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;bottom:10px;right:10px;z-index:10;display:inline-flex;align-items:center;justify-content:center;height:22px;width:22px;border-radius:50%;background:var(--rose);color:var(--paper);overflow:hidden;white-space:nowrap;transition:width .28s cubic-bezier(.4,0,.2,1) , border-radius .28s ease , padding .28s cubic-bezier(.4,0,.2,1) , background .18s ease , opacity .2s ease;padding:0;opacity:0;box-shadow:0 2px 6px rgba(156,50,82,.30);font-size:15px}.pcard-x7k:hover button,.pcard-x7k:hover .bsp-btn-pill{opacity:1}.pcard-x7k button:hover:not(:disabled),
.pcard-x7k .bsp-btn-pill:hover:not(:disabled) {width:140px;border-radius:999px;padding:0 8px 0 12px;background:var(--rose-deep);justify-content:flex-start}.pcard-x7k button:hover:not(:disabled) .bsp-btn-label,
.pcard-x7k .bsp-btn-pill:hover:not(:disabled) .bsp-btn-label {opacity:1;max-width:100px}.bsp-btn-label{font-size:12px;font-weight:700;letter-spacing:.4px;white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:opacity .18s ease .06s , max-width .28s ease}.bsp-btn-icon{font-size:15px;font-weight:300;line-height:1;flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.pcard-x7k button:disabled,.pcard-x7k .bsp-btn-pill--disabled{background:var(--sand-deep);cursor:not-allowed;opacity:.7}.section-title{margin-top:40px;overflow-wrap:anywhere}.bsp-badges{position:absolute;top:8px;right:8px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin:0;max-width:calc(100% - 16px);box-sizing:border-box;justify-content:flex-start}.bsp-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;background:var(--rose);color:var(--paper);border-radius:var(--radius-pill);font-family: var(--font-mono);font-size:10px;font-weight:500;line-height:1.4;word-break:break-word;box-shadow:0 2px 6px rgba(0,0,0,.15);max-width:100%;box-sizing:border-box}.bsp-badge::before{content:"🏷";font-size:9px;flex-shrink:0}.bsp-badge strong{font-weight:700}@supports selector(:has(a)) {
    .bsp-badges {
        counter-reset: bspBadgeCount;
    }

    .bsp-badges:not(:has(.bsp-badge)) {
        display: none;
    }

    .bsp-badges::after {
        order: -1;
        content: "Акція";
        display: inline-flex;
        align-items: center;
        padding: 3px 9px;
        background: var(--rose);
        color: var(--paper);
        border-radius: var(--radius-pill);
        font-family: var(--font-mono);
        font-size: 10px;
        font-weight: 600;
        white-space: nowrap;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
        transition: opacity .15s ease;
    }

    .bsp-badges:has(.bsp-badge:nth-child(2))::after {
        content: "Акції \00D7" counter(bspBadgeCount);
    }

    .bsp-badges:hover::after {
        opacity: 0;
        pointer-events: none;
    }

    .bsp-badge {
        counter-increment: bspBadgeCount;
        max-height: 0;
        opacity: 0;
        transform: translateY(-4px);
        pointer-events: none;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        transition: opacity .18s ease, transform .18s ease, max-height .18s ease, padding .18s ease;
    }

    .bsp-badges:hover .bsp-badge {
        max-height: 40px;
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        padding-top: 3px;
        padding-bottom: 3px;
    }
}@media (max-width:600px){.category-page-main{width:100%;max-width:none;margin:16px auto 40px;padding:0 12px;flex-direction:column;align-items:stretch;gap:0}.filter-toggle-btn{display:flex}.category-page-main>.catalog_filtr{flex:0 0 auto;width:100%;max-width:none;position:static;max-height:0;overflow:hidden;overflow-y:hidden;padding:0;border:none;border-radius:0;margin-bottom:0;box-shadow:none;transition:max-height .35s cubic-bezier(.22,1,.36,1) , padding .3s ease , margin .3s ease}.category-page-main>.catalog_filtr.mobile-open{max-height:3000px;padding:12px;border:1.5px solid var(--sand);border-radius:12px;margin-bottom:12px;overflow-y:auto;overflow-x:hidden;box-shadow:0 2px 14px rgba(36,23,20,.06)}.category-page-main>div,.category-content{width:100%;max-width:none}.subcategories-grid{justify-content:center;gap:10px;margin:14px 0 28px}.subcategory-card{flex:1 1 calc(50% - 5px);width:auto;min-width:0;max-width:100%;padding:11px 10px;font-size:13px}.pgrid-x7k{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:center;justify-items:center;gap:10px;width:100%;margin-top:14px}.pcard-x7k{width:100%;max-width:100%;margin-inline:auto;justify-self:center}.category-page-main h1{font-size:clamp(20px,6vw,28px);line-height:1.2}.category-page-main h2{font-size:clamp(18px,5vw,24px)}}@media (min-width:601px) and (max-width:900px){.category-page-main{width:min(94vw,1400px);padding:0 16px;flex-direction:column;align-items:stretch;gap:0}.filter-toggle-btn{display:flex}.category-page-main>.catalog_filtr{width:100%;max-width:none;position:static;max-height:0;overflow:hidden;overflow-y:hidden;padding:0;border:none;border-radius:0;margin-bottom:0;box-shadow:none;transition:max-height .35s cubic-bezier(.22,1,.36,1) , padding .3s ease , margin .3s ease}.category-page-main>.catalog_filtr.mobile-open{max-height:3000px;padding:14px;border:1.5px solid var(--sand);border-radius:12px;margin-bottom:14px;overflow-y:auto;overflow-x:hidden;box-shadow:0 2px 14px rgba(36,23,20,.06)}.subcategories-grid{justify-content:center}.pgrid-x7k{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center}.pcard-x7k{max-width:340px;justify-self:center}}@media (min-width:901px) and (max-width:1280px){.category-page-main{width:min(94vw,1400px);padding:0 16px}.category-page-main>.catalog_filtr{flex-basis:230px}.pgrid-x7k{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center}.pcard-x7k{max-width:260px}}@media (min-width:1281px){.category-page-main{width:min(94vw,1400px)}.pgrid-x7k{grid-template-columns:repeat(4,minmax(0,280px));justify-content:center}}@media (max-width:319px){.category-page-main{width:100%;padding-inline:8px}.subcategory-card{flex-basis:100%}.pcard-x7k{max-width:100%}}.bsp-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-card-sm);background:var(--paper);box-shadow:var(--shadow-card);transition:box-shadow var(--med) var(--ease) , transform var(--med) var(--ease);display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;padding:12px}.bsp-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.bsp-card__link{position:absolute;inset:0;z-index:1}.bsp-card img{width: calc(100% + 24px);margin:-12px -12px 0;aspect-ratio: 1 / 1;object-fit:contain;border-radius:10px 10px 0 0;background:var(--porcelain);display:block;clip-path:inset(0 0 0 0 round 10px 10px 0 0)}.bsp-card .bsp-no-photo{width: calc(100% + 24px);margin:-12px -12px 0;aspect-ratio: 1 / 1;display:flex;align-items:center;justify-content:center;border-radius:10px 10px 0 0;background:var(--porcelain);color:var(--line);font-size:13px}.bsp-card h3{font-size:13px;font-weight:500;line-height:1.4;color:var(--ink);margin:10px 0 4px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:2}.bsp-card .price{font-size:14px;font-weight:700;color:var(--ink);margin:0 0 10px;position:relative;z-index:2}.bsp-card__bottom{margin-top:auto;position:relative;z-index:2;min-height:28px}.bsp-card__size{display:block;font-size:11px;font-weight:600;color:var(--rose);line-height:1;margin:4px 0 6px;position:relative;z-index:2}.bsp-btn--pill{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;bottom:10px;right:10px;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--rose);color:var(--paper);font-size:15px;font-weight:300;line-height:1;box-shadow:0 2px 6px rgba(156,50,82,.30);overflow:hidden;white-space:nowrap;transition:width .28s cubic-bezier(.4,0,.2,1) , border-radius .28s ease , background .18s ease , opacity .2s ease;opacity:0}.bsp-card:hover .bsp-btn--pill{opacity:1}.bsp-btn--dis{background:var(--sand-deep)!important;cursor:not-allowed!important;box-shadow:none!important;opacity:.6!important}.bsp-card .wh-j6q1{position:absolute;top:10px;right:10px;z-index:3;opacity:0;transition:opacity .2s ease!important}.bsp-card:hover .wh-j6q1{opacity:1}@media (max-width:600px){.bsp-card{padding:10px;border-radius:12px}.bsp-card img,.bsp-card .bsp-no-photo{width: calc(100% + 20px);margin:-10px -10px 0;border-radius:8px 8px 0 0;clip-path:inset(0 0 0 0 round 8px 8px 0 0)}.bsp-card h3{font-size:12px;margin:8px 0 3px}.bsp-card .bsp-price{font-size:13px;margin:0 0 6px}.bsp-badges{top:5px;right:5px;left:auto;gap:4px;max-width:calc(100% - 10px)}.bsp-badges::after,.bsp-badge{font-size:10px;padding:3px 7px}.bsp-badge::before{font-size:10px}.bsp-card__size{font-size:10px;margin:3px 0 4px}.bsp-btn--pill{width:20px;height:20px;font-size:14px;bottom:8px;right:8px;opacity:1}.bsp-btn--pill:hover:not(:disabled) {width:130px}}