@charset"utf-8";

/**  .textcore strong{
            background: rgba(0, 0, 0, 0.5); /* 黑色半透明，0.5是透明度 */
            padding: 4px 10px;            /* 内边距，让背景撑开一点 */
            border-radius: 4px;           /* 圆角，看起来更精致 */
            display: inline-block;        /* 确保背景包裹严实 */
            margin-bottom: 4px;
        }
        .text-primary-blue{
            color: #0d47a1;
        }
        .primary-blue{
            background-color: #0d47a1;
        }
         .cert-img {
            height: 100%;
            width: auto;
            max-width: 100%;
            object-fit: contain;
            border-radius: 0.25rem;
        }
        .sn-coffee-line-section {
    background-color: #f8f9fa;
    padding: 80px 0;
    font-family: 'Inter', sans-serif, "Arial";
    color: #333;
}

.sn-container {
    max-width: 1536px;
    margin: 0 auto;
    padding: 0 20px;
}

.sn-header-box { text-align: center; margin-bottom: 50px; }
.sn-title { font-size: 2.5rem; color: #2c1e1a; margin: 0; }
.sn-subtitle { font-size: 1.1rem; color: #6d4c41; margin-top: 10px; }

/* Turnkey Banner */
.sn-turnkey-banner {
    background: #fffde7;
    border: 1px dashed #fbc02d;
    border-radius: 10px;
    padding: 25px;
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 40px;
}
.sn-banner-icon { font-size: 2rem; }
.sn-banner-content { font-size: 0.95rem; line-height: 1.6; color: #4e342e; }

/* Grid & Cards */
.sn-machine-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 30px;
}

.sn-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    transition: 0.3s ease;
    cursor: pointer;
    border: 1px solid #eee;
}

.sn-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.12); }
.sn-card-highlight { border: 2px solid #e67e22; background: #fffaf0; }

.sn-image-box { width: 100%; background: #eceff1; overflow: hidden; }
.sn-image-box img { width: 100%; height: 100%; object-fit: cover; }

.sn-card-info { padding: 25px; }
.sn-step { font-weight: 800; font-size: 0.7rem; color: #e67e22; letter-spacing: 1px; }
.sn-name { font-size: 1.3rem; margin: 10px 0 5px 0; color: #1a1a1a; }
.sn-desc { font-size: 0.9rem; color: #666; line-height: 1.5; margin-bottom: 20px; height: 4.5em; overflow: hidden; }

.sn-tag { background: #f0f0f0; padding: 4px 10px; border-radius: 4px; font-size: 0.75rem; color: #555; }
.sn-tag-alt { background: #e67e22; color: #fff; }

/* Footer & CTA */
.sn-footer { text-align: center; margin-top: 60px; }
.sn-cta-btn {
    background: #e67e22;
    color: #fff;
    border: none;
    padding: 20px 45px;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 8px 20px rgba(230, 126, 34, 0.3);
}
.sn-cta-btn:hover { background: #d35400; transform: scale(1.05); }

.sn-badges { margin-top: 30px; }
.sn-badge-item { display: inline-block; margin: 5px 12px; font-size: 0.85rem; color: #8d6e63; font-weight: 600; }

/* Modal Styles */
.sn-modal-overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(5px);
}
.sn-modal-content {
    background: #fff;
    margin: 10% auto;
    padding: 40px;
    width: 90%;
    max-width: 600px;
    border-radius: 15px;
    position: relative;
}
.sn-modal-close { position: absolute; right: 20px; top: 15px; font-size: 30px; cursor: pointer; color: #999; }

        /* Simple custom animation for page load */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in {
            animation: fadeIn 0.5s ease-out forwards;
        }
        /* Ensure arrow icons are consistent size */
        .icon {
            width: 1rem;
            height: 1rem;
            display: inline-block;
            vertical-align: middle;
        }
        
        .right_nav_list{position:fixed;bottom:40px;right:20px;z-index:10} 
.right_nav_list ul li{transition:all .5s;border-radius:50%;margin-top:10px;cursor:pointer;padding:0;position:relative;color:#fff;width:58px;height:58px;font-size:30px;background-color:#1e3a8a;text-align:center;line-height:58px}
.right_nav_list ul li .text{padding:0;width:100%;height:100%}
.right_nav_list ul li:hover{background-color:#000}
.right_nav_list ul li .cont{position:absolute;left:-150px;top:0;width:150px;min-height:100%;padding:0 5px;-webkit-perspective:500px;-moz-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotate3d(1,0,0,-90deg);-webkit-transform:rotate3d(1,0,0,-90deg);-moz-transform:rotate3d(1,0,0,-90deg);-ms-transform:rotate3d(1,0,0,-90deg);-o-transform:rotate3d(1,0,0,-90deg);opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform 0.5s;transition:opacity 0.3s,-webkit-transform 0.5s;-o-transition:opacity 0.3s,-o-transform 0.5s;-moz-transition:transform 0.5s,opacity 0.3s,-moz-transform 0.5s;transition:transform 0.5s,opacity 0.3s;transition:transform 0.5s,opacity 0.3s,-webkit-transform 0.5s,-moz-transform 0.5s,-o-transform 0.5s;transition:transform 0.5s,opacity 0.3s,-webkit-transform 0.5s;-webkit-transition:-webkit-transform 0.5s,opacity 0.3s;-moz-transition:-moz-transform 0.5s,opacity 0.3s;overflow:hidden;-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top}
.right_nav_list ul li .cont #ewm{width:100%;background-color:#fff;border-radius:5px;padding:8px;border:1px solid #ccc}
.right_nav_list ul li:hover .cont{-webkit-transform:rotate3d(0,0,0,-90deg);-moz-transform:rotate3d(0,0,0,-90deg);transform:rotate3d(0,0,0,-90deg);opacity:1}
@media (max-width:500px){.right_nav_list{right:15px;bottom:150px}
.right_nav_list ul li{width:50px;height:50px;margin-top:5px;font-size:30px;line-height:50px}
}#pups_shadow{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.6;z-index:21;display:none}
#seo_form_cont{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:80%;width:500px;max-width:90%;-o-box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:999;background:white;padding:30px;overflow:auto}
#seo_form_cont h4{font-size:18px;color:#222;text-transform:capitalize;line-height:1;font-weight:bold;position:absolute;left:0;width:100%;top:0;padding:15px 20px;background:#f5f5f5;-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1)}
#seo_form_cont form{margin-top:40px}
#seo_form_cont i.close{width:30px;height:30px;position:absolute;top:10px;right:10px;background:#eee;cursor:pointer;cursor:hand;-webkit-transition:0.5s;transition:0.5s}
#seo_form_cont i.close::after,#seo_form_cont i.close::before{content:'';-webkit-transition:0.5s;transition:0.5s;width:70%;height:2px;margin-top:-1px;background:black;position:absolute;top:50%;left:15%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#seo_form_cont i.close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#seo_form_cont i.close:hover{background:#1c5715}
#seo_form_cont i.close:hover::before,#seo_form_cont i.close:hover::after{background:white}
#seo_form_cont ul li{margin-bottom:10px;position:relative}
#seo_form_cont ul li label{font-size:14px;margin-bottom:10px;display:block}
#seo_form_cont ul li label em{color:red;margin-right:2px}
#seo_form_cont ul li input,#seo_form_cont ul li textarea{width:100%;line-height:24px;padding:6px 15px;border:1px solid #eee;-webkit-transition:0.5s;transition:0.5s;font-size:16px}
#seo_form_cont ul li input:focus,#seo_form_cont ul li textarea:focus{border-color:#1c5715}
#seo_form_cont ul li textarea{height:80px}
#seo_form_cont ul li input[type="submit"]{width:auto;padding:6px 40px;display:inline-block;background:#000000;color:white;-webkit-transition:0.5s;transition:0.5s;cursor:pointer}
#seo_form_cont ul li input[type="submit"]:hover{opacity:0.7}
#seo_form_cont ul li:last-child{margin-bottom:0}