/* =============== Premium Plovoucí košík =============== */



.floating-cart {

    position: fixed;

    bottom: -250px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 9999;

    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.5));

}



.floating-cart.show {

    bottom: 25px;

    opacity: 1;

    visibility: visible;

    pointer-events: all;

    animation: floatInPremium 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;

}



@keyframes floatInPremium {

    0% {

        transform: translateX(-50%) translateY(100px) scale(0.8);

        opacity: 0;

        filter: blur(8px);

    }

    50% {

        transform: translateX(-50%) translateY(-10px) scale(1.05);

        opacity: 0.8;

        filter: blur(2px);

    }

    100% {

        transform: translateX(-50%) translateY(0) scale(1);

        opacity: 1;

        filter: blur(0);

    }

}



.floating-cart-content {

    background: linear-gradient(145deg, 

        rgba(21, 21, 21, 0.95) 0%,

        rgba(30, 30, 30, 0.92) 50%,

        rgba(15, 15, 15, 0.95) 100%

    );

    backdrop-filter: blur(20px) saturate(1.8);

    border: 2px solid transparent;

    background-clip: padding-box;

    border-radius: 20px;

    padding: 1.25rem 1.5rem;

    box-shadow: 

        0 25px 50px rgba(0, 0, 0, 0.4),

        0 15px 35px rgba(255, 215, 0, 0.15),

        inset 0 1px 0 rgba(255, 255, 255, 0.1),

        inset 0 -1px 0 rgba(0, 0, 0, 0.2);

    display: flex;

    align-items: center;

    gap: 1.25rem;

    min-width: 380px;

    max-width: 480px;

    position: relative;

    overflow: hidden;

}



/* Animated border */

.floating-cart-content::before {

    content: '';

    position: absolute;

    top: -2px;

    left: -2px;

    right: -2px;

    bottom: -2px;

    background: linear-gradient(45deg, 

        var(--primary-color) 0%,

        #ffac00 25%,

        var(--primary-color) 50%,

        #ffac00 75%,

        var(--primary-color) 100%

    );

    background-size: 400% 400%;

    border-radius: 20px;

    z-index: -1;

    animation: borderGlow 3s ease infinite;

}



@keyframes borderGlow {

    0%, 100% { background-position: 0% 50%; }

    50% { background-position: 100% 50%; }

}



/* Shimmer effect */

.floating-cart-content::after {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, 

        transparent 0%,

        rgba(255, 215, 0, 0.1) 20%,

        rgba(255, 215, 0, 0.3) 50%,

        rgba(255, 215, 0, 0.1) 80%,

        transparent 100%

    );

    transition: 0.8s;

    border-radius: 20px;

}



.floating-cart-content:hover::after {

    left: 100%;

}



.floating-cart-image {

    width: 65px;

    height: 65px;

    border-radius: 16px;

    background: linear-gradient(145deg, #1a1a1a, #2a2a2a);

    border: 2px solid rgba(255, 215, 0, 0.3);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    overflow: hidden;

    position: relative;

    box-shadow: 

        inset 0 2px 4px rgba(255, 215, 0, 0.1),

        0 8px 16px rgba(0, 0, 0, 0.3);

    transition: all 0.3s ease;

}



.floating-cart-image:hover {

    transform: scale(1.05);

    border-color: var(--primary-color);

    box-shadow: 

        inset 0 2px 4px rgba(255, 215, 0, 0.2),

        0 12px 24px rgba(0, 0, 0, 0.4),

        0 0 20px rgba(255, 215, 0, 0.3);

}



.floating-cart-image img {

    width: 85%;

    height: 85%;

    object-fit: contain;

    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));

    transition: transform 0.3s ease;

}



.floating-cart-image:hover img {

    transform: scale(1.1);

}



.floating-cart-info {

    flex: 1;

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 0.4rem;

}



.floating-cart-title {

    color: var(--text-color);

    font-weight: 600;

    font-size: 1rem;

    margin: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.2;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

    position: relative;

}



.floating-cart-price {

    color: var(--primary-color);

    font-weight: 700;

    font-size: 1.1rem;

    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);

    display: flex;

    align-items: center;

    gap: 0.5rem;

}



.floating-cart-price::before {

    content: '💰';

    font-size: 0.9rem;

    opacity: 0.8;

}



.floating-cart-actions {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 0.75rem;

}



.floating-quantity-controls {

    display: flex;

    align-items: center;

    gap: 0;

    border: 2px solid rgba(255, 215, 0, 0.3);

    border-radius: 12px;

    overflow: hidden;

    background: linear-gradient(145deg, #0f0f0f, #1f1f1f);

    box-shadow: 

        inset 0 2px 4px rgba(0, 0, 0, 0.3),

        0 4px 8px rgba(0, 0, 0, 0.2);

    transition: all 0.3s ease;

}



.floating-quantity-controls:hover {

    border-color: var(--primary-color);

    box-shadow: 

        inset 0 2px 4px rgba(0, 0, 0, 0.3),

        0 6px 12px rgba(0, 0, 0, 0.3),

        0 0 15px rgba(255, 215, 0, 0.2);

}



.floating-qty-btn {

    background: linear-gradient(145deg, var(--primary-color), #ffac00);

    color: #000;

    border: none;

    width: 36px;

    height: 36px;

    font-size: 1rem;

    font-weight: 700;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    overflow: hidden;

}



.floating-qty-btn::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    transition: 0.5s;

}



.floating-qty-btn:hover {

    background: linear-gradient(145deg, #ffac00, #ff8c00);

    transform: scale(1.05);

    box-shadow: 0 4px 12px rgba(255, 172, 0, 0.4);

}



.floating-qty-btn:hover::before {

    left: 100%;

}



.floating-qty-btn:active {

    transform: scale(0.95);

}



.floating-qty-input {

    border: none;

    background: transparent;

    color: var(--text-color);

    text-align: center;

    width: 45px;

    height: 36px;

    font-size: 1rem;

    font-weight: 600;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

}



.floating-qty-input:focus {

    outline: none;

    background: rgba(255, 215, 0, 0.1);

}



.floating-add-to-cart {

    background: linear-gradient(145deg, var(--primary-color), #ffac00);

    color: #000;

    border: none;

    padding: 10px 20px;

    border-radius: 12px;

    font-weight: 700;

    font-size: 0.9rem;

    cursor: pointer;

    transition: all 0.3s ease;

    text-transform: uppercase;

    letter-spacing: 1px;

    white-space: nowrap;

    position: relative;

    overflow: hidden;

    box-shadow: 

        0 8px 16px rgba(0, 0, 0, 0.3),

        0 4px 8px rgba(255, 215, 0, 0.2);

    min-width: 120px;

    text-align: center;

}



.floating-add-to-cart::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    transition: 0.5s;

}



.floating-add-to-cart:hover {

    background: linear-gradient(145deg, #ffac00, #ff8c00);

    transform: translateY(-2px) scale(1.05);

    box-shadow: 

        0 12px 24px rgba(0, 0, 0, 0.4),

        0 6px 12px rgba(255, 215, 0, 0.3),

        0 0 20px rgba(255, 215, 0, 0.2);

}



.floating-add-to-cart:hover::before {

    left: 100%;

}



.floating-add-to-cart:active {

    transform: translateY(0) scale(0.98);

}



.floating-cart-close {

    position: absolute;

    top: -10px;

    right: -10px;

    width: 28px;

    height: 28px;

    background: linear-gradient(145deg, #ff4444, #cc0000);

    color: white;

    border: 2px solid rgba(255, 255, 255, 0.1);

    border-radius: 50%;

    font-size: 0.8rem;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 

        0 6px 12px rgba(0, 0, 0, 0.4),

        0 2px 4px rgba(255, 68, 68, 0.3);

    z-index: 10;

}



.floating-cart-close:hover {

    background: linear-gradient(145deg, #ff6666, #ff0000);

    transform: scale(1.15) rotate(90deg);

    box-shadow: 

        0 8px 16px rgba(0, 0, 0, 0.5),

        0 4px 8px rgba(255, 68, 68, 0.5),

        0 0 15px rgba(255, 68, 68, 0.3);

}



.floating-cart-close:active {

    transform: scale(0.9) rotate(90deg);

}



/* =============== Pulse a speciální efekty =============== */



.floating-cart-content.pulse {

    animation: premiumPulse 0.8s ease-in-out;

}



@keyframes premiumPulse {

    0%, 100% { 

        transform: scale(1);

        box-shadow: 

            0 25px 50px rgba(0, 0, 0, 0.4),

            0 15px 35px rgba(255, 215, 0, 0.15);

    }

    50% { 

        transform: scale(1.08);

        box-shadow: 

            0 30px 60px rgba(0, 0, 0, 0.5),

            0 20px 40px rgba(255, 215, 0, 0.3),

            0 0 30px rgba(255, 215, 0, 0.4);

    }

}



/* Loading state */

.floating-add-to-cart.loading {

    pointer-events: none;

    opacity: 0.8;

    background: linear-gradient(145deg, #666, #444);

}



.floating-add-to-cart.loading::after {

    content: '';

    display: inline-block;

    width: 14px;

    height: 14px;

    border: 2px solid transparent;

    border-top: 2px solid currentColor;

    border-radius: 50%;

    animation: premiumSpin 1s linear infinite;

    margin-left: 8px;

}



@keyframes premiumSpin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



/* Success state */

.floating-add-to-cart.success {

    background: linear-gradient(145deg, #00ff88, #00cc6a);

    color: #000;

}



.floating-add-to-cart.success::before {

    content: '✓ ';

    margin-right: 4px;

}



/* =============== Mobile responsive design =============== */



/* Large tablets */

@media (max-width: 1024px) {

    .floating-cart {

        left: auto;

        right: 25px;

        transform: none;

    }

    

    .floating-cart-content {

        min-width: 350px;

        max-width: 400px;

    }

}



/* Tablets */

@media (max-width: 768px) {

    .floating-cart {

        left: 50%;

        right: auto;

        transform: translateX(-50%);

        bottom: -200px;

    }

    

    .floating-cart.show {

        bottom: 20px;

    }

    

    .floating-cart-content {

        min-width: 340px;

        max-width: calc(100vw - 40px);

        padding: 1rem 1.25rem;

        gap: 1rem;

    }

    

    .floating-cart-image {

        width: 58px;

        height: 58px;

    }

    

    .floating-cart-title {

        font-size: 0.95rem;

    }

    

    .floating-cart-price {

        font-size: 1rem;

    }

    

    .floating-add-to-cart {

        font-size: 0.85rem;

        padding: 9px 16px;

        min-width: 100px;

    }

}



/* Mobile */

@media (max-width: 480px) {

    .floating-cart {

        left: 10px;

        right: 10px;

        bottom: -180px;

        transform: none;

    }

    

    .floating-cart.show {

        bottom: 15px;

    }

    

    .floating-cart-content {

        min-width: auto;

        max-width: none;

        width: 100%;

        padding: 1rem;

        gap: 0.875rem;

        border-radius: 16px;

        min-width: auto;

    }

    

    .floating-cart-image {

        width: 52px;

        height: 52px;

        border-radius: 12px;

    }

    

    .floating-cart-title {

        font-size: 0.9rem;

        max-width: 140px;

    }

    

    .floating-cart-price {

        font-size: 0.95rem;

    }

    

    .floating-cart-actions {

        gap: 0.625rem;

    }

    

    .floating-qty-btn {

        width: 32px;

        height: 32px;

        font-size: 0.9rem;

    }

    

    .floating-qty-input {

        width: 40px;

        height: 32px;

        font-size: 0.9rem;

    }

    

    .floating-add-to-cart {

        font-size: 0.8rem;

        padding: 8px 12px;

        min-width: 90px;

    }

    

    .floating-cart-close {

        width: 24px;

        height: 24px;

        font-size: 0.7rem;

        top: -8px;

        right: -8px;

    }

}



/* Very small mobile */

@media (max-width: 360px) {

    .floating-cart-content {

        padding: 0.875rem;

        gap: 0.75rem;

    }

    

    .floating-cart-image {

        width: 48px;

        height: 48px;

    }

    

    .floating-cart-title {

        font-size: 0.85rem;

        max-width: 120px;

    }

    

    .floating-cart-price {

        font-size: 0.9rem;

    }

    

    .floating-cart-actions {

        gap: 0.5rem;

    }

    

    .floating-add-to-cart {

        font-size: 0.75rem;

        padding: 6px 10px;

        min-width: 80px;

    }

}



/* =============== Special animations =============== */



/* Shake animation for attention */

@keyframes premiumShake {

    0%, 100% { transform: translateX(-50%) translateY(0) rotate(0deg); }

    25% { transform: translateX(-50%) translateY(-3px) rotate(-1deg); }

    75% { transform: translateX(-50%) translateY(3px) rotate(1deg); }

}



@media (max-width: 480px) {

    @keyframes premiumShake {

        0%, 100% { transform: translateX(0) translateY(0) rotate(0deg); }

        25% { transform: translateX(0) translateY(-3px) rotate(-1deg); }

        75% { transform: translateX(0) translateY(3px) rotate(1deg); }

    }

}



.floating-cart.shake {

    animation: premiumShake 0.6s ease-in-out;

}



/* Entrance animation with bounce */

@keyframes bounceIn {

    0% {

        transform: translateX(-50%) translateY(100px) scale(0.3);

        opacity: 0;

    }

    50% {

        transform: translateX(-50%) translateY(-20px) scale(1.1);

        opacity: 0.8;

    }

    70% {

        transform: translateX(-50%) translateY(10px) scale(0.95);

        opacity: 0.9;

    }

    100% {

        transform: translateX(-50%) translateY(0) scale(1);

        opacity: 1;

    }

}



@media (max-width: 480px) {

    @keyframes bounceIn {

        0% {

            transform: translateX(0) translateY(100px) scale(0.3);

            opacity: 0;

        }

        50% {

            transform: translateX(0) translateY(-20px) scale(1.1);

            opacity: 0.8;

        }

        70% {

            transform: translateX(0) translateY(10px) scale(0.95);

            opacity: 0.9;

        }

        100% {

            transform: translateX(0) translateY(0) scale(1);

            opacity: 1;

        }

    }

}



.floating-cart.bounce-in {

    animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;

}



/* Hover glow effect */

.floating-cart-content:hover {

    box-shadow: 

        0 30px 60px rgba(0, 0, 0, 0.5),

        0 20px 40px rgba(255, 215, 0, 0.2),

        0 0 25px rgba(255, 215, 0, 0.3),

        inset 0 1px 0 rgba(255, 255, 255, 0.2);

}



/* Touch optimizations */

@media (hover: none) and (pointer: coarse) {

    .floating-qty-btn,

    .floating-add-to-cart,

    .floating-cart-close {

        min-height: 44px;

        min-width: 44px;

    }

    

    .floating-cart-content:hover::after {

        display: none;

    }

    

    .floating-cart-content::before {

        animation: none;

    }

    

    .floating-cart-image:hover {

        transform: none;

    }

}



/* Accessibility improvements */

@media (prefers-reduced-motion: reduce) {

    .floating-cart,

    .floating-cart-content,

    .floating-qty-btn,

    .floating-add-to-cart,

    .floating-cart-close {

        transition: none;

        animation: none;

    }

    

    .floating-cart-content::before,

    .floating-cart-content::after {

        display: none;

    }

}



/* Dark mode adjustments */

@media (prefers-color-scheme: dark) {

    .floating-cart-content {

        background: linear-gradient(145deg, 

            rgba(10, 10, 10, 0.98) 0%,

            rgba(20, 20, 20, 0.95) 50%,

            rgba(5, 5, 5, 0.98) 100%

        );

    }

}



/* Floating variant selector */

.floating-variant-selector {

    margin-bottom: 10px;

}



.floating-variant-select {

    width: 100%;

    padding: 8px 12px;

    background: rgba(255, 255, 255, 0.1);

    border: 1px solid rgba(255, 215, 0, 0.3);

    border-radius: 6px;

    color: var(--text-color);

    font-size: 14px;

    outline: none;

    transition: all 0.3s ease;

}



.floating-variant-select:focus {

    border-color: var(--primary-color);

    background: rgba(255, 255, 255, 0.15);

}



.floating-variant-select option {

    background: #1a1a1a;

    color: white;

}



@media (max-width: 480px) {

    .floating-variant-select {

        font-size: 13px;

        padding: 6px 10px;

    }

}





/* Mobile */

@media (max-width: 480px) {

    .floating-cart {

        position: fixed;

        left: 50% !important;

        right: auto !important;

        bottom: -180px;

        transform: translateX(-50%) !important;

        width: calc(100vw - 20px);

        max-width: 400px;

    }

    

    .floating-cart.show {

        bottom: 15px;

    }

    

    .floating-cart-content {

        min-width: auto;

        max-width: none;

        width: 100%;

        padding: 1rem;

        gap: 0.875rem;

        border-radius: 16px;

        margin: 0 auto;

    }

    

    .floating-cart-image {

        width: 52px;

        height: 52px;

        border-radius: 12px;

    }

    

    .floating-cart-title {

        font-size: 0.9rem;

        max-width: 140px;

    }

    

    .floating-cart-price {

        font-size: 0.95rem;

    }

    

    .floating-cart-actions {

        gap: 0.625rem;

    }

    

    .floating-qty-btn {

        width: 32px;

        height: 32px;

        font-size: 0.9rem;

    }

    

    .floating-qty-input {

        width: 40px;

        height: 32px;

        font-size: 0.9rem;

    }

    

    .floating-add-to-cart {

        font-size: 0.8rem;

        padding: 8px 12px;

        min-width: 90px;

    }

    

    .floating-cart-close {

        width: 24px;

        height: 24px;

        font-size: 0.7rem;

        top: -8px;

        right: -8px;

    }

}



/* Very small mobile */

@media (max-width: 360px) {

    .floating-cart {

        left: 50% !important;

        transform: translateX(-50%) !important;

        width: calc(100vw - 16px);

        max-width: 350px;

    }

    

    .floating-cart-content {

        padding: 0.875rem;

        gap: 0.75rem;

    }

    

    .floating-cart-image {

        width: 48px;

        height: 48px;

    }

    

    .floating-cart-title {

        font-size: 0.85rem;

        max-width: 120px;

    }

    

    .floating-cart-price {

        font-size: 0.9rem;

    }

    

    .floating-cart-actions {

        gap: 0.5rem;

    }

    

    .floating-add-to-cart {

        font-size: 0.75rem;

        padding: 6px 10px;

        min-width: 80px;

    }

}



/* =============== Vylepšený mobilní design =============== */



/* Mobile - základní responsive breakpoint */

@media (max-width: 480px) {

    .floating-cart {

        position: fixed !important;

        left: 10px !important;

        right: 10px !important;

        bottom: -180px;

        transform: none !important;

        width: auto !important;

        max-width: none !important;

    }

    

    .floating-cart.show {

        bottom: 20px;

    }

    

    .floating-cart-content {

        background: linear-gradient(145deg, 

            rgba(15, 15, 15, 0.98) 0%,

            rgba(25, 25, 25, 0.96) 50%,

            rgba(10, 10, 10, 0.98) 100%

        );

        border: 2px solid rgba(255, 215, 0, 0.4);

        border-radius: 20px;

        padding: 1.2rem;

        display: flex;

        flex-direction: column;

        gap: 1rem;

        min-width: auto;

        max-width: none;

        width: 100%;

    }

    

    /* Mobilní header s produktem */

    .floating-cart-mobile-header {

        display: flex;

        align-items: center;

        gap: 1rem;

        margin-bottom: 0.5rem;

    }

    

    .floating-cart-image {

        width: 60px;

        height: 60px;

        border-radius: 12px;

        flex-shrink: 0;

        border: 2px solid rgba(255, 215, 0, 0.3);

    }

    

    .floating-cart-info {

        flex: 1;

        display: flex;

        flex-direction: column;

        gap: 0.5rem;

    }

    

    .floating-cart-title {

        color: var(--text-color);

        font-weight: 600;

        font-size: 1rem;

        line-height: 1.3;

        margin: 0;

        white-space: normal;

        overflow: visible;

        text-overflow: unset;

        max-width: none;

    }

    

    /* ČERNÁ CENOVKA - jak jste chtěl */

    .floating-cart-price {

        background: linear-gradient(145deg, #000000, #1a1a1a);

        color: #ffffff;

        font-weight: 700;

        font-size: 1.2rem;

        padding: 8px 12px;

        border-radius: 8px;

        display: inline-block;

        width: fit-content;

        text-shadow: none;

        border: 1px solid #333;

        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);

    }

    

    .floating-cart-price::before {

        content: '';

        display: none;

    }

    

    /* Mobilní actions sekce */

    .floating-cart-actions {

        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: space-between;

        gap: 1rem;

        margin-top: 0.5rem;

    }

    

    /* Vylepšené quantity controls */

    .floating-quantity-controls {

        display: flex;

        align-items: center;

        gap: 0;

        border: 2px solid rgba(255, 215, 0, 0.4);

        border-radius: 12px;

        overflow: hidden;

        background: linear-gradient(145deg, #1a1a1a, #2a2a2a);

        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);

    }

    

    .floating-qty-btn {

        background: linear-gradient(145deg, var(--primary-color), #ffac00);

        color: #000;

        border: none;

        width: 44px;

        height: 44px;

        font-size: 1.1rem;

        font-weight: 700;

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        transition: all 0.3s ease;

        min-height: 44px; /* Touch target */

    }

    

    .floating-qty-btn:hover {

        background: linear-gradient(145deg, #ffac00, #ff8c00);

        transform: scale(1.05);

    }

    

    .floating-qty-btn:active {

        transform: scale(0.95);

    }

    

    .floating-qty-input {

        border: none;

        background: rgba(255, 255, 255, 0.1);

        color: var(--text-color);

        text-align: center;

        width: 50px;

        height: 44px;

        font-size: 1.1rem;

        font-weight: 600;

        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

    }

    

    .floating-qty-input:focus {

        outline: none;

        background: rgba(255, 215, 0, 0.2);

    }

    

    /* Vylepšené add to cart tlačítko */

    .floating-add-to-cart {

        background: linear-gradient(145deg, var(--primary-color), #ffac00);

        color: #000;

        border: none;

        padding: 12px 20px;

        border-radius: 12px;

        font-weight: 700;

        font-size: 0.95rem;

        cursor: pointer;

        text-transform: uppercase;

        letter-spacing: 0.5px;

        white-space: nowrap;

        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);

        min-height: 44px; /* Touch target */

        min-width: 120px;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 0.5rem;

        transition: all 0.3s ease;

    }

    

    .floating-add-to-cart:hover {

        background: linear-gradient(145deg, #ffac00, #ff8c00);

        transform: translateY(-2px);

        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);

    }

    

    .floating-add-to-cart:active {

        transform: translateY(0);

    }

    

    /* Close tlačítko */

    .floating-cart-close {

        position: absolute;

        top: -8px;

        right: -8px;

        width: 28px;

        height: 28px;

        background: linear-gradient(145deg, #ff4444, #cc0000);

        color: white;

        border: 2px solid rgba(255, 255, 255, 0.2);

        border-radius: 50%;

        font-size: 0.8rem;

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);

        z-index: 10;

        transition: all 0.3s ease;

        min-height: 28px;

        min-width: 28px;

    }

    

    .floating-cart-close:hover {

        background: linear-gradient(145deg, #ff6666, #ff0000);

        transform: scale(1.1) rotate(90deg);

    }

    

    /* Variant selector pro mobil */

    .floating-variant-selector {

        order: -1;

        margin-bottom: 1rem;

    }

    

    .floating-variant-select {

        width: 100%;

        padding: 12px 16px;

        background: linear-gradient(145deg, #1a1a1a, #2a2a2a);

        border: 2px solid rgba(255, 215, 0, 0.3);

        border-radius: 10px;

        color: var(--text-color);

        font-size: 1rem;

        font-weight: 500;

        outline: none;

        transition: all 0.3s ease;

        min-height: 44px; /* Touch target */

    }

    

    .floating-variant-select:focus {

        border-color: var(--primary-color);

        background: linear-gradient(145deg, #2a2a2a, #3a3a3a);

        box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);

    }

}



/* Extra small mobile */

@media (max-width: 360px) {

    .floating-cart {

        left: 8px !important;

        right: 8px !important;

    }

    

    .floating-cart-content {

        padding: 1rem;

        gap: 0.875rem;

    }

    

    .floating-cart-title {

        font-size: 0.9rem;

    }

    

    .floating-cart-price {

        font-size: 1.1rem;

        padding: 6px 10px;

    }

    

    .floating-cart-actions {

        gap: 0.75rem;

    }

    

    .floating-add-to-cart {

        padding: 10px 16px;

        font-size: 0.85rem;

        min-width: 100px;

    }

    

    .floating-qty-btn {

        width: 40px;

        height: 40px;

    }

    

    .floating-qty-input {

        width: 45px;

        height: 40px;

        font-size: 1rem;

    }

}



/* Vylepšené animace pro mobilní */

@media (max-width: 480px) {

    @keyframes floatInPremium {

        0% {

            transform: translateY(100px) scale(0.9);

            opacity: 0;

        }

        50% {

            transform: translateY(-10px) scale(1.03);

            opacity: 0.9;

        }

        100% {

            transform: translateY(0) scale(1);

            opacity: 1;

        }

    }

    

    @keyframes bounceIn {

        0% {

            transform: translateY(100px) scale(0.8);

            opacity: 0;

        }

        50% {

            transform: translateY(-15px) scale(1.05);

            opacity: 0.8;

        }

        70% {

            transform: translateY(5px) scale(0.98);

            opacity: 0.95;

        }

        100% {

            transform: translateY(0) scale(1);

            opacity: 1;

        }

    }

    

    @keyframes premiumShake {

        0%, 100% { transform: translateY(0) rotate(0deg); }

        25% { transform: translateY(-2px) rotate(-0.5deg); }

        75% { transform: translateY(2px) rotate(0.5deg); }

    }

}



/* Tmavý režim optimalizace pro mobil */

@media (max-width: 480px) and (prefers-color-scheme: dark) {

    .floating-cart-content {

        background: linear-gradient(145deg, 

            rgba(8, 8, 8, 0.98) 0%,

            rgba(18, 18, 18, 0.96) 50%,

            rgba(5, 5, 5, 0.98) 100%

        );

        border-color: rgba(255, 215, 0, 0.5);

    }

    

    .floating-cart-price {

        background: linear-gradient(145deg, #000000, #111111);

        border-color: #444;

    }

}



/* =============== Premium Plovoucí košík - OPRAVENÝ =============== */



.floating-cart {

    position: fixed;

    bottom: -200px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 9999;

    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.3));

}



.floating-cart.show {

    bottom: 20px;

    opacity: 1;

    visibility: visible;

    pointer-events: all;

    animation: floatInPremium 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;

}



@keyframes floatInPremium {

    0% {

        transform: translateX(-50%) translateY(50px) scale(0.9);

        opacity: 0;

    }

    100% {

        transform: translateX(-50%) translateY(0) scale(1);

        opacity: 1;

    }

}



.floating-cart-content {

    background: linear-gradient(145deg, 

        rgba(21, 21, 21, 0.95) 0%,

        rgba(30, 30, 30, 0.92) 50%,

        rgba(15, 15, 15, 0.95) 100%

    );

    backdrop-filter: blur(20px) saturate(1.8);

    border: 2px solid rgba(255, 215, 0, 0.4);

    border-radius: 16px;

    padding: 1rem 1.25rem;

    box-shadow: 

        0 20px 40px rgba(0, 0, 0, 0.4),

        0 10px 25px rgba(255, 215, 0, 0.1);

    display: flex;

    align-items: center;

    gap: 1rem;

    min-width: 320px;

    max-width: 420px;

    position: relative;

    overflow: hidden;

}



/* Animated border */

.floating-cart-content::before {

    content: '';

    position: absolute;

    top: -2px;

    left: -2px;

    right: -2px;

    bottom: -2px;

    background: linear-gradient(45deg, 

        var(--primary-color) 0%,

        #ffac00 50%,

        var(--primary-color) 100%

    );

    background-size: 200% 200%;

    border-radius: 16px;

    z-index: -1;

    animation: borderGlow 2s ease infinite;

}



@keyframes borderGlow {

    0%, 100% { background-position: 0% 50%; }

    50% { background-position: 100% 50%; }

}



.floating-cart-image {

    width: 50px;

    height: 50px;

    border-radius: 10px;

    background: linear-gradient(145deg, #1a1a1a, #2a2a2a);

    border: 1px solid rgba(255, 215, 0, 0.3);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    overflow: hidden;

    position: relative;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

}



.floating-cart-image img {

    width: 85%;

    height: 85%;

    object-fit: contain;

    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));

}



.floating-cart-info {

    flex: 1;

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 0.25rem;

}



.floating-cart-title {

    color: var(--text-color);

    font-weight: 600;

    font-size: 0.9rem;

    margin: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.2;

}



.floating-cart-price {

    color: var(--primary-color);

    font-weight: 700;

    font-size: 1rem;

    text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);

}



.floating-cart-actions {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 0.5rem;

}



.floating-quantity-controls {

    display: flex;

    align-items: center;

    gap: 0;

    border: 1px solid rgba(255, 215, 0, 0.3);

    border-radius: 8px;

    overflow: hidden;

    background: linear-gradient(145deg, #0f0f0f, #1f1f1f);

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

}



.floating-qty-btn {

    background: linear-gradient(145deg, var(--primary-color), #ffac00);

    color: #000;

    border: none;

    width: 28px;

    height: 28px;

    font-size: 0.9rem;

    font-weight: 700;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

}



.floating-qty-btn:hover {

    background: linear-gradient(145deg, #ffac00, #ff8c00);

    transform: scale(1.05);

}



.floating-qty-input {

    border: none;

    background: transparent;

    color: var(--text-color);

    text-align: center;

    width: 32px;

    height: 28px;

    font-size: 0.9rem;

    font-weight: 600;

}



.floating-qty-input:focus {

    outline: none;

    background: rgba(255, 215, 0, 0.1);

}



.floating-add-to-cart {

    background: linear-gradient(145deg, var(--primary-color), #ffac00);

    color: #000;

    border: none;

    padding: 6px 12px;

    border-radius: 8px;

    font-weight: 700;

    font-size: 0.75rem;

    cursor: pointer;

    transition: all 0.3s ease;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    white-space: nowrap;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);

    min-width: 80px;

    text-align: center;

}



.floating-add-to-cart:hover {

    background: linear-gradient(145deg, #ffac00, #ff8c00);

    transform: translateY(-1px);

    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);

}



.floating-cart-close {

    position: absolute;

    top: -8px;

    right: -8px;

    width: 22px;

    height: 22px;

    background: linear-gradient(145deg, #ff4444, #cc0000);

    color: white;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 50%;

    font-size: 0.7rem;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);

    z-index: 10;

}



.floating-cart-close:hover {

    background: linear-gradient(145deg, #ff6666, #ff0000);

    transform: scale(1.1) rotate(90deg);

}



/* =============== MOBILNÍ VERZE - KOMPAKTNÍ =============== */



@media (max-width: 480px) {

    .floating-cart {

        position: fixed !important;

        left: 15px !important;

        right: 15px !important;

        bottom: -150px;

        transform: none !important;

        width: auto !important;

        max-width: none !important;

    }

    

    .floating-cart.show {

        bottom: 15px;

    }

    

    .floating-cart-content {

        background: linear-gradient(145deg, 

            rgba(15, 15, 15, 0.98) 0%,

            rgba(25, 25, 25, 0.96) 50%,

            rgba(10, 10, 10, 0.98) 100%

        );

        border: 2px solid rgba(255, 215, 0, 0.4);

        border-radius: 12px;

        padding: 0.75rem;

        display: flex;

        align-items: center;

        gap: 0.75rem;

        min-width: auto;

        max-width: none;

        width: 100%;

        min-height: auto;

    }

    

    .floating-cart-image {

        width: 40px;

        height: 40px;

        border-radius: 8px;

        flex-shrink: 0;

    }

    

    .floating-cart-info {

        flex: 1;

        display: flex;

        flex-direction: column;

        gap: 0.25rem;

        min-width: 0;

    }

    

    .floating-cart-title {

        color: var(--text-color);

        font-weight: 600;

        font-size: 0.8rem;

        line-height: 1.2;

        margin: 0;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        max-width: 120px;

    }

    

    .floating-cart-price {

        background: #000;

        color: #fff;

        font-weight: 700;

        font-size: 0.8rem;

        padding: 2px 6px;

        border-radius: 4px;

        display: inline-block;

        width: fit-content;

        text-shadow: none;

        border: 1px solid #333;

        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

    }

    

    .floating-cart-actions {

        display: flex;

        flex-direction: row;

        align-items: center;

        gap: 0.5rem;

    }

    

    .floating-quantity-controls {

        display: flex;

        align-items: center;

        gap: 0;

        border: 1px solid rgba(255, 215, 0, 0.4);

        border-radius: 6px;

        overflow: hidden;

        background: linear-gradient(145deg, #1a1a1a, #2a2a2a);

        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

    }

    

    .floating-qty-btn {

        background: linear-gradient(145deg, var(--primary-color), #ffac00);

        color: #000;

        border: none;

        width: 28px;

        height: 28px;

        font-size: 0.8rem;

        font-weight: 700;

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        transition: all 0.3s ease;

    }

    

    .floating-qty-btn:hover {

        background: linear-gradient(145deg, #ffac00, #ff8c00);

    }

    

    .floating-qty-btn:active {

        transform: scale(0.95);

    }

    

    .floating-qty-input {

        border: none;

        background: rgba(255, 255, 255, 0.1);

        color: var(--text-color);

        text-align: center;

        width: 30px;

        height: 28px;

        font-size: 0.8rem;

        font-weight: 600;

    }

    

    .floating-qty-input:focus {

        outline: none;

        background: rgba(255, 215, 0, 0.2);

    }

    

    .floating-add-to-cart {

        background: linear-gradient(145deg, var(--primary-color), #ffac00);

        color: #000;

        border: none;

        padding: 6px 8px;

        border-radius: 6px;

        font-weight: 700;

        font-size: 0.7rem;

        cursor: pointer;

        text-transform: uppercase;

        letter-spacing: 0.3px;

        white-space: nowrap;

        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);

        min-width: 60px;

        text-align: center;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 0.25rem;

        transition: all 0.3s ease;

        height: 28px;

    }

    

    .floating-add-to-cart:hover {

        background: linear-gradient(145deg, #ffac00, #ff8c00);

        transform: translateY(-1px);

    }

    

    .floating-add-to-cart:active {

        transform: translateY(0);

    }

    

    .floating-cart-close {

        position: absolute;

        top: -6px;

        right: -6px;

        width: 18px;

        height: 18px;

        background: linear-gradient(145deg, #ff4444, #cc0000);

        color: white;

        border: 1px solid rgba(255, 255, 255, 0.2);

        border-radius: 50%;

        font-size: 0.6rem;

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);

        z-index: 10;

        transition: all 0.3s ease;

    }

    

    .floating-cart-close:hover {

        background: linear-gradient(145deg, #ff6666, #ff0000);

        transform: scale(1.1) rotate(90deg);

    }

    

    /* Variant selector pro mobil */

    .floating-variant-selector {

        display: none; /* Skryj na mobilu - moc místa */

    }

}



/* Extra small mobile */

@media (max-width: 360px) {

    .floating-cart {

        left: 10px !important;

        right: 10px !important;

    }

    

    .floating-cart-content {

        padding: 0.625rem;

        gap: 0.625rem;

    }

    

    .floating-cart-title {

        font-size: 0.75rem;

        max-width: 100px;

    }

    

    .floating-cart-price {

        font-size: 0.75rem;

        padding: 2px 4px;

    }

    

    .floating-add-to-cart {

        padding: 4px 6px;

        font-size: 0.65rem;

        min-width: 50px;

    }

    

    .floating-qty-btn {

        width: 24px;

        height: 24px;

        font-size: 0.75rem;

    }

    

    .floating-qty-input {

        width: 26px;

        height: 24px;

        font-size: 0.75rem;

    }

}



/* =============== Pulse a speciální efekty =============== */

.floating-cart-content.pulse {

    animation: premiumPulse 0.6s ease-in-out;

}



@keyframes premiumPulse {

    0%, 100% { 

        transform: scale(1);

        box-shadow: 

            0 20px 40px rgba(0, 0, 0, 0.4),

            0 10px 25px rgba(255, 215, 0, 0.1);

    }

    50% { 

        transform: scale(1.05);

        box-shadow: 

            0 25px 50px rgba(0, 0, 0, 0.5),

            0 15px 30px rgba(255, 215, 0, 0.2);

    }

}



/* Loading state */

.floating-add-to-cart.loading {

    pointer-events: none;

    opacity: 0.8;

    background: linear-gradient(145deg, #666, #444);

}



.floating-add-to-cart.loading::after {

    content: '';

    display: inline-block;

    width: 10px;

    height: 10px;

    border: 1px solid transparent;

    border-top: 1px solid currentColor;

    border-radius: 50%;

    animation: premiumSpin 1s linear infinite;

    margin-left: 4px;

}



@keyframes premiumSpin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



/* Success state */

.floating-add-to-cart.success {

    background: linear-gradient(145deg, #00ff88, #00cc6a);

    color: #000;

}



.floating-add-to-cart.success::before {

    content: '✓ ';

    margin-right: 2px;

}



/* Animace pro mobilní */

@media (max-width: 480px) {

    @keyframes floatInPremium {

        0% {

            transform: translateY(50px) scale(0.9);

            opacity: 0;

        }

        100% {

            transform: translateY(0) scale(1);

            opacity: 1;

        }

    }

    

    @keyframes premiumPulse {

        0%, 100% { 

            transform: scale(1);

        }

        50% { 

            transform: scale(1.03);

        }

    }

}



/* Accessibility improvements */

@media (prefers-reduced-motion: reduce) {

    .floating-cart,

    .floating-cart-content,

    .floating-qty-btn,

    .floating-add-to-cart,

    .floating-cart-close {

        transition: none;

        animation: none;

    }

    

    .floating-cart-content::before {

        display: none;

    }

}



/* Touch optimizations */

@media (hover: none) and (pointer: coarse) {

    .floating-qty-btn,

    .floating-add-to-cart,

    .floating-cart-close {

        min-height: 32px;

        min-width: 32px;

    }

}

/* =============== VYLEPŠENÝ Plovoucí košík =============== */



.floating-cart {

    position: fixed;

    bottom: -200px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 9999;

    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.4));

}



.floating-cart.show {

    bottom: 25px;

    opacity: 1;

    visibility: visible;

    pointer-events: all;

    animation: floatInPremium 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;

}



@keyframes floatInPremium {

    0% {

        transform: translateX(-50%) translateY(80px) scale(0.8);

        opacity: 0;

    }

    100% {

        transform: translateX(-50%) translateY(0) scale(1);

        opacity: 1;

    }

}



.floating-cart-content {

    background: linear-gradient(145deg, 

        rgba(21, 21, 21, 0.96) 0%,

        rgba(30, 30, 30, 0.94) 50%,

        rgba(15, 15, 15, 0.96) 100%

    );

    backdrop-filter: blur(25px) saturate(1.8);

    border: 2px solid rgba(255, 215, 0, 0.5);

    border-radius: 20px;

    padding: 1.5rem;

    box-shadow: 

        0 25px 50px rgba(0, 0, 0, 0.5),

        0 15px 35px rgba(255, 215, 0, 0.15),

        inset 0 1px 0 rgba(255, 255, 255, 0.1);

    display: flex;

    align-items: center;

    gap: 1.5rem;

    min-width: 420px;

    max-width: 500px;

    position: relative;

    overflow: hidden;

}



/* Animated border glow */

.floating-cart-content::before {

    content: '';

    position: absolute;

    top: -2px;

    left: -2px;

    right: -2px;

    bottom: -2px;

    background: linear-gradient(45deg, 

        var(--primary-color) 0%,

        #ffac00 25%,

        var(--primary-color) 50%,

        #ffac00 75%,

        var(--primary-color) 100%

    );

    background-size: 400% 400%;

    border-radius: 20px;

    z-index: -1;

    animation: borderGlow 3s ease infinite;

}



@keyframes borderGlow {

    0%, 100% { background-position: 0% 50%; }

    50% { background-position: 100% 50%; }

}



/* =============== VĚTŠÍ OBRÁZEK =============== */

.floating-cart-image {

    width: 80px;

    height: 80px;

    border-radius: 16px;

    background: linear-gradient(145deg, #1a1a1a, #2a2a2a);

    border: 2px solid rgba(255, 215, 0, 0.4);

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    overflow: hidden;

    position: relative;

    box-shadow: 

        inset 0 2px 4px rgba(255, 215, 0, 0.1),

        0 10px 20px rgba(0, 0, 0, 0.3);

    transition: all 0.3s ease;

    cursor: pointer;

}



.floating-cart-image:hover {

    transform: scale(1.05);

    border-color: var(--primary-color);

    box-shadow: 

        inset 0 2px 4px rgba(255, 215, 0, 0.2),

        0 15px 30px rgba(0, 0, 0, 0.4),

        0 0 25px rgba(255, 215, 0, 0.3);

}



.floating-cart-image img {

    width: 90%;

    height: 90%;

    object-fit: contain;

    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.4));

    transition: transform 0.3s ease;

}



.floating-cart-image:hover img {

    transform: scale(1.1);

}



.floating-cart-info {

    flex: 1;

    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

}



.floating-cart-title {

    color: var(--text-color);

    font-weight: 600;

    font-size: 1.1rem;

    margin: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 1.3;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

    cursor: pointer;

    transition: color 0.3s ease;

}



.floating-cart-title:hover {

    color: var(--primary-color);

}



/* =============== LEPŠÍ CENOVKA =============== */

.floating-cart-price {

    background: linear-gradient(145deg, var(--primary-color), #ffac00);

    color: #000000;

    font-weight: 800;

    font-size: 1.3rem;

    padding: 8px 16px;

    border-radius: 12px;

    display: inline-block;

    width: fit-content;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    box-shadow: 

        0 6px 16px rgba(0, 0, 0, 0.3),

        0 2px 8px rgba(255, 215, 0, 0.3),

        inset 0 1px 2px rgba(255, 255, 255, 0.3);

    border: 1px solid rgba(255, 255, 255, 0.2);

    letter-spacing: 0.5px;

    position: relative;

    overflow: hidden;

    transition: all 0.3s ease;

}



.floating-cart-price::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    transition: 0.5s;

}



.floating-cart-price:hover::before {

    left: 100%;

}



.floating-cart-price:hover {

    transform: translateY(-2px);

    box-shadow: 

        0 8px 20px rgba(0, 0, 0, 0.4),

        0 4px 12px rgba(255, 215, 0, 0.4),

        inset 0 1px 2px rgba(255, 255, 255, 0.4);

}



.floating-cart-actions {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 0.75rem;

}



.floating-quantity-controls {

    display: flex;

    align-items: center;

    gap: 0;

    border: 2px solid rgba(255, 215, 0, 0.4);

    border-radius: 12px;

    overflow: hidden;

    background: linear-gradient(145deg, #0f0f0f, #1f1f1f);

    box-shadow: 

        inset 0 2px 4px rgba(0, 0, 0, 0.3),

        0 6px 12px rgba(0, 0, 0, 0.2);

    transition: all 0.3s ease;

}



.floating-quantity-controls:hover {

    border-color: var(--primary-color);

    box-shadow: 

        inset 0 2px 4px rgba(0, 0, 0, 0.3),

        0 8px 16px rgba(0, 0, 0, 0.3),

        0 0 20px rgba(255, 215, 0, 0.2);

}



.floating-qty-btn {

    background: linear-gradient(145deg, var(--primary-color), #ffac00);

    color: #000;

    border: none;

    width: 40px;

    height: 40px;

    font-size: 1.1rem;

    font-weight: 700;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    overflow: hidden;

}



.floating-qty-btn::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    transition: 0.5s;

}



.floating-qty-btn:hover {

    background: linear-gradient(145deg, #ffac00, #ff8c00);

    transform: scale(1.05);

    box-shadow: 0 6px 16px rgba(255, 172, 0, 0.4);

}



.floating-qty-btn:hover::before {

    left: 100%;

}



.floating-qty-btn:active {

    transform: scale(0.95);

}



.floating-qty-input {

    border: none;

    background: transparent;

    color: var(--text-color);

    text-align: center;

    width: 50px;

    height: 40px;

    font-size: 1.1rem;

    font-weight: 600;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);

}



.floating-qty-input:focus {

    outline: none;

    background: rgba(255, 215, 0, 0.1);

}



.floating-add-to-cart {

    background: linear-gradient(145deg, var(--primary-color), #ffac00);

    color: #000;

    border: none;

    padding: 12px 24px;

    border-radius: 12px;

    font-weight: 700;

    font-size: 0.95rem;

    cursor: pointer;

    transition: all 0.3s ease;

    text-transform: uppercase;

    letter-spacing: 1px;

    white-space: nowrap;

    position: relative;

    overflow: hidden;

    box-shadow: 

        0 10px 20px rgba(0, 0, 0, 0.3),

        0 6px 12px rgba(255, 215, 0, 0.2);

    min-width: 140px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

}



.floating-add-to-cart::before {

    content: '';

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);

    transition: 0.5s;

}



.floating-add-to-cart:hover {

    background: linear-gradient(145deg, #ffac00, #ff8c00);

    transform: translateY(-2px) scale(1.05);

    box-shadow: 

        0 15px 30px rgba(0, 0, 0, 0.4),

        0 8px 16px rgba(255, 215, 0, 0.3),

        0 0 25px rgba(255, 215, 0, 0.2);

}



.floating-add-to-cart:hover::before {

    left: 100%;

}



.floating-add-to-cart:active {

    transform: translateY(0) scale(0.98);

}



.floating-cart-close {

    position: absolute;

    top: -12px;

    right: -12px;

    width: 32px;

    height: 32px;

    background: linear-gradient(145deg, #ff4444, #cc0000);

    color: white;

    border: 2px solid rgba(255, 255, 255, 0.1);

    border-radius: 50%;

    font-size: 0.9rem;

    cursor: pointer;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 

        0 8px 16px rgba(0, 0, 0, 0.4),

        0 4px 8px rgba(255, 68, 68, 0.3);

    z-index: 10;

}



.floating-cart-close:hover {

    background: linear-gradient(145deg, #ff6666, #ff0000);

    transform: scale(1.15) rotate(90deg);

    box-shadow: 

        0 12px 24px rgba(0, 0, 0, 0.5),

        0 6px 12px rgba(255, 68, 68, 0.5),

        0 0 20px rgba(255, 68, 68, 0.3);

}



.floating-cart-close:active {

    transform: scale(0.9) rotate(90deg);

}



/* =============== MOBILNÍ VERZE =============== */



@media (max-width: 768px) {

    .floating-cart {

        left: 20px;

        right: 20px;

        bottom: -180px;

        transform: none;

    }

    

    .floating-cart.show {

        bottom: 20px;

    }

    

    .floating-cart-content {

        min-width: auto;

        max-width: none;

        width: 100%;

        padding: 1.25rem;

        gap: 1.25rem;

        border-radius: 18px;

    }

    

    .floating-cart-image {

        width: 70px;

        height: 70px;

        border-radius: 14px;

    }

    

    .floating-cart-title {

        font-size: 1rem;

    }

    

    .floating-cart-price {

        font-size: 1.2rem;

        padding: 6px 12px;

    }

}



@media (max-width: 480px) {

    .floating-cart {

        left: 15px;

        right: 15px;

        bottom: -160px;

    }

    

    .floating-cart.show {

        bottom: 20px;

    }

    

    .floating-cart-content {

        padding: 1rem;

        gap: 1rem;

        border-radius: 16px;

        flex-direction: column;

        text-align: center;

    }

    

    /* Mobilní header s produktem */

    .floating-cart-mobile-header {

        display: flex;

        align-items: center;

        gap: 1rem;

        width: 100%;

    }

    

    .floating-cart-image {

        width: 70px;

        height: 70px;

        border-radius: 12px;

        flex-shrink: 0;

    }

    

    .floating-cart-info {

        flex: 1;

        text-align: left;

    }

    

    .floating-cart-title {

        font-size: 0.95rem;

        white-space: normal;

        overflow: visible;

        text-overflow: unset;

        line-height: 1.3;

    }

    

    .floating-cart-price {

        background: linear-gradient(145deg, #000000, #1a1a1a);

        color: #ffffff;

        font-weight: 700;

        font-size: 1.1rem;

        padding: 8px 12px;

        border-radius: 8px;

        display: inline-block;

        width: fit-content;

        text-shadow: none;

        border: 1px solid #333;

        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);

        margin-top: 0.5rem;

    }

    

    .floating-cart-price::before {

        display: none;

    }

    

    .floating-cart-actions {

        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: space-between;

        gap: 1rem;

        width: 100%;

        margin-top: 0.5rem;

    }

    

    .floating-quantity-controls {

        border: 2px solid rgba(255, 215, 0, 0.4);

        border-radius: 10px;

    }

    

    .floating-qty-btn {

        width: 44px;

        height: 44px;

        font-size: 1rem;

    }

    

    .floating-qty-input {

        width: 50px;

        height: 44px;

        font-size: 1rem;

    }

    

    .floating-add-to-cart {

        padding: 12px 20px;

        font-size: 0.9rem;

        min-width: 120px;

        height: 44px;

    }

    

    .floating-cart-close {

        top: -8px;

        right: -8px;

        width: 28px;

        height: 28px;

        font-size: 0.8rem;

    }

}



@media (max-width: 360px) {

    .floating-cart {

        left: 10px;

        right: 10px;

    }

    

    .floating-cart-content {

        padding: 0.875rem;

        gap: 0.875rem;

    }

    

    .floating-cart-image {

        width: 60px;

        height: 60px;

    }

    

    .floating-cart-title {

        font-size: 0.9rem;

    }

    

    .floating-cart-price {

        font-size: 1rem;

        padding: 6px 10px;

    }

    

    .floating-add-to-cart {

        padding: 10px 16px;

        font-size: 0.85rem;

        min-width: 100px;

    }

    

    .floating-qty-btn {

        width: 40px;

        height: 40px;

    }

    

    .floating-qty-input {

        width: 45px;

        height: 40px;

    }

}



/* =============== Pulse a speciální efekty =============== */



.floating-cart-content.pulse {

    animation: premiumPulse 0.8s ease-in-out;

}



@keyframes premiumPulse {

    0%, 100% { 

        transform: scale(1);

        box-shadow: 

            0 25px 50px rgba(0, 0, 0, 0.5),

            0 15px 35px rgba(255, 215, 0, 0.15);

    }

    50% { 

        transform: scale(1.08);

        box-shadow: 

            0 35px 70px rgba(0, 0, 0, 0.6),

            0 25px 45px rgba(255, 215, 0, 0.3),

            0 0 35px rgba(255, 215, 0, 0.4);

    }

}



/* Loading state */

.floating-add-to-cart.loading {

    pointer-events: none;

    opacity: 0.8;

    background: linear-gradient(145deg, #666, #444);

}



.floating-add-to-cart.loading::after {

    content: '';

    display: inline-block;

    width: 16px;

    height: 16px;

    border: 2px solid transparent;

    border-top: 2px solid currentColor;

    border-radius: 50%;

    animation: premiumSpin 1s linear infinite;

    margin-left: 8px;

}



@keyframes premiumSpin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



/* Success state */

.floating-add-to-cart.success {

    background: linear-gradient(145deg, #00ff88, #00cc6a);

    color: #000;

}



.floating-add-to-cart.success::before {

    content: '✓ ';

    margin-right: 4px;

}



/* Variant selector */

.floating-variant-selector {

    margin-bottom: 12px;

}



.floating-variant-select {

    width: 100%;

    padding: 10px 14px;

    background: rgba(255, 255, 255, 0.1);

    border: 2px solid rgba(255, 215, 0, 0.3);

    border-radius: 8px;

    color: var(--text-color);

    font-size: 15px;

    font-weight: 500;

    outline: none;

    transition: all 0.3s ease;

}



.floating-variant-select:focus {

    border-color: var(--primary-color);

    background: rgba(255, 255, 255, 0.15);

    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);

}



.floating-variant-select option {

    background: #1a1a1a;

    color: white;

}



/* Accessibility improvements */

@media (prefers-reduced-motion: reduce) {

    .floating-cart,

    .floating-cart-content,

    .floating-qty-btn,

    .floating-add-to-cart,

    .floating-cart-close {

        transition: none;

        animation: none;

    }

    

    .floating-cart-content::before {

        display: none;

    }

}



/* Touch optimizations */

@media (hover: none) and (pointer: coarse) {

    .floating-qty-btn,

    .floating-add-to-cart,

    .floating-cart-close {

        min-height: 44px;

        min-width: 44px;

    }

    

    .floating-cart-content:hover::after {

        display: none;

    }

    

    .floating-cart-image:hover {

        transform: none;

    }

}



/* Mobilní layout reorganizace */

@media (max-width: 480px) {

    .floating-cart-content {

        display: block;

        text-align: center;

    }

    

    .floating-cart-mobile-header {

        display: flex;

        align-items: center;

        gap: 1rem;

        margin-bottom: 1rem;

        text-align: left;

    }

    

    .floating-cart-actions {

        margin-top: 1rem;

    }

    

    @keyframes floatInPremium {

        0% {

            transform: translateY(80px) scale(0.9);

            opacity: 0;

        }

        100% {

            transform: translateY(0) scale(1);

            opacity: 1;

        }

    }

    

    @keyframes premiumPulse {

        0%, 100% { 

            transform: scale(1);

        }

        50% { 

            transform: scale(1.03);

        }

    }

}