.search-bar input { border: none; background: transparent; outline: none; margin-left: 10px; width: 100%; font-size: 14px; }
        
        .header-right { display: flex; align-items: center; }
        .cart-icon { position: relative; font-size: 20px; cursor: pointer; }
        .cart-icon .badge { position: absolute; top: -5px; right: -8px; background: white; color: var(--primary-red); border: 1px solid var(--primary-red); font-size: 10px; font-weight: bold; border-radius: 50%; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }

        /* ================= NAVIGATION ================= */
        .main-nav { padding: 15px 5%; overflow-x: auto; white-space: nowrap; border-bottom: 1px solid #f0f0f0; }
        .nav-list { display: flex; justify-content: center; gap: 25px; font-size: 13px; font-weight: 500; color: var(--text-gray); }
        .nav-list a:hover { color: var(--text-dark); }

        /* ================= PROMO SCROLLER ================= */
        .promo5k-josjisler { padding: 15px 5%; display: flex; gap: 15px; overflow-x: auto; border-bottom: 1px solid var(--border-color); scrollbar-width: none; }
        .promo5k-josjisler::-webkit-scrollbar { display: none; }
        .promo-item { display: flex; gap: 10px; align-items: center; min-width: 250px; }
        .promo-img { width: 50px; height: 50px; background: #ddd; border-radius: 4px; }
        .promo-text h5 { font-size: 10px; color: var(--primary-red); margin-bottom: 2px; }
        .promo-text h4 { font-size: 12px; margin-bottom: 2px; }
        .promo-text p { font-size: 11px; color: var(--text-gray); }

        /* ================= MAIN PRODUCT SECTION (GRID) ================= */
        .product-container { max-width: 1200px; margin: 40px auto; padding: 0 5%; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }

        /* Left Side: Image Gallery */
        .product-images { display: flex; flex-direction: column; gap: 20px; }
        .main-image { width: 100%; aspect-ratio: 1/1; background: #eee; border-radius: 8px; }
        .thumbnail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .thumb-image { width: 100%; aspect-ratio: 1/1; background: #eee; border-radius: 8px; }

        /* Right Side: Product Details */
        .product-details { display: flex; flex-direction: column; gap: 20px; }
        .breadcrumb { font-size: 12px; color: var(--primary-red); font-weight: 600; margin-bottom: -15px; }
        .product-title { font-size: 28px; font-weight: 700; line-height: 1.2; }
        .product-meta { font-size: 12px; color: var(--text-gray); }
        
        .product-price-section { margin-top: 10px; }
        .price { font-size: 22px; font-weight: 700; }
        .tax-info { font-size: 11px; color: var(--text-gray); margin-bottom: 5px; }
        .installment { font-size: 14px; font-weight: 600; margin-top: 10px; }
        .learn-more { font-size: 12px; color: var(--blue-link); font-weight: 500; display: inline-flex; align-items: center; gap: 5px; }

        /* Variants & Selectors */
        .variant-section h4 { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
        .variant-section p { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
        .variant-section h2 { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
        .color-options { display: flex; gap: 10px; margin-bottom: 20px; }
        .color-swatch { width: 30px; height: 30px; border-radius: 50%; cursor: pointer; border: 2px solid transparent; }
        .color-swatch.active { border-color: var(--blue-link); padding: 2px; background-clip: content-box; }
        
        .logo-large { font-size: 40px; font-weight: 900; color: var(--primary-red); letter-spacing: 2px; margin: 10px 0; }

        .selector-group { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
        .selector-btn { border: 1px solid var(--border-color); background: white; padding: 12px 15px; border-radius: 6px; font-size: 13px; font-weight: 500; text-align: left; cursor: pointer; transition: all 0.2s; }
        .selector-btn.active { border-color: var(--blue-link); box-shadow: 0 0 0 1px var(--blue-link); }

        /* Security Box */
        .security-box { background: var(--bg-light); border-radius: 12px; padding: 15px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .security-info { display: flex; gap: 12px; align-items: flex-start; }
        .security-info i { color: var(--primary-red); font-size: 20px; }
        .security-text h2 { font-size: 13px; font-weight: 600; margin-bottom: 4px; }
        .btn-add { border: 1px solid var(--blue-link); color: var(--blue-link); background: transparent; padding: 6px 15px; border-radius: 20px; font-size: 12px; font-weight: 600; cursor: pointer; }

        /* Quantity & Fast Info */
        .quantity-box { display: inline-flex; border: 1px solid var(--border-color); border-radius: 6px; align-items: center; overflow: hidden; margin-bottom: 10px; }
        .quantity-box button { background: white; border: none; padding: 10px 15px; cursor: pointer; font-size: 16px; }
        .quantity-box input { border: none; width: 40px; text-align: center; font-size: 14px; font-weight: 600; outline: none; }
        
        .fast-info { margin: 20px 0; }
        .fast-info h2 { font-size: 18px; margin-bottom: 8px;color: #fff;text-align: center;}
        .pickup-info { display: flex; gap: 10px; font-size: 14px; font-weight: 500; }
        .pickup-info span { color: var(--text-gray); font-size: 12px; font-weight: normal; }

        /* Accordions */
        .accordion { color: #fff;border-top: 1px solid var(--border-color); }
        details { border-bottom: 1px solid var(--border-color); }
        summary { display: flex; justify-content: space-between; padding: 15px 0; font-size: 13px; font-weight: 500; cursor: pointer; list-style: none; }
        summary::-webkit-details-marker { display: none; }
        .details-content { padding-bottom: 15px; font-size: 13px; color: var(--text-gray); }
        
        .share-section { margin-top: 20px; display: flex; align-items: center; gap: 15px; font-size: 13px; }
        .social-icons i { color: var(--text-gray); font-size: 16px; margin-left: 10px; cursor: pointer; }

        /* ================= FOOTER ================= */
        .site-footer { border-top: 1px solid var(--border-color); padding: 50px 5% 20px; background: white; }
        .footer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; margin-bottom: 50px; }
        .footer-col h2 { font-size: 14px; font-weight: 600; margin-bottom: 20px; }
        .footer-col ul li { margin-bottom: 12px; font-size: 13px; color: var(--text-dark); }
        
        .partner-logos { display: flex; flex-direction: column; gap: 10px; }
        .p-logo { border: 1px solid var(--border-color); border-radius: 4px; padding: 10px; width: fit-content; display: flex; gap: 10px; align-items: center; font-size: 10px; font-weight: 600; }

        .footer-bottom { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 20px; border-top: 1px solid var(--border-color); }
        .newsletter h3 { font-size: 14px; margin-bottom: 15px; }
        .email-form { display: flex; border: 1px solid var(--border-color); padding: 5px; width: 300px; }
        .email-form input { border: none; padding: 8px; flex-grow: 1; outline: none; }
        .email-form button { background: transparent; border: none; padding: 0 10px; cursor: pointer; }
        
        .footer-right { text-align: right; }
        .footer-social { margin-bottom: 15px; }
        .footer-social i { margin-left: 15px; font-size: 18px; color: var(--text-dark); cursor: pointer; }
        .payment-icons img { height: 20px; display: inline-block; margin-left: 5px; }
        .copyright { font-size: 11px; color: var(--text-dark); margin-top: 15px; }

        /* ================= FIXED BOTTOM MOBILE BAR ================= */
        .bottom-bar { 
            position: fixed; 
            bottom: 0; left: 0; right: 0; 
            background: #111111; 
            border-top: 2px solid var(--primary-red); 
            display: flex; 
            justify-content: space-around; 
            padding: 10px 0; 
            z-index: 1000; 
            box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
        }
        .bottom-item { display: flex; flex-direction: column; align-items: center; color: white; font-size: 10px; font-weight: 500; gap: 5px; }
        .bottom-item i { font-size: 16px; }
        .center-btn { background: #f0f0f0; color: #111; padding: 5px 15px; border-radius: 20px; font-weight: bold; }

        /* ================= RESPONSIVENESS ================= */
        @media (max-width: 900px) {
            .product-container { grid-template-columns: 1fr; gap: 30px; margin-top: 20px; }
            .footer-grid { grid-template-columns: repeat(2, 1fr); }
            .footer-col:last-child { grid-column: span 2; }
            .footer-bottom { flex-direction: column; align-items: flex-start; gap: 30px; }
            .footer-right { text-align: left; }
            .footer-social i { margin-left: 0; margin-right: 15px; }
        }
        @media (max-width: 600px) {
            .header-center { display: none; /* Hide search on mobile if tight, or modify */ }
            .footer-grid { grid-template-columns: 1fr; }
            .footer-col:last-child { grid-column: span 1; }
            .email-form { width: 100%; }
        }
        /* BOX */
        .slot-1000-btn {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;font-weight: 700;}.slot-1000-btn a {text-align: center;text-decoration: none;border-radius: 12px;padding: 15px 10px;position: relative;overflow: hidden;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);}.slot-1000-btn a:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgb(255, 255, 255);}.slot-1000-btn a::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 90deg, transparent, rgba(0, 40, 30, 1), transparent );transition: left 0.5s ease;}.slot-1000-btn a:hover::before {left: 100%;}.login, .login-button {color: #ffffff;background: linear-gradient( 135deg, #ff0000 0%, #ff0000 25%, #000000 50%, #ff0000 75%, #000000 100% );background-size: 200% 200%;border: 2px solid #ff0000;animation: gradientShift 3s ease infinite;}.register, .register-button {color: #ffffff;background: linear-gradient( 135deg, #ff0000 0%, #ff0000 25%, #000000 50%, #ff0000 75%, #ff0000 75%, #000000 100% );background-size: 200% 200%;border: 2px solid #002613;animation: gradientShift 3s ease infinite;animation-delay: 1.5s;}@keyframes gradientShift {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.slot-1000-btn a:active {transform: translateY(1px);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}    
        .snow-wrap {position: fixed;inset: 0;pointer-events: none;overflow: hidden;z-index: 9999;}.snowflake {position: absolute;top: -10vh;width: 8px;height: 8px;border-radius: 50%;background: radial-gradient(circle at 30% 30%, #91ff00 0 45%, #ffa3a3 55%, rgba(20, 255, 220, 0) 70%);filter: drop-shadow(0 0 10px rgb(80, 255, 252)) blur(0.3px);opacity: .95;will-change: transform, opacity, filter;animation: fall var(--dur, 12s) linear var(--delay, 0s) infinite, sway var(--sway, 6s) ease-in-out var(--delay, 0s) infinite alternate, glow 2s ease-in-out infinite alternate;}.snowflake.-sm {width: 4px;height: 4px;opacity: .8;}.snowflake.-lg {width: 12px;height: 12px;opacity: .98;}@keyframes fall {to {transform: translate3d(var(--drift, 0px), 110vh, 0) rotate(var(--rot, 180deg));}}@keyframes sway {from {margin-left: -14px;}to {margin-left: 14px;}}@keyframes glow {0%, 100% {filter: drop-shadow(0 0 6px rgba(170, 255, 120, 0.8));}50% {filter: drop-shadow(0 0 18px rgba(255, 80, 80, 0.9));}}.firework {position: absolute;width: 6px;height: 6px;border-radius: 50%;pointer-events: none;opacity: 0;z-index: 10000;background: radial-gradient(circle, #fff 0, #ffb5b5 40%, transparent 70%);animation: firework-burst 1.8s ease-out forwards;}.firework::before {content: "";position: absolute;inset: 0;border-radius: 50%;box-shadow: 0 -25px 0 0 #ffd86b, 18px -18px 0 0 #ff9b6b, 25px 0 0 0 #fff1b8, 18px 18px 0 0 #6bc9ff, 0 25px 0 0 #ffe66b, -18px 18px 0 0 #ffb36b, -25px 0 0 0 #fff7c4, -18px -18px 0 0 #7cff6b;}@keyframes firework-burst {0% {transform: translate(-50%, -50%) scale(0.2);opacity: 0;}20% {opacity: 1;}60% {transform: translate(-50%, -50%) scale(1.3);opacity: 1;}100% {transform: translate(-50%, -50%) scale(1.8);opacity: 0;}}@media (prefers-reduced-motion: reduce) {.snowflake, .firework, .firework::before {animation: none !important;}}
        .floating-popup {position: fixed;right: 20px;bottom: 20px;z-index: 9999;width: min(360px, calc(100% - 40px));padding: 22px 20px 20px;overflow: hidden;border: 1px solid rgba(255, 45, 52, 0.75);border-radius: 20px;background: radial-gradient( circle at top right, rgba(255, 39, 46, 0.28), transparent 42% ), linear-gradient( 145deg, rgba(22, 7, 12, 0.98), rgba(5, 6, 11, 0.98) );box-shadow: 0 20px 55px rgba(0, 0, 0, 0.65), 0 0 30px rgba(255, 31, 38, 0.22);opacity: 1;visibility: visible;transform: translateX(0) scale(1);transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;}
        .floating-popup.popup-hidden {opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(120%) scale(0.9);}.popup-close {position: absolute;top: 9px;right: 11px;width: 34px;height: 34px;padding: 0;border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 50%;color: #ffffff;background: rgba(255, 255, 255, 0.07);font-size: 25px;line-height: 30px;cursor: pointer;}.popup-close:hover {background: rgba(255, 47, 53, 0.25);}.popup-content {text-align: center;}.popup-badge {display: inline-block;margin-bottom: 12px;padding: 7px 13px;border: 1px solid rgba(255, 46, 52, 0.5);border-radius: 100px;color: #ff5257;background: rgba(255, 35, 42, 0.08);font-size: 10px;font-weight: 800;letter-spacing: 2px;}.popup-content h2 {margin: 0 0 10px;color: #ffffff;font-size: 22px;line-height: 1.25;}.popup-content p {margin: 0 0 17px;color: #b8bbc4;font-size: 13px;line-height: 1.65;}.popup-button {display: flex;align-items: center;justify-content: center;min-height: 48px;border-radius: 11px;color: #ffffff;background: linear-gradient(135deg, #ff3036, #a80008);box-shadow: 0 10px 25px rgba(255, 32, 39, 0.25);font-size: 13px;font-weight: 900;letter-spacing: 1.2px;text-decoration: none;}.popup-button:hover {filter: brightness(1.12);}
        .popup-toggle {position: fixed;right: 0;bottom: 110px;z-index: 9998;width: 54px;min-height: 100px;padding: 10px 8px;border: 1px solid rgba(255, 67, 73, 0.8);border-right: 0;border-radius: 15px 0 0 15px;color: #ffffff;background: linear-gradient(180deg, #ff3036, #970006);box-shadow: -8px 8px 25px rgba(0, 0, 0, 0.45), 0 0 20px rgba(255, 35, 42, 0.25);cursor: pointer;opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(100%);transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;}.popup-toggle.toggle-visible {opacity: 1;visibility: visible;pointer-events: auto;transform: translateX(0);}.popup-toggle span {display: inline-block;font-size: 11px;font-weight: 900;letter-spacing: 2px;writing-mode: vertical-rl;transform: rotate(180deg);}@media (max-width: 480px) {.floating-popup {right: 12px;bottom: 12px;width: calc(100% - 24px);}.popup-toggle {bottom: 90px;width: 48px;min-height: 90px;}}.keyword-box {margin: 15px 0;padding: 14px;border: 1px solid rgba(255, 48, 54, 0.4);border-radius: 12px;background: rgba(255, 34, 41, 0.07);text-align: left;}.keyword-label {display: block;margin-bottom: 6px;color: #9fa3ad;font-size: 10px;font-weight: 700;letter-spacing: 1.4px;text-transform: uppercase;}.keyword-box strong {display: block;color: #ffffff;font-size: 15px;line-height: 1.5;}.search-buttons {display: grid;grid-template-columns: 1fr 1fr;gap: 9px;}.popup-button {min-height: 47px;padding: 10px;border: 0;border-radius: 10px;color: #ffffff;font-size: 11px;font-weight: 900;letter-spacing: 0.8px;cursor: pointer;}.search-google {background: linear-gradient(135deg, #ff3036, #a80008);}.search-ai {border: 1px solid rgba(255, 60, 66, 0.75);background: rgba(255, 28, 35, 0.08);}.popup-button:hover {filter: brightness(1.15);}.next-keyword {margin-top: 12px;padding: 7px 12px;border: 0;color: #aeb1bb;background: transparent;font-size: 11px;text-decoration: underline;cursor: pointer;}.next-keyword:hover {color: #ffffff;}
        @media (max-width: 420px) {.search-buttons {grid-template-columns: 1fr;}}@media (max-width: 900px) {.quality-section {display: grid !important;grid-template-columns: 1fr !important;gap: 18px !important;padding: 24px 14px !important;}.quality-card, .mkx928-right-column, .mkc611-comment-box, .faq-list {width: 100% !important;max-width: 100% !important;min-width: 0 !important;}}@media (max-width: 560px) {.mkx928-review-section {margin-top: 18px;padding: 15px;}.mkx928-review-header {flex-direction: column;}.mkx928-review-scorebox {width: 100%;}}.mkx928-right-column {display: grid;gap: 18px;align-content: start;}.mkx928-review-section {width: 100%;margin-top: 22px;padding: 18px;border-radius: 14px;background: #ffffff;border: 1px solid #f0b3b3;box-shadow: 0 8px 18px rgba(196, 35, 35, 0.08);}.mkx928-review-header {display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;margin-bottom: 16px;}.mkx928-review-label {display: inline-flex;width: fit-content;margin-bottom: 8px;padding: 5px 10px;border-radius: 999px;background: #fff0f0;color: #c5161d;border: 1px solid #f0b3b3;font-size: 11px;font-weight: 900;}.mkx928-review-header h2 {margin: 0 0 6px;color: #d60000;font-size: 21px;line-height: 1.15;font-weight: 1000;}.mkx928-review-header p {margin: 0;color: #667085;font-size: 13px;line-height: 1.45;}.mkx928-review-scorebox {min-width: 96px;padding: 10px;border-radius: 12px;background: #fff5f5;border: 1px solid #f0b3b3;text-align: center;}.mkx928-review-scorebox strong {display: block;color: #b80000;font-size: 28px;line-height: 1;font-weight: 1000;}.mkx928-review-scorebox span {display: block;margin-top: 5px;color: #ffb000;font-size: 12px;letter-spacing: 1px;}.mkx928-review-scorebox small {display: block;margin-top: 4px;color: #667085;font-size: 10px;}.mkx928-review-list {display: grid;gap: 12px;}.mkx928-review-item {padding: 13px;border-radius: 12px;background: #fafafa;border: 1px solid #eceef3;}.mkx928-review-user {display: flex;align-items: center;gap: 10px;margin-bottom: 8px;}.mkx928-review-photo {width: 38px;height: 38px;flex: 0 0 38px;border-radius: 50%;display: grid;place-items: center;background: linear-gradient(135deg, #d60000, #ff5a5a);color: #ffffff;font-size: 14px;font-weight: 1000;}.mkx928-review-user strong {display: block;color: #151624;font-size: 14px;line-height: 1.2;}.mkx928-review-user small {display: block;margin-top: 2px;color: #667085;font-size: 12px;}.mkx928-review-item p {margin: 0;color: #303646;font-size: 13px;line-height: 1.55;}.mkx928-review-starline {margin-top: 8px;color: #ffb000;font-size: 14px;letter-spacing: 1px;}.quality-section {max-width: 1050px;margin: 0 auto;padding: 42px 22px;display: grid;grid-template-columns: 1fr .9fr;gap: 36px;align-items: start;}.quality-card {position: relative;padding: 24px;border: 1px solid var(--red-line);border-radius: 11px;background: #fff;box-shadow: 0 5px 12px rgba(214,70,70,.12);}.quality-icon {width: 60px;height: 42px;margin: -48px auto 6px;display: grid;place-items: center;background: #fff;font-size: 35px;}.quality-card h2 {color: var(--red);margin-bottom: 8px;}
        .quality-card p {color: #303646;line-height: 1.5;}.faq-list {display: grid;gap: 8px;}.faq-btn {width: 100%;min-height: 45px;padding: 0 14px;border-radius: 9px;border: 1px solid #dfe1e6;background: #fff;display: flex;justify-content: space-between;align-items: center;font-weight: 900;cursor: pointer;}.faq-btn b {width: 22px;height: 22px;border-radius: 50%;display: grid;place-items: center;background: #111;color: #fff;}.faq-content {display: none;padding: 12px 14px 18px;color: var(--muted);font-size: 14px;line-height: 1.5;}.faq-content.open {display: block;}.tags-section {max-width: 1050px;margin: 0 auto;padding: 30px 22px 38px;background: #f6f6f8;}.tags-section h2 {text-align: left;margin-bottom: 20px;}.tags-section h3 {margin: 18px 0 10px;font-size: 15px;}.tag-row {display: flex;flex-wrap: wrap;gap: 8px;}.tag-row a {padding: 8px 13px;border: 1px solid var(--red-line);border-radius: 999px;background: #fff;font-size: 14px;}.auto-note {margin-top: 24px;color: var(--muted);font-size: 12px;}.share-row {margin-top: 30px;padding-top: 22px;border-top: 1px solid #dddfe7;display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}.share-row button {width: 42px;height: 42px;border-radius: 50%;border: 1px solid #dfe1e6;background: #fff;font-size: 18px;font-weight: 900;cursor: pointer;}
        .mkc611-comment-box {width: 100%;margin-top: 18px;padding: 18px;border-radius: 14px;background: #ffffff;border: 1px solid #f0b3b3;box-shadow: 0 8px 18px rgba(196, 35, 35, 0.08);overflow: hidden;}.mkc611-comment-head {display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;margin-bottom: 16px;}.mkc611-comment-label {display: inline-flex;width: fit-content;margin-bottom: 8px;padding: 5px 10px;border-radius: 999px;background: #fff0f0;color: #c5161d;border: 1px solid #f0b3b3;font-size: 11px;font-weight: 900;}.mkc611-comment-head h2 {margin: 0 0 6px;color: #d60000;font-size: 21px;line-height: 1.15;font-weight: 1000;}.mkc611-comment-head p {margin: 0;color: #667085;font-size: 13px;line-height: 1.45;}.mkc611-score {min-width: 92px;padding: 10px;border-radius: 12px;background: #fff5f5;border: 1px solid #f0b3b3;text-align: center;}.mkc611-score strong {display: block;color: #b80000;font-size: 28px;line-height: 1;font-weight: 1000;}.mkc611-score span {display: block;margin-top: 5px;color: #ffb000;font-size: 12px;letter-spacing: 1px;}.mkc611-score small {display: block;margin-top: 4px;color: #667085;font-size: 10px;}.mkc611-slider {width: 100%;overflow: hidden;}.mkc611-track {display: flex;width: 300%;animation: mkc611SlideMove 15s ease-in-out infinite;}.mkc611-slide {width: 33.3333%;flex: 0 0 33.3333%;display: grid;gap: 12px;padding-right: 1px;}.mkc611-comment-card {padding: 13px;border-radius: 12px;background: #fafafa;border: 1px solid #eceef3;}.mkc611-user {display: flex;align-items: center;gap: 10px;margin-bottom: 8px;}.mkc611-avatar {width: 38px;height: 38px;flex: 0 0 38px;border-radius: 50%;display: grid;place-items: center;background: linear-gradient(135deg, #d60000, #ff5a5a);color: #ffffff;font-size: 14px;font-weight: 1000;}.mkc611-user strong {display: block;color: #151624;font-size: 14px;line-height: 1.2;}.mkc611-user small {display: block;margin-top: 2px;color: #667085;font-size: 12px;}.mkc611-comment-card p {margin: 0;color: #303646;font-size: 13px;line-height: 1.55;}.mkc611-comment-card h2 {margin: 0;color: #303646;font-size: 13px;line-height: 1.55;}.mkc611-comment-card h3 {margin: 0;color: #303646;font-size: 13px;line-height: 1.55;}.mkc611-stars {margin-top: 8px;color: #ffb000;font-size: 14px;letter-spacing: 1px;}.mkc611-comment-box:hover .mkc611-track {animation-play-state: paused;}@keyframes mkc611SlideMove {0%, 28% {transform: translateX(0);}34%, 62% {transform: translateX(-33.3333%);}68%, 94% {transform: translateX(-66.6666%);}100% {transform: translateX(0);}}@media (max-width: 560px) {.mkc611-comment-box {padding: 15px;}.mkc611-comment-head {flex-direction: column;}.mkc611-score {width: 100%;}}
        .keluar-moncrot {margin: 0;padding: 0;font-family: 'Playfair Display', 'Segoe UI', serif;background-color: transparent;color: #15a0d8;overflow: hidden;}.mencol-keluar {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);display: flex;justify-content: center;align-items: center;z-index: 9999;}.mencol-kotakan {position: relative;width: 90%;max-width: 420px;background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));border-radius: 20px;overflow: hidden;text-align: center;animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 175, 55, 0.2);padding-bottom: 20px;border: 1px solid rgba(212, 175, 55, 0.15);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}@keyframes goldPulse {0%, 100% {box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 55, 55, 0.3), 0 0 0 1px rgba(212, 55, 55, 0.2);}50% {box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 55, 55, 0.5), 0 0 0 1px rgba(212, 55, 55, 0.3);}}.mencol-kotakan::before {content: "";position: absolute;top: -100%;left: -100%;width: 200%;height: 200%;background: linear-gradient( 135deg, rgba(255, 255, 255, 0) 45%, rgba(255, 0, 0, 0.15) 50%, rgba(255, 255, 255, 0) 55% );animation: shineDiagonal 5s linear infinite;z-index: 2;pointer-events: none;}@keyframes shineDiagonal {0% {transform: translate(-100%, -100%) rotate(30deg);}100% {transform: translate(100%, 100%) rotate(30deg);}}.popup-image {width: 100%;display: block;border-bottom: 1px solid rgba(212, 55, 55, 0.15);}.clk-btn-sgp {width: 97%;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;font-family: 'Poppins', sans-serif;font-weight: 700;padding: 20px;position: relative;overflow: hidden;}.clk-btn-sgp::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 30px);height: 2px;background: linear-gradient(90deg, transparent, #9dfa07, #ffd700, #9dfa07, transparent);opacity: 0.4;filter: blur(1px);}.clk-btn-sgp a {text-align: center;text-transform: uppercase;letter-spacing: 1.5px;padding: 16px 12px;margin: 0;border-radius: 14px;transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);position: relative;overflow: hidden;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid transparent;box-shadow: 0 8px 0px #000000;clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut));z-index: 1;}.clk-btn-sgp a::after {content: '';position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg, #d81515, #fa0780, #ae00ff, #5c07fa, #2215d8);border-radius: 16px;z-index: -1;opacity: 0;transition: opacity 0.3s ease;}.clk-btn-sgp a:hover::after {opacity: 1;}.clk-btn-sgp a:hover {transform: translateY(-6px) scale(1.03);border-color: #ffd700;}
        .login {color: #357c8a00 !important;border: 2px solid #15a0d8;text-shadow: 0 2px 4px rgba(0, 0, 0, 0);position: relative;}.login::before {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);font-size: 18px;opacity: 0.7;transition: all 0.3s ease;filter: drop-shadow(0 0 3px #ffd700);}.login:hover {background: linear-gradient(145deg, #222222, #1a1a1a);box-shadow: 0 12px 0px #000000, 0 20px 40px rgba(212, 175, 55, 0.4), 0 0 30px rgba(255, 215, 0, 0.2);color: #fff8dc !important;border-color: #ffd700;}.login:hover::before {opacity: 1;transform: translateY(-50%) rotate(15deg);filter: drop-shadow(0 0 8px #ffd700);}.register {color: #8a24ff00 !important;border: 2px solid #000000;position: relative;}.register::before {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 18px;opacity: 0.7;transition: all 0.3s ease;}.register:hover {background: linear-gradient(145deg, #ed1c24, #e8100c);box-shadow: 0 12px 0px #000000, 0 20px 40px rgba(212, 175, 55, 0.5), 0 0 35px rgba(255, 215, 0, 0.3);color: #f8f8f8 !important;border-color: #000000;}.register:hover::before {opacity: 1;transform: translateY(-50%) scale(1.2) rotate(360deg);filter: drop-shadow(0 0 5px #9a56da);}.clk-btn-sgp a span {display: inline-block;transition: transform 0.3s ease;}.clk-btn-sgp a:hover span {transform: translateX(3px);}
        @media (max-width: 768px) {.clk-btn-sgp {grid-template-columns: 1fr;gap: 12px;}.clk-btn-sgp a {padding: 18px 12px;}.login::before, .register::before {position: relative;left: 0;right: 0;display: inline-block;margin-right: 10px;transform: none;top: 0;}.login:hover::before, .register:hover::before {transform: none;}}@keyframes subtleGlow {0%, 100% {box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);}50% {box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 20px rgba(212, 175, 55, 0.15);}}.info-table {width: 90%;margin: 20px auto;border-collapse: collapse;color: #eee;font-size: 14px;position: relative;z-index: 3;background: rgba(0, 0, 0, 0.3);border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}.info-table th {background: linear-gradient(135deg, #faea07, #b8941f);padding: 14px 10px;font-size: 15px;color: #000;border: none;font-weight: 700;letter-spacing: 0.8px;text-transform: uppercase;}.info-table td {padding: 12px;border-bottom: 1px solid rgba(212, 175, 55, 0.1);text-align: left;}.info-table tr:last-child td {border-bottom: none;}.popup-footer {font-size: 13px;color: #ccc;padding: 20px 10px;position: relative;z-index: 3;line-height: 1.6;}@keyframes rotateScaleIn {0% {opacity: 0;transform: scale(0.3) rotate(-10deg);}50% {transform: scale(1.05) rotate(2deg);}100% {opacity: 1;transform: scale(1) rotate(0deg);}}.emas-emang {position: absolute;background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 175, 55, 0.4) 100%);border-radius: 50%;pointer-events: none;z-index: 1;animation: floatGold 10s infinite ease-in-out;box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);}@keyframes floatGold {0%, 100% {transform: translateY(0) translateX(0);opacity: 0;}10% {opacity: 0.8;}90% {opacity: 0.8;}100% {transform: translateY(-120px) translateX(40px);opacity: 0;}}.luxury-border {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid rgba(212, 175, 55, 0.2);border-radius: 20px;pointer-events: none;z-index: 4;background: linear-gradient(135deg, rgba(212, 175, 55, 0) 0%, rgba(212, 175, 55, 0.1) 50%, rgba(212, 175, 55, 0) 100%);}.close-btn {position: absolute;top: 15px;right: 15px;width: 32px;height: 32px;background: rgba(0, 0, 0, 0.5);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 10;transition: all 0.3s ease;border: 1px solid rgba(212, 175, 55, 0.3);}.close-btn:hover {background: rgba(212, 175, 55, 0.8);transform: rotate(90deg);}.close-btn::before, .close-btn::after {content: '';position: absolute;width: 16px;height: 2px;background: #15a0d8;}.close-btn::before {transform: rotate(45deg);}.close-btn::after {transform: rotate(-45deg);}@media (max-width: 480px) {.mencol-kotakan {width: 95%;max-width: 350px;}.popup-buttons a {font-size: 14px;padding: 16px 0;}.info-table {font-size: 13px;}.popup-footer {font-size: 12px;}.close-btn {width: 28px;height: 28px;}}
        /* BOX PROVIDER */
        .mkgp-provider-section {width: 100%;padding: 34px 18px;background-color: #0b0b0b;box-shadow: 0 0 20px rgba(255, 0, 51, 0.4);border-top: 1px solid rgba(255, 40, 40, 0.45);border-bottom: 1px solid rgba(255, 40, 40, 0.45);overflow: hidden;}.mkgp-provider-inner {width: min(100%, 1280px);margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 24px 34px;align-items: center;justify-items: center;}.mkgp-provider-logo {width: 100%;max-width: 155px;height: 46px;display: flex;align-items: center;justify-content: center;opacity: 0.45;filter: grayscale(100%) brightness(0.8);transition: 0.35s ease;}.mkgp-provider-logo:hover {opacity: 1;filter: grayscale(0%) brightness(1.15);transform: translateY(-2px);filter: drop-shadow(0 0 5px #ff0033);}.mkgp-provider-logo img {max-width: 100%;max-height: 100%;object-fit: contain;display: block;}.mkgp-provider-logo.mkgp-logo-active {opacity: 1;filter: grayscale(0%) brightness(1.25) drop-shadow(0 0 10px rgba(255, 0, 0, 0.65));transform: translateY(-2px) scale(1.04);}.mkgp-provider-logo.mkgp-logo-trail {opacity: 0.75;filter: grayscale(30%) brightness(1.05) drop-shadow(0 0 5px rgba(255, 0, 0, 0.35));}.mkgp-provider-logo:hover {opacity: 1;filter: grayscale(0%) brightness(1.25) drop-shadow(0 0 10px rgba(255, 0, 0, 0.65));transform: translateY(-2px) scale(1.04);}@media (max-width: 560px) {.mkgp-provider-section {padding: 24px 10px;}.mkgp-provider-inner {grid-template-columns: repeat(3, 1fr);gap: 18px 12px;}.mkgp-provider-logo {max-width: 92px;height: 34px;}}