.elementor-1164 .elementor-element.elementor-element-99169f8{--display:flex;--min-height:250px;--justify-content:flex-end;}.elementor-1164 .elementor-element.elementor-element-99169f8:not(.elementor-motion-effects-element-type-background), .elementor-1164 .elementor-element.elementor-element-99169f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gwm.vasco.ge/wp-content/uploads/2026/02/6016x0-1-scaled.webp");background-position:top center;background-size:cover;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1164 .elementor-element.elementor-element-91dbff0 .elementor-heading-title{color:#FFFFFF;}.elementor-1164 .elementor-element.elementor-element-8a796d0{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for container, class: .elementor-element-99169f8 *//* =======================================================
   GWM PERFECT EDGE-RIBBON (GPU OPTIMIZED / RIGHT-ALIGNED TEXT)
   ======================================================= */

/* 1. Main Container: Fixed 250px & Hardware Accelerated */
.elementor-1164 .elementor-element.elementor-element-99169f8.elementor-element {
    height: 250px !important;
    min-height: 250px !important;
    position: relative !important;
    background-color: transparent !important;
    overflow: hidden !important;
    /* Force GPU Acceleration for maximum performance */
    transform: translateZ(0) !important; 
}

/* 2. THE AWESOME GIANT BACKGROUND TEXT (Moved to the Right) */
.elementor-1164 .elementor-element.elementor-element-99169f8.elementor-element::after {
    content: 'აქსესუარები' !important; 
    font-family: 'Loos', sans-serif !important;
    font-feature-settings: 'case' on;
    text-transform: uppercase;
    position: absolute !important;
    bottom: -15px !important;
    
    /* Anchored to the right side so it balances the design */
    right: -2% !important; 
    left: auto !important;
    
    font-size: clamp(80px, 15vw, 160px) !important; 
    font-weight: 900 !important;
    white-space: nowrap !important;
    
    /* Hollow transparent stroke */
    color: transparent !important;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.12) !important; 
    
    z-index: 1 !important;
    pointer-events: none !important;
    
    /* Performance: One-time smooth entrance, NO infinite moving */
    opacity: 0;
    transform: translateX(40px);
    will-change: transform, opacity;
    animation: bgTextReveal 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;
}

/* 3. Protection Gradient (Keeps everything readable) */
.elementor-1164 .elementor-element.elementor-element-99169f8.elementor-element::before {
    content: '';
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* 4. Inner Container: Nailed to Bottom, Content Stays Aligned */
.elementor-1164 .elementor-element.elementor-element-99169f8 .e-con-inner {
    position: absolute !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    width: 100% !important;
    max-width: 1200px !important; 
    padding: 0 24px !important; 
    z-index: 3 !important; 
    
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* 5. The Widget Wrapper (Positions the Text) */
.elementor-1164 .elementor-element.elementor-element-99169f8 .elementor-widget-theme-page-title {
    position: relative !important;
    width: fit-content !important; 
    text-align: left !important;
    padding: 16px 32px 16px 0 !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}

/* 6. THE GLASS RIBBON (Stretches off the Left Screen Edge!) */
.elementor-1164 .elementor-element.elementor-element-99169f8 .elementor-widget-theme-page-title::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important; 
    left: -50vw !important; /* Stretches off monitor */
    
    /* Premium Frosted Glass */
    background: rgba(10, 12, 15, 0.55) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    
    /* Glowing Red End-Cap */
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: 4px solid #E60000 !important; 
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 4px !important;
    
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.6), inset -10px 0 20px rgba(230, 0, 0, 0.1) !important;
    z-index: 0 !important; 
    
    /* GPU Accelerated Slide */
    transform-origin: left !important;
    transform: scaleX(0);
    will-change: transform;
    animation: ribbonSlide 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;
}

/* 7. The Subtitle "Eyebrow" Text */
.elementor-1164 .elementor-element.elementor-element-99169f8 .elementor-widget-theme-page-title::after {
    content: '/// GWM PERFORMANCE';
    position: relative !important;
    z-index: 1 !important; 
    font-family: 'Loos', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    color: #E60000 !important; 
    margin-bottom: 6px !important;
    order: -1 !important;
    
    opacity: 0;
    transform: translateX(-15px);
    will-change: transform, opacity;
    animation: fadeRight 1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s forwards;
}

/* 8. The Main Title (Loos + Chrome Shine) */
.elementor-1164 .elementor-element.elementor-element-99169f8 h1.elementor-heading-title {
    position: relative !important;
    z-index: 1 !important; 
    font-family: 'Loos', sans-serif !important;
    font-size: clamp(21px, 5vw, 45px) !important; 
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    
    /* Moving Metallic Chrome Text */
    background: linear-gradient(110deg, #ffffff 10%, #8a939f 40%, #ffffff 60%, #b0b5be 90%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    will-change: background-position;
    animation: metallicShine 4s linear infinite;
    
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.4)) !important;
}

/* =======================================================
   PERFORMANCE-FRIENDLY ANIMATIONS
   ======================================================= */

/* Smooth, 1-time entrance for the giant right-aligned text */
@keyframes bgTextReveal {
    0% { opacity: 0; transform: translateX(40px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes ribbonSlide {
    0% { transform: scaleX(0); }
    100% { transform: scaleX(1); }
}

@keyframes metallicShine {
    to { background-position: -200% center; }
}

@keyframes fadeRight {
    0% { opacity: 0; transform: translateX(-15px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* =======================================================
   DESKTOP POLISH
   ======================================================= */
@media (min-width: 768px) {
    .elementor-1164 .elementor-element.elementor-element-99169f8 .e-con-inner {
        bottom: 40px !important;
        padding: 0 21px !important;
    }
    .elementor-1164 .elementor-element.elementor-element-99169f8 .elementor-widget-theme-page-title {
        padding: 20px 48px 20px 0 !important; 
    }
    .elementor-1164 .elementor-element.elementor-element-99169f8 .elementor-widget-theme-page-title::after {
        font-size: 12px !important;
        letter-spacing: 6px !important;
    }
}/* End custom CSS */