.elementor-661 .elementor-element.elementor-element-3060330{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:120px;--padding-right:120px;}.elementor-661 .elementor-element.elementor-element-c3b33bf{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-661 .elementor-element.elementor-element-c3b33bf.e-con{--align-self:flex-start;}.elementor-661 .elementor-element.elementor-element-3fea21a{z-index:999;}.elementor-661 .elementor-element.elementor-element-af275e1{--display:flex;--justify-content:flex-start;}.elementor-661 .elementor-element.elementor-element-f7c4034{--grid-columns:3;}@media(min-width:768px){.elementor-661 .elementor-element.elementor-element-c3b33bf{--width:25%;}.elementor-661 .elementor-element.elementor-element-af275e1{--width:75%;}}@media(max-width:1024px){.elementor-661 .elementor-element.elementor-element-f7c4034{--grid-columns:2;}}@media(max-width:767px){.elementor-661 .elementor-element.elementor-element-f7c4034{--grid-columns:1;}}/* Start custom CSS *//* 1. ბარათის ბაზა */
.loxi-grid .elementor-loop-container > div {
    background: #050505 !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 24px !important;
    padding: 40px 25px !important;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
}

/* 2. ეპიკური Hover */
.loxi-grid .elementor-loop-container > div:hover {
    transform: translateY(-15px) !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.8), 
                0 0 30px rgba(212, 175, 55, 0.15) !important;
    background: #0a0a0a !important;
}

/* 3. სურათის ანიმაცია */
.loxi-grid .elementor-loop-container img {
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    filter: drop-shadow(0 15px 35px rgba(0,0,0,0.7)) !important;
}

.loxi-grid .elementor-loop-container > div:hover img {
    transform: scale(1.1) rotate(3deg) !important;
    filter: drop-shadow(0 25px 50px rgba(212, 175, 55, 0.4)) !important;
}

/* 4. სათაურის "ოქროსფერი" ჰოვერზე */
.loxi-grid .elementor-loop-container h3, 
.loxi-grid .elementor-loop-container h2 {
    font-family: 'Inter', 'Fira GO', sans-serif !important;
    color: #ffffff !important;
    font-size: 20px !important;
    margin-top: 25px !important;
    transition: 0.4s !important;
}

.loxi-grid .elementor-loop-container > div:hover h3 {
    color: #D4AF37 !important;
}

/* 5. ფასის სტილი */
.loxi-grid .price, .loxi-grid .price span {
    color: #D4AF37 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    margin: 15px 0 !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
}

/* 6. Liquid Gold ღილაკი */
.loxi-grid .elementor-button {
    background: linear-gradient(135deg, #D4AF37 0%, #F6D98F 50%, #D4AF37 100%) !important;
    background-size: 200% auto !important;
    color: #000 !important;
    border-radius: 8px !important;
    padding: 18px 0 !important;
    width: 100% !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    transition: 0.5s !important;
    border: none !important;
}

.loxi-grid .elementor-button:hover {
    background-position: right center !important;
    transform: scale(1.03) !important;
}/* End custom CSS */