.elementor-11798 .elementor-element.elementor-element-c18962d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-11798 .elementor-element.elementor-element-d76f7e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}body.elementor-page-11798{margin:106px 0px 0px 0px;}@media(min-width:768px){.elementor-11798 .elementor-element.elementor-element-c18962d{--content-width:1143px;}}/* Start custom CSS for container, class: .elementor-element-c18962d *//* --- YASHK MASTER MASONRY ENGINE 2.0 --- */

/* 1. LAYOUT LOGIC (The Skeleton) */
.elementor-11798 .elementor-element.elementor-element-c18962d {
    display: block !important;
    column-count: 3;
    column-gap: 25px;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) { .elementor-11798 .elementor-element.elementor-element-c18962d { column-count: 2; } }
@media (max-width: 767px) { .elementor-11798 .elementor-element.elementor-element-c18962d { column-count: 1; } }

/* Widget Fixes */
.elementor-11798 .elementor-element.elementor-element-c18962d .elementor-widget {
    break-inside: avoid;
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
}

/* 2. VISUAL SKINS (The Soul of Each Card) */

/* -- Skin A: ANIME (Cyber/Gamer/Dark) -- */
.y-anime {
    background: #0f0f0f;
    color: #fff;
    border: 2px solid #fff;
    padding: 25px;
    font-family: 'Courier New', monospace;
    position: relative;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.y-anime:hover {
    border-color: #00E5FF;
    box-shadow: 6px 6px 0px #FF0055; /* Hard Glitch Shadow */
    transform: translate(-3px, -3px);
}
.y-anime h2, .y-anime h3 { text-transform: uppercase; letter-spacing: 1px; color: white; margin: 0 0 10px 0; }
.y-anime .badge { background: #FF0055; font-size: 9px; padding: 2px 6px; font-weight: bold; }

/* -- Skin B: DESI (Classy/Roots/Saffron) -- */
.y-desi {
    background: #fff9f0; /* Cream Paper */
    border-top: 5px solid #FF9933; /* Saffron Accent */
    padding: 30px;
    color: #333;
    font-family: serif; /* Classy Font */
    border-radius: 0 0 12px 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}
.y-desi:hover { transform: translateY(-5px); }
.y-desi .om { color: #FF9933; font-size: 24px; display: block; margin-bottom: 10px; opacity: 0.8; }

/* -- Skin C: LOFI (Deep Work/Clean) -- */
.y-lofi {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s ease;
}
.y-lofi img { width: 100%; display: block; filter: grayscale(100%); transition: 0.4s; }
.y-lofi:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.1); transform: translateY(-5px); }
.y-lofi:hover img { filter: grayscale(0%); }
.y-lofi .content { padding: 20px; }

/* -- Skin D: TECH (Code/Terminal) -- */
.y-tech {
    background: #1e1e1e; /* VS Code Grey */
    padding: 20px;
    border-left: 4px solid #BD93F9; /* Purple Line */
    font-family: 'Consolas', monospace;
    color: #a9b7c6;
    border-radius: 6px;
    font-size: 13px;
}
.y-tech .keyword { color: #ff79c6; }
.y-tech .string { color: #f1fa8c; }

/* -- Skin E: SHOP (Hormozi Offer) -- */
.y-shop {
    background: #000;
    border: 1px dashed #555;
    text-align: center;
    padding: 25px;
    color: white;
    border-radius: 16px;
}
.y-shop .price { font-size: 28px; color: #4CAF50; font-weight: bold; display: block; margin: 10px 0;}
.y-shop .btn { background: #fff; color: #000; padding: 8px 16px; font-weight: bold; text-decoration: none; border-radius: 4px; display: inline-block;}
.y-shop .btn:hover { background: #FF0055; color: white; }/* End custom CSS */