/***************************************************************************
 *     Custom Css
 * ***************************************************************************/
.site-logo .elementor-heading-title {
    font-family: "Swiss 721 Black Condensed", Sans-serif !important;
}
.site-logo .elementor-heading-title a:hover{
    color: #000000 !important;
    text-decoration: none !important;
}
.elementor-nav-menu .menu-item .menu-link{
	font-family: "Swiss 721 Light", Sans-serif !important;
}
.elementor-nav-menu a, .elementor-nav-menu a:focus, .elementor-nav-menu a:hover {
    text-decoration: none;
}
#header-right-icon .elementor-icon {
    color: #000000;
    font-size: 24px;
    transition: all .3s;
}
#bottom-menu .menu-item:first-child{
	margin-left:0px;
}
#bottom-menu .menu-item:last-child{
	margin-right:0px;
}
/* Placeholder color */
input::placeholder {
    color: #565656;
    opacity: 1; /* required for Firefox */
}

/* Safari / older browsers */
input::-webkit-input-placeholder {
    color: #565656;
}

input::-moz-placeholder {
    color: #565656;
}

input:-ms-input-placeholder {
    color: #565656;
}

input {
    font-family: "Roboto Mono", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
	color: #808285 !important;
/*     line-height: 48px !important; */
    letter-spacing: -0.6px;
}
#wpforms-10240 form {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
	align-items: center;
}

#wpforms-10240 .wpforms-field-container{
	width:100% !important;
}
#wpforms-10240 .wpforms-form .wpforms-field,
#wpforms-10240 .wpforms-submit-container {
    padding: 0px;
}
#wpforms-submit-10240 {
    background: #ffffff;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    font-size: 30px;
    display: flex;
    align-items: center;
    line-height: 26px;
    font-family: "Swiss 721 Black Condensed", Sans-serif;
    padding: 0;
    justify-content: center;
}
#wpforms-10240-field_1 {
    background: #FFFFFFBA;
    border-color: #000000;
    border-width: 6px 6px 6px 6px;
    border-radius: 0px 0px 0px 0px;
    height: 45px;
}
#wpforms-10240-field_1-error{
	margin-top: 0 !important;
    position: absolute !important;
	color: #000000 !important;
}
.testimonial-wrap .elementskit-stars,
.testimonial-wrap .elementskit-testimonial_card .xs-overlay{
	display:none;
}

.testimonial-wrap .swiper-wrapper {
	display:flex !important;
    align-items: center !important;
}

.blog .ast-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.blog .post {
    padding: 0px 8px !important;
    flex: 25%;
    max-width: 25%;
    background: none;
}

.blog .blog-listing  {
    padding: 0 !important;
    margin-bottom: 32px;
}
.blog .post-items {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.blog .mlime-post-thumb a{
    display: block;
}
.blog .mlime-post-thumb a{
    position: relative;
    overflow: hidden;

    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 60px),
        calc(100% - 60px) 100%,
        0 100%
    );
}
.blog .mlime-post-thumb a:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    background-color: #9D4000;
    opacity: 20%;
}
.blog .mlime-post-thumb .wp-post-image{
    aspect-ratio:1/1;
}
.blog .post-items .mlime-entry-header {
    padding-right: 60px;
}

.blog .post-items .mlime-entry-title,
.blog .post-items .mlime-entry-title a {
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
    color: #9D4000;
    line-height: normal;
    /* letter-spacing: 0px; */
}

.blog .mlime-blog-strip {
    background: #FFDA00;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0px 16px;
    gap: 16px;
}

.blog .mlime-blog-strip p{
    margin-bottom: 0;
    font-size: 16px;
    font-family: 'Roboto Mono', monospace;
    color: #ff0000;
    line-height: normal;
    letter-spacing: -0.3px;
}

.blog #primary {
    margin: 32px 0px !important;
    padding: 0px !important;
}

.mlime-blog-heading {
    display: flex;
    justify-content: space-between;
    color: #FFBD88;
    font-family: "Swiss 721 Black Condensed", Sans-serif;
    font-weight: 900 !important;
    margin: 32px 0px;
    opacity: 65%;
    font-size: 40px;
    line-height: 1.2;
}

..mlime-blog-heading {
    font-size: 42px;
}

.mzime-blog-card {
	margin-bottom: 40px;
}

.mzime-blog-card img {
	height: 260px;
	object-fit: cover;
}

.mzime-blog-title {
	font-size: 15px;
	margin-top: 10px;
}

.mzime-blog-title a {
	color: #9a4f1d;
	text-decoration: none;
}

/* ===== ESHOP PREVIEW LAYOUT ===== */

.mlime-eshop-preview {
    padding:0px 0px 60px;
}

/* .mlime-container {
    width: 92%;
    max-width: 1400px;
    margin: 0 auto;
} */

/* ===== GRID ===== */
.ast-row {
    margin-left: -15px;
    margin-right: -15px;
}
.mlime-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 16px;
}

/* ===== CARD ===== */

.mlime-card {
    position: relative;
    border: 9px solid #ffffff;
    display: flex;
    flex-direction: column;
    /* max-height: 678px; */
    height: 100%;
    overflow: hidden;
    background: #ffffff;
}

.mlime-card-specification{
    border-color: #FFDA00;
}
.mlime-card-product{
    border-color: #FFBD88;
}
.mlime-card-image {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.mlime-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ===== BODY ===== */
.text-brown{
    color: #9D4000;
}
.text-black{
    color: #000000;
}
.mlime-card-body {
    background: #fff;
    padding: 16px 16px  68px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
}

.mlime-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 32px;
    font-family: "Swiss 721 Black Condensed", Sans-serif;
    max-width: fit-content;
    padding: 5px;
     margin-top: 0px !important;
}
.mlime-card-specification .mlime-title{
    background: #FFDA0030;
}
.mlime-card-product .mlime-title{
    background: #FFBD8830;
}


.mlime-price-line p{
    margin-bottom: 0px !important;
}
.mlime-price-line {
    font-family: 'Roboto Mono';
    font-size: 14px;
    font-weight: 400;
}
.mlime-popup-layout  .mlime-price-line p{
    margin-bottom: 5px !important;
}

.mlime-desc {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-family: "Swiss 721 Light", Sans-serif;
    font-weight: 200;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    /* position: absolute; */
    bottom: 76px;
    left: 16px;
    right: 16px;
    margin-top: 15px;
}

/* ===== FOOTER ===== */

.mlime-card-footer a{
    position: absolute;
    bottom: -9px;
    justify-content: center;
    align-items: center;
    height: 60px;
    display: flex;
    width: 100%;
    left: 0;
    font-size: 17px;
    font-family: 'IBM Plex Mono', monospace;
    cursor: pointer;
    font-weight: 500;
}

.mlime-more-info {
    text-decoration: none;
    background: #FFDA00;
    color: #FF0000;
}

.mlime-add-project {
    text-decoration: none;
    background: #FFBD88;
    color: #9D4000;
}
.mlime-add-project span{
    text-decoration: underline;
    padding: 0px 10px;
}
.mlime-more-info:hover,
.mlime-more-info:focus {
    color: #FF0000;
}
.mlime-add-project:hover,
.mlime-add-project:focus {
    color: #9D4000;
}



/* ===== FEATURE BOXES ===== */

/* ===== FEATURE FILTER BOXES ===== */

.mlime-features {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 30px 0 30px;
    flex-wrap: wrap;
}


.mlime-feature-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #ffffff;
    padding: 6px 16px;
    text-decoration: none;
    color: #000;
    max-width: 348px;
    /* height: 80px; */
    position: relative;
    border: 2px solid #ffffff;
}
.mlime-feature-card.is-active{
    border:2px solid #000000;
}
.mlime-feature-card:hover,
.mlime-feature-card:focus {
    color: #000000;
}
/* .mlime-feature-card.is-active,
.mlime-feature-card:hover {
    background: #FFDA00;
    color: #ff0000;
} */
.mlime-feature-icon {
    width: 54px;
}
.mlime-feature-icon img {
    width: 54px;
    height: auto;
    filter: none;
    transition: filter 0.25s ease;
}

/* .mlime-feature-card.is-active .mlime-feature-icon img,
.mlime-feature-card:hover .mlime-feature-icon img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(99%) saturate(7485%) hue-rotate(0deg) brightness(103%) contrast(122%);
} */
.mlime-feature-desc {
    font-size: 16px;
    margin: 0 0 4px;
    font-family: "Swiss 721 Light", Sans-serif;
    letter-spacing: 1.3px;
    line-height: 1.4;
    width: calc(100% - 64px);
}

.mlime-feature-desc p{
    margin-bottom: 0px;
}

.mlime-feature-card:hover{
    text-decoration: none;
}
.mlime-filter-close {
   position: absolute;
    right: -15px;
    top: -15px;
    background: #ffffff;
    height: 30px;
    width: 30px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    font-size: 20px;
    border-radius: 50%;
    line-height: 27px;
}


/* ===== FILTER FADE ===== */

.mlime-features.has-active .mlime-filter-trigger {
    opacity: 0.75;
    transition: all .25s ease;
}

.mlime-features.has-active .mlime-filter-trigger.is-active {
    opacity: 1;
}

.mlime-filter-trigger {
    transition: all .25s ease;
}

/* =========================================================
   HOMEPAGE POPUP — MLIME
   ========================================================= */

/* ===== POPUP CONTAINER ===== */
#popmake-10391 {
    padding: 0;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background-color: #F3EDE2;
    width: 696px;          /* 🔥 exact desktop width */
    max-width: 92vw;       /* safety on small laptops */
}

.pum-content {
    padding: 0 !important;
}

/* =========================================================
   LAYOUT
   ========================================================= */

.mlime-popup-layout {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 696px;
    margin: 0 auto;
}

/* ===== EQUAL COLUMNS ===== */
.mlime-popup-layout > div {
    flex: 1 1 50%;
    max-width: 50%;
    min-width: 0; /* prevents flex overflow */
}

/* =========================================================
   LEFT CARD
   ========================================================= */

.mlime-popup-layout .mlime-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #FFDA00;
    max-height: none !important;
}

/* IMAGE */
.mlime-popup-layout .mlime-card-image {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.mlime-popup-layout .mlime-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* BODY */
.mlime-popup-layout .mlime-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 16px;
}

/* =========================================================
   RIGHT PANEL
   ========================================================= */

.mlime-popup-layout .mlime-popup-right {
    display: flex;
    align-items: center;
    padding: 16px;
}

/* CTA TEXT */
.mlime-popup-layout .mlime-popup-cta a {
    text-align: left;
    font-size: 40px; /* tuned for 696px */
    font-family: "Swiss 721", Sans-serif;
    line-height: 48px;
    letter-spacing: 2px;
    color: #FFBD88;
}

.mlime-woo-price p {
    margin: 0;
    font-size: 16px;
    color: #ff0000;
    font-family: "Swiss 721 Light", Sans-serif;
}

.mlime-desc p{
    margin: 0;
}

/* =========================================================
   CLOSE BUTTON
   ========================================================= */

button.pum-close.popmake-close {
    background: #fff !important;
    color: #000000 !important;
    height: 48px !important;
    width: 48px !important;
    right: -48px !important;
    top: -48px !important;
    font-family: "Roboto Mono", Sans-serif !important;
    font-size: 24px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.mlime-popup-layout .mlime-card-footer .d-none{
    display: none;
}


/*****************************
 *  Responsive Css
 * ***************************/
@media (min-width: 922px) {
    .page-template-template-eshop-preview .site-content > .ast-container {
        max-width: 1440px;
    }
}

@media (max-width: 1200px) {
    .mlime-eshop-preview {
        padding: 0px 24px 60px;
    }
    .mlime-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .mlime-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .mlime-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:991px){

	.mlime-blog-heading {
        display: grid;
        grid-template-columns: repeat(6, auto);
        text-align: center;
        font-size: 36px;
        gap: 6px 10px;
    }

    .blog .mlime-blog-strip p {
        font-size: 12px;
    }  
    .blog .mlime-post-thumb a{

        clip-path: polygon(
            0 0,
            100% 0,
            100% calc(100% - 40px),
            calc(100% - 40px) 100%,
            0 100%
        );
    }  
    .blog .post-items .mlime-entry-title,
    .blog .post-items .mlime-entry-title a {
        font-size: 14px;
        margin: 0px;
    }
    .blog .post-items .mlime-entry-header {
        padding-right: 40px;
    }
    .mlime-eshop-preview {
        padding: 0px 24px 60px;
    }
    .mlime-title {
        font-size: 26px;
    }
}

@media (max-width:767px){

    #popmake-10391 {
        width: 348px;
        max-width: 100%;
    }
    .mlime-popup-layout .mlime-card-footer .d-none{
        display: flex;
    }

    .mlime-popup-layout .mlime-card-image{
        display: none;
    }

    button.pum-close.popmake-close {
        background: #fff !important;
        color: #000000 !important;
        height: 48px !important;
        width: 48px !important;
        right: -20px !important;
        top: -20px !important;
        font-family: "Roboto Mono", Sans-serif !important;
        font-size: 24px !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    .mlime-popup-layout  .mlime-card-footer a {
        text-align: center;
    }

	.blog .post {
        flex: 50%;
        max-width: 50%;
    }
    .blog .post-items .mlime-entry-title, .blog .post-items .mlime-entry-title a {
        margin: 0px;
        font-size: 11px;
        letter-spacing: 0;
    }
    .mlime-icon {
        display: none;
    }
    .blog .mlime-blog-strip p {
        font-size: 8px;
    }
    .blog .mlime-blog-strip {
        height: auto !important;
        padding: 5px 8px !important;
    }
   .mlime-blog-heading{
        display:flex;
        flex-wrap:wrap;
        gap: 8px 4px;
        justify-content: space-between;
    }
    .blog .blog-listing {
        margin-bottom: 16px;
    }
    .blog .post-items {
        row-gap: 4px;
    }
    .mlime-eshop-preview {
        padding: 0px 12px 60px;
    }
    .mlime-grid {
        gap: 12px 12px;
    }
    .mlime-title {
        font-size: 24px;
        line-height: 26px;
    }

    .mlime-feature-card {
        max-width: 100%;
    }
	
}
@media (min-width: 360px) and (max-width: 575px) {
    .ast-separate-container #content .ast-container {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .mlime-blog-heading {
        display: grid;
        grid-template-columns: repeat(6, auto);
        text-align: center;
    }
    .mlime-blog-heading{
        margin: 16px 0px !important;
        font-size: 22px;
        gap: 4px 8px;
    }
    .mlime-card-body {
        padding: 8px 8px 48px;
    }
    .mlime-title {
        font-size: 13px;
        line-height: 1.2;
    }
    .mlime-price-line {
        font-size: 09px;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    .mlime-card-footer a {
        bottom: -9px;
        height: 40px;
        font-size: 12px;
    }
    .mlime-feature-desc {
        font-size: 14px;
        margin: 0 0 4px;
        font-family: "Swiss 721 Light", Sans-serif;
        letter-spacing: 1.3px;
        line-height: 1.4;
        width: calc(100% - 64px);
    }

    .mlime-feature-icon {
        width: 40px;
    }
    #popmake-10391 {
        width: 85% !important;
        max-width: 100% !important;
    }

    .mlime-popup-layout .mlime-title {
        font-size: 24px;
        line-height: 1.2;
    }

    .mlime-popup-layout .mlime-price-line {
        font-size: 14px;
    }
    .mlime-popup-layout  .mlime-card-footer a {
        bottom: -9px;
        height: 46px;
        font-size: 13px;
        padding: 0px 25px;
    }
    .mlime-popup-layout  .mlime-card-footer a:first-child{
        bottom: -8px;
    }
    .mlime-popup-layout .mlime-card-body {
        padding: 8px 8px 8px;
    }
    
    .page-template-template-eshop-preview .mlime-card {
        border-width: 5px;
    }
    .mlime-woo-price p {
        font-size: 11px;
    }
    .mlime-desc {
        font-size: 9px;
        line-height: 1.2;
        position: inherit;
        margin-top: 15px;
    }
    .mlime-popup-layout .mlime-popup-cta a {
        text-align: left;
        font-size: 32px;
        line-height: 1.4;
    }
    .mlime-popup-layout .mlime-popup-right {
        display: flex;
        align-items: center;
        padding: 40px 24px;
        aspect-ratio: 1;
    }
}

@media (max-width:460px){
	#wpforms-10240 form {
		gap: 10px;
	}
    .blog #primary{
        margin: 8px 0px 0px !important;
    }
   
    .mlime-features {
        gap: 16px;
        margin: 16px 0px;
    }
	
}
@media (max-width:395px){

    .mlime-feature-icon {
        width: 30px;
    }

    .mlime-feature-desc {
        font-size: 12px;
        margin: 0 0 0;
        font-family: "Swiss 721 Light", Sans-serif;
        letter-spacing: 1.3px;
        line-height: 1.4;
        width: calc(100% - 30px);
    }

    .mlime-filter-close {
        right: -10px;
        top: -10px;
        height: 25px;
        width: 25px;
        font-size: 17px;
        line-height: 27px;
    }
        /* .mlime-blog-heading {
        gap: 4px 4px !important;
    } */
    .mlime-blog-heading {
        font-size: 18px;
        gap: 4px 8px;
    }
	
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 992px) {

    #popmake-10391 {
        width: auto;
        max-width: 94vw;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .mlime-popup-layout {
        flex-direction: column;
    }

    /* 🔥 critical override */
    .mlime-popup-layout > div {
        flex: 100%;
        max-width: 100%;
    }
}
@media (max-width: 420px){
#popmake-10391{
        left: 20px !important;
}
}