/*! Plik generowany przy publikacji z panelu (Wygląd → Custom CSS/JS).
    Źródło z komentarzami jest w panelu — tutaj są zdejmowane. Nie edytować ręcznie. */
.item-1 .product-image {width: 100%;object-position: 50% 50%;transform: scale(1.0) rotate(0deg);}
.cart-modal-body .item-48 .product-image { margin-left: 10px;}
.cart-modal-body .item-47 .product-image { margin-left: 10px;}
.cart-modal-body .item-50 .product-image { margin-left: 6px;}
.item-10 .product-image { transform: scale(1.6); }  

         
        :root {
             
            --lang-dropdown-border: #2a2a2a;
            --lang-dropdown-border-mobile: #3e3e3e;
            --drawer-item-bg: #35333b;
            --drawer-item-border: #35333b;
             
            --like-border: #533698;    
            --like-liked-border: #a855f7;
            --like-count-color: #8b5cf6;
            --like-liked-color: #8b5cf6;
            --like-icon-color: #8b5cf7;    
            --like-icon-liked-color: #d946a8;
             
            --bg-color: #141414;
            --bg-alt: #101010;
            --surface-color: #0d0d0d;
            --surface-glass: #0d0d0dd9;
            --border-color: rgba(255, 255, 255, 0.12);
            --card-bg: #1a1a1a;
            --card-border: #3e3e3e;
            --card-border-hover: #3d3d3d;
            --search-bg: #141414;
            --search-border: #5e4d84;
            --search-focus-bg: #101010;
            --pill-bg: #474450;
            --header-bg-solid: #0a0a0a;
            --footer-bg: #0c0c0c;
            --header-mobile-border: #2a2a2a;
            --lang-btn-border: #2a2a2a;
            --drawer-border: #2a2a2a;
            --drawer-icon-bg-alt: #262626;
            --qty-btn-border: #5d5c65;
            --share-btn-bg: #101010;
            --share-btn-border: #3d3d3d;
            --form-box-bg: #1a1a1a;
            --form-input-bg: #101010;
            --form-invalid-color: #7a7a7a;
            --delivery-warning-border: #3d3d3d;

             
            --overlay-alpha-60: rgba(12, 12, 12, 0.6);
            --overlay-alpha-80: rgba(12, 12, 12, 0.8);
            --overlay-alpha-85: rgba(12, 12, 12, 0.85);
            --overlay-alpha-90: rgba(12, 12, 12, 0.9);

             
            --accent-color: #8b5cf6;
            --pill-active: #8b5cf6;
            --border-active-color: #a855f7;
            --accent-gradient: linear-gradient(135deg, #a855f7 0%, #d946a8 100%);
            --accent-alpha-80: rgba(139, 92, 246, 0.8);
            --accent-alpha-50: rgba(139, 92, 246, 0.5);
            --accent-alpha-40: rgba(139, 92, 246, 0.4);
            --accent-alpha-20: rgba(139, 92, 246, 0.2);
            --accent-alpha-15: rgba(139, 92, 246, 0.15);
            --accent-alpha-10: rgba(139, 92, 246, 0.1);
            --accent-alpha-0: rgba(139, 92, 246, 0);
            --btn-hover-shadow: rgba(139, 92, 246, 0.25);
            --pagination-color: #8b5cf6;
            --pagination-hover-bg: #1e1e1e;
            --pagination-hover-border: #3d3d3d;
            --pagination-hover-color: #f5f5f5;

             
            --accent-gold: #d4b87a;
            --tooltip-bg: rgb(212, 184, 122);
            --accent-gold-alpha-15: rgba(212, 184, 122, 0.15);
            --drawer-icon-bg: rgba(212, 184, 122, 0.18);
            --link-hover-color: #d4b87a;

             
            --text-primary: #f5f5f5;
            --text-secondary: #a3a3a3;
            --text-dark: #141414;
            --link-color: #808080;

             
            --header-gradient-start: rgba(180, 60, 180, 0.13);
            --header-gradient-mid: rgba(217, 70, 168, 0.04);
            --logo-glow-center: rgba(139, 92, 246, 0.15);
            --particle-bg: #a855f7;
            --particle-shadow: rgba(168, 85, 247, 0.8);
            --preloader-bg: #0a0a0a;

             
            --img-grad-start: rgb(35, 35, 38);
            --img-grad-mid: rgba(62, 62, 66, 0.6);
            --img-grad-end: rgba(45, 45, 48, 0.45);
            --img-grad-overlay-start: rgba(12, 8, 20, 0.14);
            --img-grad-overlay-end: rgba(12, 8, 20, 0.3);
            --details-img-grad-start: var(--img-grad-start);
            --details-img-grad-mid: rgba(55, 55, 58, 0.65);
            --details-img-grad-end: rgba(38, 38, 42, 0.9);
            --modal-hdr-grad-start: rgba(18, 18, 20, 0.95);
            --modal-hdr-grad-end: rgba(18, 18, 20, 0);
            --modal-info-grad-start: rgba(14, 14, 16, 1);
            --modal-info-grad-mid: rgba(14, 14, 16, 0.8);

             
            --cube-accent: #d406cb;
            --cube-accent-glow-15: rgba(212, 6, 203, 0.15);
            --cube-accent-glow-20: rgba(212, 6, 203, 0.20);
            --trash-hover-bg: #c905af;
            --icon-btn-border: #6f6f6f;
            --info-btn-border: #8f7e5a;
            --add-btn-border: #5e5e5e;
            --pill-hover-bg: #565260;
            --ar-btn-glow: rgba(168, 85, 247, 0.4);
        }

         
        #preloader {
            background-color: var(--preloader-bg) !important;
            position: fixed !important;
            inset: 0 !important;
            width: 100vw !important;
            height: 100vh !important;
            height: 100dvh !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            z-index: 9999 !important;
            overflow: hidden !important;
        }

        #particles {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 1 !important;
        }

        #preloader .preloader-wrapper {
            position: relative !important;
            width: 140px !important;
            height: 140px !important;
            flex: 0 0 140px !important;
            perspective: 1200px !important;
            z-index: 2 !important;
        }

        #preloader .coin {
            width: 100% !important;
            height: 100% !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            transform-style: preserve-3d !important;
            transform-origin: center center !important;
            animation: none !important;
        }

        #preloader .coin.ready {
            animation: fast-wobble-spin 4.5s infinite !important;
            will-change: transform;
        }

        #preloader .logo-front,
        #preloader .logo-back {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            border-radius: 50% !important;
            backface-visibility: hidden !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #preloader .logo-front {
            background-image: url('img/logo_white.webp') !important;
            transform: translateZ(2px) !important;
        }

        #preloader .logo-back {
            background-image: url('img/logo_white.webp') !important;
            transform: rotateY(180deg) translateZ(2px) !important;
        }

         
        .particle {
            background-color: var(--particle-bg) !important;
            box-shadow: 0 0 3px var(--particle-shadow) !important;
        }

        @keyframes fast-wobble-spin {
            0%          { transform: rotateY(0deg); }
            10%         { transform: rotateY(0deg); animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); }
            26%         { transform: rotateY(585deg); animation-timing-function: ease-out; }
            32%         { transform: rotateY(510deg); animation-timing-function: ease-in-out; }
            36%         { transform: rotateY(555deg); animation-timing-function: ease-in-out; }
            39%         { transform: rotateY(535deg); animation-timing-function: ease-in-out; }
            42%, 50%    { transform: rotateY(540deg); }
            60%         { transform: rotateY(540deg); animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); }
            76%         { transform: rotateY(1125deg); animation-timing-function: ease-out; }
            82%         { transform: rotateY(1050deg); animation-timing-function: ease-in-out; }
            86%         { transform: rotateY(1095deg); animation-timing-function: ease-in-out; }
            89%         { transform: rotateY(1075deg); animation-timing-function: ease-in-out; }
            92%, 100%   { transform: rotateY(1080deg); }
        }

         
        @keyframes pulse-border-hover {
            0%   { box-shadow: 0 0 0 0   var(--particle-shadow); }
            70%  { box-shadow: 0 0 0 8px var(--accent-alpha-0); }
            100% { box-shadow: 0 0 0 0   var(--accent-alpha-0); }
        }

         
        .product-image-container {
            background-image: linear-gradient(135deg, var(--img-grad-start) 10%, var(--img-grad-mid) 40%, var(--img-grad-end) 80%) !important;
        }

         
        .details-image-area {
            background-image: linear-gradient(3deg, var(--details-img-grad-start) 10%, var(--details-img-grad-mid) 40%, var(--details-img-grad-end) 80%) !important;
        }
        .details-image-area::after {
            background: linear-gradient(to top, var(--card-bg) 0%, transparent 22%) !important;
        }

         
        .details-image-area { height: 220px !important; }
        @media (min-width: 768px) { .details-image-area { height: 260px !important; } }
        @media (max-width: 600px) { .details-image-area { height: 32vh !important; max-height: 240px !important; } }

         
        #detailsModal .details-image-area { overflow: hidden; }
        #detailsModal .details-image-area img {
            object-fit: cover;
            object-position: 50% 42%;
        }

         
        body {
            background: linear-gradient(to bottom, #141414 0%, #141414 60%, #1a1228 100%) !important;
        }

         
        .model-wrapper {
            background: radial-gradient(circle at center, #3a3a3e 0%, var(--bg-color) 100%) !important;
        }

         
        .modal-info-panel {
            background:
                radial-gradient(ellipse at bottom left,  var(--drawer-icon-bg) 0%, transparent 35%),
                radial-gradient(ellipse at bottom right, var(--drawer-icon-bg) 0%, transparent 35%),
                linear-gradient(to bottom, var(--modal-info-grad-start) 0%, var(--modal-info-grad-mid) 70%, transparent 100%) !important;
        }

         
        .cube .face {
            border-color: var(--cube-accent) !important;
            box-shadow: inset 0 0 10px var(--cube-accent-glow-15), 0 0 8px var(--cube-accent-glow-20) !important;
        }

         
        footer {
            background: none !important;
            position: relative;
        }
        footer::before, footer::after {
            content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none;
        }
        footer::before {
            z-index: -2;
            background: url('img/bg_g_pub_2.webp') center / cover no-repeat;
            opacity: 0; animation: gp-bg-fade 700ms ease-out forwards;
        }
        footer::after {
            z-index: -1;
            background: linear-gradient(to right, rgba(12, 12, 14, 0.76) 0%, rgba(12, 12, 14, 0.94) 100%);
        }
        header {
            background: none !important;
        }
        header::before, header::after {
            content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none;
        }
        header::before {
            z-index: -2;
            background: url('img/bg_g_pub.webp') center 58% / cover no-repeat;
            opacity: 0; animation: gp-bg-fade 700ms ease-out forwards;
        }
        header::after {
            z-index: -1;
            background:
                linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 40%),
                radial-gradient(circle at 50% 50%, var(--header-gradient-start) 0%, var(--header-gradient-mid) 40%, rgba(21, 21, 21, 0) 70%),
                linear-gradient(rgba(10, 10, 10, 0.72), rgba(10, 10, 10, 0.72));
        }

        @keyframes gp-bg-fade { from { opacity: 0; } to { opacity: 1; } }
        @media (prefers-reduced-motion: reduce) {
            header::before, footer::before { animation: none; opacity: 1; }
        }

         
        .product-image {
            object-fit: contain;
            object-position: 50% 50%;
            transform: scale(1.7);
            transform-origin: 50% 50%;
        }

         
        .item-1 .product-image { transform: scale(1.7); }
        .item-22 .product-image,
        .item-23 .product-image,
        .item-25 .product-image { transform: scale(1.4); }
        .item-45 .product-image { transform: scale(1.9); }
        .item-48 .product-image { transform: scale(1.6); }
        .item-27 .product-image { transform: scale(1.8); margin-top: -18px; }
        .item-31 .product-image { transform: scale(1.8); margin-top: 30px; }
        .item-32 .product-image { transform: scale(1.5); margin-top: 30px; }
        .item-35 .product-image { transform: scale(1.2); margin-top: 10px; }
        .item-46 .product-image { transform: scale(1.4); margin-top: 8px; }
        .item-47 .product-image { transform: scale(1.5); margin-top: 25px; }
        .item-50 .product-image { transform: scale(1.4); margin-top: 18px; }
        .item-51 .product-image { transform: scale(1.4); margin-top: 16px; }
        .item-28 .product-image { margin-top: -3px; }
        .item-29 .product-image { margin-top: -3px; }
        .item-30 .product-image { margin-top: 30px; margin-left: 11px; }
        .item-33 .product-image { margin-top: 30px; }
        .item-34 .product-image { margin-left: -10px; }
        .item-36 .product-image { margin-top: 28px; }
        .item-37 .product-image { margin-top: 41px; }
        .item-38 .product-image { margin-top: 28px; }
        .item-39 .product-image { margin-top: 15px; }
        .item-41 .product-image { margin-top: 28px; }

         
        @media (min-width: 601px) {
            #cartGrid.list-view .product-image {
                transform: none !important;
                margin-top: 0 !important;
                margin-left: 0 !important;
                object-fit: contain !important;
                object-position: 50% 50%;
                width: 100% !important;
            }
        }
         
        @media (max-width: 600px) {
            #cartGrid.list-view .product-image {
                object-fit: contain !important;
                width: 100% !important;
                margin-left: 0 !important;
            }
        }

         
        .info-btn { border-color: var(--info-btn-border) !important; }
        .add-btn  { border-color: var(--add-btn-border) !important; }
        .qty-btn.qty-trash:hover { background: var(--trash-hover-bg) !important; }
        .custom-ar-button { box-shadow: 0 10px 30px var(--ar-btn-glow) !important; }

         
        header .icon-btn { border-color: var(--icon-btn-border) !important; }

         
        .category-pill:not(.active)       { border-color: var(--pill-bg) !important; }
        .category-pill:hover:not(.active) {
            background: var(--pill-hover-bg) !important;
            border-color: var(--pill-hover-bg) !important;
            box-shadow: 0 0 14px rgba(139, 92, 246, 0.22) !important;
        }

         
        .page-btn:not(.active) {
            border-color: var(--pill-bg) !important;
            color: var(--text-primary) !important;
        }

         
        .drawer-card-icon     { color: var(--border-active-color) !important; }
        .drawer-card-icon svg { stroke: var(--border-active-color) !important; }

         
        @media (hover: hover) and (pointer: fine) {
            .ar-badge:hover  { border-color: rgba(139, 92, 246, 0.9) !important; }
            .info-btn:hover  { border-color: var(--accent-alpha-80) !important; box-shadow: 0 0 10px var(--accent-alpha-40) !important; }
        }
        @media (hover: none) {
            .ar-badge:active { border-color: rgba(139, 92, 246, 0.9) !important; }
        }

         
        .brand { display: flex; justify-content: center; align-items: center; margin-top: -13px; margin-bottom: -17px; }
        .brand img { width: 89px; height: 89px; object-fit: contain; }
        @media (max-width: 600px) { .brand img { margin-bottom: -5px; } }

 
 
.v-pill { color: #8a8a8a; border-color: #3d3d3d; }
.v-pill:hover { color: #d6d6d6; border-color: #6e6e6e; }
.v-pill.active { background: #333333; color: #d0d0d0; border-color: #565656; }
.v-pill.active:hover { border-color: #8a8a8a; }


 
 
.product-price > span .price-currency {
    font-size: 0.52em;
    font-weight: 700;
    vertical-align: 0.62em;
    letter-spacing: 0.04em;
    margin-left: -1px;
}

 
:root {
    --promo-bg: linear-gradient(135deg, #2e1065 0%, #4c1d95 55%, #7c3aed 100%);
    --promo-name-color: #ffffff;
    --promo-price-color: #f472b6;
    --promo-cta-bg: rgba(76, 29, 149, 0.82);
    --promo-cta-bg-hover: rgba(109, 40, 217, 0.92);
    --promo-cta-color: #d9caff;
    --promo-cta-border: #9249ffd9;
    --promo-cta-border-solo: #9156e7d9;
    --promo-badge-bg: rgba(49, 17, 99, 0.45);
    --promo-badge-color: #814cf9;
    --promo-dot-active: #a855f7;
    --promo-dot-border: rgba(196, 181, 253, 0.5);
}

 
.close-btn,
.details-close-btn,
.video-close-btn,
.drawer-close-btn,
.view-toggles {
    border-color: #402146;
}

 
.group-avatars .group-avatar { background: color-mix(in srgb, var(--accent-color) 30%, var(--card-bg)); }