.elementor-1281 .elementor-element.elementor-element-d20b4b1{--display:flex;--min-height:200px;--justify-content:flex-end;}.elementor-1281 .elementor-element.elementor-element-d20b4b1:not(.elementor-motion-effects-element-type-background), .elementor-1281 .elementor-element.elementor-element-d20b4b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:cover;}.elementor-1281 .elementor-element.elementor-element-35d4c04{--display:flex;--margin-top:16px;--margin-bottom:99px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1281 .elementor-element.elementor-element-0b6855b{padding:0% 0% 0% 0%;color:var( --e-global-color-secondary );font-family:"Loos", Sans-serif;font-size:19px;font-weight:400;}@media(max-width:767px){.elementor-1281 .elementor-element.elementor-element-d20b4b1:not(.elementor-motion-effects-element-type-background), .elementor-1281 .elementor-element.elementor-element-d20b4b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:contain;}.elementor-1281 .elementor-element.elementor-element-d20b4b1{--margin-top:27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-d20b4b1 */.elementor-1281 .elementor-element.elementor-element-d20b4b1.elementor-element {
    height: 70px !important;
    min-height: 50px !important;
    position: relative !important;
    
    background-color: transparent !important;
    overflow: hidden !important;
    /* Force GPU Acceleration for maximum performance */
    transform: translateZ(0) !important; 
}




/* 3. Protection Gradient (Keeps everything readable) */
.elementor-1281 .elementor-element.elementor-element-d20b4b1.elementor-element::before {
    content: '';
    position: absolute !important;
    
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* 4. Inner Container: Nailed to Bottom, Content Stays Aligned */
.elementor-1281 .elementor-element.elementor-element-d20b4b1 .e-con-inner {
    position: absolute !important;
    top: 0px !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-1281 .elementor-element.elementor-element-d20b4b1 .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-1281 .elementor-element.elementor-element-d20b4b1 .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.15) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !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.) !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 */

/* 8. The Main Title (Loos + Chrome Shine) */
.elementor-1281 .elementor-element.elementor-element-d20b4b1 h1.elementor-heading-title {
    position: relative !important;
    z-index: 1 !important; 
    font-family: 'Loos', sans-serif !important;
    font-size: clamp(18px, 4vw, 31px) !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-1281 .elementor-element.elementor-element-d20b4b1.elementor-element {
        height: 240px !important;
        min-height: 240px !important;
    }
    .elementor-1281 .elementor-element.elementor-element-d20b4b1 .e-con-inner {
        bottom: 40px !important;
        padding: 0 21px !important;
    }
    .elementor-1281 .elementor-element.elementor-element-d20b4b1 .elementor-widget-theme-page-title {
        padding: 20px 48px 20px 0 !important; 
    }
    .elementor-1281 .elementor-element.elementor-element-d20b4b1 .elementor-widget-theme-page-title::after {
        font-size: 12px !important;
        letter-spacing: 6px !important;
    }
    
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-0b6855b *//* 1. გალერეის კონტეინერი (2 სვეტი + დაშორებები) */
.elementor-widget-theme-post-content .wp-block-gallery.has-nested-images {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px 14px !important; /* 24px რიგებს შორის, 14px სვეტებს შორის */
    margin: 2em 0 !important;
    padding: 0 !important;
}

/* 2. თითოეული ბარათი (<figure>) */
.elementor-widget-theme-post-content .wp-block-gallery.has-nested-images .wp-block-image {
    flex: 0 0 calc(50% - 7px) !important;
    max-width: calc(50% - 7px) !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important; /* ავტომატურად ითვლის სურათის + ტექსტის სიმაღლეს */
    margin: 0 !important;
}

/* 3. სურათი (თანაბარი 16:9 პროპორციით) */
.elementor-widget-theme-post-content .wp-block-gallery.has-nested-images .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important; /* ყველა სურათი ხდება ერთნაირი სიმაღლის */
    object-fit: cover !important;
    display: block !important;
    border-radius: 4px;
}

/* 4. ტექსტი (Caption) სურათის ქვემოთ */
.elementor-widget-theme-post-content .wp-block-gallery.has-nested-images .wp-block-image figcaption {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #444444 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

/* მობილურზე: გადადის 1 სვეტზე */
@media (max-width: 680px) {
    .elementor-widget-theme-post-content .wp-block-gallery.has-nested-images .wp-block-image {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Loos';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://gwm.ge/wp-content/uploads/2026/02/LoosNormal-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Loos';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://gwm.ge/wp-content/uploads/2026/02/LoosNormal-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */