/*
Theme Name: Windu Jakarta
Theme URI: https://grosiran.biz.id/
Author: Manus AI
Description: Editable Windu Grosiran marketplace theme based on the supplied Replit page.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: windu-jakarta
License: GPL-2.0-or-later
*/

@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/fonts/ibm-plex-sans-regular.ttf") format("truetype")}
:root{--windu-black:#090a0b;--windu-charcoal:#111315;--windu-card:#151719;--windu-gold:#d59b09;--windu-gold-bright:#f0b921;--windu-cream:#f5f1e8;--windu-muted:rgba(245,241,232,.68);--windu-line:rgba(213,155,9,.28);--windu-shell:1180px;--windu-ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--windu-black);color:var(--windu-cream);font-family:"IBM Plex Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,a{font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font:inherit}.windu-shell{width:min(calc(100% - 64px),var(--windu-shell));margin:0 auto}.windu-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(9,10,11,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--windu-line);transition:background .3s var(--windu-ease)}.windu-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between}.windu-brand{display:flex;flex-direction:column;line-height:1;gap:8px}.windu-brand-name{font:700 29px/1 Georgia,serif;letter-spacing:.09em;color:var(--windu-gold-bright)}.windu-brand-subtitle{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,241,232,.72)}.windu-nav{display:flex;align-items:center;gap:30px}.windu-nav>a{font-size:14px;letter-spacing:.025em;color:rgba(245,241,232,.82);position:relative;transition:color .2s var(--windu-ease)}.windu-nav>a:not(.windu-nav-cta):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--windu-gold-bright);transition:width .25s var(--windu-ease)}.windu-nav>a:hover{color:var(--windu-gold-bright)}.windu-nav>a:hover:after{width:100%}.windu-nav-cta{border:1px solid var(--windu-gold);padding:11px 22px;color:var(--windu-gold-bright)!important;border-radius:3px;transition:all .25s var(--windu-ease)!important}.windu-nav-cta:hover{background:var(--windu-gold);color:#090a0b!important}.windu-menu-toggle{display:none;background:none;color:var(--windu-gold-bright);border:0;font-size:25px}.windu-mobile-nav{display:none}
.windu-hero{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;padding:130px 0 80px;background-image:var(--windu-hero-image),radial-gradient(circle at 50% 32%,rgba(102,69,14,.28),transparent 34%),linear-gradient(135deg,#17262b 0%,#0c1518 52%,#060708 100%);background-position:center;background-size:cover;overflow:hidden}.windu-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,8,.5),rgba(5,7,8,.78) 75%,#090a0b 100%);z-index:0}.windu-hero:after{content:"";position:absolute;inset:14% 5% 8%;opacity:.14;background:radial-gradient(ellipse at 22% 58%,#a57c28,transparent 24%),radial-gradient(ellipse at 72% 50%,#79602a,transparent 25%);filter:blur(26px);z-index:0}.windu-hero-content{position:relative;z-index:1;text-align:center}.windu-kicker,.windu-section-label{margin:0 0 30px;color:var(--windu-gold-bright);font-size:14px;letter-spacing:.36em;text-transform:uppercase}.windu-kicker{display:flex;align-items:center;justify-content:center;gap:17px}.windu-kicker span{display:block;width:48px;height:1px;background:var(--windu-gold)}.windu-hero h1{max-width:980px;margin:0 auto 30px;font:700 clamp(58px,9vw,118px)/.9 Georgia,serif;letter-spacing:-.04em;color:#fff;text-shadow:0 5px 25px rgba(0,0,0,.5)}.windu-hero h1 em{display:block;color:var(--windu-gold-bright);font-style:italic;font-weight:700;font-size:.92em;margin-top:18px}.windu-hero-copy{max-width:700px;margin:0 auto 42px;color:rgba(245,241,232,.78);font-size:20px;line-height:1.65;font-weight:300}.windu-gold-button{display:inline-flex;align-items:center;gap:18px;padding:17px 31px;background:var(--windu-gold-bright);color:#17130a;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:3px;box-shadow:0 0 45px rgba(213,155,9,.22);transition:all .25s var(--windu-ease)}.windu-gold-button span{font-size:22px;line-height:.5;transition:transform .25s var(--windu-ease)}.windu-gold-button:hover{background:#fff;box-shadow:0 0 55px rgba(255,255,255,.18);transform:translateY(-2px)}.windu-gold-button:hover span{transform:translateX(4px)}.windu-scroll-note{position:absolute;left:50%;bottom:-90px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(245,241,232,.52);font-size:11px;letter-spacing:.3em;text-transform:uppercase}.windu-scroll-line{display:block;width:1px;height:34px;background:linear-gradient(var(--windu-gold),transparent)}
.windu-heritage{padding:130px 0;background:var(--windu-charcoal);border-top:1px solid rgba(255,255,255,.06)}.windu-two-column{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.windu-copy-block{max-width:550px}.windu-section-label{margin-bottom:18px;font-size:13px}.windu-copy-block h2,.windu-section-intro h2,.windu-centered-heading h2{margin:0 0 24px;font:700 clamp(42px,5vw,68px)/1.02 Georgia,serif;color:#fff;letter-spacing:-.035em}.windu-copy-block p:not(.windu-section-label){margin:0 0 23px;color:var(--windu-muted);font-size:17px;line-height:1.75;font-weight:300}.windu-stats{display:flex;gap:64px;margin-top:50px}.windu-stats div{display:flex;flex-direction:column}.windu-stats strong{font:700 48px/1 Georgia,serif;color:var(--windu-gold-bright)}.windu-stats strong span{font-size:28px}.windu-stats small{margin-top:7px;color:rgba(245,241,232,.55);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.windu-heritage-visual{min-height:550px;position:relative;display:flex;align-items:flex-end;padding:30px;background:radial-gradient(ellipse at 45% 40%,rgba(151,113,38,.38),transparent 35%),linear-gradient(135deg,#383727,#161919 63%,#08090a);background-size:cover;background-position:center;overflow:hidden}.windu-heritage-visual:before{content:"W";position:absolute;inset:4% 0 0;text-align:center;color:rgba(213,155,9,.18);font:700 420px/1 Georgia,serif}.windu-heritage-visual.has-image:before{display:none}.windu-visual-frame{position:relative;z-index:1;width:100%;padding:23px;border:1px solid rgba(213,155,9,.46);background:rgba(9,10,11,.52)}.windu-visual-frame .windu-section-label{margin-bottom:8px}.windu-visual-frame h3{margin:0 0 8px;font:700 36px/1 Georgia,serif;letter-spacing:.2em;color:var(--windu-gold-bright)}.windu-visual-frame p:last-child{margin:0;color:rgba(245,241,232,.78);font-size:14px}
.windu-products{padding:140px 0;background:var(--windu-black)}.windu-section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}.windu-section-intro h2{margin-bottom:0}.windu-section-intro h2 span{color:var(--windu-gold-bright);font-style:italic}.windu-section-intro>p{max-width:420px;margin:0 0 4px;color:var(--windu-muted);font-size:16px;line-height:1.65}.windu-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.windu-product-card{background:var(--windu-card);border:1px solid rgba(255,255,255,.08);transition:transform .3s var(--windu-ease),border-color .3s var(--windu-ease);overflow:hidden}.windu-product-card:hover{transform:translateY(-7px);border-color:var(--windu-line)}.windu-product-visual{height:285px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:radial-gradient(circle at 50% 33%,rgba(255,255,255,.19),transparent 20%),linear-gradient(145deg,#3c3422,#0e1112 70%);background-position:center;background-size:cover;overflow:hidden}.windu-product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.56));pointer-events:none}.windu-product-visual small{position:absolute;right:15px;top:14px;color:rgba(245,241,232,.65);font-size:11px;letter-spacing:.1em;text-transform:uppercase;z-index:1}.windu-pack-mark{position:relative;z-index:1;color:var(--windu-gold-bright);font:700 80px/1 Georgia,serif;opacity:.86;text-shadow:0 4px 18px rgba(0,0,0,.6)}.windu-pack-name{position:relative;z-index:1;margin-top:10px;color:#fff;font-size:18px;letter-spacing:.26em}.tone-apel{background-image:radial-gradient(circle at 48% 45%,rgba(151,173,69,.42),transparent 22%),linear-gradient(145deg,#304523,#111713 72%)}.tone-tea{background-image:radial-gradient(circle at 55% 42%,rgba(126,88,48,.55),transparent 25%),linear-gradient(145deg,#513b24,#121413 72%)}.tone-menthol,.tone-green{background-image:radial-gradient(circle at 45% 44%,rgba(38,126,96,.5),transparent 23%),linear-gradient(145deg,#183f39,#0e1515 72%)}.tone-kretek{background-image:radial-gradient(circle at 50% 43%,rgba(159,85,35,.52),transparent 24%),linear-gradient(145deg,#542c1d,#131111 72%)}.tone-vanilla{background-image:radial-gradient(circle at 50% 43%,rgba(191,149,77,.5),transparent 25%),linear-gradient(145deg,#59482b,#131311 72%)}.tone-bold{background-image:radial-gradient(circle at 50% 43%,rgba(89,89,89,.55),transparent 23%),linear-gradient(145deg,#27292a,#090a0b 72%)}.tone-royal{background-image:radial-gradient(circle at 50% 43%,rgba(224,180,46,.62),transparent 22%),linear-gradient(145deg,#6e521a,#14110a 72%)}.tone-cherry{background-image:radial-gradient(circle at 50% 43%,rgba(155,35,47,.55),transparent 22%),linear-gradient(145deg,#4e1b24,#120c0e 72%)}.windu-product-info{padding:23px}.windu-product-info h3{margin:0 0 7px;color:#fff;font:700 22px/1.1 Georgia,serif}.windu-product-subtitle{margin:0 0 22px;color:var(--windu-muted);font-size:14px}.windu-product-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:17px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.windu-product-meta span{display:flex;flex-direction:column;color:rgba(245,241,232,.48);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.windu-product-meta strong{margin-top:7px;color:var(--windu-gold-bright);font-size:14px;letter-spacing:0;text-transform:none}.windu-product-button{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:13px 15px;border:1px solid var(--windu-gold);color:var(--windu-gold-bright);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .25s var(--windu-ease)}.windu-product-button:hover{background:var(--windu-gold);color:#111}.windu-product-button span{font-size:20px}
.windu-partnership{padding:120px 0;background:#050607;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.windu-centered-heading{text-align:center;max-width:700px;margin:0 auto 60px}.windu-centered-heading .windu-section-label{margin-bottom:15px}.windu-centered-heading h2{margin-bottom:20px}.windu-centered-heading>p:last-child{margin:0;color:var(--windu-muted);font-size:17px;line-height:1.6}.windu-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.windu-benefit-grid>div{padding:25px 0;border-top:1px solid var(--windu-line)}.windu-benefit-grid span,.windu-order-grid span{color:var(--windu-gold-bright);font-size:12px;letter-spacing:.18em}.windu-benefit-grid h3,.windu-order-grid h3{margin:20px 0 11px;color:#fff;font:700 20px/1.15 Georgia,serif}.windu-benefit-grid p,.windu-order-grid p{margin:0;color:rgba(245,241,232,.58);font-size:14px;line-height:1.65}.windu-order{padding:140px 0;text-align:center;background:var(--windu-charcoal)}.windu-order-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 auto 62px;text-align:left}.windu-order-grid>div{padding:25px 0;border-top:1px solid var(--windu-line)}.windu-order>.windu-shell>.windu-gold-button{margin:0 auto}
.windu-footer{padding:82px 0 28px;background:#050607;border-top:1px solid rgba(255,255,255,.08)}.windu-footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:70px;padding-bottom:60px}.windu-footer h2{margin:0 0 9px;color:var(--windu-gold-bright);font:700 34px/1 Georgia,serif;letter-spacing:.13em}.windu-footer .windu-brand-subtitle{display:block;margin-bottom:22px}.windu-footer p{margin:0;color:rgba(245,241,232,.62);font-size:14px;line-height:1.7}.windu-footer h3{margin:2px 0 20px;color:#fff;font:700 20px/1 Georgia,serif}.windu-footer-links{display:flex;flex-direction:column;gap:11px}.windu-footer-links a{color:rgba(245,241,232,.62);font-size:14px;transition:color .2s}.windu-footer-links a:hover{color:var(--windu-gold-bright)}.windu-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:rgba(245,241,232,.4);font-size:12px}.windu-footer-bottom a{margin-left:18px}.windu-footer-bottom a:hover{color:var(--windu-gold-bright)}
@media (max-width:900px){.windu-nav{gap:15px}.windu-nav>a{font-size:12px}.windu-nav-cta{padding:9px 13px}.windu-two-column{gap:48px}.windu-product-grid{grid-template-columns:repeat(2,1fr)}.windu-benefit-grid,.windu-order-grid{grid-template-columns:repeat(2,1fr)}.windu-footer-grid{grid-template-columns:1fr 1fr}.windu-footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:680px){.windu-shell{width:min(calc(100% - 36px),var(--windu-shell))}.windu-header-inner{min-height:76px}.windu-nav{display:none}.windu-menu-toggle{display:block}.windu-mobile-nav{display:none;flex-direction:column;padding:0 18px 18px;background:rgba(9,10,11,.97)}.windu-mobile-nav.is-open{display:flex}.windu-mobile-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);color:var(--windu-muted);font-size:14px}.windu-hero{padding-top:115px}.windu-hero h1{font-size:clamp(48px,14vw,78px)}.windu-hero-copy{font-size:17px;line-height:1.55}.windu-kicker{font-size:11px;letter-spacing:.2em}.windu-kicker span{width:25px}.windu-scroll-note{bottom:-65px}.windu-heritage,.windu-products,.windu-partnership,.windu-order{padding:86px 0}.windu-two-column{grid-template-columns:1fr;gap:38px}.windu-copy-block h2,.windu-section-intro h2,.windu-centered-heading h2{font-size:43px}.windu-heritage-visual{min-height:390px}.windu-section-intro{display:block;margin-bottom:36px}.windu-section-intro>p{margin-top:18px}.windu-product-grid{grid-template-columns:1fr}.windu-product-visual{height:245px}.windu-benefit-grid,.windu-order-grid{grid-template-columns:1fr 1fr;gap:25px}.windu-footer-grid{grid-template-columns:1fr;gap:40px}.windu-footer-grid>div:first-child{grid-column:auto}.windu-footer-bottom{display:block;line-height:2}.windu-footer-bottom a{margin-left:0;margin-right:16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.windu-gold-button,.windu-product-card{transition:none}}