@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#101114;--muted:#74767d;--line:#e8e8ec;--paper:#fff;--soft:#f5f7f1;--pink:#586b34;--pinkSoft:#eef3e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.siteHeader{position:sticky;top:0;z-index:50;height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #ececf0}.headerInner{height:100%;max-width:1320px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:34px}.wordmark{font:900 24px "Space Grotesk",sans-serif;letter-spacing:-1.5px;white-space:nowrap}.wordmark span{color:#777}.mainNav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1}.navItem{font-size:11px;font-weight:800;color:#575962;padding:10px 14px;border-radius:11px;border:1px solid transparent;transition:.18s}.navItem:hover{background:#f5f5f6;color:#111}.navItem.active{background:var(--pinkSoft);color:var(--pink);border-color:#d9dfd0}.headerActions{display:flex;align-items:center;gap:6px}.lang{border:0;background:transparent;font-weight:900;font-size:10px;padding:8px 9px;border-radius:18px}.lang.active{background:var(--pink);color:#fff}.iconButton{border:1px solid #e2e2e5;background:#fff;border-radius:50%;width:35px;height:35px;font-weight:900}.loginButton{background:var(--pink);color:#fff;padding:11px 17px;border-radius:11px;font-size:10px;font-weight:900;box-shadow:0 8px 22px #586b3425}.hero{position:relative;overflow:hidden;background:#f8fbff;min-height:590px;border-bottom:1px solid #edf1f5}.heroGrid{position:absolute;inset:0;background-image:linear-gradient(#dce6f022 1px,transparent 1px),linear-gradient(90deg,#dce6f022 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.heroGlow{position:absolute;border-radius:50%;filter:blur(1px);opacity:.8}.glowOne{width:480px;height:480px;background:#dfe7d2;right:-130px;top:-140px}.glowTwo{width:330px;height:330px;background:#dfefff;left:-100px;bottom:-170px}.heroInner{position:relative;max-width:1260px;min-height:590px;margin:auto;padding:65px 24px 50px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:25px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:2px;color:#a4a6ad}.eyebrow span{width:22px;height:2px;background:var(--pink);display:inline-block}.eyebrow.dark{color:#586b34}.hero h1{font:600 clamp(50px,6vw,82px)/.98 "Inter";letter-spacing:-5px;margin:19px 0 20px}.hero h1 em{font-style:normal;color:var(--pink)}.heroLead{max-width:535px;color:#656872;font-size:14px;line-height:1.75}.heroButtons{display:flex;gap:10px;margin-top:29px}.primaryButton,.ghostButton{display:inline-flex;align-items:center;gap:28px;border-radius:11px;padding:14px 17px;font-size:11px;font-weight:900}.primaryButton{background:#111;color:#fff;box-shadow:0 12px 30px #1112}.primaryButton b,.ghostButton b{font-size:15px}.ghostButton{border:1px solid #ddd;background:#fff}.heroStats{display:flex;align-items:center;gap:19px;margin-top:45px}.heroStats strong{display:block;font:700 19px "Space Grotesk"}.heroStats span{font-size:9px;color:#888}.heroStats i{width:1px;height:30px;background:#ddd}.heroVisual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #1111;border-radius:50%;transform:rotate(-17deg)}.orbitA{width:430px;height:290px}.orbitB{width:340px;height:430px;transform:rotate(29deg);border-color:#586b3430}.robuxCore{width:245px;height:245px;border-radius:50%;background:#111;box-shadow:0 35px 90px #1113,0 0 0 15px #fff,0 0 0 16px #e8e8e8;display:grid;place-items:center;align-content:center;color:#fff;position:relative;z-index:2}.coreMini,.coreBottom{font-size:8px;letter-spacing:3px;color:#aaa;font-weight:900}.robuxCore strong{font:900 82px "Space Grotesk";letter-spacing:-6px;line-height:1;margin:10px 0}.floatingCard{position:absolute;background:#fff;border:1px solid #e5e5e7;border-radius:14px;padding:14px;box-shadow:0 20px 50px #11112;z-index:3}.cardTop{top:50px;right:0;min-width:145px}.cardTop small{display:block;color:var(--pink);font-size:8px;font-weight:900}.cardTop b{display:block;font:700 22px "Space Grotesk";margin:6px 0}.cardTop span{font-size:9px;color:#888}.cardBottom{bottom:54px;left:8px;display:flex;gap:9px;align-items:center}.check{width:29px;height:29px;background:#111;color:#fff;border-radius:9px;display:grid;place-items:center}.cardBottom b,.cardBottom small{display:block}.cardBottom b{font-size:10px}.cardBottom small{font-size:8px;color:#999;margin-top:3px}.quickBar{max-width:1120px;margin:-32px auto 0;position:relative;z-index:4;background:#fff;border:1px solid #e6e6ea;border-radius:16px;box-shadow:0 20px 50px #11110;padding:14px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quickItem{display:flex;align-items:center;gap:12px;padding:7px 15px}.quickItem+.quickItem{border-left:1px solid #eee}.qIcon{width:31px;height:31px;background:#111;color:#fff;border-radius:9px;display:grid;place-items:center;font-size:8px;font-weight:900}.quickItem b,.quickItem small{display:block}.quickItem b{font-size:10px}.quickItem small{font-size:8px;color:#999;margin-top:3px}.section{max-width:1260px;margin:auto;padding:95px 24px}.sectionHeading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px}.sectionHeading h2,.splitCopy h2,.cta h2{font:600 38px/1.12 "Inter";letter-spacing:-2px;margin:10px 0 0}.sectionHeading>p{max-width:430px;color:#888;font-size:11px;line-height:1.7;margin:0}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.serviceCard{position:relative;min-height:300px;padding:25px;background:#fff;border:1px solid #e4e4e8;border-radius:17px;box-shadow:0 15px 45px #111005;transition:.2s}.serviceCard:hover{transform:translateY(-5px);box-shadow:0 22px 55px #11110}.serviceCard.featured{border-color:#ffb6c8}.cardBadge{position:absolute;top:17px;right:17px;background:var(--pinkSoft);color:var(--pink);font-size:7px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:20px}.serviceIcon{width:52px;height:52px;border-radius:15px;background:#111;color:#fff;display:grid;place-items:center;font:700 24px "Space Grotesk";margin-bottom:30px}.serviceCard h3{font:600 21px "Inter";margin:0 0 10px}.serviceCard p{color:#888;font-size:10px;line-height:1.7;max-width:280px}.serviceFooter{position:absolute;left:25px;right:25px;bottom:22px;border-top:1px solid #eee;padding-top:14px;display:flex;align-items:center;gap:10px}.serviceFooter span{font-size:8px;color:#aaa}.serviceFooter b{font-size:10px;margin-left:auto}.serviceFooter strong{font-size:18px}.splitSection{max-width:1260px;margin:auto;padding:40px 24px 105px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.splitVisual{min-height:420px;background:#111;border-radius:23px;display:grid;place-items:center;position:relative;overflow:hidden}.splitVisual:before,.splitVisual:after{content:"";position:absolute;border:1px solid #fff1;border-radius:50%}.splitVisual:before{width:430px;height:430px}.splitVisual:after{width:280px;height:280px}.miniWindow{position:relative;z-index:2;width:min(330px,78%);background:#fff;border-radius:15px;padding:18px;box-shadow:0 25px 70px #0007}.windowDots{display:flex;gap:4px}.windowDots i{width:5px;height:5px;background:#ccc;border-radius:50%}.windowTitle{font-size:8px;color:#999;margin:13px 0}.windowAmount{font:700 39px "Space Grotesk"}.windowAmount small{font-size:8px;color:#999}.windowLine{height:1px;background:#eee;margin:17px 0}.windowRows{display:flex;justify-content:space-between;font-size:9px;padding:8px 0;color:#999}.windowRows b{color:#111}.windowRows .live{color:#111}.windowButton{margin-top:12px;background:#111;color:#fff;border-radius:8px;text-align:center;padding:11px;font-size:8px;font-weight:900}.splitCopy>p{font-size:12px;line-height:1.8;color:#777;max-width:510px}.benefits{margin-top:27px}.benefits>div{display:flex;gap:13px;padding:13px 0;border-top:1px solid #eee;font-size:10px;color:#888}.benefits b{font-size:8px;background:#111;color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex:none}.benefits strong{color:#111}.process{padding-top:75px}.centered{display:block;text-align:center}.centered .eyebrow{justify-content:center}.centered>p{margin:12px auto 0!important}.processGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.processGrid article{padding:21px;border:1px solid #e4e4e8;border-radius:15px}.processGrid article>b{font:700 26px "Space Grotesk";color:#ddd}.processGrid article>span{display:block;color:var(--pink);font-size:8px;font-weight:900;letter-spacing:1px;margin:18px 0 7px}.processGrid h3{font:700 16px "Space Grotesk";margin:0 0 7px}.processGrid p{font-size:9px;color:#888;line-height:1.6}.reviews{background:#101114;color:#fff;padding:95px 24px 105px}.lightHeading p{color:#999}.reviewGrid{max-width:1120px;margin:34px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reviewGrid article{background:#18191d;border:1px solid #292a2f;border-radius:15px;padding:19px}.reviewGrid .reviewAccent{border-color:#586b3460}.reviewTop{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:10px;background:#fff;color:#111;display:grid;place-items:center;font-weight:900;font-size:11px}.reviewTop b,.reviewTop small{display:block}.reviewTop b{font-size:10px}.reviewTop small{font-size:8px;color:#777;margin-top:3px}.reviewTop>strong{margin-left:auto;color:#ffb01a;font-size:9px}.reviewGrid p{font-size:10px;color:#aaa;line-height:1.7;margin:22px 0 4px}.faq{padding-bottom:90px}.faqList{max-width:850px;margin:0 auto;border-top:1px solid #ddd}.faqList details{border-bottom:1px solid #ddd;padding:19px 5px}.faqList summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:800}.faqList summary::-webkit-details-marker{display:none}.faqList summary b{font-size:17px;color:#aaa}.faqList details[open] summary b{color:var(--pink);transform:rotate(45deg)}.faqList p{font-size:10px;color:#777;line-height:1.7;max-width:700px}.cta{max-width:1260px;margin:0 auto 80px;background:#111;color:#fff;border-radius:22px;padding:54px 58px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-140px;background:#586b3422}.cta h2{max-width:670px}.cta p{font-size:10px;color:#aaa;line-height:1.6;max-width:550px}.primaryButton.white{background:#fff;color:#111;position:relative;z-index:2}.footer{border-top:1px solid #eee;background:#fafafa;padding:55px max(24px,calc((100% - 1260px)/2)) 20px}.footerTop{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footerTop h4{font-size:9px;letter-spacing:1.5px}.footerTop>a,.footerTop div>a{display:block;font-size:9px;color:#777;margin:10px 0}.footerBrand .wordmark{font-size:26px}.footerBrand p{font-size:10px;color:#999}.socialLinks{display:flex;flex-wrap:wrap;gap:6px}.socialLinks a{border:1px solid #ddd;border-radius:8px;padding:7px 9px!important;margin:0!important}.footerBottom{border-top:1px solid #ddd;padding-top:17px;display:flex;justify-content:space-between;font-size:8px;color:#999}
@media(max-width:1000px){.headerInner{gap:14px}.mainNav{gap:0}.navItem{padding:9px 9px}.heroInner{grid-template-columns:1fr}.heroVisual{position:absolute;right:-70px;opacity:.35}.serviceGrid,.processGrid{grid-template-columns:1fr 1fr}.splitSection{gap:35px}.quickBar{margin:15px 20px 0}.footerTop{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:700px){.siteHeader{height:67px}.headerInner{padding:0 13px}.wordmark{font-size:20px}.mainNav{display:none}.headerActions .lang,.headerActions .iconButton{display:none}.loginButton{padding:10px 12px}.heroInner{min-height:620px;padding:55px 20px}.hero h1{font-size:54px;letter-spacing:-3px}.heroStats{gap:12px}.heroVisual{right:-120px;top:210px;opacity:.18}.quickBar{grid-template-columns:1fr;padding:10px;margin:12px}.quickItem+.quickItem{border-left:0;border-top:1px solid #eee}.section{padding:65px 18px}.sectionHeading{display:block}.sectionHeading>p{margin-top:14px}.sectionHeading h2,.splitCopy h2,.cta h2{font-size:31px}.serviceGrid,.processGrid,.reviewGrid,.splitSection{grid-template-columns:1fr}.splitSection{padding:20px 18px 70px;gap:35px}.splitVisual{min-height:330px}.cta{margin:0 12px 55px;padding:35px 25px;display:block}.cta .primaryButton{margin-top:20px}.footerTop{grid-template-columns:1fr 1fr;gap:28px}.footerBottom{display:block}.footerBottom span{display:block;margin-top:6px}}

/* FINNBLOX 3 editable homepage banners */
.bannerSlider{position:relative;min-height:500px;overflow:hidden;background:#f8fbff}
.bannerTrack{height:500px;display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.bannerSlide{position:relative;min-width:100%;overflow:hidden;background:#f8fbff}
.bannerSlide.theme-violet{background:#faf9ff}
.bannerSlide.theme-mono{background:#f7f7f7}
.bannerSlide .heroGrid{display:block}
.bannerContent{position:relative;z-index:3;max-width:1260px;height:100%;margin:auto;padding:42px 24px 38px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:25px}
.bannerCopy .eyebrow{display:flex}.bannerCopy h1{font:600 clamp(50px,6vw,82px)/.98 "Inter";letter-spacing:-5px;margin:19px 0 20px}.bannerCopy h1 em{font-style:normal;color:var(--pink)}.theme-violet .bannerCopy h1 em{color:#586b34}.theme-mono .bannerCopy h1 em{color:#111}
.bannerCopy .heroLead{max-width:535px;color:#656872;font-size:14px;line-height:1.75}
.bannerButtons{display:flex;gap:10px;margin-top:29px}.bannerButtons a{display:inline-flex;align-items:center;gap:28px;border-radius:11px;padding:14px 17px;font-size:11px;font-weight:900}.bannerButtons .primaryBanner{background:#111;color:#fff;box-shadow:0 12px 30px #1112}.bannerButtons .secondaryBanner{border:1px solid #ddd;background:#fff}
.bannerStats{display:flex;align-items:center;gap:19px;margin-top:45px}.bannerStats strong{display:block;font:700 19px "Space Grotesk"}.bannerStats span{font-size:9px;color:#888}.bannerStats i{width:1px;height:30px;background:#ddd}
.bannerVisual{height:340px;position:relative;display:grid;place-items:center}.bannerVisual .orbit{position:absolute;border:1px solid #1111;border-radius:50%;transform:rotate(-17deg)}.bannerVisual .orbitA{width:350px;height:235px}.bannerVisual .orbitB{width:280px;height:350px;transform:rotate(29deg);border-color:#586b3430}.theme-violet .bannerVisual .orbitB{border-color:#586b343a}.theme-mono .bannerVisual .orbitB{border-color:#1112}
.bannerCore{width:200px;height:200px;border-radius:50%;background:#111;box-shadow:0 35px 90px #1113,0 0 0 15px #fff,0 0 0 16px #e8e8e8;display:grid;place-items:center;align-content:center;color:#fff;position:relative;z-index:2}.bannerCore .coreMini,.bannerCore .coreBottom{font-size:8px;letter-spacing:3px;color:#aaa;font-weight:900}.bannerCore strong{font:900 60px "Space Grotesk";letter-spacing:-5px;line-height:1;margin:10px 0}.theme-violet .bannerCore{background:#191522}.theme-mono .bannerCore{background:#fff;color:#111}.theme-mono .bannerCore .coreMini,.theme-mono .bannerCore .coreBottom{color:#888}
.bannerFloat{position:absolute;background:#fff;border:1px solid #e5e5e7;border-radius:14px;padding:14px;box-shadow:0 20px 50px #11112;z-index:3}.bannerPopular{top:25px;right:0;min-width:145px}.bannerPopular small{display:block;color:var(--pink);font-size:8px;font-weight:900}.theme-violet .bannerPopular small{color:#586b34}.theme-mono .bannerPopular small{color:#111}.bannerPopular b{display:block;font:700 22px "Space Grotesk";margin:6px 0}.bannerPopular span{font-size:9px;color:#888}.bannerCheck{bottom:25px;left:8px;display:flex;gap:9px;align-items:center}.bannerCheck .check{width:29px;height:29px;background:#111;color:#fff;border-radius:9px;display:grid;place-items:center}.bannerCheck b,.bannerCheck small{display:block}.bannerCheck b{font-size:10px}.bannerCheck small{font-size:8px;color:#999;margin-top:3px}
.bannerGlow{position:absolute;border-radius:50%;filter:blur(1px);opacity:.8}.bannerGlow.one{width:390px;height:390px;background:#dfe7d2;right:-130px;top:-140px}.bannerGlow.two{width:280px;height:280px;background:#dfefff;left:-100px;bottom:-170px}.theme-violet .bannerGlow.one{background:#e7ddff}.theme-violet .bannerGlow.two{background:#e2e7ff}.theme-mono .bannerGlow.one{background:#e7e7e7}.theme-mono .bannerGlow.two{background:#ededed}
.bannerArrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#111;font-size:24px;line-height:1;box-shadow:0 10px 30px #11112;cursor:pointer;opacity:0;transition:.2s}.bannerSlider:hover .bannerArrow{opacity:1}.bannerArrow.prev{left:22px}.bannerArrow.next{right:22px}.bannerDots{position:absolute;z-index:11;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.bannerDot{width:24px;height:4px;border:0;border-radius:20px;background:#d5d5d8;cursor:pointer;padding:0;transition:.25s}.bannerDot.active{width:42px;background:#111}.theme-violet .bannerDot.active{background:#586b34}
@media(max-width:1000px){.bannerContent{grid-template-columns:1fr}.bannerVisual{position:absolute;right:-70px;opacity:.35}.bannerArrow{opacity:1}}
@media(max-width:700px){.bannerSlider,.bannerTrack{min-height:520px;height:520px}.bannerContent{height:520px;padding:45px 20px}.bannerCopy h1{font-size:54px;letter-spacing:-3px}.bannerVisual{right:-120px;top:180px;opacity:.18}.bannerArrow{display:none}.bannerDots{bottom:15px}}

/* V2.2 — compact centered banner card */
.hero{background:#fff;padding:0 0 8px;overflow:visible;border-bottom:0}
.bannerSlider{max-width:1120px;height:500px;min-height:500px;margin:0 auto;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(16,17,20,.07);border:1px solid #e9edf2}
.bannerTrack{height:500px;min-height:500px}
.bannerSlide{height:500px;min-height:500px}
.bannerContent{max-width:none;height:500px;padding:42px 42px 38px}
.bannerVisual{height:340px}
.bannerArrow.prev{left:14px}.bannerArrow.next{right:14px}
.bannerDots{bottom:18px}
@media(max-width:1000px){.bannerSlider{margin:0 18px}.bannerContent{padding:38px 34px}.bannerVisual{right:-50px}}
@media(max-width:700px){.hero{padding:0 0 8px}.bannerSlider,.bannerTrack,.bannerSlide{height:500px;min-height:500px}.bannerSlider{margin:0 12px;border-radius:22px}.bannerContent{height:500px;padding:38px 22px}.bannerVisual{right:-120px;top:170px}.bannerDots{bottom:15px}}

.hero h1{letter-spacing:-3.2px;font-weight:600}
.sectionHeading h2,.splitCopy h2,.cta h2{letter-spacing:-1.4px;font-weight:600}
.serviceCard h3,.processGrid h3{letter-spacing:-.35px}
.navItem,.loginButton,.primaryButton,.ghostButton{font-weight:700}

@media(max-width:700px){
  .hero{min-height:590px}
  .heroInner{min-height:590px;padding-bottom:62px}
  .hero h1{font-size:50px;letter-spacing:-2.2px}
}

/* V2.4 header: editable logo + clear cart + language switch */
.brandLogo{display:flex;align-items:center;min-width:165px;font:700 25px/1 "Inter",sans-serif;letter-spacing:-1.7px}
.brandLogo span{display:inline-block}
.headerActions{gap:7px}
.languageSwitch{display:flex;align-items:center;gap:2px;border:1px solid #e5e5e8;border-radius:18px;padding:3px;background:#fff}
.languageSwitch .lang{cursor:pointer;min-width:27px;height:27px;padding:0;border-radius:14px;font-size:9px;color:#555}
.languageSwitch .lang.active{background:#586b34;color:#fff}
.cartButton{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid #e1e1e5;background:#fff;display:grid;place-items:center;cursor:pointer;transition:.18s}
.cartButton:hover{border-color:#586b34;transform:translateY(-1px);box-shadow:0 7px 18px #586b3418}
.cartIcon svg{width:17px;height:17px;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cartCount{position:absolute;right:-3px;top:-4px;min-width:15px;height:15px;padding:0 4px;border-radius:10px;background:#586b34;color:#fff;font-size:7px;font-weight:900;display:grid;place-items:center}
.cartModal{position:fixed;inset:0;background:#1116;backdrop-filter:blur(7px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.cartModal.show{display:flex}
.cartPanel{position:relative;width:min(440px,100%);background:#fff;border:1px solid #e6e6e9;border-radius:22px;padding:28px;box-shadow:0 30px 90px #1113}
.cartPanel h2{font:600 34px/1.1 "Inter",sans-serif;letter-spacing:-1px;margin:12px 0 8px}
.cartPanel p{font-size:11px;color:#586b34;line-height:1.7;margin-bottom:22px}
.cartClose{position:absolute;right:15px;top:11px;border:0;background:transparent;font-size:27px;color:#888;cursor:pointer}
@media(max-width:700px){
  .brandLogo{min-width:auto;font-size:21px}
  .headerActions .languageSwitch{display:flex}
  .loginButton{padding:10px 13px}
}

/* V2.5 ARMY GREEN THEME */
:root{--pink:#556b2f;--pinkSoft:#eef2e5;--ink:#151812;--muted:#777b70}
.hero{background:#f6f8f2}.heroGrid{background-image:linear-gradient(#d7dec91f 1px,transparent 1px),linear-gradient(90deg,#d7dec91f 1px,transparent 1px)}
.glowOne{background:#dfe7cf}.glowTwo{background:#e9eee1}
.navItem.active{background:#eef2e5;color:#556b2f;border-color:#dfe7cf}
.lang.active,.loginButton,.cartCount{background:#556b2f;color:#fff}
.loginButton{box-shadow:0 8px 22px #556b2f25}
.cartButton:hover{border-color:#556b2f;box-shadow:0 7px 18px #556b2f18}
.serviceCard.featured{border-color:#b8c39e}
.cardBadge{background:#eef2e5;color:#556b2f}
.processGrid article>span{color:#556b2f}
.faqList details[open] summary b{color:#556b2f}
.eyebrow span{background:#556b2f}
.reviews .reviewAccent{border-color:#556b2f60}
.cta:after{background:#556b2f22}
.hero h1 em{color:#556b2f}

/* V2.6 FULL ARMY GREEN PAGE BACKGROUND */
:root{
  --army:#4f5f2b;
  --armyDark:#39451f;
  --armySoft:#687844;
  --armyPale:#eef1e4;
  --armyBg:#5b6b35;
}
html,body{background:var(--armyBg)!important}
body{color:#f8f9f3}
.siteHeader{background:rgba(79,95,43,.96)!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
.brandLogo,.wordmark{color:#fff!important}
.brandLogo span,.wordmark span{color:#dfe5cf!important}
.navItem{color:#eef1e4}
.navItem:hover{background:rgba(255,255,255,.10);color:#fff}
.navItem.active{background:#eef1e4;color:var(--armyDark);border-color:#f5f7ee}
.languageSwitch{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.2)}
.languageSwitch .lang{color:#eef1e4}
.languageSwitch .lang.active{background:#eef1e4;color:var(--armyDark)}
.cartButton{background:#fff;border-color:#fff}
.loginButton{background:#eef1e4;color:var(--armyDark);box-shadow:0 8px 22px #26301455}
.hero{background:linear-gradient(135deg,#64753c 0%,#596a35 55%,#4e5e2b 100%)!important;border-bottom:1px solid rgba(255,255,255,.13)}
.heroGrid{background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px)}
.glowOne{background:#8a985f!important;opacity:.55}
.glowTwo{background:#39491f!important;opacity:.65}
.eyebrow,.heroLead,.heroStats span{color:#e8ecdf}
.hero h1{color:#fff}
.hero h1 em{color:#dfe8bd!important}
.eyebrow span{background:#dce7b6!important}
.heroStats strong{color:#fff}
.heroStats i{background:#ffffff40}
.ghostButton{background:#fff;border-color:#fff;color:#1e2416}
.quickBar{background:#f9faf6;border-color:#e2e6d7}
.quickItem b{color:#161a12}
.section{color:#f8f9f3}
.sectionHeading h2,.splitCopy h2,.cta h2{color:#fff}
.sectionHeading>p{color:#dfe4d3}
.serviceCard,.reviewCard,.faqItem,.processGrid,.cta,.cartPanel{background:#f9faf6;color:#161a12}
.serviceCard p,.reviewCard p,.faqItem p{color:#6f7567}
.cardBadge{background:#e8eddc;color:#4f5f2b}
.different,.how,.reviews,.faq,.ctaSection{background:transparent!important}
.processGrid{border-color:#dfe4d3}
.processGrid article+article{border-left-color:#dfe4d3}
.processGrid article>span{background:#4f5f2b;color:#fff}
footer{background:#39451f!important;color:#eef1e4!important;border-top:1px solid #7b875e}
footer p,footer a,footer small{color:#d8dec9!important}
footer h4{color:#fff!important}
.primaryButton{background:#1e2416}
.cta{box-shadow:0 20px 70px #26301445}
.cartModal{background:#1e241699}
@media(max-width:700px){
  .siteHeader{background:rgba(79,95,43,.98)!important}
}

/* V2.7 — SOFT ARMY GREEN + HIGH CONTRAST TEXT */
:root{
  --army-bg:#dfe6d4;
  --army-bg-2:#e9eee2;
  --army-soft:#f1f4eb;
  --army-deep:#34422b;
  --army:#667955;
  --army-accent:#738764;
  --text:#182017;
  --text-soft:#394337;
  --muted:#5e6859;
  --line:#cbd4c1;
}

/* Main page surfaces */
body{
  background:var(--army-bg);
  color:var(--text);
}
header{
  background:rgba(223,230,212,.97);
  border-bottom-color:#c6d0bb;
}
main{
  background:var(--army-bg);
}
section{
  color:var(--text);
}

/* Hero */
.hero{
  background:linear-gradient(135deg,#e9eee2 0%,#dfe6d4 58%,#d7e0ca 100%);
  border-color:#cbd4c1;
}
.heroGrid{
  background-image:
    linear-gradient(#b9c6ad35 1px,transparent 1px),
    linear-gradient(90deg,#b9c6ad35 1px,transparent 1px);
}
.hero h1,
.hero h2,
.hero p,
.hero .stat strong,
.hero .stat span{
  color:var(--text);
}
.hero h1 em{
  color:#566a48;
}
.heroLead{
  color:var(--text-soft)!important;
}
.glowOne{background:#d1dbc4!important}
.glowTwo{background:#e5ebdc!important}

/* Navigation */
.navItem{
  color:#354031;
}
.navItem:hover{
  background:#edf1e8;
  color:#2f3d28;
}
.navItem.active{
  background:#eef2e8;
  color:#506541;
  border-color:#d2dbc9;
}
.brandLogo{
  color:#182017;
}
.loginButton{
  background:#566a48;
  color:#fff!important;
}
.languageSwitch{
  background:#f5f7f1;
  border-color:#cbd4c1;
}
.languageSwitch .lang{
  color:#34402f;
}
.languageSwitch .lang.active{
  background:#667955;
  color:#fff;
}

/* White cards remain readable against the softer green page */
.serviceCard,
.processGrid,
.reviewCard,
.faqList details,
.quickSteps,
.cartPanel,
.cta,
.infoCard{
  color:var(--text);
}
.serviceCard p,
.reviewCard p,
.faqList details p,
.processGrid p,
.quickSteps p,
.infoCard p{
  color:#566151;
}

/* Section headings and labels */
.sectionHeading h2,
.splitCopy h2,
.cta h2{
  color:#172016;
}
.sectionHeading p,
.splitCopy p,
.cta p{
  color:#53604f;
}
.eyebrow{
  color:#5a6c4c;
}
.eyebrow span{
  background:#687c57;
}

/* Buttons */
.primaryButton{
  background:#4f6243;
  color:#fff!important;
}
.primaryButton:hover{
  background:#435437;
}
.ghostButton{
  background:#f7f8f4;
  color:#273224;
  border-color:#cbd4c1;
}
.ghostButton:hover{
  background:#edf1e8;
  color:#34452e;
}

/* Badges and accents */
.cardBadge{
  background:#edf2e7;
  color:#526744;
  border-color:#d3dccb;
}
.processGrid article>span{
  color:#5b704d;
}
.faqList summary{
  color:#273224;
}
.faqList summary b{
  color:#5a6e4b;
}
.faqList details[open] summary b{
  color:#4f6542;
}

/* Footer */
footer{
  background:#cbd5c0;
  color:#263124;
  border-top-color:#b9c5ae;
}
footer p,
footer a,
footer span{
  color:#4f5d4a;
}
footer a:hover{
  color:#34482c;
}

/* Cart */
.cartButton{
  background:#f6f8f2;
  border-color:#c7d1bd;
}
.cartIcon svg{
  stroke:#30402b;
}
.cartCount{
  background:#5d704d;
  color:#fff;
}

/* Make small/secondary text readable everywhere */
small,.small,.meta,.muted,.subtle{
  color:#596454;
}

/* Mobile keeps contrast */
@media(max-width:700px){
  header{background:#dfe6d4}
  .hero{background:#e6ecde}
}

/* V2.8 — CLEARER SOFT ARMY + GLOBAL TEXT CONTRAST */
:root{
  --army-bg:#cfd9bd;
  --army-bg-2:#dbe3cc;
  --army-soft:#e8eddf;
  --army-deep:#2f3b27;
  --army:#5d713f;
  --army-accent:#6f824f;
  --text:#121810;
  --text-soft:#33402f;
  --muted:#4d5b47;
  --line:#b9c5a9;
}

/* Page / header */
body{background:#cfd9bd!important;color:#121810!important}
header{
  background:#cfd9bd!important;
  color:#121810!important;
  border-bottom:1px solid #b8c5a7!important;
}
header *{color:inherit}
.brandLogo,.brandLogo *{color:#172013!important}
.navItem{color:#253121!important}
.navItem:hover{color:#182314!important;background:#e8eddf!important}
.navItem.active{color:#314428!important;background:#edf1e7!important;border-color:#c7d1ba!important}
.languageSwitch{background:#eef2e9!important;border-color:#b9c5a9!important}
.languageSwitch .lang{color:#273522!important}
.languageSwitch .lang.active{background:#5d713f!important;color:#fff!important}
.cartButton{background:#f3f5ef!important;border-color:#b7c4a7!important;color:#24301f!important}
.cartButton *{color:#24301f!important;stroke:#24301f}
.loginButton{background:#5d713f!important;color:#fff!important;border-color:#52653a!important}

/* Hero */
.hero{
  background:linear-gradient(135deg,#e9ede3 0%,#dfe6d2 58%,#d6dfc7 100%)!important;
  border-color:#bfcab1!important;
}
.hero h1,.hero h2,.hero strong{color:#11170f!important}
.hero h1 em{color:#4f6836!important}
.hero p,.heroLead{color:#34412f!important}
.hero .stat strong{color:#172014!important}
.hero .stat span{color:#52604b!important}
.eyebrow{color:#4b6236!important}
.eyebrow span{background:#5d713f!important;color:#fff!important}
.hero .primaryButton{background:#20261c!important;color:#fff!important}
.hero .ghostButton{background:#f7f8f4!important;color:#1e291a!important;border-color:#bfc9b3!important}

/* All sections */
main,section{color:#121810!important}
.sectionHeading h1,.sectionHeading h2,.sectionHeading h3,
.splitCopy h1,.splitCopy h2,.splitCopy h3,
.cta h1,.cta h2,.cta h3{
  color:#121810!important;
}
.sectionHeading p,.splitCopy p,.cta p{
  color:#44513f!important;
}
.sectionHeading .eyebrow,.splitCopy .eyebrow,.cta .eyebrow{
  color:#4d633b!important;
}

/* Cards and quick bar */
.quickSteps,.processGrid,.serviceCard,.reviewCard,.infoCard,.faqList details,.cartPanel,.cta{
  color:#151c12!important;
  border-color:#c1ccb5!important;
}
.quickSteps *,.processGrid *,.serviceCard *,.reviewCard *,.infoCard *,.faqList details *,.cartPanel *{
  color:inherit;
}
.quickSteps p,.processGrid p,.serviceCard p,.reviewCard p,.infoCard p,.faqList details p{
  color:#4b5846!important;
}
.quickSteps strong,.processGrid strong,.serviceCard h3,.reviewCard h3,.infoCard h3{
  color:#171e14!important;
}
.cardBadge{
  background:#e7edde!important;
  color:#496136!important;
  border-color:#c5d0b8!important;
}
.processGrid article>span{color:#4d6739!important}

/* FAQ */
.faqList summary{color:#1c2518!important}
.faqList summary b{color:#4f663c!important}
.faqList details[open] summary b{color:#425b31!important}

/* Footer */
footer{
  background:#b9c6a7!important;
  color:#1d2819!important;
  border-top-color:#a9b89a!important;
}
footer h3,footer strong,footer b{color:#172014!important}
footer p,footer a,footer span{color:#40503b!important}
footer a:hover{color:#273a20!important}

/* Prevent low-contrast utility text */
small,.small,.meta,.muted,.subtle,.hint,.caption{
  color:#4b5845!important;
}

/* SVG/icon visibility */
svg{color:inherit}
button{color:#172014}

/* V2.9 FOOTER BRAND + SOCIAL LOGOS */
.siteFooter{
  background:#b9c6a7!important;
  color:#1d2819!important;
  border-top:1px solid #a9b89a!important;
}
.footerInner{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1.25fr;
  gap:58px;
  padding:52px 0 42px;
}
.footerBrandBlock{min-width:0}
.footerBrand{display:inline-flex;align-items:center;text-decoration:none}
.footerBrandLogo{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  font:800 25px/1 "Inter",sans-serif;
  letter-spacing:-1.5px;
  color:#172014!important;
}
.footerBrandLogo img{
  display:block;
  max-width:170px;
  max-height:52px;
  object-fit:contain;
}
.footerBrandText{
  margin:12px 0 0;
  color:#40503b!important;
  font-size:11px;
  line-height:1.7;
  max-width:260px;
}
.footerExtraText p{
  margin:7px 0 0;
  color:#4a5844!important;
  font-size:10px;
}
.footerColumn{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footerColumn h4{
  margin:0 0 5px;
  color:#273421!important;
  font-size:9px;
  letter-spacing:2px;
}
.footerColumn a{
  color:#43523e!important;
  text-decoration:none;
  font-size:10px;
}
.footerColumn a:hover{color:#273a20!important}
.socialLinks{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.socialLogo{
  width:40px;
  height:40px;
  border:1px solid #9eae90;
  border-radius:12px;
  background:#d9e1cf;
  display:grid;
  place-items:center;
  color:#263522!important;
  text-decoration:none;
  transition:.18s ease;
}
.socialLogo:hover{
  transform:translateY(-2px);
  background:#eef2e8;
  border-color:#74885f;
}
.socialLogo svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.socialLogo svg .fill{
  fill:currentColor;
  stroke:none;
}
.socialHint{
  margin:9px 0 0;
  color:#4b5846!important;
  font-size:9px;
  line-height:1.5;
  max-width:210px;
}
.footerBottom{
  max-width:1120px;
  margin:0 auto;
  padding:17px 0 20px;
  border-top:1px solid #a9b89a;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#46533f!important;
  font-size:9px;
}
.footerBottom span{color:#46533f!important}

@media(max-width:800px){
  .footerInner{
    grid-template-columns:1fr 1fr;
    gap:34px 28px;
    padding:38px 24px 30px;
  }
  .footerBrandBlock{grid-column:1/-1}
  .footerBottom{
    margin:0 24px;
    padding-bottom:18px;
    flex-direction:column;
    gap:6px;
  }
}
@media(max-width:520px){
  .footerInner{
    grid-template-columns:1fr 1fr;
    gap:26px 18px;
    padding:34px 20px 28px;
  }
  .footerBrandBlock{grid-column:1/-1}
  .footerBrandLogo{font-size:23px}
  .socialLogo{width:38px;height:38px}
  .socialLogo svg{width:19px;height:19px}
  .footerColumn a{font-size:10px}
}

/* V2.9.1 — SOCIAL LOGOS ALWAYS VISIBLE */
.footerSocialColumn .socialLinks{
  display:flex!important;
  min-height:40px;
  opacity:1!important;
  visibility:visible!important;
}
.footerSocialColumn .socialLogo{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px;
  background:#dfe7d4!important;
  border:1px solid #8fa17d!important;
  color:#24321f!important;
  box-shadow:0 3px 10px rgba(40,55,30,.08);
}
.footerSocialColumn .socialLogo svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:21px!important;
  height:21px!important;
  color:#24321f!important;
  stroke:#24321f!important;
}
.footerSocialColumn .socialLogo svg .fill{
  fill:#24321f!important;
}

/* V2.9.2 — SOCIAL + GLOBAL READABILITY FIX */

/* Social section: strong heading and visible logo buttons */
.footerSocialColumn h4{
  color:#26351f!important;
  opacity:1!important;
  text-shadow:none!important;
}
.socialLinks{
  opacity:1!important;
}
.socialLogo{
  background:#edf2e8!important;
  border:1px solid #82936f!important;
  color:#26351f!important;
  box-shadow:0 2px 8px rgba(42,55,34,.10)!important;
}
.socialLogo svg{
  color:#26351f!important;
  stroke:#26351f!important;
}
.socialLogo svg .fill{
  fill:#26351f!important;
}
.socialHint{
  color:#33412e!important;
  opacity:1!important;
}

/* Review cards: screenshots showed dark cards with text that was too dim.
   Force readable light text while preserving the card style. */
.reviewCard,
.reviewCard *{
  color:#f5f7f2!important;
}
.reviewCard p,
.reviewCard .reviewText,
.reviewCard .reviewQuote{
  color:#e3e9df!important;
}
.reviewCard small,
.reviewCard .meta,
.reviewCard .subtle,
.reviewCard span{
  color:#bfcab8!important;
}
.reviewCard .stars,
.reviewCard .rating{
  color:#ffb300!important;
}
.reviewCard strong,
.reviewCard h3{
  color:#ffffff!important;
}

/* Process / how-it-works cards: numbers were too faint. */
.processGrid article,
.processGrid article *{
  color:#202a1c!important;
}
.processGrid article>span,
.processGrid article .stepNumber{
  color:#4f673c!important;
  opacity:1!important;
  font-weight:800!important;
}
.processGrid article h3,
.processGrid article strong{
  color:#182015!important;
}
.processGrid article p{
  color:#4a5844!important;
}
.processGrid article::before,
.processGrid article::after{
  opacity:1!important;
}

/* Quick steps / small labels */
.quickSteps,
.quickSteps *{
  color:#1d2719!important;
}
.quickSteps p,
.quickSteps small{
  color:#52604c!important;
}
.quickSteps strong,
.quickSteps h3{
  color:#172014!important;
}

/* All muted utility text on light army surfaces */
.hero .meta,
.hero .subtle,
section .meta,
section .subtle,
section small{
  color:#4d5b47!important;
  opacity:1!important;
}

/* Footer labels and links */
.footerColumn h4{
  color:#25321f!important;
  opacity:1!important;
}
.footerColumn a{
  color:#3d4d38!important;
  opacity:1!important;
}
.footerBrandLogo{
  color:#152012!important;
}
.footerBrandText,
.footerExtraText p{
  color:#3f4e39!important;
}
.footerBottom,
.footerBottom span{
  color:#43513e!important;
}

/* Prevent accidental opacity from inherited theme rules */
.siteFooter *{
  text-shadow:none!important;
}

/* V2.9.3 — TRUE ROUNDED PROCESS CARDS */

/* The process area itself gets a clean rounded container. */
.processGrid{
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid #c5cfb8!important;
  background:#f7f8f4!important;
  box-shadow:0 10px 28px rgba(47,59,39,.07)!important;
}

/* Each step is a real rounded card, not a square tile. */
.processGrid article{
  position:relative!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#f8f9f5!important;
  border:1px solid #d0d8c6!important;
  margin:6px!important;
  min-height:145px!important;
  padding:26px 24px!important;
  box-sizing:border-box!important;
}

/* Remove any pseudo-elements that can visually cut corners. */
.processGrid article::before,
.processGrid article::after{
  border-radius:inherit!important;
  clip-path:none!important;
}

/* Strong separation between cards without square-looking dividers. */
.processGrid article + article{
  border-left:1px solid #d0d8c6!important;
}

/* Keep the large numbers and text clean. */
.processGrid article>span,
.processGrid article .stepNumber{
  display:block!important;
  color:#536b3d!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-1px!important;
  margin-bottom:16px!important;
}
.processGrid article h3{
  margin:0 0 8px!important;
  color:#182015!important;
  font-weight:700!important;
}
.processGrid article p{
  margin:0!important;
  color:#4c5947!important;
  line-height:1.55!important;
}

/* On mobile, stack cards with rounded corners and no square edges. */
@media(max-width:800px){
  .processGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .processGrid article{
    margin:0!important;
    border-radius:18px!important;
    border:1px solid #d0d8c6!important;
  }
  .processGrid article + article{
    border-left:1px solid #d0d8c6!important;
  }
}

/* V2.9.4 — PROCESS TEXT VISIBILITY + MODERN TYPOGRAPHY */

/* Use a cleaner, friendlier UI font throughout the process section. */
.processGrid,
.processGrid article,
.processGrid article h3,
.processGrid article p,
.processGrid article span{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* The labels sitting on the green bars were too close to the bar color.
   Make them clearly readable with a light surface treatment. */
.processGrid article{
  color:#172014!important;
}

.processGrid article > span,
.processGrid article .stepLabel,
.processGrid article .stepTitle{
  color:#f8faf5!important;
  background:#536b3d!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:4px 11px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.15px!important;
  text-shadow:none!important;
  box-shadow:none!important;
}

/* If the existing markup uses a full-width green strip, keep the strip
   but make its text bright and crisp. */
.processGrid article > span{
  width:auto!important;
  max-width:100%!important;
}

/* Main step title: more relaxed, modern and readable. */
.processGrid article h3{
  color:#172014!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.25px!important;
  margin:10px 0 7px!important;
}

/* Description text */
.processGrid article p{
  color:#4a5845!important;
  font-size:11px!important;
  line-height:1.6!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Large step numbers */
.processGrid article .stepNumber,
.processGrid article > .number{
  color:#50683b!important;
  background:transparent!important;
  padding:0!important;
  font-size:27px!important;
  font-weight:800!important;
  letter-spacing:-1px!important;
}

/* Prevent old opacity/filter rules from washing the text out. */
.processGrid article *,
.processGrid article{
  opacity:1!important;
  filter:none!important;
}

/* Mobile typography */
@media(max-width:800px){
  .processGrid article h3{
    font-size:16px!important;
  }
  .processGrid article p{
    font-size:11px!important;
  }
}

/* V2.9.5 — PROCESS STEPS: LABEL BELOW NUMBER */
.processGrid article{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  padding:28px 28px 24px!important;
}

/* Number stays on its own line */
.processGrid article > span:first-child,
.processGrid article .stepNumber{
  order:1!important;
  display:block!important;
  background:transparent!important;
  color:#172014!important;
  padding:0!important;
  margin:0 0 8px!important;
  min-height:0!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-1px!important;
  border-radius:0!important;
}

/* Green label moves underneath the number */
.processGrid article > span:not(:first-child),
.processGrid article .stepLabel,
.processGrid article .stepTitle{
  order:2!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  min-height:28px!important;
  align-items:center!important;
  background:#536b3d!important;
  color:#ffffff!important;
  padding:5px 10px!important;
  margin:0 0 16px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:0!important;
}

/* Content follows below the green label */
.processGrid article h3{
  order:3!important;
  margin:0 0 7px!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:-.25px!important;
  color:#172014!important;
}
.processGrid article p{
  order:4!important;
  margin:0!important;
  color:#4a5845!important;
  font-size:11px!important;
  line-height:1.6!important;
}

/* If the first span is actually the green label in the current markup,
   use a compact structure that still keeps the label visually below 01–04. */
.processGrid article .stepNumber + span{
  order:2!important;
}

/* Responsive */
@media(max-width:800px){
  .processGrid article{
    padding:24px 22px!important;
  }
  .processGrid article > span:first-child,
  .processGrid article .stepNumber{
    font-size:26px!important;
  }
}

/* V2.9.6 — Social heading wording */
.footerSocialColumn h4{
  letter-spacing:2px!important;
  white-space:nowrap!important;
}

/* V2.10 — PROCESS AREA MATCHES THE NEW FINNBLOX REFERENCE */

/* Outer process strip: wide, centered, soft army surface. */
.processGrid{
  width:min(1210px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  border:1px solid #c2cdb5!important;
  border-radius:24px!important;
  background:#f5f7f1!important;
  box-shadow:0 16px 34px rgba(52,67,43,.08)!important;
  box-sizing:border-box!important;
}

/* Four large, calm cards like the reference. */
.processGrid article{
  min-width:0!important;
  min-height:195px!important;
  margin:0!important;
  padding:29px 28px 25px!important;
  border:1px solid #ccd5c2!important;
  border-radius:19px!important;
  background:#f9faf7!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Step number */
.processGrid article > span:first-child,
.processGrid article .stepNumber{
  color:#172014!important;
  font-size:27px!important;
  line-height:1!important;
  font-weight:800!important;
  margin:0 0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

/* Green label directly beneath number */
.processGrid article > span:not(:first-child),
.processGrid article .stepLabel,
.processGrid article .stepTitle{
  display:inline-flex!important;
  width:auto!important;
  min-height:28px!important;
  padding:5px 10px!important;
  margin:0 0 16px!important;
  border-radius:7px!important;
  background:#536b3d!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:0!important;
}

/* Heading + description */
.processGrid article h3{
  color:#151d12!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:750!important;
  letter-spacing:-.25px!important;
  margin:0 0 7px!important;
}
.processGrid article p{
  color:#4c5947!important;
  font-size:11px!important;
  line-height:1.55!important;
  margin:0!important;
}

/* Give the next customer/review section the same breathing room as the reference. */
.processGrid + section{
  margin-top:105px!important;
}

/* If the review section is directly after a process wrapper. */
.reviewSection,
#reviews,
#review,
.customerVoice{
  scroll-margin-top:90px;
}

/* Desktop proportions */
@media(min-width:1100px){
  .processGrid article{
    min-height:195px!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .processGrid{
    width:calc(100% - 32px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .processGrid article{
    min-height:175px!important;
    padding:24px 22px!important;
  }
  .processGrid + section{
    margin-top:75px!important;
  }
}

/* Phone */
@media(max-width:600px){
  .processGrid{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:7px!important;
    border-radius:21px!important;
  }
  .processGrid article{
    min-height:0!important;
    padding:22px 20px!important;
    border-radius:17px!important;
  }
  .processGrid + section{
    margin-top:55px!important;
  }
}

/* V2.10.1 — FOUR PROCESS CARDS ARE FULLY SEPARATE */

/* Remove the shared outer container look. */
.processGrid{
  width:min(1210px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Each step is its own independent card. */
.processGrid article{
  min-width:0!important;
  min-height:195px!important;
  margin:0!important;
  padding:29px 28px 25px!important;
  border:1px solid #cbd5c0!important;
  border-radius:20px!important;
  background:#f8faf6!important;
  box-shadow:0 8px 24px rgba(52,67,43,.06)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Explicitly prevent neighboring cards from visually joining. */
.processGrid article + article{
  border-left:1px solid #cbd5c0!important;
  border-radius:20px!important;
}

/* Preserve the vertical separation from the next section. */
.processGrid + section{
  margin-top:105px!important;
}

/* Tablet */
@media(max-width:900px){
  .processGrid{
    width:calc(100% - 32px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .processGrid article{
    min-height:175px!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .processGrid{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .processGrid article{
    min-height:0!important;
    border-radius:18px!important;
  }
  .processGrid + section{
    margin-top:55px!important;
  }
}

/* V2.10.2 — CUSTOMER VOICE CARDS WHITE */
.reviewCard,
.customerVoice .reviewCard,
.reviewGrid .reviewCard{
  background:#ffffff!important;
  border:1px solid #d8dfd2!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(42,55,34,.07)!important;
  color:#172014!important;
}

.reviewCard *{
  text-shadow:none!important;
}

.reviewCard p,
.reviewCard .reviewText,
.reviewCard .reviewQuote{
  color:#3f4b3b!important;
}

.reviewCard strong,
.reviewCard h3,
.reviewCard .reviewName{
  color:#172014!important;
}

.reviewCard small,
.reviewCard .meta,
.reviewCard .subtle,
.reviewCard span{
  color:#687461!important;
}

.reviewCard .stars,
.reviewCard .rating{
  color:#f5a900!important;
}

.reviewCard .avatar,
.reviewCard .reviewAvatar{
  background:#f3f5f0!important;
  color:#172014!important;
  border:1px solid #d8dfd2!important;
}

/* V2.10.3 — ACTUAL REVIEW GRID CARDS ARE WHITE
   The review markup uses .reviewGrid > article, not .reviewCard. */
.reviewGrid > article{
  background:#ffffff!important;
  color:#172014!important;
  border:1px solid #d8dfd2!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(42,55,34,.07)!important;
}

.reviewGrid > article,
.reviewGrid > article *{
  text-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}

.reviewGrid > article .reviewTop b{
  color:#172014!important;
}

.reviewGrid > article .reviewTop small{
  color:#687461!important;
}

.reviewGrid > article .reviewTop strong{
  color:#f5a900!important;
}

.reviewGrid > article > p{
  color:#3f4b3b!important;
}

.reviewGrid > article .avatar{
  background:#f3f5f0!important;
  color:#172014!important;
  border:1px solid #d8dfd2!important;
}

/* Keep the special accent card white too. */
.reviewGrid > article.reviewAccent{
  background:#ffffff!important;
  border-color:#b9c8a9!important;
}

/* V2.10.4 — FAQ WHITE CARDS */
.faqList{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

.faqList > *,
.faqItem{
  background:#ffffff!important;
  border:1px solid #d8dfd2!important;
  border-radius:14px!important;
  box-shadow:0 5px 16px rgba(42,55,34,.055)!important;
  overflow:hidden!important;
}

.faqList > *{
  border-top:1px solid #d8dfd2!important;
}

.faqList > *:first-child{
  border-top:1px solid #d8dfd2!important;
}

.faqList button,
.faqItem button{
  width:100%!important;
  background:#ffffff!important;
  color:#172014!important;
  border:0!important;
  border-radius:inherit!important;
  padding:20px 22px!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:650!important;
  text-align:left!important;
  cursor:pointer!important;
}

.faqList button:hover,
.faqItem button:hover{
  background:#fbfcf9!important;
}

.faqList button span,
.faqItem button span{
  color:#172014!important;
}

.faqList button::after,
.faqItem button::after{
  color:#536b3d!important;
}

.faqList .faqAnswer,
.faqItem .faqAnswer,
.faqList [class*="answer"],
.faqItem [class*="answer"]{
  background:#ffffff!important;
  color:#4b5847!important;
  border-top:1px solid #edf0e9!important;
}

/* Keep the FAQ area airy while making the cards distinct from the army background. */
.faqSection{
  padding-bottom:90px!important;
}

/* V2.10.5 — FOOTER LINKS HOVER CARDS */
.footerColumn a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:4px 9px!important;
  margin-left:-9px!important;
  border-radius:8px!important;
  color:#3f4d3a!important;
  text-decoration:none!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}

.footerColumn a:hover,
.footerColumn a:focus-visible{
  background:#ffffff!important;
  color:#172014!important;
  transform:translateX(2px)!important;
  box-shadow:0 4px 12px rgba(42,55,34,.08)!important;
  outline:none!important;
}

/* Keep the hover card compact and only around the text. */
.footerColumn a:active{
  background:#f8faf6!important;
  color:#172014!important;
}

/* Better spacing so adjacent links don't visually touch. */
.footerColumn{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.footerColumn a + a{
  margin-top:1px!important;
}

/* Keyboard users get the same visible treatment. */
.footerColumn a:focus-visible{
  outline:2px solid #7a9162!important;
  outline-offset:1px!important;
}

/* V2.10.6 — Indonesian section labels */
.sectionEyebrow{
  white-space:nowrap!important;
  color:#536b3d!important;
}


/* V2.11 — REAL PAGE ROUTING: one navigation item = one page */
body.page-home main > section.services,
body.page-home main > section.splitSection,
body.page-home main > section.process,
body.page-home main > section.reviews,
body.page-home main > section.faq,
body.page-home main > section.cta{display:none!important}

body.page-services main > section:not(.services){display:none!important}
body.page-keunggulan main > section:not(.process){display:none!important}
body.page-reviews main > section:not(.reviews){display:none!important}
body.page-faq main > section:not(.faq){display:none!important}
body.page-how main > section:not(.process){display:none!important}

/* Quick bar belongs to the Beranda experience only. */
body:not(.page-home) .quickBar{display:none!important}

/* Dedicated pages get consistent breathing room below the header. */
body.page-layanan .services,
body.page-keunggulan .process,
body.page-reviews .reviews,
body.page-faq .faq,
body.page-how .process{min-height:calc(100vh - 78px);padding-top:72px}

@media(max-width:700px){
  body.page-layanan .services,
  body.page-keunggulan .process,
  body.page-reviews .reviews,
  body.page-faq .faq,
  body.page-how .process{min-height:calc(100vh - 67px);padding-top:52px}
}

/* V2.11.1 — PAGE CONTENT RULES
   Beranda = complete storefront.
   Layanan = products only.
   Keunggulan = Cara Order only.
*/

/* BERANDA: show the complete homepage, not a single section. */
body.page-home main > section.hero,
body.page-home main > section.quickBar,
body.page-home main > section.services,
body.page-home main > section.splitSection,
body.page-home main > section.process,
body.page-home main > section.reviews,
body.page-home main > section.faq,
body.page-home main > section.cta{
  display:block!important;
}

/* Hide only the hero/quick bar on dedicated inner pages. */
body:not(.page-home) main > section.hero,
body:not(.page-home) main > section.quickBar{
  display:none!important;
}

/* LAYANAN: product/service cards only. */
body.page-services main > section:not(.services){
  display:none!important;
}
body.page-services main > section.services{
  display:block!important;
  min-height:calc(100vh - 78px)!important;
  padding-top:72px!important;
}

/* KEUNGGULAN: show the Cara Order flow instead of the old split/benefit block. */
body.page-keunggulan main > section:not(.process){
  display:none!important;
}
body.page-keunggulan main > section.process{
  display:block!important;
  min-height:calc(100vh - 78px)!important;
  padding-top:72px!important;
}

/* Keep the dedicated Cara Order URL working as the same flow. */
body.page-how main > section:not(.process){
  display:none!important;
}
body.page-how main > section.process{
  display:block!important;
  min-height:calc(100vh - 78px)!important;
  padding-top:72px!important;
}

/* Reviews / FAQ remain individual pages. */
body.page-reviews main > section:not(.reviews){
  display:none!important;
}
body.page-faq main > section:not(.faq){
  display:none!important;
}

@media(max-width:700px){
  body.page-services main > section.services,
  body.page-keunggulan main > section.process,
  body.page-how main > section.process{
    min-height:calc(100vh - 67px)!important;
    padding-top:52px!important;
  }
}

/* V2.11.2 — Layanan benar-benar hanya PILIHAN LAYANAN */
body.page-services main > section:not(.services){display:none!important;}
body.page-services main > section.services{
  display:block!important;
  min-height:calc(100vh - 78px)!important;
  padding-top:72px!important;
  padding-bottom:90px!important;
}
body.page-services .sectionHeading{
  margin-bottom:34px!important;
}
body.page-services .serviceGrid{
  margin-top:0!important;
}
@media(max-width:700px){
  body.page-services main > section.services{
    min-height:calc(100vh - 67px)!important;
    padding-top:52px!important;
    padding-bottom:60px!important;
  }
}

/* V2.11.3 — KEUNGGULAN = FLOW YANG MUDAH DIPAHAMI ONLY */
body.page-keunggulan main > section:not(.process){
  display:none!important;
}
body.page-keunggulan main > section.process{
  display:block!important;
  min-height:calc(100vh - 78px)!important;
  padding-top:72px!important;
}
@media(max-width:700px){
  body.page-keunggulan main > section.process{
    min-height:calc(100vh - 67px)!important;
    padding-top:52px!important;
  }
}

/* V2.11.5 — FINNBLOX premium banner motion */
.hero-slider,
.heroTrack,
.hero-slides,
.banner-slider,
.bannerTrack{
  touch-action: pan-y;
}

.hero-slide,
.banner-slide,
.slide{
  will-change: transform, opacity;
  backface-visibility: hidden;
}

/* Smooth slide/fade states used by the banner controller. */
.finnblox-slide-enter{
  opacity:0;
  transform:translate3d(28px,0,0);
}
.finnblox-slide-active{
  opacity:1;
  transform:translate3d(0,0,0);
  transition:opacity .52s cubic-bezier(.22,.61,.36,1),
             transform .62s cubic-bezier(.22,.61,.36,1);
}
.finnblox-slide-leave{
  opacity:0;
  transform:translate3d(-18px,0,0);
  transition:opacity .38s ease,
             transform .42s ease;
}

.banner-dot,
.hero-dot,
.slider-dot{
  transition:transform .28s ease, opacity .28s ease, background-color .28s ease;
}
.banner-dot:hover,
.hero-dot:hover,
.slider-dot:hover{
  transform:scale(1.12);
}

@media (prefers-reduced-motion: reduce){
  .finnblox-slide-active,
  .finnblox-slide-leave,
  .finnblox-slide-enter{
    transition:none!important;
    transform:none!important;
  }
}

/* V2.11.6 — visible premium banner transition */
.bannerSlider{
  overflow:hidden;
  isolation:isolate;
}
.bannerTrack{
  display:flex!important;
  height:500px!important;
  transition:transform .88s cubic-bezier(.22,.75,.2,1)!important;
  will-change:transform;
}
.bannerSlide{
  flex:0 0 100%!important;
  min-width:100%!important;
  opacity:.72;
  transform:scale(.985) translate3d(18px,0,0);
  transition:opacity .72s ease, transform .88s cubic-bezier(.22,.75,.2,1), filter .72s ease!important;
  filter:saturate(.92);
}
.bannerSlide.banner-is-active{
  opacity:1;
  transform:scale(1) translate3d(0,0,0);
  filter:saturate(1);
}
.bannerSlide.banner-was-active{
  opacity:.2;
  transform:scale(.99) translate3d(-14px,0,0);
}
.bannerDot{
  position:relative;
  overflow:hidden;
}
.bannerDot.active::after{
  content:"";
  position:absolute;
  inset:0;
  transform:scaleX(1);
  transform-origin:left;
  animation:finnbloxDotProgress 5.2s linear;
  background:currentColor;
  opacity:.28;
}
@keyframes finnbloxDotProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

/* V2.11.6 — three separate horizontal rectangular steps */
.quickBar{
  max-width:1120px!important;
  margin:-32px auto 0!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
  background:#fff!important;
  border:1px solid #e2e6dc!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(53,69,31,.10)!important;
}
.quickItem{
  min-width:0!important;
  min-height:68px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:12px 18px!important;
  border:1px solid #e5e8df!important;
  border-radius:13px!important;
  background:#fff!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.quickItem+.quickItem{
  border-left:1px solid #e5e8df!important;
}
.quickItem:hover{
  transform:translateY(-2px);
  border-color:#d2dcc5!important;
  box-shadow:0 8px 20px rgba(53,69,31,.08);
}
.qNumber{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#111!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
.qText{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.qText b{
  color:#172013!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.qText small{
  color:#68705f!important;
  font-size:9px!important;
  line-height:1.3!important;
}
@media(max-width:760px){
  .quickBar{
    grid-template-columns:1fr!important;
    margin:-18px 16px 0!important;
  }
  .quickItem{
    min-height:62px!important;
  }
}

/* V2.11.7 — 01/02/03 as three independent cards in one row */
.quickBar{
  width:min(1120px,calc(100% - 32px))!important;
  max-width:1120px!important;
  margin:50px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.quickItem{
  width:100%!important;
  min-width:0!important;
  min-height:86px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px 20px!important;
  border:1px solid #e1e6d9!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(53,69,31,.07)!important;
}
.quickItem+.quickItem{
  border-left:1px solid #e1e6d9!important;
}
.quickItem:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 30px rgba(53,69,31,.11)!important;
  border-color:#cbd6bd!important;
}
.qNumber{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:11px!important;
  background:#111!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:11px!important;
  font-weight:900!important;
}
.qText{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
.qText b{
  color:#172013!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.qText small{
  color:#66705d!important;
  font-size:10px!important;
  line-height:1.35!important;
}
@media(max-width:760px){
  .quickBar{
    width:calc(100% - 24px)!important;
    margin:28px auto 0!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .quickItem{
    min-height:70px!important;
  }
}

/* V2.11.8 — CARA ORDER: four separate cards, matching the reference layout */
.process{
  padding-top:88px!important;
  padding-bottom:88px!important;
}
.process .sectionHeading{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:0!important;
  margin-bottom:34px!important;
}
.process .sectionHeading h2{
  font-size:38px!important;
  line-height:1.15!important;
  letter-spacing:-1.6px!important;
  margin:10px 0 0!important;
  color:#10140d!important;
}
.process .sectionHeading p{
  margin:12px 0 0!important;
  max-width:none!important;
  color:#59604f!important;
  font-size:11px!important;
}
.process .eyebrow{
  color:#3f5d2d!important;
}
.processGrid{
  width:min(1160px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
}
.processGrid article{
  min-height:194px!important;
  box-sizing:border-box!important;
  padding:30px 28px!important;
  background:#fff!important;
  border:0!important;
  border-radius:19px!important;
  box-shadow:0 13px 28px rgba(49,65,35,.08)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.processGrid article:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 18px 36px rgba(49,65,35,.13)!important;
}
.processGrid article>b{
  display:block!important;
  font-family:"Space Grotesk",sans-serif!important;
  font-size:26px!important;
  line-height:1!important;
  color:#10140d!important;
  letter-spacing:-.5px!important;
}
.processGrid article>span{
  display:inline-block!important;
  margin:8px 0 16px!important;
  padding:7px 10px!important;
  border-radius:6px!important;
  background:#4f6b3b!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.processGrid h3{
  margin:0 0 8px!important;
  color:#11150f!important;
  font-family:"Inter",sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.3px!important;
}
.processGrid p{
  margin:0!important;
  max-width:230px!important;
  color:#4e5548!important;
  font-size:10px!important;
  line-height:1.55!important;
}
@media(max-width:900px){
  .processGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}
@media(max-width:560px){
  .process{
    padding-top:60px!important;
    padding-bottom:60px!important;
  }
  .process .sectionHeading h2{
    font-size:29px!important;
  }
  .processGrid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .processGrid article{
    min-height:170px!important;
    padding:24px!important;
  }
}

/* V2.11.9 — Quickbar follows the same visual language as CARA ORDER.
   Three independent vertical cards in one row. */
.quickBar{
  width:min(1160px,calc(100% - 48px))!important;
  max-width:1160px!important;
  margin:48px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:4!important;
}
.quickItem{
  min-height:150px!important;
  box-sizing:border-box!important;
  display:block!important;
  padding:28px!important;
  background:#fff!important;
  border:0!important;
  border-radius:19px!important;
  box-shadow:0 13px 28px rgba(49,65,35,.08)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.quickItem:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 18px 36px rgba(49,65,35,.13)!important;
}
.quickItem+.quickItem{
  border-left:0!important;
}
.qNumber{
  width:auto!important;
  height:auto!important;
  flex:none!important;
  display:block!important;
  background:transparent!important;
  color:#10140d!important;
  border-radius:0!important;
  font-family:"Space Grotesk",sans-serif!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.5px!important;
  margin:0 0 14px!important;
}
.qText{
  display:block!important;
}
.qText b{
  display:block!important;
  color:#11150f!important;
  font-family:"Inter",sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.3px!important;
  margin:0 0 8px!important;
}
.qText small{
  display:block!important;
  color:#4e5548!important;
  font-size:10px!important;
  line-height:1.55!important;
  margin:0!important;
}
@media(max-width:900px){
  .quickBar{
    width:min(760px,calc(100% - 32px))!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}
@media(max-width:560px){
  .quickBar{
    width:calc(100% - 24px)!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:28px!important;
  }
  .quickItem{
    min-height:125px!important;
    padding:24px!important;
  }
}

/* V2.12.0 — 01 / 02 / 03 benar-benar satu baris */
.quickBar{
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  margin:42px auto 0!important;
  padding:16px 20px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  gap:0!important;
  background:#fff!important;
  border:1px solid #e2e7dc!important;
  border-radius:20px!important;
  box-shadow:0 12px 30px rgba(49,65,35,.07)!important;
  box-sizing:border-box!important;
}
.quickItem{
  min-height:70px!important;
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px 24px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transition:transform .2s ease,background .2s ease!important;
}
.quickItem + .quickItem{
  border-left:1px solid #e3e7df!important;
}
.quickItem:hover{
  transform:translateY(-1px)!important;
  background:#f7f9f3!important;
  box-shadow:none!important;
}
.qNumber{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  background:#111!important;
  color:#fff!important;
  border-radius:11px!important;
  font-family:"Space Grotesk",sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.qText{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.qText b{
  display:block!important;
  margin:0!important;
  color:#11150f!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
.qText small{
  display:block!important;
  margin:0!important;
  color:#68705f!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .quickBar{
    width:calc(100% - 24px)!important;
    padding:8px 12px!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .quickItem{
    min-height:62px!important;
    padding:10px 12px!important;
  }
  .quickItem + .quickItem{
    border-left:0!important;
    border-top:1px solid #e3e7df!important;
  }
  .qText b,.qText small{
    white-space:normal!important;
  }
}

/* STEP 2 — services/product ordering */
body.page-services main > section:not(.services){display:none!important}
body.page-services .services{display:block!important;padding-top:58px!important;min-height:calc(100vh - 180px)}
body.page-services .services .sectionHeading{margin-bottom:30px!important}
body.page-services .servicesDesc{max-width:520px}
.serviceGrid{align-items:stretch!important}
.serviceCard{cursor:pointer!important;text-decoration:none!important}
.serviceCard .packageRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.packageBtn{border:1px solid #dfe5d7;background:#f7f9f3;color:#27331f;border-radius:12px;padding:9px 11px;cursor:pointer;font:700 11px/1 inherit;transition:.2s}
.packageBtn:hover{background:#536b3c;color:#fff;border-color:#536b3c;transform:translateY(-1px)}
.packageBtn b{display:block;font-size:12px;margin-bottom:2px}
.packageBtn small{font-size:9px;opacity:.75}
.orderModal{position:fixed;inset:0;background:rgba(12,17,10,.48);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}
.orderModal.show{display:flex}
.orderPanel{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.22)}
.orderClose{position:absolute;right:18px;top:15px;border:0;background:#f0f2ec;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}
.orderPanel h2{margin:8px 0 4px;font-size:30px;color:#10140e}.orderSelected{margin:0 0 20px;color:#63705b;font-size:12px}
.orderForm{display:grid;gap:13px}.orderForm label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#20271c}.orderForm input,.orderForm textarea{width:100%;box-sizing:border-box;border:1px solid #dfe4da;border-radius:12px;padding:12px 13px;font:500 13px inherit;outline:none}.orderForm input:focus,.orderForm textarea:focus{border-color:#58743f;box-shadow:0 0 0 3px rgba(88,116,63,.1)}.orderForm textarea{min-height:90px;resize:vertical}.orderSafety{padding:11px 12px;border-radius:12px;background:#f2f5ed;color:#4e623d;font-size:10px}.orderSubmit{border:0;width:100%;justify-content:center;cursor:pointer}.orderError{color:#586b34;font-size:11px;margin:0;min-height:15px}.orderSuccess{text-align:center;padding:20px 0 5px}.successIcon{width:48px;height:48px;border-radius:50%;background:#536b3c;color:#fff;display:grid;place-items:center;margin:0 auto 12px;font-size:24px}.orderSuccess h3{font-size:22px;margin:0 0 6px}.orderSuccess p{font-size:12px;color:#68705f}.orderSuccess strong{display:block;margin:15px 0 20px;font-size:18px;letter-spacing:1px}
@media(max-width:760px){body.page-services .services{padding-top:30px!important}.orderPanel{padding:24px}.serviceGrid{grid-template-columns:1fr!important}}

/* V2.13 — Full checkout page based on the requested reference layout */
body.page-services .services{padding-bottom:70px!important}
body.page-services .services .sectionHeading{max-width:1120px;margin-left:auto;margin-right:auto}
.checkoutPage{max-width:1120px;margin:0 auto;padding:8px 24px 80px;color:#171b14}
.checkoutTop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.checkoutBack{border:1px solid #dfe5d8;background:#fff;color:#435236;border-radius:12px;padding:10px 14px;font:700 11px Inter,sans-serif;cursor:pointer}
.checkoutBack:hover{background:#f3f6ee}
.checkoutModes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.checkoutMode{border:1px solid #e2e7dc;background:#fff;color:#56634b;border-radius:999px;padding:10px 14px;font:700 10px Inter,sans-serif;cursor:pointer}
.checkoutMode.active{border-color:#536b3d;background:#eef2e7;color:#3f5530}
.checkoutLayout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}
.checkoutMain{display:grid;gap:18px;min-width:0}
.checkoutCard,.checkoutSummary{background:#fff;border:1px solid #e1e6dc;border-radius:20px;box-shadow:0 12px 32px rgba(48,62,33,.07)}
.checkoutCard{padding:22px}
.checkoutCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #edf0ea}
.checkoutCardHead.single{display:block}
.checkoutCardHead h2,.summaryHead h2{display:inline-block;margin:0 0 0 9px;font:800 20px/1.2 Inter,sans-serif;letter-spacing:-.5px}
.checkoutCardHead.single h2{display:inline-block}
.checkoutCardHead p{margin:8px 0 0;color:#65705d;font-size:11px;line-height:1.6;max-width:700px}
.stepPill{display:inline-flex;align-items:center;border:1px solid #f2b5c4;background:#fff3f6;color:#586b34;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.5px;vertical-align:middle}
.stepPill.red{background:#586b34;color:#fff;border-color:#586b34}
.ratePill{background:#eef4e9;color:#4f683e;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;white-space:nowrap}
.nominalSummary{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 0 10px;gap:12px}
.nominalSummary small{display:block;color:#9aa394;font-size:9px;font-weight:900;letter-spacing:.7px;margin-bottom:5px}
.nominalSummary strong{font:800 29px/1 Inter,sans-serif}
.priceChip{border:1px solid #f1b4c3;background:#fff4f6;color:#586b34;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}
.nominalBar{height:8px;border-radius:999px;background:#edf1eb;overflow:hidden;margin:6px 0 8px}
.nominalBar span{display:block;height:100%;width:20%;background:#586b34;border-radius:999px;transition:width .25s ease}
.nominalRange{display:flex;justify-content:space-between;color:#96a08f;font-size:9px;font-weight:700;margin-bottom:14px}
.packageChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.checkoutPackage{border:1px solid #eaded9;background:#fff;border-radius:15px;padding:12px 8px;cursor:pointer;color:#253022;transition:.18s}
.checkoutPackage:hover{transform:translateY(-2px);border-color:#586b34}
.checkoutPackage.selected{border:2px solid #586b34;background:#fff8fa;color:#586b34}
.checkoutPackage strong,.checkoutPackage small{display:block}
.checkoutPackage strong{font:800 14px Inter,sans-serif}
.checkoutPackage small{margin-top:5px;color:#68705f;font-size:9px;font-weight:700}
.checkoutPackage.selected small{color:#586b34}
.checkoutForm{display:grid;gap:15px;margin-top:18px}
.checkoutForm label{display:grid;gap:7px;color:#765e55;font-size:10px;font-weight:900;letter-spacing:.3px}
.checkoutForm input,.checkoutForm textarea{width:100%;box-sizing:border-box;border:1px solid #ead9d4;border-radius:14px;background:#fff;padding:13px 14px;color:#1a2116;font:500 13px Inter,sans-serif;outline:none}
.checkoutForm input:focus,.checkoutForm textarea:focus{border-color:#7c9167;box-shadow:0 0 0 3px rgba(91,117,65,.10)}
.checkoutForm label small{font-size:9px;color:#586b34;font-weight:500;letter-spacing:0}
.checkoutForm textarea{min-height:88px;resize:vertical}
.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checkoutNotice{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;background:#f5f7f1;border:1px solid #e3e9dc;border-radius:14px;color:#596651;font-size:10px;line-height:1.55}
.checkoutNotice strong{color:#27331f;display:block;white-space:nowrap}
.checkoutSummary{padding:20px;position:sticky;top:88px}
.summaryHead{display:flex;align-items:center;gap:0;padding-bottom:15px;border-bottom:1px solid #edf0ea}
.summaryHead h2{margin-left:9px}
.accountPreview{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px;border:1px solid #e0e6dd;border-radius:15px;background:#f8faf6}
.accountPreview>span{width:38px;height:38px;border-radius:50%;background:#ffe8ed;color:#586b34;display:grid;place-items:center;font-size:10px;font-weight:900}
.accountPreview strong,.accountPreview small{display:block}.accountPreview strong{font-size:11px}.accountPreview small{font-size:9px;color:#9aa194;margin-top:3px}
.summaryRows{display:grid;gap:12px;padding:2px 0 15px;border-bottom:1px solid #edf0ea}
.summaryRows div{display:flex;justify-content:space-between;gap:15px;font-size:10px}.summaryRows span{color:#7b8575}.summaryRows b{color:#263021;text-align:right}
.totalBox{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0;padding:13px;border:1px solid #f3bec9;background:#fff8f9;border-radius:15px}
.totalBox small,.totalBox span{display:block}.totalBox small{color:#76816f;font-size:8px;font-weight:900}.totalBox span{color:#a2a79f;font-size:8px;margin-top:3px}.totalBox strong{color:#586b34;font:800 22px Inter,sans-serif;white-space:nowrap}
.promoLabel{display:block;color:#53604e;font-size:10px;font-weight:900}.promoRow{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:7px}.promoRow input{min-width:0;border:1px solid #dfe5da;border-radius:999px;padding:10px 13px;font:600 10px Inter,sans-serif;outline:none}.promoRow button{border:0;background:#586b34;color:#fff;border-radius:999px;padding:0 16px;font:800 10px Inter,sans-serif;cursor:pointer}
.paymentHint{display:grid;gap:4px;margin:15px 0;padding:13px;background:#f5f8f1;border:1px solid #dfe5d8;border-radius:15px}.paymentHint strong{font-size:10px;color:#536b3d}.paymentHint span{font-size:9px;color:#71806b;line-height:1.5}
.checkoutSubmit{width:100%;border:0;border-radius:13px;background:#586b34;color:#fff;padding:14px 16px;font:900 11px Inter,sans-serif;cursor:pointer;box-shadow:0 9px 22px rgba(229,31,79,.18)}
.checkoutSubmit:hover{background:#586b34}.checkoutSubmit:disabled{opacity:.65;cursor:wait}.checkoutSubmit b{float:right;font-size:15px;line-height:10px}
.checkoutError{min-height:15px;color:#586b34;font-size:10px;margin:8px 0 0}
@media(max-width:900px){.checkoutLayout{grid-template-columns:1fr}.checkoutSummary{position:static}.checkoutModes{justify-content:flex-start}.packageChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.checkoutPage{padding:6px 14px 55px}.checkoutTop{display:block}.checkoutBack{margin-bottom:12px}.checkoutModes{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.checkoutMode{white-space:nowrap}.checkoutCard,.checkoutSummary{border-radius:17px;padding:17px}.checkoutCardHead{display:block}.ratePill{display:inline-block;margin-top:12px}.contactGrid{grid-template-columns:1fr}.packageChoices{grid-template-columns:repeat(2,1fr)}.checkoutSummary{top:auto}.totalBox strong{font-size:19px}}

.checkoutPage[hidden]{display:none!important}

.packageBtn{display:block;text-decoration:none;text-align:center;}

/* Pesan penting Langkah 2 */
.importantNotice{margin-top:16px;padding:18px 20px;border:1px solid #cdd8bd;border-radius:18px;background:#f5f8ef;color:#25301d;box-shadow:0 8px 24px rgba(64,88,45,.06)}
.importantTitle{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#566f3d;color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:10px}
.importantList{display:grid;gap:8px}
.importantList p{margin:0;font-size:12px;line-height:1.55;color:#26301f}
.importantList strong{font-weight:750}
@media(max-width:700px){.importantNotice{padding:15px}.importantList p{font-size:11px}}

.optionalLabel{font-size:9px;font-weight:700;color:#586b34;margin-left:5px}

/* V3.6 — contact validation + army cart */
.contact{align-items:start}
.contact label{display:grid;gap:0}
.form .contact input{display:block!important;min-height:44px;background:#fbfcf9!important;border:1.5px solid #cbd7bf!important;color:#1d2719!important;opacity:1!important}
.form .contact input::placeholder{color:#89947f;opacity:1}
.form .contact input:valid{border-color:#cbd7bf}
.form .contact input:invalid:focus{border-color:#586b34!important;box-shadow:0 0 0 3px rgba(196,107,107,.10)!important}
.fieldHint{display:block;margin-top:5px;color:#7d8876;font-size:9px;font-weight:600;line-height:1.4}
.fieldHint.fieldError{color:#586b34}
.cartActions .cartBtn{background:#5d763f!important;border-color:#5d763f!important;color:#fff!important;box-shadow:0 7px 18px rgba(64,88,45,.16)}
.cartActions .cartBtn:hover{background:#506936!important;border-color:#506936!important}
.cartActions .cartIcon{filter:none}

/* V3.8.1 — Langkah 2: catatan order benar-benar terlihat dan opsional */
.form{display:grid;gap:14px;width:100%;}
.form>label{display:grid;gap:7px;color:#1f281c;font-size:10px;font-weight:900;line-height:1.35;}
.form>label.noteField{display:grid!important;}
.form>label.noteField textarea#note{display:block!important;width:100%!important;min-height:92px!important;box-sizing:border-box!important;padding:13px 14px!important;border:1px solid #cbd7bf!important;border-radius:14px!important;background:#fff!important;color:#1d2719!important;font:500 13px/1.45 Inter,sans-serif!important;outline:none!important;resize:vertical!important;visibility:visible!important;opacity:1!important;}
.form>label.noteField textarea#note::placeholder{color:#89947f!important;opacity:1!important;}
.form>label.noteField textarea#note:focus{border-color:#5d763f!important;box-shadow:0 0 0 3px rgba(93,118,63,.12)!important;}

/* FINNBLOX REDEEM CODE — unified army-green theme */
.redeemGiftCard.active{
  border:2px solid #5d763f;
  background:#f7faf4;
  box-shadow:0 10px 24px rgba(47,61,32,.10);
}
.redeemBadge{
  background:#5d763f;
  color:#fff;
}
.redeemIcon{
  color:#5d763f;
}
.redeemIconCircle{
  background:#e8efe2;
}
.redeemGiftCard .redeemPrice{
  color:#526b3d;
}
.redeemGiftCard button{
  background:#536b3d;
  color:#fff;
}
.redeemGiftCard button:hover{
  background:#496033;
}
.redeemGiftCard.active button{
  background:#edf3e8;
  color:#526b3d;
  border:1px solid #bdcbb0;
}
.redeemContact{
  margin-top:18px;
}
.redeemContact input,.redeemContact textarea{
  border-color:#dfe5d8;
  border-radius:13px;
}
.redeemContact input:focus,.redeemContact textarea:focus{
  border-color:#6b814f;
  box-shadow:0 0 0 3px rgba(107,129,79,.12);
}
.redeemImportantNotice{
  margin-top:2px;
}
.redeemOfficialLink{
  display:inline-flex;
  margin-left:6px;
  color:#526b3d;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:2px;
}
.redeemOfficialLink:hover{color:#3f552f}

/* FINNBLOX theme consistency — replace legacy yellow/amber notice cards */
.cartError, .checkoutError, .warning, .alert-warning, .notice-warning, .paymentWarning, .statusWarning,
.paymentNotice, .deadline, .deadlineCard, .waitingPayment, .pendingPayment, [class*="warning"], [class*="deadline"] {
  background: #f1f6eb !important;
  border-color: #cddbbf !important;
  color: #526b3d !important;
}
.cartError button, .checkoutError button, .warning button, .alert-warning button, .paymentWarning button {
  background: #536b3d !important;
  color: #fff !important;
}

/* V17: shared localStorage cart display on homepage */
.homeCartList{display:grid;gap:9px;margin:14px 0 12px;max-height:280px;overflow:auto}
.homeCartItem{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 13px;border:1px solid #dfe5d8;border-radius:14px;background:#f8faf6}
.homeCartItem strong,.homeCartItem span,.homeCartItem small{display:block}
.homeCartItem strong{font-size:12px;color:#24301f}
.homeCartItem span{margin-top:4px;font-size:9px;color:#78836f}
.homeCartItem small{margin-top:4px;font-size:9px;color:#536b3d;font-weight:800}
.homeCartItem>b{font-size:12px;color:#536b3d;white-space:nowrap}
.homeCartTotal{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5eadf;padding-top:12px;margin-bottom:10px;font-size:12px}
.homeCartTotal strong{font-size:16px;color:#536b3d}

/* Roblox username/avatar lookup */
.robloxUserPreview{
  margin-top:10px;padding:10px 12px;border:1px solid #e3e8df;background:#f7f9f5;
  border-radius:14px;display:flex;align-items:center;gap:10px;
}
.robloxUserPreview img{width:48px;height:48px;border-radius:12px;object-fit:cover;background:#e9eee5}
.robloxUserPreview>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.robloxUserPreview strong{font-size:12px;color:#20291d}
.robloxUserPreview small{font-size:9px;color:#899181}
.robloxVerified{margin-left:auto;white-space:nowrap;font-size:9px;font-weight:900;color:#536b3d;background:#eaf2e5;padding:6px 8px;border-radius:999px}
.robloxLookupStatus{min-height:15px;margin-top:6px;color:#7d8778;font-size:9px;font-weight:700}
.summaryAvatar{width:40px!important;height:40px!important;border-radius:50%;object-fit:cover;flex:0 0 40px;background:#e8efe2}
.accountPreview>span#summaryAvatarFallback{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e8efe2;color:#5d763f;font-weight:900;flex:0 0 40px}
@media(max-width:600px){.robloxVerified{display:none}}

/* V29: checkout summary should show only the Roblox avatar, never an RBX fallback label. */
#summaryAccount .summaryAvatarWrap #sumAvatarFallback{display:none!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;font-size:0!important;}

/* V37 — SweetBlox-inspired FINNBLOX homepage refresh */
:root{--f-pink:#586b34;--f-pink2:#586b34;--f-ink:#14171d;--f-muted:#657080;--f-bg:#eef8ff;--f-card:#fff;--f-line:#e7e9ef}
body.page-home{background:linear-gradient(180deg,#edf8ff 0%,#f5fbff 52%,#fff 100%)!important;color:var(--f-ink)!important}
body.page-home .siteHeader{background:#fff!important;border-bottom:1px solid #edf0f5!important;box-shadow:0 2px 16px rgba(24,32,48,.04);position:sticky;top:0;z-index:100}
body.page-home .headerInner{max-width:1180px;height:78px}
.sweetBrand{font-family:Georgia,'Times New Roman',serif!important;font-size:30px!important;letter-spacing:-1.5px!important;color:#c58b24!important;min-width:190px}
.sweetBrand:after{content:'•';color:var(--f-pink);font-family:Inter,sans-serif;font-size:25px;margin-left:9px}
.sweetDesktopNav{gap:24px!important}.sweetDesktopNav .navItem{font-size:12px!important;color:#6b7280!important}.sweetDesktopNav .navItem.active{color:var(--f-pink)!important;font-weight:800}
.sweetActions{gap:9px!important}.sweetLang{background:#f5f7fa!important;border:1px solid #e9edf2!important;border-radius:25px!important;padding:3px!important}.sweetLang .lang{border-radius:20px!important;padding:8px 12px!important;color:#69717d!important}.sweetLang .lang.active{background:var(--f-pink)!important;color:#fff!important}
.sweetCart{width:47px!important;height:47px!important;background:#fff!important;border:1px solid #e4e8ee!important;border-radius:50%!important;box-shadow:0 5px 16px #1b243014!important;color:#232831!important;position:relative}.sweetCart .cartIcon svg{stroke:#242a32!important}.sweetCart .cartCount{position:absolute!important;right:-2px!important;top:-4px!important;background:var(--f-pink)!important;color:#fff!important;min-width:19px!important;height:19px!important;border-radius:12px!important;font-size:10px!important;display:grid!important;place-items:center!important;border:2px solid #fff}.sweetLogin{background:#fff!important;color:#3b424c!important;border:1px solid #e3e7ed!important;border-radius:24px!important;padding:12px 20px!important;font-size:12px!important;font-weight:800!important}.sweetMenu{display:none;border:0;background:#fff;font-size:23px;color:#343a42}
.sweetHome{max-width:1180px;margin:0 auto;padding:24px 18px 100px}
.sweetHeroWrap{background:#fff;border:1px solid #e8edf2;border-radius:30px;padding:34px 34px 22px;box-shadow:0 18px 55px rgba(31,52,78,.08);overflow:hidden;position:relative}
.sweetHeroIntro{min-height:305px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;background:radial-gradient(circle at 84% 45%,#ffe0ec 0 14%,transparent 15%),linear-gradient(135deg,#fff 0%,#fff 58%,#fff4f8 100%);border-radius:22px;padding:14px 26px}
.sweetKicker{font-size:11px;letter-spacing:1.4px;font-weight:900;color:#586b34;display:flex;align-items:center;gap:8px}.sweetKicker i{width:30px;height:3px;border-radius:5px;background:var(--f-pink)}
.sweetHeroText h1{font-size:clamp(40px,6vw,70px);line-height:.95;letter-spacing:-4px;margin:18px 0 20px;color:#151820;font-weight:900}.sweetHeroText h1 em{font-style:normal;color:var(--f-pink)}.sweetHeroText p{max-width:560px;font-size:15px;line-height:1.65;color:#59616d;margin:0}
.sweetHeroArt{min-height:255px;position:relative;display:grid;place-items:center}.robuxCoin{width:160px;height:160px;border-radius:45% 55% 52% 48%;display:grid;place-items:center;font:900 50px Georgia,serif;transform:rotate(-12deg);box-shadow:0 25px 55px #586b3430}.coinMain{background:linear-gradient(145deg,#586b34,#586b34);color:#fff;position:relative;z-index:2;border:10px solid #fff}.coinMain:after{content:'';position:absolute;inset:15px;border:2px solid #ffffff66;border-radius:50%}.coinBack{position:absolute;transform:translate(75px,28px) rotate(18deg) scale(.62);background:#ffd5e2;color:#586b34}.spark{position:absolute;color:var(--f-pink);font-size:24px}.s1{top:22%;right:18%}.s2{bottom:15%;left:16%;font-size:18px}.s3{top:13%;left:28%;font-size:28px}
.sweetNotice{margin-top:12px;background:#fff1f5;border:1px solid #f8d4df;border-radius:18px;padding:15px 20px;color:#7d4b5a;font-size:12px;line-height:1.5}.sweetNotice b{color:#586b34}.noticeDot{display:inline-block;width:10px;height:10px;background:var(--f-pink);border-radius:50%;margin-right:10px}
.sweetServices{padding:54px 4px 18px}.sweetSectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.sweetSectionHead h2{font-size:30px;letter-spacing:-1.5px;margin:0 0 7px;font-weight:900}.sweetSectionHead p{margin:0;color:#697382;font-size:14px}.sweetSeeAll{color:var(--f-pink);font-weight:900;font-size:12px;text-decoration:none;white-space:nowrap}.sweetCategoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sweetCategory{position:relative;min-height:156px;background:#fff;border:1px solid #e8edf2;border-radius:27px;padding:25px 24px;display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--f-ink);box-shadow:0 10px 25px rgba(32,46,63,.05);transition:transform .18s,box-shadow .18s,border-color .18s}.sweetCategory:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(32,46,63,.08);border-color:#f1b7c9}.featuredCat{border-color:#f0a9bf}.unavailableCat{opacity:.88}.catBadge{position:absolute;right:15px;top:-11px;padding:6px 11px;border-radius:14px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.2px}.catBadge.hot{background:#f4a500}.catBadge.sold{background:#586b34}.catBadge.limited{background:#586b34}.catIcon{width:82px;height:82px;flex:0 0 82px;border-radius:23px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff88}.robuxIcon{background:linear-gradient(145deg,#ffe79d,#c58b24);color:#fff;font:900 27px Georgia,serif;text-shadow:0 2px 4px #8e651d}.loginIcon{background:linear-gradient(145deg,#ffdfb6,#ef7d35);color:#fff;font-size:22px}.gamepassIcon{background:linear-gradient(145deg,#ffd8e3,#586b34);color:#fff;font-weight:900}.giftIcon{background:linear-gradient(145deg,#fbd7e4,#586b34);color:#fff;font-size:34px}.crownIcon{background:linear-gradient(145deg,#fff0ae,#e4a523);color:#fff;font-size:42px}.redeemIcon{background:linear-gradient(145deg,#ffd3dd,#586b34);color:#fff;font-size:36px}
.catCopy small{display:block;font-size:12px;font-weight:900}.catCopy strong{display:block;font-size:19px;line-height:1.05;margin-top:2px;color:#151922}.catCopy p{margin:8px 0 0;color:#586b34;font-weight:800;font-size:12px}.catCopy em{display:block;font-style:normal;color:#586b34;font-size:12px;font-weight:900;margin-top:9px}.discount{display:inline-block;margin-top:7px;background:#586b34;color:#fff;border-radius:9px;padding:4px 7px;font-size:9px;font-weight:900}.catPrice{margin-top:7px;font-size:11px;color:#9ca3ad}.catPrice b{color:#586b34;font-size:13px}
.sweetHow{margin-top:35px;background:#fff;border:1px solid #e8edf2;border-radius:28px;padding:30px}.sweetSectionHead.compact{margin-bottom:20px}.sweetSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.sweetStep{padding:12px 22px;border-right:1px solid #e4e8ed}.sweetStep:last-child{border-right:0}.sweetStep>b{font-size:30px;color:#d8dde4}.sweetStep strong{display:block;margin-top:5px;font-size:15px}.sweetStep span{display:block;margin-top:5px;color:#586b34;font-size:12px;line-height:1.5}
.sweetTrust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0}.sweetTrust div{background:#fff;border:1px solid #e7edf2;border-radius:18px;padding:18px}.sweetTrust b{display:block;font-size:13px}.sweetTrust span{display:block;color:#586b34;font-size:11px;margin-top:5px}
.sweetBottomNav{display:none}.sweetFooter{background:#171a20!important;color:#fff!important}.sweetFooter .footerColumn a,.sweetFooter .footerBrandText{color:#aeb5c0!important}.sweetFooter .footerColumn h4{color:#fff!important}
@media(max-width:760px){
 body.page-home .headerInner{height:68px;padding:0 15px}.sweetBrand{font-size:24px!important;min-width:auto}.sweetDesktopNav,.sweetLang{display:none!important}.sweetLogin{display:none}.sweetMenu{display:block}.sweetActions{margin-left:auto}.sweetHome{padding:12px 10px 95px}.sweetHeroWrap{padding:12px;border-radius:25px}.sweetHeroIntro{grid-template-columns:1fr;min-height:420px;padding:24px 20px 10px;text-align:left;overflow:hidden}.sweetHeroText h1{font-size:47px;letter-spacing:-3px}.sweetHeroText p{font-size:13px}.sweetHeroArt{min-height:170px;margin-top:-5px}.robuxCoin{width:120px;height:120px;font-size:38px}.coinBack{transform:translate(55px,25px) rotate(18deg) scale(.62)}.sweetNotice{font-size:11px;padding:12px 14px}.sweetSectionHead{align-items:flex-start}.sweetSectionHead h2{font-size:24px}.sweetSeeAll{display:none}.sweetCategoryGrid{grid-template-columns:1fr;gap:12px}.sweetCategory{min-height:125px;padding:19px 17px;border-radius:23px;gap:15px}.catIcon{width:68px;height:68px;flex-basis:68px;border-radius:19px}.catCopy strong{font-size:16px}.catCopy p{margin-top:5px}.catPrice{font-size:10px}.sweetHow{padding:22px 17px;border-radius:24px}.sweetSteps{grid-template-columns:1fr}.sweetStep{border-right:0;border-bottom:1px solid #e4e8ed;padding:15px 4px}.sweetStep:last-child{border-bottom:0}.sweetTrust{grid-template-columns:1fr}.sweetBottomNav{position:fixed;left:0;right:0;bottom:0;z-index:200;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e6e9ee;box-shadow:0 -8px 25px rgba(24,35,50,.08);padding:8px 5px calc(8px + env(safe-area-inset-bottom))}.sweetBottomNav a{position:relative;text-decoration:none;color:#586b34;text-align:center;font-size:10px}.sweetBottomNav a span{display:block;font-size:22px;line-height:22px;margin-bottom:4px}.sweetBottomNav a b{font-weight:700}.sweetBottomNav a.active{color:var(--f-pink)}.sweetBottomNav i{position:absolute;top:-2px;right:26%;background:var(--f-pink);color:#fff;border-radius:10px;font-style:normal;font-size:9px;padding:2px 5px}.sweetFooter{display:none}
}


/* V38 — 3 rectangular auto-rotating homepage banners */
.finnbloxTopBanners{
  padding:18px 16px 6px;
  background:#f7fbff;
}
.finnbloxTopBanners .bannerSlider{
  max-width:1180px;
  height:320px;
  min-height:320px;
  margin:0 auto;
  border-radius:24px;
  overflow:hidden;
  border:1px solid #e8edf3;
  box-shadow:0 18px 48px rgba(16,17,20,.09);
}
.finnbloxTopBanners .bannerTrack,
.finnbloxTopBanners .bannerSlide{
  height:320px;
  min-height:320px;
}
.finnbloxTopBanners .bannerContent{
  height:320px;
  padding:28px 48px 30px;
  grid-template-columns:1.15fr .85fr;
  gap:12px;
}
.finnbloxTopBanners .bannerCopy h1{
  font-size:clamp(34px,4.8vw,62px);
  margin:10px 0 12px;
  letter-spacing:-3.5px;
}
.finnbloxTopBanners .bannerCopy .heroLead{
  max-width:520px;
  font-size:12px;
  line-height:1.55;
}
.finnbloxTopBanners .bannerButtons{margin-top:17px}
.finnbloxTopBanners .bannerButtons a{padding:11px 14px;font-size:10px}
.finnbloxTopBanners .bannerStats{margin-top:20px;gap:15px}
.finnbloxTopBanners .bannerVisual{height:250px}
.finnbloxTopBanners .bannerCore{width:145px;height:145px}
.finnbloxTopBanners .bannerCore strong{font-size:43px;margin:7px 0}
.finnbloxTopBanners .bannerVisual .orbitA{width:270px;height:175px}
.finnbloxTopBanners .bannerVisual .orbitB{width:215px;height:275px}
.finnbloxTopBanners .bannerPopular{top:8px;right:8px;min-width:118px;padding:10px}
.finnbloxTopBanners .bannerCheck{bottom:8px;left:8px;padding:10px}
.finnbloxTopBanners .bannerArrow{
  opacity:0;
  transition:opacity .2s,transform .2s,background .2s;
  width:34px;height:34px;border-radius:50%;
  border:1px solid #e2e2e5;background:#fff;color:#111;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.finnbloxTopBanners .bannerSlider:hover .bannerArrow,
.finnbloxTopBanners .bannerArrow:focus-visible{opacity:1}
.finnbloxTopBanners .bannerArrow:hover{transform:translateY(-50%) scale(1.06);background:#111;color:#fff}
.finnbloxTopBanners .bannerDots{bottom:12px}
.finnbloxTopBanners .bannerDot{height:4px;width:20px}
.finnbloxTopBanners .bannerDot.active{width:38px}

@media(max-width:700px){
  .finnbloxTopBanners{padding:12px 10px 4px}
  .finnbloxTopBanners .bannerSlider,
  .finnbloxTopBanners .bannerTrack,
  .finnbloxTopBanners .bannerSlide{
    height:300px;
    min-height:300px;
    border-radius:20px;
  }
  .finnbloxTopBanners .bannerContent{
    height:300px;
    padding:25px 22px 26px;
    display:block;
  }
  .finnbloxTopBanners .bannerCopy h1{
    font-size:36px;
    line-height:.98;
    letter-spacing:-2px;
    margin:9px 0 10px;
  }
  .finnbloxTopBanners .bannerCopy .heroLead{
    max-width:72%;
    font-size:10px;
    line-height:1.5;
  }
  .finnbloxTopBanners .bannerButtons{margin-top:13px;gap:7px}
  .finnbloxTopBanners .bannerButtons a{padding:9px 11px;font-size:9px;gap:12px}
  .finnbloxTopBanners .bannerStats{margin-top:15px;gap:10px}
  .finnbloxTopBanners .bannerStats strong{font-size:14px}
  .finnbloxTopBanners .bannerStats span{font-size:7px}
  .finnbloxTopBanners .bannerVisual{
    position:absolute;
    right:-100px;
    top:105px;
    width:280px;
    height:190px;
    opacity:.18;
  }
  .finnbloxTopBanners .bannerArrow{display:none}
  .finnbloxTopBanners .bannerDots{bottom:10px}
}


/* V39 — force the 3-banner carousel to be visible on mobile */
.finnbloxTopBanners{
  display:block !important;
  position:relative;
  z-index:2;
  width:100%;
  box-sizing:border-box;
}
.finnbloxTopBanners .bannerSlider{
  display:block !important;
  position:relative;
  width:100%;
  height:245px !important;
  min-height:245px !important;
  overflow:hidden;
  background:#fff;
}
.finnbloxTopBanners .bannerTrack{
  display:flex !important;
  width:300% !important;
  height:245px !important;
  min-height:245px !important;
  transition:transform .65s cubic-bezier(.22,.61,.36,1);
}
.finnbloxTopBanners .bannerSlide{
  display:block !important;
  flex:0 0 33.333333% !important;
  width:33.333333% !important;
  height:245px !important;
  min-height:245px !important;
  position:relative;
}
.finnbloxTopBanners .bannerContent{
  display:block !important;
  position:relative;
  width:100%;
  height:100% !important;
  min-height:245px !important;
  box-sizing:border-box;
  padding:24px 22px 20px !important;
}
.finnbloxTopBanners .bannerCopy{
  position:relative;
  z-index:3;
  max-width:75%;
}
.finnbloxTopBanners .bannerCopy h1{
  font-size:31px !important;
  line-height:1 !important;
  letter-spacing:-1.8px !important;
  margin:8px 0 9px !important;
}
.finnbloxTopBanners .bannerCopy .heroLead{
  max-width:100% !important;
  font-size:10px !important;
  line-height:1.45 !important;
}
.finnbloxTopBanners .bannerButtons,
.finnbloxTopBanners .bannerStats{
  display:none !important;
}
.finnbloxTopBanners .bannerVisual{
  display:block !important;
  position:absolute !important;
  right:-55px !important;
  top:35px !important;
  width:220px !important;
  height:180px !important;
  opacity:.9 !important;
  z-index:1;
}
.finnbloxTopBanners .bannerCore{
  width:108px !important;
  height:108px !important;
}
.finnbloxTopBanners .bannerCore strong{font-size:31px !important}
.finnbloxTopBanners .bannerPopular{display:none !important}
.finnbloxTopBanners .bannerCheck{display:none !important}
.finnbloxTopBanners .bannerDots{
  display:flex !important;
  position:absolute !important;
  z-index:5;
  left:50% !important;
  bottom:9px !important;
  transform:translateX(-50%) !important;
}
.finnbloxTopBanners .bannerArrow{display:none !important}
@media (max-width:700px){
  .finnbloxTopBanners{padding:10px 10px 5px !important}
  .finnbloxTopBanners .bannerSlider,
  .finnbloxTopBanners .bannerTrack,
  .finnbloxTopBanners .bannerSlide{height:245px !important;min-height:245px !important}
}


/* V41 — FINNBLOX unified theme */
:root{
  --finn-green:#586b34;
  --finn-green-dark:#465728;
  --finn-green-soft:#dfe7d2;
  --finn-green-pale:#eef3e7;
  --finn-black:#11130f;
  --finn-white:#ffffff;
  --finn-border:#d9dfd0;
  --finn-muted:#69705f;
  --finn-shadow:rgba(35,45,25,.12);
}
html,body{
  background:var(--finn-green-pale) !important;
  color:var(--finn-black) !important;
}
body *{
  --accent:#586b34;
}
a, button, .btn, .button{
  accent-color:var(--finn-green);
}
.siteHeader, header, .navbar, .topbar{
  background:var(--finn-green) !important;
  color:var(--finn-white) !important;
}
.siteHeader a, header a, .navbar a, .topbar a{
  color:var(--finn-white) !important;
}
.finnbloxTopBanners{
  background:var(--finn-green-pale) !important;
}
.finnbloxTopBanners .bannerSlider,
.finnbloxTopBanners .bannerSlide{
  background:var(--finn-white) !important;
  color:var(--finn-black) !important;
  border-color:var(--finn-border) !important;
}
.finnbloxTopBanners .bannerCopy h1,
.finnbloxTopBanners .bannerCopy .heroLead{
  color:var(--finn-black) !important;
}
.finnbloxTopBanners .bannerCopy h1 span,
.finnbloxTopBanners .bannerCopy .accent,
.finnbloxTopBanners .eyebrow{
  color:var(--finn-green) !important;
}
.finnbloxTopBanners .bannerDots .bannerDot.active{
  background:var(--finn-green) !important;
}
.finnbloxTopBanners .bannerDots .bannerDot{
  background:#cbd2c2 !important;
}
.finnbloxTopBanners .bannerVisual,
.finnbloxTopBanners .bannerCore,
.finnbloxTopBanners .orbitA,
.finnbloxTopBanners .orbitB{
  border-color:var(--finn-green) !important;
}
section, .card, .serviceCard, .categoryCard, .productCard{
  border-color:var(--finn-border) !important;
}
.badge, .tag, .pill{
  background:var(--finn-green) !important;
  color:var(--finn-white) !important;
}
button.primary, .primary, .btn-primary, .cta, .buyBtn{
  background:var(--finn-green) !important;
  color:var(--finn-white) !important;
  border-color:var(--finn-green) !important;
}
button.secondary, .secondary{
  color:var(--finn-green) !important;
  border-color:var(--finn-green) !important;
}
.bottomNav, .mobileNav, nav.bottom{
  background:var(--finn-white) !important;
  border-top-color:var(--finn-border) !important;
}
.bottomNav .active, .mobileNav .active, nav.bottom .active{
  color:var(--finn-green) !important;
}
input:focus, textarea:focus, select:focus{
  border-color:var(--finn-green) !important;
  box-shadow:0 0 0 3px rgba(88,107,52,.14) !important;
}
/* Remove common legacy pink/gold/blue accents globally in this build. */
[style*="#ff"],[style*="#FF"],[style*="pink"],[style*="gold"],[style*="linear-gradient"]{
  /* legacy inline styling is overridden where possible by the component rules below */
}

/* V43 final FINNBLOX palette lock */
:root{
  --pink:#586b34 !important;
  --pinkSoft:#eef3e7 !important;
  --finn-green:#586b34;
  --finn-green-dark:#465728;
  --finn-green-soft:#dfe7d2;
  --finn-green-pale:#eef3e7;
  --finn-black:#11130f;
}
body{background:#eef3e7 !important;color:#11130f !important}
.siteHeader,header,.navbar,.topbar{background:#586b34 !important}
.hero,.bannerSlider,.sweetHero,.finnbloxTopBanners .bannerSlider{
  border-color:#d9dfd0 !important;
}
.finnbloxTopBanners .bannerCopy h1 span,
.finnbloxTopBanners .accent,
.heroTitle span,
.heroTitle .accent{color:#586b34 !important}
.badge,.tag,.pill,.catBadge.hot,.catBadge.sold,.catBadge.limited{
  background:#586b34 !important;color:#fff !important;
}
.primaryButton,.buyBtn,.ctaButton,.loginButton{
  background:#586b34 !important;color:#fff !important;border-color:#586b34 !important;
}
.lang.active{background:#586b34 !important;color:#fff !important}
.cartCount{background:#586b34 !important;color:#fff !important}
.bottomNav .active,.mobileNav .active{color:#586b34 !important}
.discount{color:#586b34 !important}
.catPrice b{color:#586b34 !important}

/* V44 — legacy hero removed from homepage */
.sweetHero,
.heroSection,
.homeHero,
.legacyHero{
  display:none !important;
}

/* V45 — service section text + FINNBLOX palette */
.servicesSection,
.servicesSection h2,
.servicesSection h3,
.categorySection,
.categorySection h2,
.categorySection h3{
  color:#11130f !important;
}
.servicesSection p,
.categorySection p{
  color:#586b34 !important;
}
.sweetCategory,
.serviceCard,
.categoryCard,
.productCard{
  background:#ffffff !important;
  border-color:#d9dfd0 !important;
}
.sweetCategory strong,
.serviceCard strong,
.categoryCard strong{
  color:#11130f !important;
}
.sweetCategory small,
.serviceCard small,
.categoryCard small,
.sweetCategory .choose,
.serviceCard .choose,
.categoryCard .choose{
  color:#586b34 !important;
}
.sweetCategory .catIcon,
.serviceCard .catIcon,
.categoryCard .catIcon{
  background:#dfe7d2 !important;
  color:#586b34 !important;
  border-color:#d9dfd0 !important;
}
.catBadge{
  background:#586b34 !important;
  color:#ffffff !important;
}

/* V46 — unified FINNBLOX army theme + language switch */
:root{
  --finn-army:#586b34;
  --finn-army-dark:#465728;
  --finn-army-soft:#dfe7d2;
  --finn-army-pale:#eef3e7;
  --finn-black:#11130f;
  --finn-white:#ffffff;
  --finn-border:#d9dfd0;
}
html,body{
  background:#eef3e7 !important;
  color:#11130f !important;
}
body, body *{
  scrollbar-color:#586b34 #eef3e7;
}
.finnbloxTopBanners,
.finnbloxTopBanners .bannerSlider,
.finnbloxTopBanners .bannerTrack,
.finnbloxTopBanners .bannerSlide,
.finnbloxTopBanners .bannerContent{
  background:#eef3e7 !important;
}
.finnbloxTopBanners .bannerSlide{
  border-color:#d9dfd0 !important;
}
.finnbloxTopBanners .bannerCopy h1,
.finnbloxTopBanners .bannerCopy .heroLead{
  color:#11130f !important;
}
.finnbloxTopBanners .bannerCopy h1 span,
.finnbloxTopBanners .accent,
.finnbloxTopBanners .eyebrow{
  color:#586b34 !important;
}
.finnbloxTopBanners .bannerCore{
  background:#586b34 !important;
  border-color:#ffffff !important;
  color:#ffffff !important;
}
.finnbloxTopBanners .bannerPopular,
.finnbloxTopBanners .bannerCheck{
  background:#586b34 !important;
  color:#ffffff !important;
}
.finnbloxTopBanners .bannerDots .bannerDot.active{
  background:#586b34 !important;
}
.finnbloxTopBanners .bannerDots .bannerDot{
  background:#dfe7d2 !important;
}
.finnbloxTopBanners .bannerArrow{
  color:#586b34 !important;
  border-color:#d9dfd0 !important;
}
.sweetCategory,
.serviceCard,
.categoryCard,
.productCard{
  background:#ffffff !important;
  border-color:#d9dfd0 !important;
}
.sweetCategory *,
.serviceCard *,
.categoryCard *,
.productCard *{
  border-color:#d9dfd0;
}
.sweetCategory strong,
.serviceCard strong,
.categoryCard strong,
.productCard strong{
  color:#11130f !important;
}
.sweetCategory small,
.serviceCard small,
.categoryCard small,
.productCard small,
.sweetCategory .choose,
.serviceCard .choose,
.categoryCard .choose,
.productCard .choose{
  color:#586b34 !important;
}
.catBadge,.badge,.tag,.pill,.discount{
  background:#586b34 !important;
  color:#ffffff !important;
}
.catIcon,.serviceIcon,.categoryIcon{
  background:#dfe7d2 !important;
  color:#586b34 !important;
  border-color:#d9dfd0 !important;
}
.primary,.primaryButton,.buyBtn,.cta,.ctaButton,.loginButton{
  background:#586b34 !important;
  color:#ffffff !important;
  border-color:#586b34 !important;
}
.secondary{
  color:#586b34 !important;
  border-color:#586b34 !important;
}
.bottomNav,.mobileNav,nav.bottom{
  background:#ffffff !important;
  border-color:#d9dfd0 !important;
}
.bottomNav .active,.mobileNav .active,nav.bottom .active{
  color:#586b34 !important;
}
.finnLanguageSwitch{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  margin-right:8px;
  border:1px solid #d9dfd0;
  border-radius:999px;
  background:#ffffff;
  box-shadow:0 5px 14px rgba(17,19,15,.07);
  vertical-align:middle;
}
.finnLanguageSwitch .langOption{
  appearance:none;
  border:0 !important;
  background:transparent !important;
  color:#586b34 !important;
  font-weight:800;
  font-size:10px;
  line-height:1;
  padding:7px 9px;
  border-radius:999px;
  cursor:pointer;
}
.finnLanguageSwitch .langOption.active{
  background:#586b34 !important;
  color:#ffffff !important;
}
@media(max-width:700px){
  .finnLanguageSwitch{
    margin-right:5px;
    padding:2px;
  }
  .finnLanguageSwitch .langOption{
    font-size:9px;
    padding:6px 7px;
  }
}

/* V47 FINAL CLEANUP */
:root{
  --finn-army:#586b34 !important;
  --finn-army-dark:#465728 !important;
  --finn-army-soft:#dfe7d2 !important;
  --finn-army-pale:#eef3e7 !important;
  --pink:#586b34 !important;
  --pinkSoft:#eef3e7 !important;
}
body{color:#11130f !important;background:#eef3e7 !important}

/* No pink/red accent in the UI */
.discount,.promo,.diskon,.pricePromo,.hot,.sold,.limited,
.catBadge,.badge,.tag,.pill{
  background:#586b34 !important;
  color:#fff !important;
}

/* Cart counter */
.cartCount,.cart-badge,.cartBadge,.cart-count{
  background:#586b34 !important;
  color:#fff !important;
}

/* Buttons/links that used the old accent */
.sweetCategory .choose,
.serviceCard .choose,
.categoryCard .choose,
.productCard .choose,
.sweetCategory .price,
.serviceCard .price,
.categoryCard .price,
.productCard .price{
  color:#586b34 !important;
}

/* Bottom navigation */
.bottomNav .active,.mobileNav .active,nav.bottom .active{
  color:#586b34 !important;
}

/* Remove any visible discount badge container if it survived */
[class*="discount"],[class*="promo"],[class*="diskon"]{
  color:#586b34 !important;
}

/* V48 — FINAL FINNBLOX ARMY THEME */
:root {
  --pink:#586b34 !important;
  --pinkSoft:#eef3e7 !important;
  --finn-army:#586b34 !important;
  --finn-army-dark:#465728 !important;
  --finn-army-soft:#dfe7d2 !important;
  --finn-army-pale:#eef3e7 !important;
}
html, body {
  background:#eef3e7 !important;
  color:#11130f !important;
}
a, button {
  accent-color:#586b34;
}
button, .btn, .primaryButton, .buyBtn, .ctaButton, .choose {
  color:#586b34 !important;
}
.primaryButton, .buyBtn, .ctaButton {
  background:#586b34 !important;
  color:#ffffff !important;
  border-color:#586b34 !important;
}
.catBadge, .badge, .tag, .pill {
  background:#586b34 !important;
  color:#ffffff !important;
}
.cartCount, .cart-badge, .cartBadge, .cart-count {
  background:#586b34 !important;
  color:#ffffff !important;
}
.bottomNav .active, .mobileNav .active, nav.bottom .active {
  color:#586b34 !important;
}
.price, .catPrice, .productPrice, .choose, .available, .stock {
  color:#586b34 !important;
}
.finnLanguageSwitch {
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  padding:3px !important;
  margin-right:8px !important;
  border:1px solid #d9dfd0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 5px 14px rgba(17,19,15,.08) !important;
  position:relative !important;
  z-index:20 !important;
}
.finnLanguageSwitch .langOption {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:34px !important;
  height:30px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#586b34 !important;
  font-weight:800 !important;
  font-size:11px !important;
  cursor:pointer !important;
}
.finnLanguageSwitch .langOption.active {
  background:#586b34 !important;
  color:#ffffff !important;
}
@media(max-width:700px) {
  .finnLanguageSwitch {
    margin-right:5px !important;
    padding:2px !important;
  }
  .finnLanguageSwitch .langOption {
    min-width:30px !important;
    height:28px !important;
    font-size:10px !important;
  }
}

/* V49 — banner and page background unified */
body.page-home,
body.page-home .sweetHome,
body.page-home .finnbloxTopBanners,
body.page-home .finnbloxTopBanners .bannerSlider,
body.page-home .finnbloxTopBanners .bannerTrack,
body.page-home .finnbloxTopBanners .bannerSlide {
  background:#cfd9bd !important;
}
body.page-home .finnbloxTopBanners .bannerSlide.theme-violet,
body.page-home .finnbloxTopBanners .bannerSlide.theme-mono,
body.page-home .finnbloxTopBanners .bannerSlide.theme-pink {
  background:#cfd9bd !important;
}
body.page-home .finnbloxTopBanners .bannerGlow.one {
  background:#dfe7d2 !important;
}
body.page-home .finnbloxTopBanners .bannerGlow.two {
  background:#c4d0b4 !important;
}
body.page-home .finnbloxTopBanners .bannerCopy h1 em,
body.page-home .finnbloxTopBanners .bannerCopy .eyebrow,
body.page-home .finnbloxTopBanners .bannerCopy .eyebrow span {
  color:#586b34 !important;
}
body.page-home .finnbloxTopBanners .bannerButtons .primaryBanner,
body.page-home .finnbloxTopBanners .bannerButtons .secondaryBanner {
  border-color:#586b34 !important;
}
body.page-home .finnbloxTopBanners .bannerButtons .primaryBanner {
  background:#586b34 !important;
  color:#fff !important;
}
body.page-home .finnbloxTopBanners .bannerButtons .secondaryBanner {
  background:#fff !important;
  color:#586b34 !important;
}
body.page-home .sweetServices,
body.page-home .sweetHow,
body.page-home .sweetTrust {
  background:transparent !important;
}


/* V50 — FINNBLOX Username Package Picker */
.usernamePackages{
  max-width:1260px;
  margin:8px auto 0;
  padding:34px 24px 52px;
  background:transparent;
}
.usernamePackagesHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.usernameEyebrow{
  display:inline-block;
  color:#586b34;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.8px;
}
.usernamePackagesHead h2{
  margin:7px 0 7px;
  color:#11130f;
  font-size:34px;
  line-height:1.05;
  letter-spacing:-1.7px;
}
.usernamePackagesHead p{
  margin:0;
  color:#69705f;
  font-size:12px;
  line-height:1.6;
}
.usernameSeeAll{
  color:#fff;
  background:#586b34;
  border:1px solid #586b34;
  border-radius:999px;
  padding:10px 14px;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.usernamePackageGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.usernamePackage{
  position:relative;
  min-height:295px;
  background:#fff;
  border:1px solid #d9dfd0;
  border-radius:24px;
  padding:22px 18px 18px;
  text-align:center;
  box-shadow:0 12px 30px rgba(35,45,25,.09);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.usernamePackage.customPackage{
  border:2px solid #586b34;
}
.usernamePackage h3{
  margin:4px 0 2px;
  color:#11130f;
  font:800 30px/1 "Space Grotesk",Inter,sans-serif;
  letter-spacing:-1px;
}
.usernamePackage.customPackage h3{
  font-size:25px;
  margin-top:7px;
}
.packageUnit{
  color:#586b34;
  font-size:11px;
  font-weight:900;
  letter-spacing:1px;
  margin-top:5px;
}
.packageRIcon{
  width:48px;
  height:48px;
  margin:18px 0 12px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#dfe7d2;
  color:#586b34;
  border:1px solid #cbd6bd;
  font:900 17px Georgia,serif;
}
.usernamePackage>strong{
  color:#586b34;
  font:900 18px/1 "Space Grotesk",Inter,sans-serif;
  margin-top:3px;
}
.packageBadge{
  position:absolute;
  right:14px;
  top:-10px;
  padding:6px 10px;
  border-radius:999px;
  background:#586b34;
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.5px;
}
.customInputLabel{
  color:#586b34;
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
  margin-top:7px;
}
.customInputWrap{
  margin-top:8px;
  width:100%;
  max-width:190px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
}
.customInputWrap input{
  width:100%;
  border:2px solid #586b34;
  border-radius:14px;
  background:#fff;
  color:#11130f;
  text-align:center;
  font:900 27px/1 "Space Grotesk",Inter,sans-serif;
  padding:9px 8px;
  outline:none;
}
.customInputWrap input:focus{
  box-shadow:0 0 0 4px #dfe7d2;
}
.customInputWrap span{
  color:#586b34;
  font-size:10px;
  font-weight:900;
}
.customPrice{
  margin-top:13px !important;
}
.usernameBuyButton{
  width:100%;
  margin-top:auto;
  border:0;
  border-radius:999px;
  background:#586b34;
  color:#fff;
  padding:12px 10px;
  font:900 10px/1 Inter,sans-serif;
  cursor:pointer;
  transition:transform .16s,background .16s;
}
.usernameBuyButton:hover{
  background:#465728;
  transform:translateY(-1px);
}
.usernameBuyButton:active{transform:translateY(0)}
@media(max-width:900px){
  .usernamePackageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .usernamePackages{
    padding:25px 17px 45px;
  }
  .usernamePackagesHead{
    align-items:flex-start;
    margin-bottom:18px;
  }
  .usernamePackagesHead h2{
    font-size:28px;
    letter-spacing:-1.3px;
  }
  .usernamePackagesHead p{
    font-size:11px;
    max-width:330px;
  }
  .usernameSeeAll{display:none}
  .usernamePackageGrid{
    grid-template-columns:1fr 1fr;
    gap:11px;
  }
  .usernamePackage{
    min-height:265px;
    padding:19px 12px 13px;
    border-radius:21px;
  }
  .usernamePackage h3{font-size:25px}
  .usernamePackage.customPackage h3{font-size:21px}
  .packageRIcon{width:44px;height:44px;margin:15px 0 10px}
  .usernamePackage>strong{font-size:15px}
  .customInputWrap{max-width:150px}
  .customInputWrap input{font-size:23px;padding:8px}
  .usernameBuyButton{font-size:9px;padding:11px 7px}
}
@media(max-width:390px){
  .usernamePackageGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .usernamePackage{min-height:245px;padding:17px 9px 12px}
  .usernamePackage h3{font-size:22px}
  .usernamePackage.customPackage h3{font-size:19px}
  .packageRIcon{width:40px;height:40px;margin:13px 0 9px}
  .usernamePackage>strong{font-size:14px}
  .customInputWrap{max-width:130px}
  .usernameBuyButton{font-size:8px;padding:10px 5px}
}

/* V52 — exactly four compact clickable username package cards */
.finnPackageGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  max-width:720px;
  margin:18px auto 0;
}
.finnPackageCard{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:92px;
  padding:14px 15px;
  border:1px solid #d9dfd0 !important;
  border-radius:16px;
  background:#fff !important;
  color:#11130f !important;
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(17,19,15,.07);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.finnPackageCard:hover{
  transform:translateY(-2px);
  border-color:#586b34 !important;
  box-shadow:0 10px 22px rgba(17,19,15,.10);
}
.finnPackageCard:active{transform:scale(.985);}
.finnPackageIcon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#dfe7d2 !important;
  color:#586b34 !important;
  font-weight:900;
  font-size:15px;
}
.finnPackageText{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.finnPackageText strong{
  font-size:15px;
  line-height:1.15;
  color:#11130f !important;
}
.finnPackageText span{
  font-size:11px;
  line-height:1.2;
  color:#69705f !important;
}
.finnPackageArrow{
  margin-left:auto;
  color:#586b34 !important;
  font-size:24px;
  line-height:1;
  font-weight:800;
}
@media(max-width:700px){
  .finnPackageGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:14px;
  }
  .finnPackageCard{
    min-height:78px;
    padding:11px;
    border-radius:13px;
    gap:9px;
  }
  .finnPackageIcon{
    flex-basis:34px;
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:12px;
  }
  .finnPackageText strong{font-size:12px;}
  .finnPackageText span{font-size:9px;}
  .finnPackageArrow{font-size:19px;}
}

/* V53 — direct BUY NOW cards */
.finnPackageCard{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:178px;
  padding:15px;
  gap:10px;
  box-sizing:border-box;
  cursor:default;
}
.finnPackageTop{display:flex;align-items:center;gap:10px;min-width:0}
.finnPackagePrice{font-size:15px;font-weight:900;color:#526b3d;margin-top:auto}
.finnBuyNow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:38px;
  box-sizing:border-box;
  border:0;
  border-radius:11px;
  background:#586b34;
  color:#fff !important;
  text-decoration:none !important;
  font:900 10px/1 Inter,sans-serif;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease;
}
.finnBuyNow:hover{background:#465728;transform:translateY(-1px)}
.finnBuyNow:active{transform:scale(.98)}
.finnCustomInputWrap{display:flex;align-items:center;gap:6px;margin-top:1px}
.finnCustomInputWrap input{
  width:100%;min-width:0;box-sizing:border-box;
  border:1px solid #bdcbb0;border-radius:10px;
  padding:9px 10px;background:#f8faf6;color:#172113;
  font:900 15px/1 Inter,sans-serif;outline:none;
}
.finnCustomInputWrap input:focus{border-color:#586b34;box-shadow:0 0 0 3px rgba(88,107,52,.12)}
.finnCustomInputWrap span{font-size:9px;font-weight:900;color:#586b34;white-space:nowrap}
.finnCustomMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7a8471;font-size:9px}
.finnCustomMeta strong{font-size:14px;color:#526b3d}
.finnCustomCard .finnBuyNow{margin-top:0}
@media(max-width:700px){
  .finnPackageGrid{gap:9px}
  .finnPackageCard{min-height:176px;padding:12px 10px;border-radius:14px;gap:8px}
  .finnPackageText strong{font-size:12px}
  .finnPackageText span{font-size:8.5px}
  .finnPackagePrice{font-size:13px}
  .finnBuyNow{min-height:36px;font-size:9px;border-radius:10px}
  .finnCustomInputWrap input{font-size:13px;padding:8px}
  .finnCustomMeta strong{font-size:12px}
}


/* V55 — Robux Via Username heading + package logos */
.usernameEyebrow{display:none !important;}
.usernamePackagesHead h2{
  margin:0 0 7px !important;
  color:#11130f !important;
  font-size:34px !important;
  font-weight:950 !important;
  letter-spacing:-1.7px !important;
}
.finnPackageLogoWrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin:0 0 1px;
}
.finnRobuxLogo{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:#586b34;
}
.finnRobuxLogo svg{width:46px;height:46px;display:block;}
@media(max-width:700px){
  .usernamePackagesHead h2{font-size:28px !important;letter-spacing:-1.2px !important;}
  .finnPackageLogoWrap{min-height:40px;}
  .finnRobuxLogo{width:40px;height:40px;}
  .finnRobuxLogo svg{width:38px;height:38px;}
}

/* V56 — compact responsive mobile layout */
@media (max-width:700px){
  body.page-home .siteHeader,
  body.page-home .headerInner{
    height:58px !important;
  }
  body.page-home .headerInner{padding:0 12px !important;gap:8px !important;}
  body.page-home .sweetBrand{font-size:21px !important;letter-spacing:-1.2px !important;}
  body.page-home .sweetActions{gap:5px !important;}
  body.page-home .sweetCart{width:42px !important;height:42px !important;}
  body.page-home .finnLanguageSwitch{margin-right:2px !important;}

  body.page-home .sweetHome{
    padding:7px 8px 88px !important;
  }
  body.page-home .finnbloxTopBanners{
    padding:6px 6px 2px !important;
  }
  body.page-home .finnbloxTopBanners .bannerSlider,
  body.page-home .finnbloxTopBanners .bannerTrack,
  body.page-home .finnbloxTopBanners .bannerSlide{
    height:185px !important;
    min-height:185px !important;
    border-radius:17px !important;
  }
  body.page-home .finnbloxTopBanners .bannerContent{
    height:185px !important;
    padding:16px 17px !important;
  }
  body.page-home .finnbloxTopBanners .bannerCopy h1{
    font-size:27px !important;
    letter-spacing:-1.7px !important;
    margin:5px 0 7px !important;
    line-height:1 !important;
  }
  body.page-home .finnbloxTopBanners .bannerCopy .heroLead{
    font-size:8.5px !important;
    line-height:1.35 !important;
    max-width:225px !important;
  }
  body.page-home .finnbloxTopBanners .bannerButtons{margin-top:8px !important;}
  body.page-home .finnbloxTopBanners .bannerButtons a{padding:7px 9px !important;font-size:8px !important;}
  body.page-home .finnbloxTopBanners .bannerStats{margin-top:8px !important;gap:8px !important;}
  body.page-home .finnbloxTopBanners .bannerStats strong{font-size:11px !important;}
  body.page-home .finnbloxTopBanners .bannerStats span{font-size:6px !important;}
  body.page-home .finnbloxTopBanners .bannerVisual{height:140px !important;right:-90px !important;top:30px !important;opacity:.14 !important;}
  body.page-home .finnbloxTopBanners .bannerCore{width:82px !important;height:82px !important;}
  body.page-home .finnbloxTopBanners .bannerCore strong{font-size:25px !important;margin:3px 0 !important;}
  body.page-home .finnbloxTopBanners .bannerDots{bottom:7px !important;}

  body.page-home .sweetServices{
    padding:24px 4px 8px !important;
  }
  body.page-home .sweetSectionHead{
    margin-bottom:11px !important;
  }
  body.page-home .sweetSectionHead h2{
    font-size:21px !important;
    letter-spacing:-1px !important;
    margin-bottom:4px !important;
  }
  body.page-home .sweetSectionHead p{
    font-size:10px !important;
    line-height:1.45 !important;
  }
  body.page-home .sweetCategoryGrid{
    gap:8px !important;
  }
  body.page-home .sweetCategory{
    min-height:96px !important;
    padding:13px 12px !important;
    border-radius:17px !important;
    gap:10px !important;
  }
  body.page-home .sweetCategory .catIcon{
    width:50px !important;height:50px !important;flex-basis:50px !important;border-radius:14px !important;
  }
  body.page-home .sweetCategory .catCopy strong{font-size:13px !important;}
  body.page-home .sweetCategory .catCopy p{font-size:8px !important;margin-top:3px !important;}
  body.page-home .sweetCategory .catCopy em{font-size:8px !important;margin-top:5px !important;}
  body.page-home .sweetCategory .catPrice{font-size:8px !important;margin-top:4px !important;}

  body.page-home .usernamePackages{
    margin:0 auto !important;
    padding:18px 10px 28px !important;
  }
  body.page-home .usernamePackagesHead{
    margin-bottom:10px !important;
    gap:8px !important;
  }
  body.page-home .usernamePackagesHead h2{
    font-size:24px !important;
    letter-spacing:-1.1px !important;
    margin:0 0 4px !important;
  }
  body.page-home .usernamePackagesHead p{
    font-size:9.5px !important;
    line-height:1.4 !important;
  }
  body.page-home .finnPackageGrid{
    gap:8px !important;
    margin-top:10px !important;
  }
  body.page-home .finnPackageCard{
    min-height:155px !important;
    padding:10px 9px !important;
    border-radius:13px !important;
    gap:7px !important;
  }
  body.page-home .finnPackageTop{gap:7px !important;}
  body.page-home .finnPackageIcon{
    width:30px !important;height:30px !important;flex-basis:30px !important;border-radius:9px !important;font-size:10px !important;
  }
  body.page-home .finnPackageText strong{font-size:11px !important;}
  body.page-home .finnPackageText span{font-size:7.5px !important;}
  body.page-home .finnPackageLogoWrap{min-height:30px !important;}
  body.page-home .finnRobuxLogo{width:31px !important;height:31px !important;}
  body.page-home .finnRobuxLogo svg{width:30px !important;height:30px !important;}
  body.page-home .finnPackagePrice{font-size:11px !important;}
  body.page-home .finnBuyNow{min-height:32px !important;font-size:8px !important;border-radius:9px !important;}
  body.page-home .finnCustomInputWrap input{font-size:12px !important;padding:7px !important;}
  body.page-home .finnCustomInputWrap span{font-size:7px !important;}
  body.page-home .finnCustomMeta{font-size:7px !important;}
  body.page-home .finnCustomMeta strong{font-size:10px !important;}

  body.page-home .sweetHow{
    margin-top:12px !important;
    padding:17px 12px !important;
    border-radius:18px !important;
  }
  body.page-home .sweetHow .sweetSectionHead.compact{margin-bottom:9px !important;}
  body.page-home .sweetStep{padding:10px 2px !important;}
  body.page-home .sweetStep>b{font-size:22px !important;}
  body.page-home .sweetStep strong{font-size:12px !important;margin-top:3px !important;}
  body.page-home .sweetStep span{font-size:8.5px !important;margin-top:3px !important;}
  body.page-home .sweetTrust{gap:7px !important;padding:10px 0 !important;}
  body.page-home .sweetTrust div{padding:12px !important;border-radius:14px !important;}
  body.page-home .sweetTrust b{font-size:11px !important;}
  body.page-home .sweetTrust span{font-size:9px !important;}
}

@media (min-width:701px){
  body.page-home .sweetHome{padding-top:14px !important;padding-bottom:70px !important;}
  body.page-home .finnbloxTopBanners{padding-top:10px !important;padding-bottom:3px !important;}
  body.page-home .sweetServices{padding-top:34px !important;padding-bottom:12px !important;}
  body.page-home .usernamePackages{padding-top:28px !important;padding-bottom:38px !important;}
  body.page-home .sweetHow{margin-top:20px !important;padding:24px !important;}
}

/* V57 — align username package BUY NOW buttons consistently */
body.page-home .finnPackageCard{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
body.page-home .finnPackageTop{
  min-height:40px !important;
}
body.page-home .finnPackageLogoWrap{
  height:32px !important;
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.page-home .finnPackagePrice{
  min-height:20px !important;
  display:flex !important;
  align-items:center !important;
  margin-top:auto !important;
}
body.page-home .finnBuyNow{
  flex:0 0 36px !important;
  height:36px !important;
  min-height:36px !important;
  margin-top:0 !important;
}
@media(max-width:700px){
  body.page-home .finnPackageTop{min-height:34px !important;}
  body.page-home .finnPackageLogoWrap{height:30px !important;min-height:30px !important;}
  body.page-home .finnPackagePrice{min-height:18px !important;}
  body.page-home .finnBuyNow{flex-basis:32px !important;height:32px !important;min-height:32px !important;}
}


/* V59 — package badges styled like the service labels above */
body.page-home .finnPackageGrid{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}
body.page-home .finnPackageCard{
  height:100% !important;
  min-height:0 !important;
  position:relative !important;
  box-sizing:border-box !important;
}
body.page-home .finnPackageCard .finnBuyNow{
  margin-top:auto !important;
}
.finnPackageBadge{
  position:absolute;
  right:15px;
  top:-11px;
  z-index:5;
  padding:6px 11px;
  border-radius:14px;
  background:#586b34 !important;
  color:#fff !important;
  font:900 10px/1 Inter,sans-serif;
  letter-spacing:.2px;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(54,70,35,.12);
}
.finnPackageBadge:after{display:none;}
@media(max-width:700px){
  body.page-home .finnPackageGrid{grid-auto-rows:1fr !important;}
  body.page-home .finnPackageCard{height:100% !important;}
  .finnPackageBadge{
    right:15px;
    top:-10px;
    padding:6px 11px;
    border-radius:14px;
    font-size:9px;
  }
}


/* V60 — Redeem section + customer reviews, FINNBLOX army theme */
.finnRedeemSection{max-width:1260px;margin:12px auto 0;padding:28px 24px 18px;background:transparent;}
.finnSectionHead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px;}
.finnSectionEyebrow{display:block;color:#586b34;font-size:9px;font-weight:900;letter-spacing:2px;margin-bottom:5px;}
.finnSectionHead h2{margin:0;color:#11130f;font-size:28px;line-height:1.05;letter-spacing:-1.4px;font-weight:900;}
.finnSeeAll{background:#586b34;color:#fff;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:900;white-space:nowrap;}
.finnRedeemGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.finnRedeemCard{display:flex;flex-direction:column;padding:12px;border:1px solid #dbe2d1;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(35,48,24,.06);transition:.15s ease;text-decoration:none;}
.finnRedeemCard:hover{transform:translateY(-2px);border-color:#586b34;}
.finnGiftCard{height:112px;border-radius:14px;background:linear-gradient(145deg,#1b2117,#586b34);color:#fff;position:relative;padding:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.finnGiftCard:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-34px;bottom:-46px;background:rgba(223,231,210,.22);}
.finnGiftCard span{font-size:9px;font-weight:900;letter-spacing:1.5px;opacity:.9;}
.finnGiftCard>b{position:absolute;right:10px;top:9px;background:#dfe7d2;color:#3f5425;border-radius:999px;padding:4px 7px;font-size:9px;}
.finnGiftCard small{position:absolute;left:12px;bottom:12px;font-size:8px;font-weight:800;color:#dfe7d2;}
.finnGiftCard i{position:absolute;right:10px;bottom:12px;font-style:normal;font-size:8px;color:#dfe7d2;letter-spacing:1px;}
.finnRedeemCard>strong{font-size:11px;margin:11px 3px 4px;color:#151812;line-height:1.35;}
.finnRedeemCard>strong span{font-weight:700;}
.finnRedeemPrice{font-size:13px;color:#586b34;margin:0 3px 2px;}
.finnReviewsSection{max-width:1260px;margin:8px auto 0;padding:34px 24px 58px;}
.finnReviewsHead{text-align:center;margin-bottom:20px;}
.finnReviewsHead h2{margin:0;color:#11130f;font-size:30px;letter-spacing:-1.4px;font-weight:900;}
.finnReviewsHead p{margin:8px 0 0;color:#69705f;font-size:12px;}
.finnReviewsGrid{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:2px 2px 8px;scroll-snap-type:x mandatory;}
.finnReviewsGrid::-webkit-scrollbar{display:none;}
.finnReviewCard{flex:0 0 calc((100% - 24px)/3);scroll-snap-align:start;}
.finnReviewCard{background:#fff;border:1px solid #dbe2d1;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(35,48,24,.05);}
.finnReviewTop{display:flex;align-items:center;gap:9px;}
.finnAvatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dfe7d2;color:#586b34;font-weight:900;}
.finnReviewTop div{min-width:0;}
.finnReviewTop b,.finnReviewTop small{display:block;}
.finnReviewTop b{font-size:11px;color:#151812;}
.finnReviewTop small{font-size:8px;color:#586b34;margin-top:3px;}
.finnReviewTop>strong{margin-left:auto;color:#586b34;font-size:10px;letter-spacing:1px;}
.finnReviewCard p{font-size:10px;color:#6f7567;line-height:1.7;margin:17px 0 2px;}
@media(max-width:700px){
  .finnRedeemSection{padding:24px 10px 8px;margin-top:6px;}
  .finnSectionHead{margin-bottom:12px;}
  .finnSectionHead h2{font-size:24px;}
  .finnSectionEyebrow{font-size:8px;}
  .finnSeeAll{font-size:9px;padding:8px 11px;}
  .finnRedeemGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .finnRedeemCard{padding:9px;border-radius:14px;}
  .finnGiftCard{height:82px;border-radius:11px;padding:9px;}
  .finnGiftCard span{font-size:7px;}
  .finnGiftCard>b{font-size:7px;right:7px;top:7px;padding:3px 5px;}
  .finnGiftCard small{font-size:6px;left:9px;bottom:9px;}
  .finnGiftCard i{font-size:6px;right:8px;bottom:9px;}
  .finnRedeemCard>strong{font-size:9px;margin:8px 2px 3px;}
  .finnRedeemPrice{font-size:11px;margin:0 2px 1px;}
  .finnReviewsSection{padding:28px 10px 42px;}
  .finnReviewsHead{margin-bottom:14px;}
  .finnReviewsHead h2{font-size:24px;}
  .finnReviewsHead p{font-size:10px;}
  .finnReviewsGrid{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;}
  .finnReviewCard{flex:0 0 86%;}
  .finnReviewCard{padding:13px;border-radius:14px;}
}

/* V63 — Replace bottom trust cards with compact FAQ */
.finnFaqSection{max-width:720px;margin:0 auto;padding:26px 18px 70px}
.finnFaqHead h2{font:900 30px/1.1 "Inter",Arial,sans-serif;letter-spacing:-1.4px;margin:0 0 18px;color:#10150d}
.finnFaqList{border-top:1px solid rgba(79,102,60,.22)}
.finnFaqList details{border-bottom:1px solid rgba(79,102,60,.22);padding:0}
.finnFaqList summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 4px;cursor:pointer;font-size:12px;font-weight:900;color:#182015}
.finnFaqList summary::-webkit-details-marker{display:none}
.finnFaqList summary b{flex:0 0 auto;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#556b2f;color:#fff;font-size:17px;line-height:1;transition:transform .18s}
.finnFaqList details[open] summary b{transform:rotate(45deg)}
.finnFaqList p{margin:0;padding:0 36px 16px 4px;font-size:10px;line-height:1.65;color:#6f7567}
@media(max-width:700px){.finnFaqSection{padding:20px 16px 58px}.finnFaqHead h2{font-size:27px;margin-bottom:14px}.finnFaqList summary{font-size:11px;padding:14px 2px}.finnFaqList p{font-size:10px;padding-bottom:14px}}

/* V64 - expanded FAQ: compact and mobile friendly */
.finnFaqList{max-width:850px;margin:0 auto;display:grid;gap:8px}
.finnFaqList details{background:#f9faf6;border:1px solid #dfe5d7;border-radius:13px;padding:0 14px}
.finnFaqList summary{padding:15px 0;min-height:48px;align-items:center;color:#1c2518}
.finnFaqList details p{margin:0 0 15px;padding:0 28px 0 0;color:#6f7567;line-height:1.65}
@media(max-width:640px){.finnFaqList{gap:7px}.finnFaqList details{border-radius:12px;padding:0 12px}.finnFaqList summary{font-size:11px;padding:13px 0}.finnFaqList details p{font-size:10px;margin-bottom:13px}.faq{padding-bottom:60px}}


/* V65 — FINNBLOX compact themed footer */
.finnbloxFooterV65{
  margin-top:28px!important;
  background:#dfe8d3!important;
  color:#172014!important;
  border-top:1px solid #b8c8a7!important;
}
.finnbloxFooterV65 .finnbloxFooterInner{
  max-width:1120px;
  padding:36px 24px 30px;
  grid-template-columns:1.55fr 1fr 1fr 1.2fr;
  gap:30px;
}
.finnbloxFooterV65 .footerBrandLogo{
  color:#536b3d!important;
  font-weight:900;
  letter-spacing:-1px;
}
.finnbloxFooterV65 .footerBrandText{
  margin-top:10px;
  color:#26351f!important;
  font-size:12px;
  font-weight:800;
}
.finnbloxFooterV65 .footerMiniText{
  max-width:280px;
  margin:6px 0 0;
  color:#5b6952!important;
  font-size:11px;
  line-height:1.55;
}
.finnbloxFooterV65 .footerColumn{gap:8px}
.finnbloxFooterV65 .footerColumn h4{
  margin-bottom:6px;
  color:#26351f!important;
  font-size:10px;
  letter-spacing:1.4px;
  font-weight:900;
}
.finnbloxFooterV65 .footerColumn a{
  color:#53624c!important;
  font-size:11px;
  font-weight:650;
}
.finnbloxFooterV65 .footerColumn a:hover{color:#3f552d!important}
.finnbloxFooterV65 .footerSocialColumn .socialLinks{gap:8px}
.finnbloxFooterV65 .footerSocialColumn .socialLogo{
  width:40px!important;height:40px!important;
  border-radius:12px;
  background:#edf3e7!important;
  border:1px solid #a7b995!important;
  color:#536b3d!important;
}
.finnbloxFooterV65 .footerSocialColumn .socialLogo svg{
  color:#536b3d!important;stroke:#536b3d!important;
}
.finnbloxFooterV65 .footerSocialColumn .socialLogo svg .fill{fill:#536b3d!important}
.finnbloxFooterV65 .socialHint{
  margin-top:8px;
  color:#61705a!important;
  font-size:10px;
}
.finnbloxFooterV65 .footerBottom{
  max-width:none;
  margin:0;
  padding:14px 24px 18px;
  border-top:1px solid #bdcbaa;
  color:#5c6a55!important;
  font-size:10px;
}
.finnbloxFooterV65 .footerBottom span{color:#5c6a55!important}
@media(max-width:800px){
  .finnbloxFooterV65 .finnbloxFooterInner{grid-template-columns:1fr 1fr;gap:24px 20px;padding:30px 20px 24px}
  .finnbloxFooterV65 .footerBrandBlock{grid-column:1/-1}
}
@media(max-width:520px){
  .finnbloxFooterV65{margin-top:18px!important}
  .finnbloxFooterV65 .finnbloxFooterInner{grid-template-columns:1fr 1fr;gap:22px 16px;padding:28px 18px 22px}
  .finnbloxFooterV65 .footerBrandLogo{font-size:22px}
  .finnbloxFooterV65 .footerColumn h4{font-size:9px}
  .finnbloxFooterV65 .footerColumn a{font-size:10px}
  .finnbloxFooterV65 .footerMiniText{font-size:10px}
  .finnbloxFooterV65 .footerBottom{padding:12px 18px 16px;flex-direction:column;gap:4px}
}

/* V66 — FIX: FINNBLOX footer must remain visible on mobile */
.finnbloxFooterV65.sweetFooter{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:760px){
  .finnbloxFooterV65.sweetFooter{
    display:block!important;
    margin-bottom:82px!important;
    position:relative!important;
    z-index:1!important;
  }
}


/* FINNBLOX V1 — Floating Chat CS seperti referensi */
.finnChatCS{
  position:fixed;
  right:16px;
  bottom:18px;
  z-index:205;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:154px;
  height:58px;
  padding:0 20px;
  border-radius:32px;
  background:linear-gradient(135deg,#2f80ed 0%,#4d73e8 100%);
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(47,128,237,.32);
  font-size:17px;
  font-weight:850;
  letter-spacing:-.2px;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.finnChatCS:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 32px rgba(47,128,237,.38);
  filter:saturate(1.05);
}
.finnChatCS:active{transform:translateY(0) scale(.98)}
.finnChatCSIcon{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  flex:none;
}
.finnChatCSIcon svg{
  width:27px;
  height:27px;
  display:block;
}
.finnChatCSText{white-space:nowrap}

@media(max-width:760px){
  .finnChatCS{
    right:14px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    min-width:154px;
    height:56px;
    padding:0 18px;
    border-radius:30px;
    font-size:16px;
  }
  .finnChatCSIcon,.finnChatCSIcon svg{width:27px;height:27px}
}
@media(min-width:761px){
  .finnChatCS{
    bottom:24px;
  }
}