/* Generated by tools/apply-site-gold-theme.mjs; source styles remain intact. */
/* assets/shared/css/site.css */
:root{--color-primary:#b66c26;--color-primary-hover:#975a20;--color-bg-benefit:#fbf2ea;--color-line-pink:#c47529;--color-line-blue:#d78b43;--color-line-yellow:#f0d4ba;--shadow-md:0 10px 30px rgba(35, 21, 7, 0.05);--shadow-lg:0 20px 48px rgba(35, 21, 7, 0.08)}
.warranty-highlight{background:linear-gradient(135deg, #a05f22 0%, #e3ad7a 45%, #ecc7a4 100%)}
@keyframes mediaLogoScroll{from{transform:translateX(0)}
to{transform:translateX(-25%)}
}
.btn-secondary{background-color:#281808}
.btn-secondary:hover{background-color:#150d04}
a.menu-item-highlighted{background-color:#f2d8c0}
a.menu-item-highlighted:hover{background-color:#150d04}
.badge-new{background:linear-gradient(135deg, #f9eee3 0%, #ecc9a7 100%);color:#c37429}
.subscribe-card{background:linear-gradient(135deg, #F3F5F9 0%, #f8eade 100%)}
.subscribe-submit{background-color:#281808}
.subscribe-submit:hover{background-color:#150d04}
.subscribe-consent input[type="checkbox"]{accent-color:#c37429}
.timeline-row.active .timeline-node{background-color:#b66c26;border-color:#c37429;box-shadow:0 0 0 4px rgba(182, 108, 38, 0.15)}
.timeline-row.active .timeline-card{border-color:rgba(195, 116, 41, 0.65);background-color:rgba(182, 108, 38, 0.06);box-shadow:0 8px 22px rgba(182, 108, 38, 0.08)}
:root{--ckm-ink:#110a03}
.ckm-tab:hover{border-color:rgba(195, 116, 41, 0.35)}
.ckm-tab.is-active{background-color:rgba(182, 108, 38, 0.06);border-color:rgba(195, 116, 41, 0.65);box-shadow:0 8px 22px rgba(182, 108, 38, 0.08)}
.ckm-command{box-shadow:0 12px 35px rgba(80, 48, 17, 0.05)}
@keyframes soundwave{0%, 100%{transform:scaleY(0.7)}
50%{transform:scaleY(1.3)}
}
.ckm-command span:last-child{color:#c37429}
.ckm-slide{box-shadow:0 30px 80px rgba(71, 42, 15, 0.13), 0 2px 10px rgba(71, 42, 15, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.56)}
@keyframes ckm-mainIn{to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}
@keyframes ckm-leftIn{to{opacity:0.5;filter:blur(0);transform:translateY(0) rotate(-7deg) scale(1)}
}
@keyframes ckm-rightIn{to{opacity:0.5;filter:blur(0);transform:translateY(0) rotate(7deg) scale(1)}
}
.ckm-pill{background:rgba(250, 240, 230, 0.95)}
.ckm-orb{background:radial-gradient(circle at 38% 25%, rgba(240, 213, 186, 0.56), transparent 35%),
        radial-gradient(circle at 56% 50%, rgba(202, 120, 43, 0.38), transparent 44%),
        linear-gradient(135deg, rgba(172, 102, 36, 0.05), rgba(172, 102, 36, 0.18))}
.ckm-orb::before{background:linear-gradient(90deg, transparent, rgba(172, 102, 36, 0.22), rgba(172, 102, 36, 0.06), transparent)}
.ckm-row{color:#c37429}
.ckm-icon{background:#fbf2ea}
.ckm-metric{background:conic-gradient(var(--ckm-blue) 0 72%, #f8ebdf 72% 100%)}
.ckm-device-shadow{background:radial-gradient(ellipse, rgba(41, 24, 9, 0.25), transparent 68%)}
.ckm-device-img{filter:drop-shadow(0 30px 45px rgba(27, 16, 6, 0.35))}
.ckm-ai-glow{background:radial-gradient(ellipse, rgba(206, 123, 43, 0.85), rgba(206, 123, 43, 0.35) 44%, transparent 72%)}
@keyframes ckm-breath{0%,
    100%{opacity:0.5;transform:scale(0.9)}
50%{opacity:1;transform:scale(1.3)}
}
.ckm-ripple{border:2px solid rgba(195, 116, 41, 0.95);box-shadow:0 0 12px rgba(206, 123, 43, 0.8), inset 0 0 12px rgba(206, 123, 43, 0.8)}
@keyframes ckm-ripple{0%{opacity:1;border-width:3px;box-shadow:0 0 24px rgba(206, 123, 43, 1), inset 0 0 24px rgba(206, 123, 43, 1);transform:translate(-50%, -50%) scale(0.6)}
100%{opacity:0;border-width:0px;box-shadow:0 0 0px rgba(206, 123, 43, 0), inset 0 0 0px rgba(206, 123, 43, 0);transform:translate(-50%, -50%) scale(2.6)}
}
.ckm-finger-img{filter:drop-shadow(0 10px 18px rgba(85, 50, 18, 0.18))}
@keyframes ckm-finger{0%,
    100%{transform:translate(0, 0)}
50%{transform:translate(14px, 14px)}
}
.scenario-photo{box-shadow:0 10px 25px rgba(35, 21, 7, 0.06)}
.scenario-photo.active{box-shadow:0 20px 45px rgba(35, 21, 7, 0.12)}
.effects-tab:hover{border-color:rgba(195, 116, 41, 0.35)}
.effects-tab.active{background-color:rgba(182, 108, 38, 0.06);border-color:rgba(195, 116, 41, 0.65);box-shadow:0 8px 22px rgba(182, 108, 38, 0.08)}
.audience-item:hover,
.audience-item:focus-visible{background-color:rgba(182, 108, 38, 0.035)}
.audience-item:focus-visible{outline:2px solid rgba(195, 116, 41, 0.32)}
.audience-role-badge::after{background:linear-gradient(to right, #a76323, #edcaa9)}
@keyframes audienceLineProgress{from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
.compliance-badge-item{color:#c37429}
.comparison-card.featured{box-shadow:0 8px 30px rgba(182, 108, 38, 0.08)}
.comparison-card.featured:hover{box-shadow:0 16px 45px rgba(182, 108, 38, 0.16)}
.comparison-card.featured .comp-card-header{background-color:rgba(182, 108, 38, 0.03);border-bottom-color:rgba(195, 116, 41, 0.15)}
.comparison-card.featured .comp-val-cell.yes{background-color:rgba(182, 108, 38, 0.015)}
.comparison-card.featured .comp-val-cell:nth-child(even).yes{background-color:rgba(182, 108, 38, 0.035)}
.pack-choice-card.active{background-color:rgba(182, 108, 38, 0.02)}
.pack-save-badge{background-color:rgba(191, 114, 40, 0.1);color:#c37429}
.plan-table th.elite{background-color:rgba(182, 108, 38, 0.05)}
.text-gold{color:#c37429}
@keyframes highlightPulse{0%{background-color:rgba(182, 108, 38, 0.06)}
50%{background-color:rgba(182, 108, 38, 0.16)}
100%{background-color:rgba(182, 108, 38, 0.06)}
}
.plan-table tr.highlight-row td{background-color:rgba(182, 108, 38, 0.12);border-top:1px solid rgba(195, 116, 41, 0.2);border-bottom:1px solid rgba(195, 116, 41, 0.2)}
.faq-item button:hover,
.faq-item.open button{color:#c37429}
.faq-item.open button svg{color:#c37429}
.footer-newsletter-form input[type="email"]:focus{border-color:rgba(195, 116, 41, 0.65)}
.footer-follow-btn{background-color:#94581f}
.footer-follow-btn:hover{background-color:#804c1b}
.plan-table th:nth-child(4),
.plan-table td:nth-child(4){background-color:rgba(247, 231, 216, 0.15) !important;border-left:1.5px solid #c37429 !important;border-right:1.5px solid #c37429 !important}
.plan-table th:nth-child(4){border-top:1.5px solid #c37429 !important}
.plan-table tr:last-child td:nth-child(4){border-bottom:1.5px solid #c37429 !important}
.plan-table td:nth-child(4) small{color:#c37429 !important}
.best-value-badge{background:#f7e7d8;box-shadow:0 4px 10px rgba(247, 231, 216, 0.4)}
.elite-pill{background:#f7e7d8}
@media (max-width: 768px){@keyframes ckm-mobileMain{to{opacity:1;filter:blur(0);transform:translateX(-50%) translateY(0) scale(1)}
}
.scenario-photo.active{box-shadow:0 12px 30px rgba(35, 21, 7, 0.12)}
.footer-service-box .footer-follow-btn{background-color:#94581f !important}
}
.plan-table th:first-child{color:#c37429 !important}
.plan-header-icon.bg-blue{box-shadow:0 4px 10px rgba(182, 108, 38, 0.2)}
.plan-header-icon.bg-teal{background-color:#edcaa9;box-shadow:0 4px 10px rgba(237, 202, 169, 0.2)}
.plan-header-icon.bg-gold{background-color:#f7e7d8;box-shadow:0 4px 10px rgba(247, 231, 216, 0.3)}
.plan-header-text.text-teal strong{color:#edcaa9}
.plan-table th.elite small{background-color:#f7e7d8 !important;box-shadow:0 4px 10px rgba(247, 231, 216, 0.4) !important}
.plan-table tr:not(.group-row):not(.unified-highlight-row):not(.progressive-highlight-row) td:nth-child(4){background-color:rgba(247, 231, 216, 0.1) !important}
.plan-table td:nth-child(2) .check-icon{box-shadow:0 2px 6px rgba(182, 108, 38, 0.2) !important}
.plan-table td:nth-child(3) .check-icon{background-color:#edcaa9 !important;box-shadow:0 2px 6px rgba(237, 202, 169, 0.2) !important}
.plan-table td:nth-child(4) .check-icon{background-color:#f7e7d8 !important;box-shadow:0 2px 6px rgba(247, 231, 216, 0.4) !important}
.plan-table tr.unified-highlight-row td:nth-child(2){background:rgba(182, 108, 38, 0.15) !important}
.plan-table tr.unified-highlight-row td:nth-child(3){background:rgba(237, 202, 169, 0.2) !important}
.plan-table tr.unified-highlight-row td:nth-child(4){background-color:rgba(247, 231, 216, 0.2) !important;border-left:1.5px solid #c37429 !important;border-right:1.5px solid #c37429 !important}
.sparkle-icon{color:#f8ece0}
@keyframes bounce{0%, 100%{transform:translateY(0)}
50%{transform:translateY(-3px)}
}
.plan-table tr.progressive-highlight-row td:nth-child(2){background:rgba(182, 108, 38, 0.15) !important}
.plan-table tr.progressive-highlight-row td:nth-child(3){background:rgba(237, 202, 169, 0.2) !important}
.plan-table tr.progressive-highlight-row td:nth-child(4){background:rgba(247, 231, 216, 0.2) !important}
.elite-sparkles::before,
.elite-sparkles::after{color:#c37429}
@keyframes float-sparkle{0%{transform:translateY(0) scale(1);opacity:0.4}
100%{transform:translateY(-5px) scale(1.2);opacity:0.8}
}
@media (min-width: 769px){.plan-table tr.group-row td.elite-col-group{background-color:rgba(247, 231, 216, 0.15) !important;border-left:1.5px solid #c37429 !important;border-right:1.5px solid #c37429 !important}
}
@keyframes float-icon{0%{transform:translateY(0);box-shadow:0 4px 10px rgba(247, 231, 216, 0.3)}
100%{transform:translateY(-4px);box-shadow:0 8px 16px rgba(247, 231, 216, 0.5)}
}
.site-footer .footer-follow-btn{background-color:#94581f !important}
.site-footer .footer-follow-btn:hover{background-color:#804c1b !important}
.site-footer .footer-follow-btn{background-color:#94581f !important}
.site-footer .footer-follow-btn:hover{background-color:#804c1b !important}
.site-footer .footer-follow-btn{background-color:#94581f !important}
.site-footer .footer-follow-btn:hover{background-color:#804c1b !important}
.site-footer .footer-follow-btn{background-color:#94581f !important}
.site-footer .footer-follow-btn:hover{background-color:#804c1b !important}
.site-footer .qr-placeholder{border:2px dashed #c37429 !important}
.site-footer .footer-follow-btn{background-color:#94581f !important}
.site-footer .footer-follow-btn:hover{background-color:#804c1b !important}
.site-footer .qr-placeholder{border:2px dashed #c37429 !important}
/* assets/shared/css/site-custom.css */
@keyframes campaignTickerSlide{0%, 45%{transform:translateY(0px)}
50%, 95%{transform:translateY(-20px)}
100%{transform:translateY(0px)}
}
@keyframes marquee{0%{transform:translate(0, 0)}
100%{transform:translate(-100%, 0)}
}
.hero-body .hero-content .eyebrow{color:#c37429}
.hero-body .hero-content h1{color:#c37429}
.hero-body .btn-ghost{color:#c37429 !important;border:1px solid rgba(195, 116, 41, 0.2) !important}
.hero-body .btn-ghost:hover{background-color:rgba(35, 21, 7, 0.05) !important}
.badge-tag{background:#fbf2ea;color:#c37429}
.workflow-step-item .b-icon-box{background:#fbf2ea;color:#c37429}
.kol-plus-btn{color:#c37429}
.kol-bottom-content h3{background-image:linear-gradient(90deg, #e1a66f 0%, #9e5e21 100%)}
@media (max-width: 768px){.product-card-price{color:#c37429}
}
.product-card-price{color:#c37429}
.demo-tab.active{background-color:#fcf7f2;border-color:#c37429;color:#c37429}
.demo-player-box{background-color:#f9eee4;background-image:radial-gradient(100% 120% at top left, #f8ecdf 0%, transparent 70%),
        radial-gradient(120% 120% at top right, #edcbaa 0%, transparent 70%),
        radial-gradient(80% 100% at bottom left, #fcf7f2 0%, transparent 60%),
        radial-gradient(100% 100% at bottom right, #f6e5d5 0%, transparent 60%)}
.phone-screen{background:linear-gradient(180deg, #f9ede3 0%, #F8FAFC 100%)}
.ios-status-bar{color:#c37429}
.demo-play-btn{color:#c37429}
.record-circle{background:rgba(182, 108, 38, 0.1);border:2px solid #c37429}
.record-circle i{color:#c37429}
.waveform span{background:#b66c26}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(182, 108, 38, 0.4)}
70%{box-shadow:0 0 0 20px rgba(182, 108, 38, 0)}
100%{box-shadow:0 0 0 0 rgba(182, 108, 38, 0)}
}
@keyframes wave{0%, 100%{transform:scaleY(1)}
50%{transform:scaleY(0.4)}
}
.chat-line:nth-child(2){background:#b66c26}
@keyframes slideUp{to{transform:translateY(0);opacity:1}
}
.typing-text{border-right:2px solid #c37429;color:#c37429}
.site-nav a.megamenu-subtitle:hover{color:#c37429 !important}
.color-swatch.active{box-shadow:0 0 0 1.5px #231507}
@keyframes typing{to{width:100%}
}
@keyframes blink{from, to{border-color:transparent}
50%{border-color:#c37429}
}
.story-rating .star-icon{fill:#a16022;color:#c37429}
.story-large-quote{color:#c37429}
.profile-name{color:#c37429}
.story-rating .star-icon{fill:#edcbaa;color:#edcbaa}
.story-author-name{color:#c37429}
.author-info-inline strong{color:#c37429}
.sticky-gradient-title{background-image:linear-gradient(
        90deg, 
        #e1a66f 0%,     
        #9e5e21 33%,    
        currentColor 66%, 
        currentColor 100%
    )}
.guarantee-icon{color:#c37429}
.guarantee-item h4{color:#c37429}
.nav-arrow{color:#c37429}
.scenario-text-new strong{color:#c37429}
/* assets/shared/css/site-sections.css */
.kol-plus-btn{color:#c37429}
.kol-bottom-content h3{background-image:linear-gradient(90deg, #e1a66f 0%, #9e5e21 100%)}
.bento-link{color:#c37429}
.benefits-modal-content .bento-link{color:#c37429}
.warranty-highlight{background:linear-gradient(135deg, #a05f22 0%, #e3ad7a 45%, #ecc7a4 100%)}
.payment-highlight{background:linear-gradient(135deg, #a05f22 0%, #e3ad7a 45%, #ecc7a4 100%)}
/* assets/shared/css/site-hero.css */
.plaud-hero{color:#c37429}
.plaud-hero .hero-content .eyebrow{color:#c37429}
/* assets/shared/css/site-workflow.css */
.step-icon{color:#c37429}
.step-title h3{color:#c37429}
@keyframes chevron-pulse{0%{opacity:0.2;transform:translateX(0)}
30%{opacity:1;transform:translateX(4px)}
100%{opacity:0.2;transform:translateX(0)}
}
.audio-visualizer span{background:rgba(186, 111, 39, 0.5)}
@keyframes eq-play{0%{transform:scaleY(0.2);opacity:0.3}
100%{transform:scaleY(1.5);opacity:0.8}
}
@keyframes blink-dot{0%, 100%{opacity:1}
50%{opacity:0.3}
}
.badge-a{background-color:#f6e6d6;color:#c37429}
.badge-b{background-color:#fbf3eb;color:#c37429}
.step-2-gradient-wrap{background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(248, 234, 221, 0.7) 25%, rgba(244, 224, 204, 0.9) 50%, rgba(248, 234, 221, 0.7) 75%, rgba(255, 255, 255, 0) 100%)}
.transcribe-phone-img{box-shadow:0 20px 40px rgba(186, 111, 39, 0.12)}
.confirm-badge{box-shadow:0 12px 32px rgba(186, 111, 39, 0.18)}
.comu-dots-logo{background-color:#c07228}
.confirm-wave-bars span{background-color:#e7b88c}
@keyframes confirm-bar-anim{0%{transform:scaleY(0.5)}
100%{transform:scaleY(1.1)}
}
.confirm-question{color:#c37429}
.voice-wave-icon span{background-color:#ba6f27}
@keyframes wave-bar{0%{transform:scaleY(0.4)}
100%{transform:scaleY(1.2)}
}
.typing-text{color:#c37429}
@keyframes typing-effect{0%, 5%{width:0}
35%, 48%{width:100%}
49%{width:100%}
50%, 100%{width:0}
}
@keyframes overlay-fade{0%, 48%{opacity:1;visibility:visible}
52%, 100%{opacity:0;visibility:hidden}
}
@keyframes switch-phone-2{0%, 48%{opacity:1;transform:scale(1)}
52%, 95%{opacity:0;transform:scale(0.96)}
100%{opacity:1;transform:scale(1)}
}
@keyframes switch-phone-1{0%, 48%{opacity:0;transform:scale(0.96)}
52%, 95%{opacity:1;transform:scale(1)}
100%{opacity:0;transform:scale(0.96)}
}
@keyframes float-up-down{0%, 100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.ppt-card{box-shadow:0 8px 24px rgba(186, 111, 39, 0.12)}
.carousel-pagination-dots .dot.active{background-color:#c07228}
.ppt-card:hover{box-shadow:0 12px 28px rgba(186, 111, 39, 0.2)}
.card-arrow-btn{color:#c37429}
/* assets/shared/css/product-sections.css */
@keyframes campaignTickerSlide{0%, 45%{transform:translateY(0px)}
50%, 95%{transform:translateY(-20px)}
100%{transform:translateY(0px)}
}
.hero-body .hero-content .eyebrow{color:#c37429}
.hero-body .hero-content h1{color:#c37429}
.hero-body .btn-ghost{color:#c37429 !important;border:1px solid rgba(195, 116, 41, 0.2) !important}
.hero-body .btn-ghost:hover{background-color:rgba(35, 21, 7, 0.05) !important}
.badge-tag{background:#fbf2ea;color:#c37429}
.workflow-step-item .b-icon-box{background:#fbf2ea;color:#c37429}
.kol-plus-btn{color:#c37429}
.kol-bottom-content h3{background-image:linear-gradient(90deg, #e1a66f 0%, #9e5e21 100%)}
.demo-tab.active{background-color:#fcf7f2;border-color:#c37429;color:#c37429}
.demo-player-box{background-color:#f9eee4;background-image:radial-gradient(100% 120% at top left, #f8ecdf 0%, transparent 70%),
        radial-gradient(120% 120% at top right, #edcbaa 0%, transparent 70%),
        radial-gradient(80% 100% at bottom left, #fcf7f2 0%, transparent 60%),
        radial-gradient(100% 100% at bottom right, #f6e5d5 0%, transparent 60%)}
.phone-screen{background:linear-gradient(180deg, #f9ede3 0%, #F8FAFC 100%)}
.ios-status-bar{color:#c37429}
.demo-play-btn{color:#c37429}
.record-circle{background:rgba(182, 108, 38, 0.1);border:2px solid #c37429}
.record-circle i{color:#c37429}
.waveform span{background:#b66c26}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(182, 108, 38, 0.4)}
70%{box-shadow:0 0 0 20px rgba(182, 108, 38, 0)}
100%{box-shadow:0 0 0 0 rgba(182, 108, 38, 0)}
}
@keyframes wave{0%, 100%{transform:scaleY(1)}
50%{transform:scaleY(0.4)}
}
.chat-line:nth-child(2){background:#b66c26}
@keyframes slideUp{to{transform:translateY(0);opacity:1}
}
.typing-text{border-right:2px solid #c37429;color:#c37429}
.site-nav a.megamenu-subtitle:hover{color:#c37429 !important}
.color-swatch.active{box-shadow:0 0 0 1.5px #231507}
@keyframes typing{to{width:100%}
}
@keyframes blink{from, to{border-color:transparent}
50%{border-color:#c37429}
}
.story-rating .star-icon{fill:#a16022;color:#c37429}
.story-large-quote{color:#c37429}
.profile-name{color:#c37429}
.story-rating .star-icon{fill:#edcbaa;color:#edcbaa}
.story-author-name{color:#c37429}
.author-info-inline strong{color:#c37429}
.sticky-gradient-title{background-image:linear-gradient(
        90deg, 
        #e1a66f 0%,     
        #9e5e21 33%,    
        currentColor 66%, 
        currentColor 100%
    )}
.guarantee-icon{color:#c37429}
.guarantee-item h4{color:#c37429}
.bento-link{color:#c37429}
.nav-arrow{color:#c37429}
.scenario-text-new strong{color:#c37429}
:root{--color-primary:#b66c26;--color-primary-hover:#975a20;--color-bg-benefit:#fbf2ea;--color-line-pink:#c47529;--color-line-blue:#d78b43;--color-line-yellow:#f0d4ba;--shadow-md:0 10px 30px rgba(35, 21, 7, 0.05);--shadow-lg:0 20px 48px rgba(35, 21, 7, 0.08)}
@keyframes mediaLogoScroll{from{transform:translateX(0)}
to{transform:translateX(-20%)}
}
.btn-secondary{background-color:#281808}
.btn-secondary:hover{background-color:#150d04}
.site-nav a.menu-item-highlighted{background-color:#f2d8c0}
.site-nav a.menu-item-highlighted:hover{background-color:#150d04}
.badge-new{background:linear-gradient(135deg, #f9eee3 0%, #ecc9a7 100%);color:#c37429}
.subscribe-submit{background-color:#281808}
.subscribe-submit:hover{background-color:#150d04}
.subscribe-consent input[type="checkbox"]{accent-color:#c37429}
.timeline-row.active .timeline-node{background-color:#b66c26;border-color:#c37429;box-shadow:0 0 0 4px rgba(182, 108, 38, 0.15)}
.timeline-row.active .timeline-card{border-color:rgba(195, 116, 41, 0.65);background-color:rgba(182, 108, 38, 0.06);box-shadow:0 8px 22px rgba(182, 108, 38, 0.08)}
:root{--ckm-ink:#110a03}
.ckm-tab:hover{border-color:rgba(195, 116, 41, 0.35)}
.ckm-tab.is-active{background-color:rgba(182, 108, 38, 0.06);border-color:rgba(195, 116, 41, 0.65);box-shadow:0 8px 22px rgba(182, 108, 38, 0.08)}
.ckm-command{box-shadow:0 12px 35px rgba(80, 48, 17, 0.05)}
@keyframes soundwave{0%, 100%{transform:scaleY(0.7)}
50%{transform:scaleY(1.3)}
}
.ckm-command span:last-child{color:#c37429}
.ckm-slide{box-shadow:0 30px 80px rgba(71, 42, 15, 0.13), 0 2px 10px rgba(71, 42, 15, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.56)}
@keyframes ckm-mainIn{to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}
@keyframes ckm-leftIn{to{opacity:0.5;filter:blur(0);transform:translateY(0) rotate(-7deg) scale(1)}
}
@keyframes ckm-rightIn{to{opacity:0.5;filter:blur(0);transform:translateY(0) rotate(7deg) scale(1)}
}
.ckm-pill{background:rgba(250, 240, 230, 0.95)}
.ckm-orb{background:radial-gradient(circle at 38% 25%, rgba(240, 213, 186, 0.56), transparent 35%),

        radial-gradient(circle at 56% 50%, rgba(202, 120, 43, 0.38), transparent 44%),

        linear-gradient(135deg, rgba(172, 102, 36, 0.05), rgba(172, 102, 36, 0.18))}
.ckm-orb::before{background:linear-gradient(90deg, transparent, rgba(172, 102, 36, 0.22), rgba(172, 102, 36, 0.06), transparent)}
.ckm-row{color:#c37429}
.ckm-icon{background:#fbf2ea}
.ckm-metric{background:conic-gradient(var(--ckm-blue) 0 72%, #f8ebdf 72% 100%)}
.ckm-device-shadow{background:radial-gradient(ellipse, rgba(41, 24, 9, 0.25), transparent 68%)}
.ckm-device-img{filter:drop-shadow(0 30px 45px rgba(27, 16, 6, 0.35))}
.ckm-ai-glow{background:radial-gradient(ellipse, rgba(206, 123, 43, 0.85), rgba(206, 123, 43, 0.35) 44%, transparent 72%)}
@keyframes ckm-breath{0%,

    100%{opacity:0.5;transform:scale(0.9)}
50%{opacity:1;transform:scale(1.3)}
}
.ckm-ripple{border:2px solid rgba(195, 116, 41, 0.95);box-shadow:0 0 12px rgba(206, 123, 43, 0.8), inset 0 0 12px rgba(206, 123, 43, 0.8)}
@keyframes ckm-ripple{0%{opacity:1;border-width:3px;box-shadow:0 0 24px rgba(206, 123, 43, 1), inset 0 0 24px rgba(206, 123, 43, 1);transform:translate(-50%, -50%) scale(0.6)}
100%{opacity:0;border-width:0px;box-shadow:0 0 0px rgba(206, 123, 43, 0), inset 0 0 0px rgba(206, 123, 43, 0);transform:translate(-50%, -50%) scale(2.6)}
}
.ckm-finger-img{filter:drop-shadow(0 10px 18px rgba(85, 50, 18, 0.18))}
@keyframes ckm-finger{0%,

    100%{transform:translate(0, 0)}
50%{transform:translate(14px, 14px)}
}
.scenario-photo{box-shadow:0 10px 25px rgba(35, 21, 7, 0.06)}
.scenario-photo.active{box-shadow:0 20px 45px rgba(35, 21, 7, 0.12)}
.effects-tab:hover{border-color:rgba(195, 116, 41, 0.35)}
.effects-tab.active{background-color:rgba(182, 108, 38, 0.06);border-color:rgba(195, 116, 41, 0.65);box-shadow:0 8px 22px rgba(182, 108, 38, 0.08)}
.audience-item:hover,

.audience-item:focus-visible{background-color:rgba(182, 108, 38, 0.035)}
.audience-item:focus-visible{outline:2px solid rgba(195, 116, 41, 0.32)}
.audience-role-badge::after{background:linear-gradient(to right, #a76323, #edcaa9)}
@keyframes audienceLineProgress{from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
.compliance-badge-item{color:#c37429}
.comparison-card.featured{box-shadow:0 8px 30px rgba(182, 108, 38, 0.08)}
.comparison-card.featured:hover{box-shadow:0 16px 45px rgba(182, 108, 38, 0.16)}
.comparison-card.featured .comp-card-header{background-color:rgba(182, 108, 38, 0.03);border-bottom-color:rgba(195, 116, 41, 0.15)}
.comparison-card.featured .comp-val-cell.yes{background-color:rgba(182, 108, 38, 0.015)}
.comparison-card.featured .comp-val-cell:nth-child(even).yes{background-color:rgba(182, 108, 38, 0.035)}
.cross-icon::after{content:'A?;

    font-size: 13px;

    color: #8C94A1;

    line-height: 1;

    font-weight: 500;

}





.comparison-table th:not(:first-child) td,

.plan-table th:not(:first-child),

.plan-table td:not(:first-child) {

    text-align: center;

}





.configurator-card {

    display: grid;

    grid-template-columns: 1.1fr 0.9fr;

    background-color: var(--color-bg-card);

    border: 1px solid var(--color-border);

    border-radius: var(--rounded-block);

    overflow: hidden;

    box-shadow: var(--shadow-lg);

}



.configurator-visuals {

    background-color: var(--color-bg-alt);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 48px;

    border-right: 1px solid var(--color-border);

}



.configurator-visual-wrapper {

    width: 100%;

    max-width: 380px;

}



.configurator-visual-wrapper img {

    width: 100%;

    display: block;

    transition: transform 0.5s ease;

}



.configurator-widget {

    padding: 40px;

}



.widget-block {

    margin-bottom: 24px;

}



.widget-block:last-of-type {

    margin-bottom: 0;

}



.block-label {

    display: block;

    font-size: 12px;

    font-weight: 600;

    color: var(--color-text-muted);

    text-transform: uppercase;

    letter-spacing: 0.05em;

    margin-bottom: 12px;

}





.color-picker {

    display: flex;

    gap: 12px;

}



.color-option-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    border: 2px solid transparent;

    background-color: transparent;

    cursor: pointer;

    transition: border-color var(--transition-fast);

}



.color-option-btn.active {

    border-color: var(--color-text-main);

}



.color-circle {

    width: 26px;

    height: 26px;

    border-radius: 50%;

    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);

}



.color-circle.black { background-color: #1a1c1e; }

.color-circle.burgundy { background-color: #5a3513; }

.color-circle.silver { background-color: #d1d5db; }





.pack-choices {

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.pack-choice-card {

    border: 1px solid var(--color-border);

    border-radius: 12px;

    padding: 16px;

    cursor: pointer;

    transition: all var(--transition-fast);

    position: relative;

}



.pack-choice-card:hover {

    border-color: var(--color-border-hover);

}



.pack-choice-card.active {

    border-color: var(--color-primary);

    background-color: rgba(182, 108, 38, 0.02);

}



.pack-choice-card input[type="radio"] {

    position: absolute;

    opacity: 0;

}



.pack-choice-label {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

}



.pack-left-side {

    display: flex;

    gap: 12px;

    align-items: center;

}



.pack-radio-indicator {

    width: 18px;

    height: 18px;

    border: 2px solid var(--color-border);

    border-radius: 50%;

    display: inline-block;

    position: relative;

}



.pack-choice-card.active .pack-radio-indicator {

    border-color: var(--color-primary);

}



.pack-choice-card.active .pack-radio-indicator::after {

    content: '';

    position: absolute;

    inset: 3px;

    background-color: var(--color-primary);

    border-radius: 50%;

}



.pack-info-block {

    display: flex;

    flex-direction: column;

}



.pack-title {

    font-size: 16px;

    font-weight: 600;

}



.pack-save-badge {

    align-self: flex-start;

    padding: 2px 8px;

    background-color: rgba(191, 114, 40, 0.1);

    color: #bf7228;

    font-size: 10px;

    font-weight: 700;

    border-radius: var(--rounded-pill);

    margin-bottom: 4px;

}



.pack-right-side {

    text-align: right;

}



.pack-tag {

    display: inline-block;

    padding: 2px 8px;

    background-color: var(--color-text-main);

    color: #FFFFFF;

    font-size: 10px;

    font-weight: 700;

    border-radius: var(--rounded-pill);

    margin-bottom: 4px;

}



.pack-price {

    font-size: 16px;

    font-weight: 700;

    display: block;

}



.pack-original {

    font-size: 12px;

    color: var(--color-text-muted);

    text-decoration: line-through;

}



.pack-color-detail {

    font-size: 12px;

    color: var(--color-text-muted);

}





.quantity-selector-block {

    display: flex;

    gap: 16px;

    align-items: center;

    border-top: 1px solid var(--color-border);

    padding-top: 20px;

}



.qty-stepper-inner {

    display: flex;

    border: 1px solid var(--color-border);

    border-radius: var(--rounded-pill);

    overflow: hidden;

}



.qty-btn {

    width: 36px;

    height: 36px;

    background-color: transparent;

    border: 0;

    cursor: pointer;

    font-weight: 600;

}



.qty-btn:hover {

    background-color: var(--color-bg-alt);

}



.qty-input {

    width: 44px;

    text-align: center;

    border: 0;

    border-left: 1px solid var(--color-border);

    border-right: 1px solid var(--color-border);

    font-size: 16px;

    font-weight: 600;

    background: transparent;

    outline: 0;

}



.qty-coupon-badge {

    font-size: 12px;

    color: var(--color-primary);

    font-weight: 500;

}





.price-summary-block {

    background-color: var(--color-bg-alt);

    border-radius: 12px;

    padding: 20px;

}



.summary-total-row {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

    margin-bottom: 8px;

}



.total-label {

    font-size: 16px;

    font-weight: 600;

}



.total-prices {

    display: flex;

    align-items: baseline;

    gap: 8px;

}



.total-value {

    font-size: 24px;

    font-weight: 700;

    color: var(--color-primary);

}



.total-original {

    font-size: 16px;

    color: var(--color-text-muted);

    text-decoration: line-through;

}



.summary-banner-row {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 12px;

    margin-bottom: 8px;

}



.per-unit-badge {

    padding: 2px 6px;

    background-color: var(--color-text-main);

    color: #FFFFFF;

    font-size: 9px;

    font-weight: 700;

    border-radius: 4px;

}



.per-unit-calculation {

    color: var(--color-text-main);

    font-weight: 600;

}



.summary-bulk-info {

    font-size: 12px;

    color: var(--color-text-muted);

}



.widget-actions {

    display: flex;

    gap: 16px;

    margin-top: 24px;

}





.plan-table-wrap {

    background-color: var(--color-bg-card);

    border: 1px solid var(--color-border);

    border-radius: var(--rounded-block);

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: thin;

    padding-bottom: 10px;

}

.plan-table-wrap::-webkit-scrollbar {

    -webkit-appearance: none;

    height: 8px;

}

.plan-table-wrap::-webkit-scrollbar-track {

    background: transparent;

}

.plan-table-wrap::-webkit-scrollbar-thumb {

    background-color: rgba(0, 0, 0, 0.15);

    border-radius: 10px;

}



.plan-table {

    width: 100%;

    min-width: 900px;

    border-collapse: collapse;

    text-align: left;

}



.plan-table th,

.plan-table td {

    padding: 16px;

    border-bottom: 1px dashed rgba(0,0,0,0.08);

    font-size: 13px;

    vertical-align: top;

}



.plan-table th {

    background-color: var(--color-bg-alt);

    font-weight: 600;

    color: var(--color-text-main);

}



.plan-table th span {

    display: block;

    font-size: 11px;

    color: var(--color-text-muted);

    font-weight: 400;

    margin-top: 4px;

}



.plan-table th.elite {

    background-color: rgba(182, 108, 38, 0.05);

}



.plan-table th.elite small {

    display: inline-block;

    padding: 2px 6px;

    background-color: var(--color-primary);

    color: #FFFFFF;

    font-size: 9px;

    font-weight: 700;

    border-radius: 4px;

}



.plan-table td small {

    display: block;

    font-size: 11px;

    color: var(--color-text-muted);

    margin-top: 2px;

}



.plan-table td span {

    font-size: 11px;

    color: var(--color-text-muted);

}



.price-val {

    font-size: 16px;

    font-weight: 800;

    color: var(--color-text-main);

}



.price-val.text-gold {

    color: #191c1d;

}



.text-gold {

    color: #ba6f27;

}



.plan-table tr.group-row td {

    background-color: var(--color-bg-alt);

    color: var(--color-text-muted);

    font-weight: 700;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 0.05em;

    padding: 6px 16px;

}



@keyframes highlightPulse {

    0% { background-color: rgba(182, 108, 38, 0.06); }

    50% { background-color: rgba(182, 108, 38, 0.16); }

    100% { background-color: rgba(182, 108, 38, 0.06); }

}



.plan-table tr.highlight-row td {

    background-color: rgba(182, 108, 38, 0.12);

    font-weight: 700;

    color: var(--color-primary);

    border-top: 1px solid rgba(182, 108, 38, 0.2);

    border-bottom: 1px solid rgba(182, 108, 38, 0.2);

    animation: highlightPulse 2.5s infinite ease-in-out;

}



.plan-table tr.highlight-row td:first-child {

    color: var(--color-primary);

    box-shadow: inset 6px 0 0 var(--color-primary);

}



.plan-footnote {

    font-size: 12px;

    color: var(--color-text-muted);

    margin-top: 16px;

    text-align: center;

}





.faq-list {

    max-width: 100%;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    gap: 16px;

}



.faq-item {

    border-bottom: 1px dashed rgba(0,0,0,0.08);

    padding-bottom: 16px;

}



.faq-item button {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    background: transparent;

    border: 0;

    padding: 8px 0;

    cursor: pointer;

    text-align: left;

    color: #667085;

    font-size: 15px;

    font-weight: 600;

    transition: color var(--transition-fast);

}



.faq-item button:hover,

.faq-item.open button {

    color: #281808;

}



.faq-item button svg {

    width: 18px;

    height: 18px;

    color: var(--color-text-muted);

    transition: transform var(--transition-normal);

}



.faq-answer {

    padding-top: 8px;

    font-size: 16px;

    color: var(--color-text-muted);

    line-height: 22px;

    display: none;

}



.faq-item.open button svg {

    transform: rotate(180deg);

    color: #281808;

}



.faq-item.open .faq-answer {

    display: block;

}





.site-footer {

    background-color: #121212;

    border-top: 1px solid #1f1f1f;

    padding: 80px 0 40px 0;

    color: #a3a3a3;

    font-family: inherit;

}



.footer-content-wrap {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 24px;

}



.footer-top-grid {

    display: grid;

    grid-template-columns: 2.2fr 1fr 1.35fr 1.05fr 1.1fr 1.25fr 1.25fr;

    gap: 28px;

    margin-bottom: 48px;

}



.footer-col h3 {

    font-size: 16px;

    font-weight: 700;

    color: #ffffff;

    margin-top: 0;

    margin-bottom: 24px;

    text-transform: uppercase;

    letter-spacing: 0.08em;

}



.footer-col ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.footer-col ul a {

    font-size: 13.5px;

    color: #a3a3a3;

    text-decoration: none;

    transition: color 0.25s ease;

}



.footer-col ul a:hover {

    color: #ffffff;

}





.newsletter-col {

    display: flex;

    flex-direction: column;

}



.footer-newsletter-title {

    font-size: 15px;

    font-weight: 600;

    color: #ffffff;

    margin-top: 0;

    margin-bottom: 18px;

    line-height: 1.45;

}



.footer-newsletter-form {

    display: flex;

    position: relative;

    max-width: 320px;

    margin-bottom: 24px;

}



.footer-newsletter-form input[type="email"] {

    width: 100%;

    padding: 12px 52px 12px 16px;

    background-color: #1a1a1a;

    border: 1px solid #2e2e2e;

    border-radius: 8px;

    color: #ffffff;

    font-size: 16px;

    outline: none;

    transition: border-color 0.25s ease;

}



.footer-newsletter-form input[type="email"]:focus {

    border-color: rgba(182, 108, 38, 0.65);

}



.footer-newsletter-form button {

    position: absolute;

    right: 6px;

    top: 50%;

    transform: translateY(-50%);

    width: 32px;

    height: 32px;

    border-radius: 50%;

    background-color: #2b2b2b;

    border: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    cursor: pointer;

    transition: background-color 0.25s ease;

}



.footer-newsletter-form button:hover {

    background-color: #3b3b3b;

}



.footer-newsletter-form button svg {

    width: 15px;

    height: 15px;

    stroke-width: 2.5;

}





.footer-socials {

    display: flex;

    flex-wrap: wrap;

    gap: 16px;

    align-items: center;

}



.footer-socials a {

    color: #a3a3a3;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    transition: color 0.25s ease;

}



.footer-socials a:hover {

    color: #ffffff;

}



.social-svg {

    width: 20px;

    height: 20px;

    fill: currentColor;

}



.footer-socials a[aria-label="Instagram"] svg {

    fill: none;

}





.footer-email-label {

    font-size: 12px;

    color: #666666;

    margin: 0 0 4px 0;

    text-transform: uppercase;

    letter-spacing: 0.05em;

}



.footer-email-link {

    font-size: 16px;

    font-weight: 600;

    color: #a3a3a3;

    text-decoration: none;

    border-bottom: 1.5px dashed #444444;

    padding-bottom: 2px;

    transition: color 0.25s ease, border-color 0.25s ease;

    display: inline-block;

    margin-bottom: 24px;

}



.footer-email-link:hover {

    color: #ffffff;

    border-color: #ffffff;

}



.footer-follow-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 10px 20px;

    border-radius: 20px;

    background-color: #94581f;

    color: #ffffff;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    transition: background-color 0.25s ease, transform 0.2s ease;

    width: fit-content;

}



.footer-follow-btn:hover {

    background-color: #804c1b;

    transform: translateY(-1px);

}



.footer-follow-btn svg {

    width: 14px;

    height: 14px;

    stroke-width: 2.5;

}





.footer-divider {

    border: 0;

    border-top: 1px solid #1f1f1f;

    margin: 40px 0 28px 0;

}



.footer-bottom-flex {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    gap: 24px;

}



.footer-copyright-area {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.copyright-text {

    font-size: 12px;

    color: #666666;

    margin: 0;

}



.footer-policy-links {

    display: flex;

    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

}



.footer-policy-links a {

    font-size: 12px;

    color: #666666;

    text-decoration: none;

    transition: color 0.25s ease;

}



.footer-policy-links a:hover {

    color: #a3a3a3;

}



.footer-policy-links span {

    font-size: 10px;

    color: #333333;

}




.footer-payment-icons {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.footer-payment-icons img {
    width: 38px;
    height: 24px;
    display: block;
    border-radius: 4px;
    object-fit: contain;
}





.modal-overlay {

    position: fixed;

    inset: 0;

    background-color: rgba(0, 0, 0, 0.4);

    backdrop-filter: blur(8px);

    z-index: 200;

    display: grid;

    place-items: center;

    opacity: 0;

    pointer-events: none;

    transition: opacity var(--transition-normal);

}



.modal-overlay.open {

    opacity: 1;

    pointer-events: auto;

}



.modal-card {

    background-color: var(--color-bg-card);

    border: 1px solid var(--color-border);

    border-radius: var(--rounded-block);

    padding: 32px;

    width: min(100% - 32px, 480px);

    box-shadow: var(--shadow-lg);

    position: relative;

    transform: translateY(20px);

    transition: transform var(--transition-normal);

}



.modal-overlay.open .modal-card {

    transform: translateY(0);

}



.modal-close-btn {

    position: absolute;

    top: 16px;

    right: 16px;

    width: 32px;

    height: 32px;

    border-radius: 50%;

    border: 1px solid var(--color-border);

    background-color: #FFFFFF;

    cursor: pointer;

    font-size: 18px;

    display: grid;

    place-items: center;

    transition: all var(--transition-fast);

}



.modal-close-btn:hover {

    background-color: var(--color-bg-alt);

}



.modal-header {

    margin-bottom: 24px;

}



.modal-header h2 {

    font-size: 18px;

    margin-bottom: 8px;

}



.modal-header p {

    font-size: 13px;

    color: var(--color-text-muted);

}



.modal-form {

    display: flex;

    flex-direction: column;

    gap: 16px;

}



.form-group {

    display: flex;

    flex-direction: column;

    gap: 6px;

}



.form-group label {

    font-size: 12px;

    font-weight: 600;

    color: var(--color-text-main);

}



.form-group input {

    padding: 10px 14px;

    border: 1px solid var(--color-border);

    border-radius: 8px;

    font-size: 16px;

    outline: 0;

}



.form-group input:focus {

    border-color: var(--color-secondary);

}



.price-breakdown {

    background-color: var(--color-bg-alt);

    border-radius: 8px;

    padding: 16px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.pb-row {

    display: flex;

    justify-content: space-between;

    font-size: 12px;

}



.pb-row strong {

    font-weight: 600;

}



.pb-row.text-success {

    color: var(--color-primary);

}



.pb-row.text-muted {

    color: var(--color-text-muted);

}





@media (max-width: 1024px) {

    .site-header {

        position: sticky !important;

        top: 0 !important;

        left: 0 !important;

        right: 0 !important;

        width: 100% !important;

        z-index: 1000 !important;

        padding: 12px 20px;

    }



    .ckm-module {

        height: 750px;

    }



    .ckm-stage {

        width: 940px;

    }



    .ckm-slide-main {

        left: 240px;

        width: 460px;

    }



    .ckm-slide-left {

        left: 80px;

        width: 300px;

    }



    .ckm-slide-right {

        right: 80px;

        width: 300px;

    }



    .ckm-card-title {

        font-size: 38px;

    }



    .ckm-card-title.small {

        font-size: 30px;

    }



    .audience-rotator {

        grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);

        gap: 44px;

    }



    .audience-copy strong {

        font-size: 17px;

    }



    .audience-copy > span:last-child {

        font-size: 13px;

    }



    .footer-top-grid {

        grid-template-columns: 1fr 1fr;

        gap: 36px;

    }

}







.plan-table th:nth-child(4),

.plan-table td:nth-child(4) {

    background-color: rgba(247, 231, 216, 0.15) !important;

    border-left: 1.5px solid #f7e7d8 !important;

    border-right: 1.5px solid #f7e7d8 !important;

}

.plan-table th:nth-child(4) {

    border-top: 1.5px solid #f7e7d8 !important;

    border-radius: 20px 20px 0 0 !important;

    position: relative;

}

.plan-table tr:last-child td:nth-child(4) {

    border-bottom: 1.5px solid #f7e7d8 !important;

    border-radius: 0 0 20px 20px !important;

}



.plan-table td:nth-child(4) small {

    color: #ba6f27 !important;

}







.best-value-badge {

    position: absolute;

    top: -16px;

    right: 16px;

    background: #f7e7d8;

    color: #191c1d;

    font-size: 13.2px;

    font-weight: 800;

    padding: 6px 15px;

    border-radius: 100px;

    text-transform: uppercase;

    box-shadow: 0 4px 10px rgba(247, 231, 216, 0.4);

}

.elite-badges {

    display: flex;

    flex-direction: column;

    gap: 6px;

    margin-top: 12px;

    align-items: center;

}

.elite-pill {

    background: #f7e7d8;

    color: #191c1d;

    font-size: 10px;

    font-weight: 700;

    padding: 4px 10px;

    border-radius: 100px;

    white-space: nowrap;

}

@media (max-width: 768px) {

    .section {

        padding: calc(86.25px * 0.525) 0;

    }



    

    .site-nav {

        position: fixed;

        top: 72px;

        left: 16px;

        right: 16px;

        background-color: #FFFFFF;

        border: 1px solid var(--color-border);

        border-radius: 12px;

        padding: 24px;

        flex-direction: column;

        gap: 16px;

        align-items: center;

        box-shadow: var(--shadow-md);

        display: none;

    }

    

    .site-nav.open {

        display: flex;

    }

    

    .nav-toggle {

        display: flex;

    }

    

    .nav-cta {

        display: none;

    }

    

    

    .hero-section {

        height: auto;

        padding-top: 0px;

        padding-bottom: 80px;

        align-items: center;

        justify-content: center;

        text-align: center;

    }

    

    .hero-content {

        max-width: 100%;

        padding-bottom: 0;

        margin: -70px auto 0 auto;

        text-shadow: none;

        transform: none;

    }

    

    .hero-content h1 {

        font-size: 28px;

        line-height: 1.25;

    }

    

    .hero-copy {

        font-size: 13px;

        line-height: 1.5;

        margin-bottom: 20px;

        padding: 0 10px;

    }

    

    .hero-actions {

        justify-content: center;

        gap: 12px;

    }

    

    .hero-actions .btn {

        padding: 12px 20px;

        font-size: 16px;

    }

    

    

    .benefits-showcase {

        grid-template-columns: 1fr;

        padding: 24px 0;

        text-align: center;

        gap: 40px;

        transform: none;

    }

    

    .benefits-showcase-left {

        align-items: center;

        gap: 28px;

    }

    

    .benefits-icons-row {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 32px 12px;

        width: 100%;

        align-items: start;

    }

    

    .benefit-icon-col {

        align-items: center;

        width: 100%;

        text-align: center;

    }

    

    .benefit-icon-col:not(:last-child)::after {

        display: none;

    }

    

    .benefits-showcase-right {

        justify-content: center;

    }

    

    .benefits-showcase-right img {

        max-height: 280px;

    }

    

    

    .subscribe-card {

        grid-template-columns: 1fr;

        padding: 32px 24px;

        gap: 24px;

        text-align: center;

    }

    

    .subscribe-consent {

        text-align: left;

    }

    

    

    .configurator-card {

        grid-template-columns: 1fr;

    }

    

    .configurator-visuals {

        border-right: 0;

        border-bottom: 1px dashed rgba(0,0,0,0.08);

        padding: 32px;

    }

    

    .configurator-widget {

        padding: 24px;

    }



    

    .ckm-module {

        height: 520px;

        overflow: hidden;

    }



    .ckm-tabs {

        top: 20px;

        gap: 8px;

    }



    .ckm-tab {

        padding: 6px 20px;

        font-size: 12px;

        height: auto;

        white-space: nowrap;

    }



    .ckm-command {

        top: 76px;

        width: min(86vw, 520px);

        min-width: 0;

    }



    .ckm-command span:last-child {

        font-size: 16px;

        white-space: normal;

    }



    .ckm-stage {

        top: 166px;

        width: 92%;

        height: 260px;

    }



    .ckm-slide-main {

        left: 50%;

        width: min(100%, 520px);

        transform: translateX(-50%) translateY(76px) scale(0.965);

        animation-name: ckm-mobileMain;

    }



    @keyframes ckm-mobileMain {

        to {

            opacity: 1;

            filter: blur(0);

            transform: translateX(-50%) translateY(0) scale(1);

        }

    }



    .ckm-slide-left,

    .ckm-slide-right {

        display: none;

    }



    .ckm-slide-body {

        padding: 28px;

    }



    .ckm-card-title {

        font-size: 34px;

    }



    .ckm-caption {

        font-size: 15px;

    }



    .ckm-device-wrap {

        bottom: auto;

        top: 100px;

        width: 100vw;

        max-width: 570px;

        height: 100vw;

        max-height: 570px;

    }



    .ckm-ai-hotspot {

        top: 3.86%;

        left: 63.68%;

        width: 16.14%;

        height: 10%;

    }



    .ckm-ripple {

        width: 76.92%;

        height: 76.92%;

    }

    

    

    .scenario-focus-gallery {

        width: 100%;

        margin-left: 0;

        flex-direction: column;

        justify-content: center;

        align-items: stretch;

        gap: 12px;

        padding: 0;

        overflow: visible;

        transform: none;

        height: 556px !important; 

    }



    .scenario-photo,

    .scenario-photo.slot-left,

    .scenario-photo.slot-right,

    .scenario-photo.slot-far-right {

        width: 100%;

        flex: 0 0 auto;

        height: 80px;

        transform: none;

        order: initial;

        opacity: 0.85;

        transition: 

            height 450ms cubic-bezier(0.25, 1, 0.5, 1),

            opacity 300ms ease,

            box-shadow 300ms ease;

    }



    .scenario-photo.active {

        height: 280px;

        opacity: 1;

        order: initial;

        box-shadow: 0 12px 30px rgba(35, 21, 7, 0.12);

    }



    

    .scenario-overlay {

        padding: 20px !important;

        align-items: flex-end !important;

        transition: background-color 400ms ease;

    }



    .scenario-photo:not(.active) .scenario-overlay {

        background: linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.35) 100%);

    }



    .scenario-photo.active .scenario-overlay {

        background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.28) 60%, transparent 100%);

    }



    .scenario-photo.active .scenario-desc {

        transition-delay: 0s !important;

    }



    .scenario-photo img {

        transition: filter 400ms ease;

    }



    .scenario-photo:not(.active) img {

        filter: brightness(0.65) contrast(0.95);

    }



    .scenario-photo.active img {

        filter: brightness(1) contrast(1);

    }



    

    .audience-rotator {

        grid-template-columns: 1fr;

        gap: 28px;

        margin-top: 28px;

    }



    .audience-visual {

        height: auto;

        aspect-ratio: 1 / 1;

        border-radius: 20px;

        -webkit-mask-image: none !important;

        mask-image: none !important;

    }

    

    .audience-visual-image.active {

        width: 100% !important;

        left: 0 !important;

    }



    .audience-visual-image.prev,

    .audience-visual-image.next {

        opacity: 0 !important;

        visibility: hidden !important;

        pointer-events: none !important;

    }



    .audience-list {

        display: flex;

        flex-direction: row;

        overflow-x: auto;

        overflow-y: visible;

        overscroll-behavior: auto;

        max-height: none;

        padding: 16px 40px 16px 20px;

        margin-left: -20px;

        margin-right: -20px;

        gap: 16px;

        -webkit-overflow-scrolling: touch;

        scroll-snap-type: x mandatory;

        -webkit-mask-image: none;

        mask-image: none;

        scrollbar-width: none;

    }

    .audience-list::-webkit-scrollbar {

        display: none;

    }



    .audience-item {

        flex: 0 0 70%;

        scroll-snap-align: center;

        min-height: auto;

        padding: 20px;

        border: 1px solid var(--color-border);

        border-radius: 20px;

        background-color: var(--color-bg-card);

    }



    .audience-role-badge {

        min-height: auto;

        padding: 0 0 6px 0;

    }



    .audience-role {

        font-size: 11px;

    }



    .audience-copy {

        gap: 6px;

    }



    .audience-copy strong {

        font-size: 16px;

    }



    .audience-copy > span:last-child {

        font-size: 13px;

        line-height: 1.45;

    }

    

    

    .scenario-layout,

    .output-layout {

        grid-template-columns: 1fr;

    }

    

    .scen-tabs-bar,

    .output-tabs {

        flex-wrap: wrap;

    }

    

    .timeline {

        padding-left: 0;

        max-width: 100%;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        gap: 32px 16px;

    }

    

    .timeline::before {

        display: none;

    }

    

    .timeline-row {

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

        margin-bottom: 0;

    }



    .timeline-row::after {

        display: none;

    }

    

    .timeline-date {

        width: 100%;

        text-align: center;

        margin-bottom: 12px;

        height: auto;

    }



    .timeline-date strong {

        font-size: 18px;

        line-height: 1.3;

    }

    

    .timeline-node {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 44px;

        height: 44px;

        margin: 0 auto 16px auto;

    }



    .timeline-node svg {

        width: 20px;

        height: 20px;

    }



    .timeline-card {

        padding: 14px 16px;

        width: 100%;

        box-sizing: border-box;

        flex-grow: 1;

        display: flex;

        flex-direction: column;

    }



    .timeline-card-split {

        grid-template-columns: 1fr;

        gap: 14px;

    }



    .compliance-grid {

        display: flex;

        flex-direction: row;

        overflow-x: auto;

        overflow-y: visible;

        scroll-snap-type: x mandatory;

        scroll-padding-left: 24px;

        -webkit-overflow-scrolling: touch;

        gap: 12px;

        padding: 4px 24px 12px 24px;

        margin-left: -24px;

        margin-right: -24px;

        

        scrollbar-width: none;

        -ms-overflow-style: none;

    }

    .compliance-grid::-webkit-scrollbar {

        display: none;

    }

    .compliance-grid .compliance-card {

        flex: 0 0 calc(47% );

        min-width: 0;

        scroll-snap-align: start;

        padding: 28px 16px;

    }

    .compliance-card img {

        height: 72px;

    }



    .timeline-phase + .timeline-phase {

        border-left: 0;

        border-top: 1px solid rgba(255, 255, 255, 0.24);

        padding-left: 0;

        padding-top: 14px;

    }

    

    .ecosystem-grid {

        grid-template-columns: 1fr;

    }



    .footer-top-grid {

        grid-template-columns: 1fr;

        gap: 32px;

    }



    .footer-bottom-flex {

        flex-direction: column;

        align-items: flex-start;

        gap: 20px;

    }



    

    .comparison-scroll-wrapper {

        margin-left: 0 !important;

        margin-right: 0 !important;

        width: 100% !important;

        overflow-x: hidden !important;

        padding-left: 3px !important;

        padding-right: 3px !important;

        box-sizing: border-box !important;

    }

    .comparison-cards-container {

        display: grid !important;

        grid-template-columns: 1fr 1fr 1fr 1fr !important;

        width: 100% !important;

        min-width: 0 !important;

        gap: 2px !important;

        padding-left: 0 !important;

        padding-right: 0 !important;

        box-sizing: border-box !important;

    }

    .comparison-features-col {

        position: relative !important;

        left: auto !important;

        box-shadow: none !important;

        width: auto !important;

        transform: none !important;

    }

    .comp-feature-header {

        height: 70px !important;

        padding: 4px 2px !important;

        font-size: 11px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        text-align: center !important;

        margin-top: 2px !important;

    }

    .comp-card-header {

        height: 70px !important;

        padding: 4px 2px !important;

        gap: 2px !important;

    }

    .comp-card-header img {

        height: 24px !important;

        margin-bottom: 2px !important;

        width: auto !important;

        object-fit: contain !important;

    }

    .comp-card-icon {

        height: 24px !important;

        width: 24px !important;

        margin-bottom: 2px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

    }

    .comp-card-icon svg {

        width: 24px !important;

        height: 24px !important;

    }

    .comp-card-title {

        font-size: 9px !important;

        line-height: 1.1 !important;

        text-align: center !important;

        word-break: break-word !important;

    }

    .comp-badge {

        font-size: 8px !important;

        padding: 2px 4px !important;

    }

    .comp-feature-cell {

        font-size: 9px !important;

        line-height: 1.2 !important;

        padding: 4px !important;

        text-align: left !important;

        word-break: break-word !important;

        height: 52px !important;

        display: flex !important;

        align-items: center !important;

        background-color: #ffffff !important;

    }

    .comp-feature-cell:nth-child(even) {

        background-color: var(--color-bg-alt) !important;

    }

    .comp-val-cell {

        height: 52px !important;

        font-size: 9px !important;

        line-height: 1.2 !important;

        padding: 0 4px !important;

        text-align: center !important;

    }

}





.plan-table-wrap {

    background-color: transparent !important;

    border: none !important;

    border-radius: 0 !important;

    overflow: visible !important;

}



.plan-table {

    border-collapse: separate !important;

    border-spacing: 0 !important;

    width: 100%;

}



.plan-table th,

.plan-table td {

    padding: 12px 16px !important;

    border-bottom: 1px dashed rgba(0, 0, 0, 0.08) !important;

    font-size: 13px !important;

    vertical-align: middle !important;

    border-top: none !important;

    border-left: none !important;

    border-right: none !important;

}





.plan-table th {

    font-weight: 700 !important;

    text-transform: none !important;

    background-color: #ffffff !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;

    position: relative !important;

    z-index: 10 !important;

    padding: 16px 16px !important;

    box-shadow: none !important;

    border-top: none !important;

    border-left: none !important;

    border-right: none !important;

    border-radius: 0 !important;

}



.plan-table th:first-child {

    font-size: 18px !important;

    font-weight: 700 !important;

    color: #3b230c !important;

    vertical-align: middle !important;

    text-align: left !important;

    width: 26% !important;

}



.plan-table th:nth-child(2) {

    width: 20% !important;

}



.plan-table th:nth-child(3) {

    width: 24% !important;

}



.plan-table th:nth-child(4) {

    width: 30% !important;

}





.plan-header-flex {

    display: flex;

    align-items: center;

    gap: 12px;

    text-align: left !important;

}



.plan-header-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    border-radius: 8px;

    flex-shrink: 0;

}



.plan-header-icon.bg-blue {

    background-color: var(--color-primary);

    box-shadow: 0 4px 10px rgba(182, 108, 38, 0.2);

}



.plan-header-icon.bg-teal {

    background-color: #edcaa9;

    box-shadow: 0 4px 10px rgba(237, 202, 169, 0.2);

}



.plan-header-icon.bg-gold {

    background-color: #f7e7d8;

    box-shadow: 0 4px 10px rgba(247, 231, 216, 0.3);

}



.plan-header-icon svg {

    width: 20px;

    height: 20px;

}



.plan-header-text {

    display: flex;

    flex-direction: column;

}



.plan-header-text strong {

    font-size: 16px;

    font-weight: 700;

}



.plan-header-text.text-blue strong {

    color: var(--color-primary);

}



.plan-header-text.text-teal strong {

    color: #edcaa9;

}



.plan-header-text.text-gold strong {

    color: #191c1d;

}



.plan-header-text span {

    font-size: 11px;

    color: #64748b !important;

    font-weight: 400;

    margin-top: 2px;

    line-height: 1.3;

}





.plan-table th.elite {

    position: relative !important;

}



.plan-table th.elite small {

    position: absolute !important;

    top: -16px !important;

    right: 16px !important;

    background-color: #f7e7d8 !important;

    color: #191c1d !important;

    font-size: 13.2px !important;

    padding: 6px 15px !important;

    border-radius: 100px !important;

    font-weight: 700 !important;

    border: none !important;

    letter-spacing: 0.05em;

    box-shadow: 0 4px 10px rgba(247, 231, 216, 0.4) !important;

}





.plan-table tr:not(.group-row):not(.unified-highlight-row):not(.progressive-highlight-row) td:nth-child(1) {

    background-color: transparent !important;

    font-weight: 600 !important;

    color: var(--color-text-main) !important;

}



.plan-table tr:not(.group-row):not(.unified-highlight-row):not(.progressive-highlight-row) td:nth-child(2) {

    background-color: transparent !important;

    text-align: center !important;

}



.plan-table tr:not(.group-row):not(.unified-highlight-row):not(.progressive-highlight-row) td:nth-child(3) {

    background-color: transparent !important;

    text-align: center !important;

}



.plan-table tr:not(.group-row):not(.unified-highlight-row):not(.progressive-highlight-row) td:nth-child(4) {

    background-color: rgba(247, 231, 216, 0.1) !important;

    text-align: center !important;

    font-weight: bold !important;

}





.plan-table td:nth-child(2) .check-icon {

    background-color: var(--color-primary) !important;

    box-shadow: 0 2px 6px rgba(182, 108, 38, 0.2) !important;

}



.plan-table td:nth-child(3) .check-icon {

    background-color: #edcaa9 !important;

    box-shadow: 0 2px 6px rgba(237, 202, 169, 0.2) !important;

}



.plan-table td:nth-child(4) .check-icon {

    background-color: #f7e7d8 !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191c1d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;

    box-shadow: 0 2px 6px rgba(247, 231, 216, 0.4) !important;

    color: #191c1d !important;

}





.plan-table tr.group-row td {

    background-color: #f8fafc !important;

    color: #475569 !important;

    font-weight: 800 !important;

    font-size: 11px !important;

    text-transform: uppercase !important;

    letter-spacing: 0.08em !important;

    padding: 8px 16px !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;

}





.plan-table tr.unified-highlight-row td {

    padding: 14px 16px !important;

    border-top: none !important;

    border-bottom: 1px dashed rgba(0, 0, 0, 0.08) !important;

    background: transparent !important;

    vertical-align: middle !important;

    box-shadow: none !important;

    color: var(--color-text-main) !important;

}



.plan-table tr.unified-highlight-row td:first-child {

    background: var(--color-bg-alt) !important;

    border-left: none !important;

    border-radius: 0 !important;

}



.plan-table tr.unified-highlight-row td:nth-child(2) {

    background: rgba(182, 108, 38, 0.15) !important;

    color: var(--color-text-main) !important;

}



.plan-table tr.unified-highlight-row td:nth-child(3) {

    background: rgba(237, 202, 169, 0.2) !important;

    color: var(--color-text-main) !important;

    border-right: none !important;

    border-radius: 0 !important;

}



.plan-table tr.unified-highlight-row td:nth-child(4) {

    color: var(--color-text-main) !important;

    background-color: rgba(247, 231, 216, 0.2) !important;

    border-top: none !important;

    border-bottom: 1px dashed rgba(0, 0, 0, 0.08) !important;

    border-left: 1.5px solid #f7e7d8 !important;

    border-right: 1.5px solid #f7e7d8 !important;

    border-radius: 0 !important;

    font-weight: bold !important;

}



.plan-table tr.unified-highlight-row td strong,

.plan-table tr.unified-highlight-row td .text-gold {

    color: var(--color-text-main) !important;

}



@media (max-width: 768px) {

    .plan-table tr.progressive-highlight-row td:nth-child(4) {

        font-size: 9px !important;

        white-space: normal !important;

        word-break: normal !important;

        padding-left: 2px !important;

        padding-right: 2px !important;

        line-height: 1.1 !important;

    }

    

    .elite-sparkles {

        display: none !important;

    }

    

    .comparison-card {

        border-radius: 12px !important;

    }

}





.highlight-feature-title {

    display: flex;

    align-items: center;

    gap: 14px;

}



.mic-circle-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    background-color: #ffffff;

    border-radius: 50%;

    flex-shrink: 0;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

}



.mic-circle-icon svg {

    width: 18px;

    height: 18px;

}



.highlight-text-stack {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.highlight-feature-item {

    display: flex;

    align-items: center;

    gap: 6px;

}



.highlight-bullet {

    display: block;

    width: 4px;

    height: 4px;

    background-color: #ffffff;

    border-radius: 50%;

    opacity: 0.8;

}



.highlight-text-stack strong {

    font-size: 16px;

    font-weight: 700;

    color: #ffffff !important;

}



.highlight-val {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

}



.highlight-val strong {

    font-size: 18px;

    font-weight: 800;

    color: #ffffff !important;

    letter-spacing: 0.02em;

}



.sparkle-icon {

    font-size: 16px;

    color: #f8ece0;

    display: inline-block;

    animation: bounce 1.5s infinite;

}



@keyframes bounce {

    0%, 100% { transform: translateY(0); }

    50% { transform: translateY(-3px); }

}





.plan-table tr:last-child td:nth-child(1) {

    border-bottom-left-radius: 12px !important;

}



.plan-table tr:last-child td:nth-child(4) {

    border-bottom-right-radius: 20px !important;

}



@media (max-width: 768px) {

    

    .plan-table-wrap {

        margin-left: 0 !important;

        margin-right: 0 !important;

        width: 100% !important;

        overflow-x: hidden !important;

        padding-left: 0 !important;

        padding-right: 0 !important;

        padding-top: 20px !important;

        padding-bottom: 15px !important;

        margin-top: 0 !important;

        margin-bottom: 20px !important;

    }

    .plan-table {

        width: 100% !important;

        min-width: 0 !important;

        table-layout: fixed !important;

    }

    .plan-table tr:not(.group-row):not(.unified-highlight-row) th:first-child,

    .plan-table tr:not(.group-row):not(.unified-highlight-row) td:first-child,

    .plan-table tr:not(.group-row) th:first-child,

    .plan-table tr:not(.group-row) td:first-child {

        position: static !important;

        left: auto !important;

        box-shadow: none !important;

        padding-left: 4px !important;

        padding-right: 4px !important;

        width: 25% !important;

        transform: none !important;

        font-size: 9px !important;

        line-height: 1.2 !important;

        word-break: break-word !important;

        white-space: normal !important;

    }



    .plan-table tr.group-row td {

        padding-left: 4px !important;

        font-size: 8px !important;

    }

    .plan-table tr.group-row .group-title {

        position: static !important;

        left: auto !important;

        display: inline-block !important;

        z-index: auto !important;

        transform: none !important;

        font-size: 8px !important;

    }

    .plan-table th:not(:first-child),

    .plan-table td:not(:first-child) {

        width: 25% !important;

        min-width: 0 !important;

        padding-left: 2px !important;

        padding-right: 2px !important;

        font-size: 9px !important;

        text-align: center !important;

        word-break: break-word !important;

    }

    .plan-header-flex {

        display: block !important;

        text-align: center !important;

    }

    .plan-header-icon {

        display: none !important;

    }

    .plan-header-text span {

        display: none !important;

    }

    .plan-header-text strong {

        font-size: 10px !important;

        display: block !important;

        text-align: center !important;

    }

    .plan-table td span {

        display: block !important;

        font-size: 7px !important;

        line-height: 1.1 !important;

    }

    .plan-table td .price-val {

        font-size: 11px !important;

    }

    .plan-table td small {

        display: block !important;

        font-size: 7px !important;

        line-height: 1.1 !important;

    }

    .mic-circle-icon {

        display: none !important;

    }

    .highlight-bullet {

        display: none !important;

    }

    .highlight-feature-item {

        padding-left: 0 !important;

        font-size: 8px !important;

        line-height: 1.1 !important;

    }

    .highlight-feature-item strong {

        font-size: 8px !important;

        font-weight: 600 !important;

    }

    .highlight-val strong {

        font-size: 7.5px !important;

        white-space: nowrap !important;

        letter-spacing: -0.02em !important;

    }

    .sparkle-icon {

        display: none !important;

    }

    .highlight-text-stack {

        display: flex !important;

        flex-direction: column !important;

        gap: 2px !important;

    }

    .best-value-badge {

        position: absolute !important;

        top: -12px !important;

        left: 50% !important;

        right: auto !important;

        transform: translateX(-50%) !important;

        white-space: nowrap !important;

        font-size: 9px !important;

        padding: 4px 10px !important;

    }

    .plan-table td .check-icon,

    .plan-table td .cross-icon {

        display: block !important;

        margin: 0 auto !important;

    }

    .plan-table tr.unified-highlight-row td:not(:first-child),

    .plan-table tr.progressive-highlight-row td:not(:first-child) {

        font-size: 11px !important;

    }

    .plan-table tr.unified-highlight-row td:not(:first-child) strong,

    .plan-table tr.progressive-highlight-row td:not(:first-child) strong {

        font-size: 11px !important;

    }

    .highlight-val strong {

        font-size: 10px !important;

    }

    .highlight-feature-item strong, .highlight-feature-item {

        font-size: 9px !important;

    }

}





.plan-table tr.progressive-highlight-row td {

    padding: 14px 16px !important;

    vertical-align: middle !important;

    border-top: none !important;

    border-bottom: 1px dashed rgba(0, 0, 0, 0.08) !important;

    background: transparent !important;

    color: var(--color-text-main) !important;

}



.plan-table tr.progressive-highlight-row td:first-child {

    background: var(--color-bg-alt) !important;

}



.plan-table tr.progressive-highlight-row td:nth-child(2) { 

    background: rgba(182, 108, 38, 0.15) !important;

    color: var(--color-text-main) !important;

}



.plan-table tr.progressive-highlight-row td:nth-child(3) { 

    font-weight: 600 !important;

    background: rgba(237, 202, 169, 0.2) !important;

    color: var(--color-text-main) !important;

}



.plan-table tr.progressive-highlight-row td:nth-child(4) { 

    font-weight: 800 !important;

    font-size: 15px !important;

    background: rgba(247, 231, 216, 0.2) !important;

    color: var(--color-text-main) !important;

}



.plan-table tr.unified-highlight-row td:not(:first-child),

.plan-table tr.progressive-highlight-row td:not(:first-child) {

    font-size: 15px !important;

    font-weight: bold !important;

}



.plan-table tr.progressive-highlight-row td small {

    color: var(--color-text-light) !important;

    opacity: 0.8;

}





.elite-sparkles::before,

.elite-sparkles::after {

    content: "A?;

    position: absolute;

    color: #b96e27;

    font-size: 16px;

    opacity: 0.6;

    animation: float-sparkle 3s ease-in-out infinite alternate;

}

.elite-sparkles::before {

    top: 20px;

    left: 20px;

}

.elite-sparkles::after {

    top: 40px;

    right: 20px;

    font-size: 12px;

    animation-delay: 1.5s;

}

@keyframes float-sparkle {

    0% { transform: translateY(0) scale(1); opacity: 0.4; }

    100% { transform: translateY(-5px) scale(1.2); opacity: 0.8; }

}



@media (min-width: 769px) {

    .plan-table tr.group-row td.elite-col-group {

        background-color: rgba(247, 231, 216, 0.15) !important;

        border-left: 1.5px solid #f7e7d8 !important;

        border-right: 1.5px solid #f7e7d8 !important;

    }

}



@keyframes float-icon {

    0% { transform: translateY(0); box-shadow: 0 4px 10px rgba(247, 231, 216, 0.3); }

    100% { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(247, 231, 216, 0.5); }

}

.plan-header-icon.bg-gold {

    animation: float-icon 2.5s ease-in-out infinite alternate;

}



.bento-grid-masonry {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.bento-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.bento-grid-masonry .bento-card {
  flex: 1;
  background: #f8f9fa;
  border-radius: 12px;
  padding: 17px 24px 32px 24px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  transition: background-color 0.2s, transform 0.2s;
}
.bento-grid-masonry .col-tall .bento-card {
  min-height: 400px;
}
.bento-grid-masonry .col-stagger-1 .bento-card:first-child { flex: 42; }
.bento-grid-masonry .col-stagger-1 .bento-card:last-child { flex: 58; }
.bento-grid-masonry .col-stagger-2 .bento-card:first-child { flex: 58; }
.bento-grid-masonry .col-stagger-2 .bento-card:last-child { flex: 42; }
.bento-grid-masonry .col-stagger-3 .bento-card:first-child { flex: 33; }
.bento-grid-masonry .col-stagger-3 .bento-card:last-child { flex: 67; }

.bento-grid-masonry .bento-card:hover {
  background: #f1f3f5;
  transform: translateY(-2px);
}
.bento-grid-masonry .bento-card h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
  color: #1a1a1a;
}

.bento-grid-masonry .bento-icon,
.bento-grid-masonry .bento-body,
.bento-grid-masonry .bento-payments {
  display: none !important;
}


.benefits-modal {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
}
.benefits-modal.show {
  display: flex;
}
.benefits-modal-backdrop {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(4px);
}
.benefits-modal-content {
  position: relative;
  background: #fff;
  border-radius: 12px;
  width: 90%;
  max-width: 500px;
  padding: 40px;
  z-index: 1;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
  text-align: center;
}
.benefits-modal-close {
  position: absolute;
  top: 16px; right: 16px;
  background: none; border: none; cursor: pointer;
  color: #6a6a6a;
}
.benefits-modal-close:hover { color: #1a1a1a; }
.benefits-modal-content h3 {
  font-size: 1.5rem;
  margin-bottom: 16px;
}
.benefits-modal-content .modal-icon {
  width: 48px; height: 48px;
  margin-bottom: 24px;
}
.benefits-modal-content h5 {
  font-size: 1.1rem;
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: 600;
}
.benefits-modal-content p {
  color: #6a6a6a;
  line-height: 1.6;
  margin-bottom: 16px;
}
.benefits-modal-content .small-note {
  font-size: 0.85rem;
  color: #999;
}
.benefits-modal-content .bento-link {
  display: inline-block;
  color: #c57529;
  font-weight: 500;
  text-decoration: none;
  margin-top: 8px;
}
.benefits-modal-content .bento-payments {
  margin-top: 16px;
}

@media (max-width: 900px) {
  .bento-grid-masonry {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 16px;
    gap: 6px;
    align-items: stretch;
  }
  .bento-grid-masonry::-webkit-scrollbar {
    display: none;
  }
  .bento-col {
    flex: 0 0 46vw;
    max-width: 200px;
    min-width: 140px;
    height: auto;
    aspect-ratio: 282 / 400;
    scroll-snap-align: start;
    gap: 6px;
  }
  .bento-grid-masonry .col-tall .bento-card {
    min-height: unset;
    height: 100%;
  }
  .bento-grid-masonry .bento-card {
    padding: 8px 6px;
  }
  .bento-grid-masonry .bento-card h4 {
    font-size: 0.8rem;
  }
}
@media (max-width: 600px) {
  .bento-col {
    flex: 0 0 36vw;
  }
}

.bento-bottom-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  border-radius: 12px;
  z-index: 1;
  pointer-events: none;
}
.bento-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

@media (max-width: 768px) {
    
    .app-feature-carousel-wrapper > button {
        width: 24px !important;
        height: 24px !important;
    }
    .app-feature-carousel-wrapper > button:nth-of-type(1) {
        left: 4px !important;
    }
    .app-feature-carousel-wrapper > button:nth-of-type(2) {
        right: 4px !important;
    }
    .app-feature-carousel-wrapper > button svg {
        width: 14px !important;
        height: 14px !important;
    }
    .app-feature-carousel-wrapper > div > button {
        width: 4px !important;
        height: 4px !important;
    }
}



.manual-section {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.manual-right-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.manual-download-link-new {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #231507;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s ease;
    border-bottom: 1px solid #231507;
    padding-bottom: 4px;
}

.manual-download-link-new:hover {
    color: #b66c26;
    border-bottom-color: #b66c26;
}

.manual-filename {
    font-size: 16px;
    font-weight: 500;
    color: inherit;
}

.manual-right {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.manual-right svg {
    width: 18px;
    height: 18px;
    color: inherit;
}

.manual-download-link-new:hover .manual-right {
    transform: translateY(2px);
}

@media (max-width: 768px) {
    .manual-section {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    
    .manual-right-wrapper {
        justify-content: center;
    }
    
    .manual-download-link-new {
        font-size: 15px;
    }
    .manual-filename {
        font-size: 15px;
    }
}



.site-footer hr.footer-divider {
    border: 0 !important;
    border-top: 1px solid #1f1f1f !important;
    margin: 40px 0 28px 0 !important;
}

.site-footer .footer-customer-service-col .footer-service-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-label {
    font-size: 14px !important;
    color: #a1a1aa !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-link {
    font-size: 14px !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

.site-footer .footer-follow-btn {
    background-color: #94581f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 9999px !important;
    padding: 10px 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
}

.site-footer .footer-follow-btn:hover {
    background-color: #804c1b !important;
}

.site-footer .footer-bottom-flex {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin-top: 0 !important;
}

.site-footer .footer-bottom-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.site-footer .footer-bottom-right {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.site-footer .footer-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    align-items: center !important;
}

.site-footer .footer-socials a {
    color: #ffffff !important;
    opacity: 0.85 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.site-footer .footer-socials a:hover {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

.site-footer .footer-socials .social-svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.site-footer .footer-copyright-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.site-footer .copyright-text {
    font-size: 13px !important;
    color: #a1a1aa !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.site-footer .footer-policy-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.site-footer .footer-policy-links a {
    font-size: 13px !important;
    color: #a1a1aa !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-policy-links a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.site-footer .footer-policy-links span {
    font-size: 10px !important;
    color: #71717a !important;
}

.site-footer .footer-payment-icons {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.site-footer .footer-payment-icons img {
    width: 38px !important;
    height: 24px !important;
    display: block !important;
    border-radius: 4px !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .site-footer hr.footer-divider {
        display: none !important;
    }

    .site-footer .footer-customer-service-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px 0 0 0 !important;
        margin: 0 !important;
        border-bottom: none !important;
    }

    .site-footer .footer-customer-service-col .footer-service-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 16px 0 !important;
        display: block !important;
    }

    .site-footer .footer-service-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .site-footer .footer-service-box .footer-email-label {
        font-size: 14px !important;
        color: #a1a1aa !important;
        margin: 0 0 4px 0 !important;
    }

    .site-footer .footer-service-box .footer-email-link {
        font-size: 14px !important;
        color: #ffffff !important;
        text-decoration: underline !important;
        margin-bottom: 12px !important;
    }

    .site-footer .footer-service-box .footer-follow-btn {
        margin-bottom: 20px !important;
    }

    .site-footer .footer-bottom-flex {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        margin-top: 24px !important;
    }

    .site-footer .footer-bottom-left {
        display: contents !important;
    }

    .site-footer .footer-bottom-right {
        display: contents !important;
    }

    .site-footer .footer-socials {
        order: 1 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        align-items: center !important;
        margin-top: 0 !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-payment-icons {
        order: 2 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 6px !important;
        justify-content: flex-start !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-copyright-area {
        order: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    .site-footer .footer-policy-links {
        gap: 6px !important;
    }

    .site-footer .footer-policy-links a {
        font-size: 12px !important;
    }

    .site-footer .copyright-text {
        font-size: 12px !important;
    }
}





.site-footer {
    background-color: #121212 !important;
    border-top: 1px solid #1f1f1f !important;
    padding: 80px 0 40px 0 !important;
    color: #a3a3a3 !important;
}

.site-footer .footer-content-wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.site-footer .footer-top-grid {
    display: grid !important;
    grid-template-columns: 2fr 0.9fr 1.2fr 0.9fr 1.1fr 1.2fr minmax(180px, 1.4fr) !important;
    gap: 24px !important;
    margin-bottom: 48px !important;
}

.site-footer .footer-customer-service-col {
    min-width: 180px !important;
}

.site-footer .footer-customer-service-col .footer-service-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-label {
    font-size: 14px !important;
    color: #a1a1aa !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-link {
    font-size: 14px !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

.site-footer .footer-follow-btn {
    background-color: #94581f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 9999px !important;
    padding: 10px 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: fit-content !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease !important;
}

.site-footer .footer-follow-btn span {
    white-space: nowrap !important;
}

.site-footer .footer-follow-btn svg,
.site-footer .footer-follow-btn i {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.site-footer .footer-follow-btn:hover {
    background-color: #804c1b !important;
}

.site-footer hr.footer-divider {
    border: 0 !important;
    border-top: 1px solid #1f1f1f !important;
    margin: 0 0 32px 0 !important;
    width: 100% !important;
}

.site-footer .footer-bottom-flex {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.site-footer .footer-bottom-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.site-footer .footer-bottom-right {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.site-footer .footer-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    align-items: center !important;
}

.site-footer .footer-socials a {
    color: #ffffff !important;
    opacity: 0.85 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.site-footer .footer-socials a:hover {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

.site-footer .footer-socials .social-svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.site-footer .footer-copyright-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.site-footer .copyright-text {
    font-size: 13px !important;
    color: #a1a1aa !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.site-footer .footer-policy-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.site-footer .footer-policy-links a {
    font-size: 13px !important;
    color: #a1a1aa !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-policy-links a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.site-footer .footer-policy-links span {
    font-size: 10px !important;
    color: #71717a !important;
}

.site-footer .footer-payment-icons {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.site-footer .footer-payment-icons img {
    width: 38px !important;
    height: 24px !important;
    display: block !important;
    border-radius: 4px !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .site-footer {
        padding: 40px 0 !important;
    }

    .site-footer .footer-top-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-bottom: 24px !important;
    }

    .site-footer hr.footer-divider {
        display: none !important;
    }

    .site-footer .footer-customer-service-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px 0 0 0 !important;
        margin: 0 !important;
        border-bottom: none !important;
        min-width: 0 !important;
    }

    .site-footer .footer-customer-service-col .footer-service-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 16px 0 !important;
        display: block !important;
    }

    .site-footer .footer-service-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .site-footer .footer-service-box .footer-email-label {
        font-size: 14px !important;
        color: #a1a1aa !important;
        margin: 0 0 4px 0 !important;
    }

    .site-footer .footer-service-box .footer-email-link {
        font-size: 14px !important;
        color: #ffffff !important;
        text-decoration: underline !important;
        margin-bottom: 12px !important;
    }

    .site-footer .footer-service-box .footer-follow-btn {
        margin-bottom: 20px !important;
        white-space: nowrap !important;
    }

    .site-footer .footer-bottom-flex {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        margin-top: 24px !important;
    }

    .site-footer .footer-bottom-left {
        display: contents !important;
    }

    .site-footer .footer-bottom-right {
        display: contents !important;
    }

    .site-footer .footer-socials {
        order: 1 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        align-items: center !important;
        margin-top: 0 !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-payment-icons {
        order: 2 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 6px !important;
        justify-content: flex-start !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-copyright-area {
        order: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    .site-footer .footer-policy-links {
        gap: 6px !important;
    }

    .site-footer .footer-policy-links a {
        font-size: 12px !important;
    }

    .site-footer .copyright-text {
        font-size: 12px !important;
    }
}





.site-footer {
    background-color: #121212 !important;
    border-top: 1px solid #1f1f1f !important;
    padding: 80px 0 40px 0 !important;
    color: #a3a3a3 !important;
}

.site-footer .footer-content-wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.site-footer .footer-top-grid {
    display: grid !important;
    grid-template-columns: 1.9fr 0.85fr 1.15fr 0.85fr 1.15fr 1.35fr minmax(180px, 1.4fr) !important;
    gap: 24px !important;
    margin-bottom: 48px !important;
}

.site-footer .footer-customer-service-col {
    min-width: 180px !important;
}

.site-footer .footer-customer-service-col .footer-service-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-label {
    font-size: 14px !important;
    color: #a1a1aa !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-link {
    font-size: 14px !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

.site-footer .footer-follow-btn {
    background-color: #94581f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 9999px !important;
    padding: 10px 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: fit-content !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease !important;
}

.site-footer .footer-follow-btn span {
    white-space: nowrap !important;
}

.site-footer .footer-follow-btn svg,
.site-footer .footer-follow-btn i {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.site-footer .footer-follow-btn:hover {
    background-color: #804c1b !important;
}


.site-footer .footer-btn-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


.site-footer .footer-app-badge-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background-color: #1c1c1c !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    width: fit-content !important;
    height: 35px !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.site-footer .footer-app-badge-link img {
    height: 33px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
}

.site-footer .footer-app-badge-link:hover {
    transform: translateY(-1.5px) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    background-color: #242426 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}


.site-footer .footer-desktop-badge-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #1c1c1c !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    height: 35px !important;
    padding: 0 10px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 140px !important;
    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.site-footer .footer-desktop-badge-btn .footer-btn-left {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.site-footer .footer-desktop-badge-btn .footer-btn-left span {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #f4f4f5 !important;
    white-space: nowrap !important;
    letter-spacing: -0.01em !important;
}

.site-footer .footer-desktop-badge-btn .footer-os-icon {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
}

.site-footer .footer-desktop-badge-btn .footer-dl-icon {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    color: #a1a1aa !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-desktop-badge-btn:hover {
    background-color: #242426 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    transform: translateY(-1.5px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

.site-footer .footer-desktop-badge-btn:hover .footer-dl-icon {
    color: #ffffff !important;
}


.site-footer hr.footer-divider {
    border: 0 !important;
    border-top: 1px solid #1f1f1f !important;
    margin: 0 0 32px 0 !important;
    width: 100% !important;
}

.site-footer .footer-bottom-flex {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.site-footer .footer-bottom-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.site-footer .footer-bottom-right {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.site-footer .footer-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    align-items: center !important;
}

.site-footer .footer-socials a {
    color: #ffffff !important;
    opacity: 0.85 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.site-footer .footer-socials a:hover {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

.site-footer .footer-socials .social-svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.site-footer .footer-copyright-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.site-footer .copyright-text {
    font-size: 13px !important;
    color: #a1a1aa !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.site-footer .footer-policy-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.site-footer .footer-policy-links a {
    font-size: 13px !important;
    color: #a1a1aa !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-policy-links a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.site-footer .footer-policy-links span {
    font-size: 10px !important;
    color: #71717a !important;
}

.site-footer .footer-payment-icons {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.site-footer .footer-payment-icons img {
    width: 38px !important;
    height: 24px !important;
    display: block !important;
    border-radius: 4px !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .site-footer {
        padding: 40px 0 !important;
    }

    .site-footer .footer-top-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-bottom: 24px !important;
    }

    .site-footer hr.footer-divider {
        display: none !important;
    }

    .site-footer .footer-btn-list {
        padding-top: 10px !important;
        padding-bottom: 16px !important;
    }

    .site-footer .footer-desktop-badge-btn {
        max-width: 170px !important;
    }

    .site-footer .footer-customer-service-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px 0 0 0 !important;
        margin: 0 !important;
        border-bottom: none !important;
        min-width: 0 !important;
    }

    .site-footer .footer-customer-service-col .footer-service-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 16px 0 !important;
        display: block !important;
    }

    .site-footer .footer-service-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .site-footer .footer-service-box .footer-email-label {
        font-size: 14px !important;
        color: #a1a1aa !important;
        margin: 0 0 4px 0 !important;
    }

    .site-footer .footer-service-box .footer-email-link {
        font-size: 14px !important;
        color: #ffffff !important;
        text-decoration: underline !important;
        margin-bottom: 12px !important;
    }

    .site-footer .footer-service-box .footer-follow-btn {
        margin-bottom: 20px !important;
        white-space: nowrap !important;
    }

    .site-footer .footer-bottom-flex {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        margin-top: 24px !important;
    }

    .site-footer .footer-bottom-left {
        display: contents !important;
    }

    .site-footer .footer-bottom-right {
        display: contents !important;
    }

    .site-footer .footer-socials {
        order: 1 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        align-items: center !important;
        margin-top: 0 !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-payment-icons {
        order: 2 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 6px !important;
        justify-content: flex-start !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-copyright-area {
        order: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    .site-footer .footer-policy-links {
        gap: 6px !important;
    }

    .site-footer .footer-policy-links a {
        font-size: 12px !important;
    }

    .site-footer .copyright-text {
        font-size: 12px !important;
    }
}





.site-footer {
    background-color: #121212 !important;
    border-top: 1px solid #1f1f1f !important;
    padding: 80px 0 40px 0 !important;
    color: #a3a3a3 !important;
}

.site-footer .footer-content-wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.site-footer .footer-top-grid {
    display: grid !important;
    grid-template-columns: 1.8fr 0.85fr 1.1fr 0.85fr 1.15fr minmax(165px, 1.45fr) minmax(180px, 1.4fr) !important;
    gap: 22px !important;
    margin-bottom: 48px !important;
}

.site-footer .footer-customer-service-col {
    min-width: 180px !important;
}

.site-footer .footer-customer-service-col .footer-service-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-label {
    font-size: 14px !important;
    color: #a1a1aa !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-link {
    font-size: 14px !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

.site-footer .footer-follow-btn {
    background-color: #94581f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 9999px !important;
    padding: 10px 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: fit-content !important;
    flex-shrink: 0 !important;
    border: none !important;
    outline: none !important;
    transition: background-color 0.2s ease !important;
}

.site-footer .footer-follow-btn span {
    white-space: nowrap !important;
}

.site-footer .footer-follow-btn svg,
.site-footer .footer-follow-btn i {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.site-footer .footer-follow-btn:hover {
    background-color: #804c1b !important;
}


.site-footer .footer-btn-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


.site-footer .footer-app-badge-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    overflow: visible !important;
    position: relative !important;
    background-color: #1c1c1c !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: fit-content !important;
    height: 35px !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.site-footer .footer-app-badge-link img {
    height: 35px !important;
    width: auto !important;
    display: block !important;
    border-radius: 6px !important;
    border: none !important;
}

.site-footer .footer-app-badge-link:hover {
    transform: translateY(-1.5px) !important;
    background-color: #282828 !important;
    border: none !important;
}


.site-footer .footer-app-badge-link .qr-tooltip {
    position: absolute !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(4px) !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
    padding: 10px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    z-index: 1000 !important;
    pointer-events: none !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.site-footer .footer-app-badge-link .qr-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 6px !important;
    border-style: solid !important;
    border-color: #ffffff transparent transparent transparent !important;
}

.site-footer .footer-app-badge-link:hover .qr-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

.site-footer .qr-placeholder {
    width: 90px !important;
    height: 90px !important;
    background: #f8fafc !important;
    border: 2px dashed #eeceb0 !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: #475569 !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
}


.site-footer .footer-desktop-badge-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #1c1c1c !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    height: 35px !important;
    padding: 0 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    width: fit-content !important;
    min-width: 162px !important;
    max-width: 100% !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.site-footer .footer-desktop-badge-btn .footer-btn-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

.site-footer .footer-desktop-badge-btn .footer-btn-left span {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: visible !important;
    letter-spacing: -0.01em !important;
}

.site-footer .footer-desktop-badge-btn .footer-os-icon {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
}

.site-footer .footer-desktop-badge-btn .footer-dl-icon {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    color: #a1a1aa !important;
    margin-left: 10px !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-desktop-badge-btn:hover {
    background-color: #282828 !important;
    border: none !important;
    transform: translateY(-1.5px) !important;
}

.site-footer .footer-desktop-badge-btn:hover .footer-dl-icon {
    color: #ffffff !important;
}


.site-footer hr.footer-divider {
    border: 0 !important;
    border-top: 1px solid #1f1f1f !important;
    margin: 0 0 32px 0 !important;
    width: 100% !important;
}

.site-footer .footer-bottom-flex {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.site-footer .footer-bottom-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.site-footer .footer-bottom-right {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.site-footer .footer-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    align-items: center !important;
}

.site-footer .footer-socials a {
    color: #ffffff !important;
    opacity: 0.85 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.site-footer .footer-socials a:hover {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

.site-footer .footer-socials .social-svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.site-footer .footer-copyright-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.site-footer .copyright-text {
    font-size: 13px !important;
    color: #a1a1aa !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.site-footer .footer-policy-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.site-footer .footer-policy-links a {
    font-size: 13px !important;
    color: #a1a1aa !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-policy-links a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.site-footer .footer-policy-links span {
    font-size: 10px !important;
    color: #71717a !important;
}

.site-footer .footer-payment-icons {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.site-footer .footer-payment-icons img {
    width: 38px !important;
    height: 24px !important;
    display: block !important;
    border-radius: 4px !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .site-footer {
        padding: 40px 0 !important;
    }

    .site-footer .footer-top-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-bottom: 24px !important;
    }

    .site-footer hr.footer-divider {
        display: none !important;
    }

    .site-footer .footer-btn-list {
        padding-top: 10px !important;
        padding-bottom: 16px !important;
    }

    .site-footer .footer-app-badge-link .qr-tooltip {
        display: none !important;
    }

    .site-footer .footer-desktop-badge-btn {
        max-width: 180px !important;
    }

    .site-footer .footer-customer-service-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px 0 0 0 !important;
        margin: 0 !important;
        border-bottom: none !important;
        min-width: 0 !important;
    }

    .site-footer .footer-customer-service-col .footer-service-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 16px 0 !important;
        display: block !important;
    }

    .site-footer .footer-service-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .site-footer .footer-service-box .footer-email-label {
        font-size: 14px !important;
        color: #a1a1aa !important;
        margin: 0 0 4px 0 !important;
    }

    .site-footer .footer-service-box .footer-email-link {
        font-size: 14px !important;
        color: #ffffff !important;
        text-decoration: underline !important;
        margin-bottom: 12px !important;
    }

    .site-footer .footer-service-box .footer-follow-btn {
        margin-bottom: 20px !important;
        white-space: nowrap !important;
    }

    .site-footer .footer-bottom-flex {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        margin-top: 24px !important;
    }

    .site-footer .footer-bottom-left {
        display: contents !important;
    }

    .site-footer .footer-bottom-right {
        display: contents !important;
    }

    .site-footer .footer-socials {
        order: 1 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        align-items: center !important;
        margin-top: 0 !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-payment-icons {
        order: 2 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 6px !important;
        justify-content: flex-start !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-copyright-area {
        order: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    .site-footer .footer-policy-links {
        gap: 6px !important;
    }

    .site-footer .footer-policy-links a {
        font-size: 12px !important;
    }

    .site-footer .copyright-text {
        font-size: 12px !important;
    }
}





.site-footer {
    background-color: #121212 !important;
    border-top: 1px solid #1f1f1f !important;
    padding: 80px 0 40px 0 !important;
    color: #a3a3a3 !important;
}

.site-footer .footer-content-wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.site-footer .footer-top-grid {
    display: grid !important;
    grid-template-columns: 1.8fr 0.85fr 1.1fr 0.85fr 1.15fr minmax(165px, 1.45fr) minmax(180px, 1.4fr) !important;
    gap: 22px !important;
    margin-bottom: 48px !important;
}

.site-footer .footer-customer-service-col {
    min-width: 180px !important;
}

.site-footer .footer-customer-service-col .footer-service-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-label {
    font-size: 14px !important;
    color: #a1a1aa !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.site-footer .footer-email-link {
    font-size: 14px !important;
    color: #ffffff !important;
    text-decoration: underline !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}

.site-footer .footer-follow-btn {
    background-color: #94581f !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 9999px !important;
    padding: 10px 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: fit-content !important;
    flex-shrink: 0 !important;
    border: none !important;
    outline: none !important;
    transition: background-color 0.2s ease !important;
}

.site-footer .footer-follow-btn span {
    white-space: nowrap !important;
}

.site-footer .footer-follow-btn svg,
.site-footer .footer-follow-btn i {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.site-footer .footer-follow-btn:hover {
    background-color: #804c1b !important;
}


.site-footer .footer-btn-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


.site-footer .footer-app-badge-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    overflow: visible !important;
    position: relative !important;
    background-color: #1c1c1c !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: fit-content !important;
    height: 35px !important;
    box-sizing: border-box !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.site-footer .footer-app-badge-link img {
    height: 35px !important;
    width: auto !important;
    display: block !important;
    border-radius: 6px !important;
    border: none !important;
}

.site-footer .footer-app-badge-link:hover {
    transform: translateY(-1.5px) !important;
    background-color: #282828 !important;
    border: none !important;
}


.site-footer .footer-app-badge-link .qr-tooltip {
    position: absolute !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(4px) !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
    padding: 10px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
    z-index: 1000 !important;
    pointer-events: none !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.site-footer .footer-app-badge-link .qr-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 6px !important;
    border-style: solid !important;
    border-color: #ffffff transparent transparent transparent !important;
}

.site-footer .footer-app-badge-link:hover .qr-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

.site-footer .qr-placeholder {
    width: 90px !important;
    height: 90px !important;
    background: #f8fafc !important;
    border: 2px dashed #eeceb0 !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    color: #475569 !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
}


.site-footer .footer-desktop-badge-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #1c1c1c !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    height: 35px !important;
    padding: 0 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    width: fit-content !important;
    min-width: 162px !important;
    max-width: 100% !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.site-footer .footer-desktop-badge-btn .footer-btn-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
}

.site-footer .footer-desktop-badge-btn .footer-btn-left span {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: visible !important;
    letter-spacing: -0.01em !important;
}

.site-footer .footer-desktop-badge-btn .footer-os-icon {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
}

.site-footer .footer-desktop-badge-btn .footer-dl-icon {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
    color: #a1a1aa !important;
    margin-left: 10px !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-desktop-badge-btn:hover {
    background-color: #282828 !important;
    border: none !important;
    transform: translateY(-1.5px) !important;
}

.site-footer .footer-desktop-badge-btn:hover .footer-dl-icon {
    color: #ffffff !important;
}


.site-footer hr.footer-divider {
    border: 0 !important;
    border-top: 1px solid #1f1f1f !important;
    margin: 0 0 32px 0 !important;
    width: 100% !important;
}

.site-footer .footer-bottom-flex {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.site-footer .footer-bottom-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.site-footer .footer-bottom-right {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

.site-footer .footer-socials {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    align-items: center !important;
}

.site-footer .footer-socials a {
    color: #ffffff !important;
    opacity: 0.85 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.site-footer .footer-socials a:hover {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

.site-footer .footer-socials .social-svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.site-footer .footer-copyright-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.site-footer .copyright-text {
    font-size: 13px !important;
    color: #a1a1aa !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.site-footer .footer-policy-links {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.site-footer .footer-policy-links a {
    font-size: 13px !important;
    color: #a1a1aa !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.site-footer .footer-policy-links a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.site-footer .footer-policy-links span {
    font-size: 10px !important;
    color: #71717a !important;
}

.site-footer .footer-payment-icons {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

.site-footer .footer-payment-icons img {
    width: 38px !important;
    height: 24px !important;
    display: block !important;
    border-radius: 4px !important;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .site-footer {
        padding: 40px 0 !important;
    }

    .site-footer .footer-top-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-bottom: 24px !important;
    }

    .site-footer hr.footer-divider {
        display: none !important;
    }

    
    .site-footer .footer-btn-list {
        gap: 12px !important;
        padding-top: 12px !important;
        padding-bottom: 20px !important;
    }

    .site-footer .footer-app-badge-link {
        height: 44px !important;
        border-radius: 8px !important;
    }

    .site-footer .footer-app-badge-link img {
        height: 44px !important;
        border-radius: 8px !important;
    }

    .site-footer .footer-app-badge-link .qr-tooltip {
        display: none !important;
    }

    .site-footer .footer-desktop-badge-btn {
        height: 44px !important;
        border-radius: 8px !important;
        min-width: 175px !important;
        max-width: 200px !important;
        padding: 0 14px !important;
    }

    .site-footer .footer-desktop-badge-btn .footer-btn-left {
        gap: 10px !important;
    }

    .site-footer .footer-desktop-badge-btn .footer-btn-left span {
        font-size: 13px !important;
    }

    .site-footer .footer-desktop-badge-btn .footer-os-icon {
        width: 15px !important;
        height: 15px !important;
    }

    .site-footer .footer-desktop-badge-btn .footer-dl-icon {
        width: 15px !important;
        height: 15px !important;
        margin-left: 12px !important;
    }

    .site-footer .footer-customer-service-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px 0 0 0 !important;
        margin: 0 !important;
        border-bottom: none !important;
        min-width: 0 !important;
    }

    .site-footer .footer-customer-service-col .footer-service-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 0 16px 0 !important;
        display: block !important;
    }

    .site-footer .footer-service-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .site-footer .footer-service-box .footer-email-label {
        font-size: 14px !important;
        color: #a1a1aa !important;
        margin: 0 0 4px 0 !important;
    }

    .site-footer .footer-service-box .footer-email-link {
        font-size: 14px !important;
        color: #ffffff !important;
        text-decoration: underline !important;
        margin-bottom: 12px !important;
    }

    .site-footer .footer-service-box .footer-follow-btn {
        margin-bottom: 20px !important;
        white-space: nowrap !important;
    }

    .site-footer .footer-bottom-flex {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        margin-top: 24px !important;
    }

    .site-footer .footer-bottom-left {
        display: contents !important;
    }

    .site-footer .footer-bottom-right {
        display: contents !important;
    }

    .site-footer .footer-socials {
        order: 1 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        align-items: center !important;
        margin-top: 0 !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-payment-icons {
        order: 2 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 6px !important;
        justify-content: flex-start !important;
        margin-bottom: 4px !important;
    }

    .site-footer .footer-copyright-area {
        order: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    .site-footer .footer-policy-links {
        gap: 6px !important;
    }

    .site-footer .footer-policy-links a {
        font-size: 12px !important;
    }

    .site-footer .copyright-text {
        font-size: 12px !important;
    }
}}
/* assets/shared/css/radius-system.css */
/* assets/shared/css/modal-controls.css */
.modal-close-btn:hover,
.np-care-close:hover,
.np-info-modal-close:hover,
.quote-close-btn:hover,
.quote-preview-close:hover,
.benefits-modal-close:hover,
.cart-close-btn:hover{color:#c37429 !important}
.np-discount-close:hover{color:#c37429 !important}
.modal-close-btn:focus-visible,
.np-discount-close:focus-visible,
.np-care-close:focus-visible,
.np-info-modal-close:focus-visible,
.quote-close-btn:focus-visible,
.quote-preview-close:focus-visible,
.benefits-modal-close:focus-visible,
.cart-close-btn:focus-visible,
.video-modal-close:focus-visible,
#reviewModalClose:focus-visible{outline:2px solid #c37429}
.cart-item-discount-badge{background:#f6e6d6;color:#c37429}
.cart-remove-btn:hover{color:#c37429;background-color:#faf0e6}
.cart-savings-label{color:#c37429}
.cart-savings-amount{color:#c37429}
.cart-sales-badge{background-color:#fcf6f0;color:#c37429;border:1px solid #c37429}
.cart-trust-list li svg{color:#c37429}
.cart-delivery-estimate{border:1px solid #c37429}
.cart-delivery-estimate strong{color:#c37429}
.cart-delivery-estimate svg{stroke:#b66c26}
.cart-tiered-promo{background-color:#fcf6f1;border:1px solid #c37429}
.tiered-promo-icon{color:#c37429}
.tiered-promo-text strong{color:#c37429}
.tiered-promo-bar{background:#f4dec9}
.tiered-promo-progress{background:#e2aa76}
.tiered-node{border:3px solid #c37429}
.tiered-node.reached{border-color:#c37429;background:#e2aa76}
.tiered-node.current{border-color:#c37429}
@media (min-width: 769px){.cart-drawer{box-shadow:-10px 0 34px rgba(34, 20, 7, 0.12)}
.cart-tiered-promo{background:#fdf8f4;border-color:#c37429;box-shadow:inset 0 0 28px rgba(186, 111, 39, 0.04)}
.tiered-promo-icon{color:#c37429}
.tiered-promo-text strong{color:#c37429}
.tiered-promo-progress{background:#ba6f27}
.tiered-node{background:#ba6f27}
.tiered-node.current{background:#ba6f27;box-shadow:0 0 0 1px #ba6f27}
.cart-sales-badge{color:#c37429}
.cart-trust-list li svg{color:#c37429}
.pc-cart-footer{box-shadow:0 -6px 14px rgba(34, 20, 7, 0.06)}
.cart-apply-code:hover{color:#c37429}
.cart-apply-code[aria-expanded="true"]{color:#c37429}
.cart-delivery-estimate svg{stroke:#b66c26}
.cart-delivery-estimate strong{color:#c37429}
}
@media (max-width: 768px){.mobile-cart-footer{box-shadow:0 -6px 14px rgba(34, 20, 7, 0.06)}
.mobile-cart-footer .cart-apply-code:hover{color:#c37429}
.mobile-cart-footer .cart-apply-code[aria-expanded="true"]{color:#c37429}
.mobile-cart-footer .cart-delivery-estimate svg{stroke:#b66c26}
.mobile-cart-footer .cart-delivery-estimate strong{color:#c37429}
}
.summary-row.discount-row{color:#c37429}
.summary-value.free-text{color:#c37429}
.quote-form-group input:focus{border-color:#c37429}
.quote-preview-back:focus-visible,
.quote-preview-close:focus-visible,
.quote-preview-edit:focus-visible,
.quote-preview-download:focus-visible{outline:2px solid #c37429}
.cart-discount-accordion .cart-discount-entry:focus-within{border-color:#c37429;box-shadow:0 0 0 2px rgba(182, 108, 38, 0.12)}
.cart-discount-accordion .cart-discount-apply{color:#c37429}
.cart-discount-accordion .cart-discount-apply:hover{color:#c37429}
/* assets/shared/css/products-megamenu.css */
@media (min-width: 901px){.products-nav-trigger{color:#c37429}
.products-nav-trigger:hover,
  .products-nav-wrapper:hover .products-nav-trigger{color:#c37429 !important}
.megamenu-nav-badge{background:linear-gradient(135deg, #f9eee3 0%, #ecc9a7 100%);color:#c37429 !important}
.megamenu-nav-arrow{color:#c37429}
.megamenu-nav-item:hover,
  .megamenu-nav-item.is-active{color:#c37429 !important}
.megamenu-quick-link:hover{color:#c37429}
@keyframes megaFadeIn{from{opacity:0;transform:translateY(4px)}
to{opacity:1;transform:translateY(0)}
}
.megamenu-panel-title{color:#c37429}
.megamenu-color-card:not(:last-child)::after{background-color:#f6e5d4}
}
@media (min-width: 901px){.about-nav-trigger{color:#c37429}
.about-nav-trigger:hover,
  .about-nav-wrapper:hover .about-nav-trigger{color:#c37429 !important}
}
@media (min-width: 901px){.support-nav-trigger{color:#c37429}
.support-nav-trigger:hover,
  .support-nav-wrapper:hover .support-nav-trigger{color:#c37429 !important}
}
@media (max-width: 900px){.site-nav .mobile-menu-item,
  .site-nav a.mobile-menu-item,
  .site-nav button.mobile-menu-item,
  .mobile-menu-item{color:#c37429 !important}
.site-nav .mobile-menu-item.mobile-menu-cta{color:#c37429 !important}
.mobile-submenu-products .mobile-sub-product-item{color:#c37429 !important}
.mobile-submenu-products .mobile-accordion-badge{background:linear-gradient(135deg, #f9eee3 0%, #ecc9a7 100%);color:#c37429 !important}
.mobile-sub-back-btn{color:#c37429 !important}
.mobile-sub-product-item,
  .mobile-accordion-header{color:#c37429 !important}
.mobile-accordion-badge{background:linear-gradient(135deg, #f9eee3 0%, #ecc9a7 100%);color:#c37429 !important}
.mobile-overview-slogan{color:#c37429}
.mobile-color-row{color:#c37429 !important}
.mobile-color-name{color:#c37429}
.mobile-color-arrow{color:#c37429}
}
/* assets/fall-sale/fall-sale.css */
:root{--sale-orange:#ce7b2b}
.sale-hero{background:linear-gradient(180deg, #e9be96 0%, #ffffff 68.721%)}
.sale-date-badge{background:linear-gradient(90deg, #e2a974, #d27d2c)}
.sale-offer strong{background:linear-gradient(110deg, #dd9b5c 0%, #cf7b2c 64%)}
.sale-schedule{--sale-phase-gold:#b46b26;--sale-phase-text:#94581f;--sale-phase-line:#db9756;--sale-phase-fill:#f8ebde}
.sale-timeline::before{background:linear-gradient(90deg, 
    rgba(219, 151, 86, 0) 0%,
    rgba(219, 151, 86, 0.4) 6%,
    var(--sale-phase-line) 16.66%,
    var(--sale-phase-line) 83.33%,
    rgba(219, 151, 86, 0.4) 94%,
    rgba(219, 151, 86, 0) 100%
  )}
.sale-phase::before{box-shadow:0 0 0 1px rgba(180, 107, 38, 0.25)}
.sale-trust-card h3{color:#c37429}
.sale-info-card h3{color:#c37429}
.sale-text-link{color:var(--sale-text-main, #c37429)}
.sale-faq-list summary span{color:var(--sale-text-main, #c37429)}
.nav-arrow{color:#c37429}
.sale-dialog{box-shadow:0 20px 48px rgba(35, 21, 7, 0.12)}
.sale-dialog::backdrop{background:rgba(35, 21, 7, 0.45)}
@media (max-width: 600px){.sale-hero{background:linear-gradient(180deg, #e9be96, #ffffff)}
.sale-phase::before{box-shadow:0 0 0 1px rgba(180, 107, 38, 0.3)}
.sale-phase:first-child::after{background:linear-gradient(90deg, rgba(219, 151, 86, 0) 0%, rgba(219, 151, 86, 0.4) 20%, var(--sale-phase-line) 50%, var(--sale-phase-line) 100%)}
.sale-phase:last-child::after{background:linear-gradient(90deg, var(--sale-phase-line) 0%, var(--sale-phase-line) 50%, rgba(219, 151, 86, 0.4) 80%, rgba(219, 151, 86, 0) 100%)}
}
/* assets/fall-sale/interactions.css */
.sale-product-discount{background:linear-gradient(135deg, #a66323, #e0a56c)}
.sale-flash-badge{background:linear-gradient(135deg, #e9bf96, #cf7b2c)}
.sale-hero-halloween .sale-date-badge{background:#dc9959}
.sale-halloween-cta:hover{background:#f8e9dc}
.sale-discount-number{color:#efd0b3}
.sale-experience-result h2{color:#c37429}
@keyframes sale-gift-shake{from{transform:rotate(-3deg) scale(.95)}
to{transform:rotate(3deg) scale(1)}
}
@keyframes sale-modal-enter{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
/* assets/fall-sale/bundle-purchase.css */
.sale-pack-saving{background:#faf1e9}
/* assets/fall-sale/bundle-mix.css */
.sale-mix-banner{background:radial-gradient(ellipse at 0 0, #d6873c59, transparent 55%), #191c1d}
#fall-sale .sale-mix-card select:focus, #fall-sale .sale-mix-card select:focus-visible{border-color:#c37429}
.sale-mix-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #ce7b2b}
.sale-mix-saving{background:#faf1e9;color:#c37429}
/* assets/fall-sale/video-carousel.css */
.sale-reel-open:focus-visible{outline:3px solid #c37429}
/* assets/shared/css/footer-layout.css */
.site-footer .footer-follow-btn{background-color:#94581f !important}
.site-footer .footer-follow-btn:hover{background-color:#804c1b !important}
.site-footer .qr-placeholder{border:2px dashed #c37429 !important}

:root{--brand-accent:#C37429;--brand-gold:var(--brand-accent);--brand-gold-light:#EAC29D;--brand-gold-ink:#99551C;--brand-gold-deep:#874916;--brand-gold-tint:#F9EBDD;--color-primary:var(--brand-accent);--color-primary-hover:var(--brand-gold-deep);--color-secondary:var(--brand-accent);--color-secondary-hover:var(--brand-gold-deep);--color-line-pink:#EAC29D;--color-line-blue:#C37429;--color-line-yellow:#F1D7BF;--sale-orange:var(--brand-accent)}
.note-product-section{--np-sale:var(--brand-accent);--np-accent:var(--brand-accent)}
#fall-sale .sale-schedule{--sale-phase-gold:#C37429;--sale-phase-text:#99551C;--sale-phase-line:#C37429;--sale-phase-fill:#F9EBDD}
.sale-trust-card .sale-icon,.sale-info-card .sale-icon{filter:none;color:#C37429}
.sale-product-discount,.np-gallery-sale-ribbon,.np-discount-widget{background:linear-gradient(135deg,#256EE4,#0FC7A9)!important;color:#FFFFFF!important}
.sale-product-discount strong,.sale-product-discount span{color:#FFFFFF!important}
.sale-flash-badge{background:linear-gradient(90deg,#FADBA5 0%,#CA9E71 100%)!important;color:#191C1D!important}
.sale-flash-badge span{color:#191C1D!important}
.sale-hero-halloween .sale-date-badge{background:#C37429!important;color:#fff!important}
.sale-hero-halloween .sale-date-badge span,.sale-hero-halloween .sale-date-badge svg{color:#fff!important}
#fall-sale .sale-hero-halloween .sale-discount-number{color:#FFE8A3!important}
#fall-sale #sale-products .sale-product-discount{scale:none;transform:translateY(-23px) scale(1.3);transform-origin:top left}
#fall-sale #sale-products .sale-flash-badge{transform:scale(1.15);transform-origin:top right}
@media(max-width:600px){#fall-sale #sale-products .sale-product-discount{transform:translateY(-13px) scale(1.3)}}
.sale-mix-saving,.sale-pack-saving{background:#F9EBDD;color:#99551C}
.cart-item-price,.cart-savings-amount,.np-pa-current-price{color:#C37429!important}
#fall-sale .sale-countdown-copy h2,#fall-sale .sale-price strong,#fall-sale .sale-bundle-total-row>strong,#fall-sale .sale-bundle-discount{color:#C37429}
.sale-bundle-color[aria-pressed=true],.sale-mix-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #C37429}
:where(a,button,input,select,textarea):focus-visible{outline-color:#C37429}
/* Flat cards across the site, including hover states; swatch rings remain intact. */
[class~="card"],[class*="-card"],[class*="_card"],.sale-countdown-unit [data-countdown]{box-shadow:none!important}
.sale-ticket{filter:none!important}

#fall-sale [data-sale-bundle=action] .sale-bundle-media-copy,#fall-sale [data-sale-bundle=action] .sale-bundle-media-copy *{color:#000!important}
#fall-sale [data-sale-bundle=note] .sale-bundle-media-copy,#fall-sale [data-sale-bundle=note] .sale-bundle-media-copy *{color:#fff!important}
.sale-swatch[aria-pressed=true]{outline-color:#000!important}
.sale-bundle-color[aria-pressed=true],.sale-mix-swatch[aria-pressed=true],.np-color-options input:checked + .np-color-swatch{box-shadow:0 0 0 2px #000!important}
.color-swatch.active{box-shadow:0 0 0 1.5px #000!important}
.color-option-btn.active{border-color:#000!important}