*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142033;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(820px,calc(100% - 40px));margin:auto}.site-header{height:78px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,30,62,.08)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900;border:3px solid rgba(255,255,255,.75);box-shadow:0 0 0 2px var(--accent)}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.02em;color:var(--dark)}.brand small{font-size:11px;color:#7b8798;text-transform:uppercase;letter-spacing:.15em}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}.nav-links>a:not(.btn){color:#4d5a6d}.nav-links>a:hover{color:var(--primary)}.nav-toggle{display:none;border:0;background:none;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:750;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(10,31,63,.14)}.btn-sm{min-height:40px;padding:0 17px;border-radius:10px}.btn-primary{background:var(--primary);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-ghost{background:#fff;color:var(--primary);border-color:#d7e0ed}.btn-light{background:#fff;color:var(--dark)}.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff}.btn-block{width:100%}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f8fc 0%,#fff 52%,#eef5ff 100%);padding:90px 0 96px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,58,130,.1) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,black,transparent 55%);opacity:.45}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--primary)}.eyebrow span{width:28px;height:3px;border-radius:3px;background:var(--accent)}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:20px 0 24px;color:var(--dark);max-width:720px}.hero-description{font-size:18px;line-height:1.75;color:#58667a;max-width:660px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-actions.centered{justify-content:center}.hero-note{font-size:13px;color:#758297;margin-top:20px}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.hero-card{width:92%;height:410px;padding:14px;border-radius:34px;background:rgba(255,255,255,.66);box-shadow:0 35px 80px rgba(17,47,91,.18);border:1px solid rgba(255,255,255,.9);transform:rotate(2deg)}.workshop-scene{height:100%;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(160deg,#0a1b31,#15325c 60%,#0e2645)}.workshop-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.06) 50%,transparent 52%),linear-gradient(transparent 48%,rgba(255,255,255,.05) 50%,transparent 52%);background-size:80px 80px}.scene-header{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;color:#fff;font-size:12px;font-weight:800;letter-spacing:.15em}.live-dot{color:#75f0b0}.bike{position:absolute;left:12%;right:9%;bottom:82px;height:190px}.bike-body{position:absolute;width:57%;height:58px;left:23%;top:56px;border-radius:45% 60% 22% 25%;background:linear-gradient(140deg,var(--accent),#8a0712);box-shadow:inset -12px -10px 20px rgba(0,0,0,.25),0 16px 35px rgba(0,0,0,.3)}.bike-body:before{content:"";position:absolute;width:130px;height:65px;left:42px;top:-42px;border-radius:70% 28% 30% 20%;background:#15223a}.bike-body:after{content:"";position:absolute;width:35px;height:80px;right:-8px;top:-35px;border-radius:12px;background:#b8c4d6;transform:rotate(-13deg)}.wheel{position:absolute;width:110px;height:110px;border-radius:50%;bottom:0;border:17px solid #111827;box-shadow:inset 0 0 0 6px #9aa6b8,0 10px 16px rgba(0,0,0,.3)}.wheel:after{content:"";position:absolute;inset:22px;border-radius:50%;background:#5d6d82;border:5px solid #d6dee9}.wheel-left{left:8%}.wheel-right{right:5%}.mechanic-card{position:absolute;bottom:20px;left:22px;right:22px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.92);padding:13px 15px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.mechanic-card .avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:12px;font-weight:800}.mechanic-card strong,.mechanic-card small{display:block}.mechanic-card strong{font-size:13px}.mechanic-card small{font-size:11px;color:#7c8797}.mechanic-card .check{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dff7e9;color:#14824a;font-weight:900}.floating-card{position:absolute;background:#fff;border:1px solid #e6ecf3;border-radius:18px;box-shadow:0 18px 45px rgba(14,40,76,.16);padding:15px 17px;z-index:2}.rating-card{left:-10px;top:76px}.rating-card strong,.rating-card small{display:block}.rating-card span{color:#f5ad19;font-size:13px}.rating-card small{color:#7b8798;font-size:10px}.queue-card{right:-8px;bottom:56px;display:flex;align-items:center;gap:11px}.queue-card .queue-icon{width:42px;height:42px;border-radius:12px;background:#edf4ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.queue-card strong,.queue-card small{display:block}.queue-card strong{font-size:12px}.queue-card small{font-size:10px;color:#7b8798}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:300px;height:300px;background:rgba(227,27,35,.08);right:-80px;top:-120px}.orb-two{width:220px;height:220px;background:rgba(11,58,130,.08);left:47%;bottom:-150px}.trust-strip{border-bottom:1px solid #edf1f6;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-grid>div{display:flex;align-items:center;gap:13px;padding:26px 22px;border-right:1px solid #edf1f6}.trust-grid>div:first-child{border-left:1px solid #edf1f6}.trust-grid svg{width:28px;height:28px;color:var(--primary)}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:13px}.trust-grid small{font-size:11px;color:#8893a2}.section{padding:96px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.booking-copy h2,.track-panel h2,.contact-card h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-.035em;color:var(--dark);margin:11px 0 0}.section-heading p{max-width:460px;color:#667387}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;padding:28px;border:1px solid #e5ebf2;border-radius:20px;background:#fff;transition:.25s;overflow:hidden}.service-card:before{content:"";position:absolute;right:-35px;top:-35px;width:100px;height:100px;border-radius:50%;background:#f0f5fd;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(20,49,86,.12);border-color:#d5dfec}.service-card:hover:before{transform:scale(1.3);background:color-mix(in srgb,var(--primary) 9%,white)}.service-icon{position:relative;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#edf4ff;color:var(--primary);margin-bottom:22px}.service-icon svg{width:27px;height:27px}.service-card h3{font-size:20px;color:var(--dark);margin:0 0 10px}.service-card p{color:#6a7687;font-size:14px;min-height:68px}.service-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1f5;margin-top:22px;padding-top:17px;font-size:11px;color:#718095}.service-meta span:first-child{font-weight:800;color:var(--primary)}.service-card>a{display:inline-block;margin-top:17px;font-size:13px;font-weight:800;color:var(--accent)}.booking-section{background:var(--dark);position:relative;overflow:hidden}.booking-section:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-200px;top:-300px;background:radial-gradient(circle,rgba(35,100,190,.42),transparent 68%)}.booking-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.section-kicker.light{color:#8fc0ff}.booking-copy h2{color:#fff}.booking-copy>p{color:#aebbd0;font-size:16px}.booking-steps{margin-top:38px;display:grid;gap:21px}.booking-steps>div{display:flex;gap:16px;align-items:flex-start}.booking-steps>div>span{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;font-weight:800}.booking-steps p{margin:0}.booking-steps strong,.booking-steps small{display:block}.booking-steps strong{color:#fff;font-size:14px}.booking-steps small{color:#8f9db2;font-size:12px}.booking-form{background:#fff;padding:30px;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.form-head h3{margin:0;color:var(--dark);font-size:20px}.form-head span{font-size:10px;color:#708095;background:#f1f5fa;border-radius:20px;padding:7px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;font-weight:750;color:#5b6879}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.track-form input,.track-search input{width:100%;border:1px solid #dbe3ed;background:#f9fbfd;border-radius:10px;padding:13px 14px;margin-top:6px;outline:none;color:#172336}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.track-form input:focus,.track-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.booking-form .btn{margin-top:18px}.privacy-note{display:block;text-align:center;color:#8a96a5;font-size:10px;margin-top:12px}.track-promo{background:#f6f8fb}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.track-panel,.promo-stack{background:#fff;border-radius:24px;border:1px solid #e5ebf2;padding:34px}.track-panel p{color:#687588}.track-form,.track-search{display:flex;gap:10px;margin-top:25px}.track-form input,.track-search input{margin:0}.status-flow{display:flex;align-items:center;margin-top:32px}.status-flow span{font-size:10px;color:#8491a2;white-space:nowrap}.status-flow span.done{color:var(--primary);font-weight:800}.status-flow i{height:2px;background:#dfe6ef;flex:1;margin:0 8px}.promo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.promo-head a{font-size:12px;font-weight:800;color:var(--accent)}.promo-card{display:flex;gap:18px;padding:20px;border-radius:17px;background:#f8fafc;border:1px solid #e8edf3}.promo-card+.promo-card{margin-top:12px}.promo-badge{height:fit-content;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#fff;background:var(--accent);padding:7px 9px;border-radius:8px}.promo-card h3{font-size:17px;color:var(--dark);margin:0}.promo-card p{font-size:13px;color:#657286;margin:7px 0}.promo-card small{font-size:10px;color:#8b96a5}.empty-state{padding:30px;text-align:center;color:#8491a2}.testimonial-section{background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-grid blockquote{margin:0;border:1px solid #e4eaf1;border-radius:20px;padding:28px;background:#fff}.testimonial-grid blockquote>span{color:#f3ac18;letter-spacing:3px}.testimonial-grid blockquote>p{font-size:15px;color:#4d5a6c;line-height:1.8}.testimonial-grid footer{border-top:1px solid #edf1f5;padding-top:17px;margin-top:20px}.testimonial-grid strong,.testimonial-grid small{display:block}.testimonial-grid small{font-size:11px;color:#8b96a5}.contact-section{background:#f6f8fb}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;border-radius:28px;overflow:hidden;box-shadow:0 28px 60px rgba(17,45,82,.12)}.contact-card{background:linear-gradient(135deg,var(--primary),var(--dark));padding:50px;color:#fff}.contact-card h2{color:#fff}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.contact-list span,.contact-list strong{display:block}.contact-list span{font-size:10px;color:#90acd2;text-transform:uppercase;letter-spacing:.12em}.contact-list strong{font-size:13px;margin-top:5px}.contact-actions{display:flex;gap:12px}.map-card{min-height:500px;background:#d8e1ec}.map-card iframe{border:0;width:100%;height:100%}.site-footer{background:#050e1b;color:#a9b5c5;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr;gap:48px}.brand-light strong{color:#fff}.footer-grid p{font-size:13px;line-height:1.8}.footer-grid h4{color:#fff;margin:0 0 13px}.footer-link{font-size:13px;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#708096}.floating-wa{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#20b863;color:#fff;display:grid;place-items:center;box-shadow:0 14px 34px rgba(10,80,42,.28);z-index:90}.floating-wa svg{width:25px;height:25px}.page-hero{background:linear-gradient(135deg,#f1f6fc,#fff);padding:80px 0}.page-hero.compact h1{font-size:clamp(38px,5vw,56px);line-height:1.1;color:var(--dark);margin:16px 0 10px}.page-hero p{color:#667388}.success-card,.tracking-card,.help-card{border:1px solid #e3e9f1;border-radius:25px;padding:38px;background:#fff;box-shadow:0 22px 52px rgba(18,46,83,.08)}.success-card{text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:auto auto 18px;background:#dcf7e8;color:#14844b;font-size:30px;font-weight:900}.success-card>span,.tracking-head small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8692a2}.success-card h2{font-size:36px;color:var(--primary);margin:5px 0 28px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;border:1px solid #e6ebf2;border-radius:16px;overflow:hidden;margin:24px 0}.summary-grid>div{padding:18px;border-bottom:1px solid #e6ebf2}.summary-grid>div:nth-child(odd){border-right:1px solid #e6ebf2}.summary-grid>div:nth-last-child(-n+2){border-bottom:0}.summary-grid small,.summary-grid strong{display:block}.summary-grid small{font-size:10px;color:#8994a3;text-transform:uppercase;letter-spacing:.08em}.summary-grid strong{font-size:13px;color:#263347;margin-top:5px}.alert{padding:13px 15px;border-radius:10px;font-size:13px;margin-bottom:16px}.alert.danger{background:#fff0f0;color:#9f2227;border:1px solid #ffd3d5}.tracking-head{display:flex;align-items:flex-start;justify-content:space-between}.tracking-head h2{margin:4px 0;color:var(--dark)}.status-badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800}.status-badge.success{background:#dff7e9;color:#147845}.status-badge.danger{background:#ffe5e6;color:#a61f28}.status-badge.info{background:#dff5fa;color:#14708a}.status-badge.warning{background:#fff2d5;color:#916115}.status-badge.primary{background:#e4efff;color:#174f9d}.status-badge.neutral{background:#eef1f5;color:#596577}.tracking-progress{display:grid;grid-template-columns:repeat(5,1fr);position:relative;margin:38px 0}.tracking-progress:before{content:"";position:absolute;height:2px;background:#e0e6ef;left:10%;right:10%;top:17px}.progress-step{position:relative;text-align:center;z-index:1}.progress-step span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf1f6;color:#8a95a3;margin:auto;font-size:12px;font-weight:900}.progress-step.active span{background:var(--primary);color:#fff}.progress-step small{display:block;margin-top:9px;font-size:9px;color:#7c8797}.summary-grid.large{grid-template-columns:repeat(3,1fr)}.summary-grid.large>div{border:0;border-right:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2}.summary-grid.large>div:nth-child(3n){border-right:0}.summary-grid.large>div:nth-last-child(-n+3){border-bottom:0}.tracking-note{background:#f7f9fc;border-radius:14px;padding:18px}.tracking-note small{font-size:10px;color:#8792a1;text-transform:uppercase}.tracking-note p{margin:6px 0 0}.track-search{margin:0 0 24px}.help-card{text-align:center}.help-card>div{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#edf4ff;color:var(--primary);margin:auto}.help-card svg{width:30px}.help-card h3{color:var(--dark)}.help-card p{color:#708095}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}.delay-1{--delay:120ms}.delay-2{--delay:220ms}@media(max-width:980px){.nav-toggle{display:block}.nav-links{position:absolute;left:20px;right:20px;top:70px;padding:20px;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(13,41,79,.16);display:none;flex-direction:column;align-items:stretch;gap:12px}.nav-links.open{display:flex}.hero-grid,.booking-grid,.split-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{min-height:450px}.trust-grid{grid-template-columns:1fr 1fr}.service-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.booking-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.summary-grid.large{grid-template-columns:1fr 1fr}.summary-grid.large>div{border-right:0!important;border-bottom:1px solid #e6ebf2!important}.summary-grid.large>div:nth-child(odd){border-right:1px solid #e6ebf2!important}.summary-grid.large>div:nth-last-child(-n+2){border-bottom:0!important}}@media(max-width:640px){.container,.narrow{width:min(100% - 28px,1160px)}.hero{padding:46px 0 60px}.hero h1{font-size:40px}.hero-description{font-size:16px}.hero-actions .btn{width:100%}.hero-visual{min-height:380px}.hero-card{height:320px}.bike{transform:scale(.78);left:0;right:-8%;bottom:50px}.floating-card{transform:scale(.85)}.rating-card{left:-15px;top:35px}.queue-card{right:-14px;bottom:28px}.trust-grid,.service-grid,.testimonial-grid,.footer-grid,.summary-grid,.summary-grid.large{grid-template-columns:1fr}.trust-grid>div{border:0;border-bottom:1px solid #edf1f6}.section{padding:70px 0}.section-heading{display:block}.section-heading p{margin-top:18px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.contact-list{grid-template-columns:1fr}.contact-card{padding:34px 24px}.contact-actions{flex-direction:column}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.track-form,.track-search{flex-direction:column}.tracking-progress{overflow-x:auto;grid-template-columns:repeat(5,110px);padding-bottom:10px}.summary-grid>div,.summary-grid>div:nth-child(odd),.summary-grid>div:nth-last-child(-n+2),.summary-grid.large>div,.summary-grid.large>div:nth-child(odd),.summary-grid.large>div:nth-last-child(-n+2){border-right:0!important;border-bottom:1px solid #e6ebf2!important}.summary-grid>div:last-child,.summary-grid.large>div:last-child{border-bottom:0!important}.tracking-head{gap:12px;flex-direction:column}.page-hero{padding:55px 0}.success-card,.tracking-card,.help-card{padding:24px}.map-card{min-height:360px}}
/* Branding dan pengaturan dinamis pemilik */
.btn{border-radius:var(--button-radius,12px)}.brand-logo-img{width:var(--brand-logo-width,48px);height:52px;object-fit:contain;display:block}.footer-brand-logo{filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}.social-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.social-links a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:10px;font-weight:900;transition:.2s}.social-links a:hover{background:var(--accent);transform:translateY(-2px)}.footer-link{display:block;margin:7px 0}.footer-note-small{display:block;color:#8fa0b7;line-height:1.55;margin-top:8px}.split-grid.single-column{grid-template-columns:1fr}.split-grid.single-column>div{max-width:none}.contact-grid.single-contact{grid-template-columns:1fr}.contact-grid.single-contact .contact-card{max-width:none}.site-footer a:hover{color:#fff}.brand-light .brand-logo-img{background:rgba(255,255,255,.08);border-radius:10px;padding:4px}.hero,.track-promo{background-color:var(--surface,#F5F8FC)}
@media(max-width:640px){.brand-logo-img{max-width:110px;height:44px}.brand>span:last-child small{letter-spacing:.08em}.social-links{margin-bottom:8px}}
/* V3: katalog, artikel, galeri, dan timeline */
.card-cover{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:16px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card,.post-card{background:#fff;border:1px solid #e4eaf1;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(7,20,38,.06)}.catalog-card{padding:16px;display:flex;flex-direction:column}.catalog-card>img,.image-placeholder{width:100%;height:190px;object-fit:cover;border-radius:12px;background:linear-gradient(135deg,var(--primary),#4d83c5);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.16em}.catalog-card>span,.post-card span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-weight:800;margin-top:14px}.catalog-card h3,.post-card h3{margin:8px 0;font-size:20px}.catalog-card p,.post-card p{color:#69768a;font-size:13px;line-height:1.65}.catalog-card>strong{font-size:18px;margin-top:auto;padding-top:12px}.text-link{display:inline-flex;margin-top:14px;font-size:12px;font-weight:800;color:var(--primary)}.center-action{text-align:center;margin-top:26px}.alt{background:var(--surface)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card>img,.post-placeholder{width:100%;height:210px;object-fit:cover;background:linear-gradient(135deg,var(--dark),var(--primary));display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.18em}.post-card>div:last-child{padding:18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid figure{margin:0;position:relative;border-radius:16px;overflow:hidden;min-height:230px;background:#dfe7f1}.gallery-grid img{width:100%;height:100%;min-height:230px;object-fit:cover;display:block}.gallery-grid figcaption{position:absolute;inset:auto 0 0;padding:45px 16px 16px;color:#fff;background:linear-gradient(transparent,rgba(5,14,27,.88))}.gallery-grid figcaption strong,.gallery-grid figcaption small{display:block}.gallery-grid figcaption small{font-size:10px;color:#cdd8e8;margin-top:3px}.gallery-full{grid-template-columns:repeat(3,1fr)}.gallery-full figcaption p{font-size:11px;margin:7px 0 0;color:#dce5f2}.content-filter{display:grid;grid-template-columns:1fr 230px auto;gap:10px;margin-bottom:24px}.content-filter input,.content-filter select{border:1px solid #dce4ed;border-radius:10px;padding:12px;background:#fff}.stock{display:inline-flex;width:max-content;padding:5px 8px;border-radius:99px;background:#eef2f7;color:#596679;font-size:9px;margin-top:9px}.stock.available{background:#e7f7ec;color:#15713a}.stock.preorder{background:#fff4dd;color:#9c6509}.stock.out_of_stock{background:#fff0f1;color:#ad2530}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.product-detail img,.image-placeholder.large{width:100%;height:480px;object-fit:cover;border-radius:22px}.product-detail h1{font-size:48px;line-height:1.08;margin:12px 0}.product-detail p{color:#69768a;line-height:1.8}.product-detail h2{color:var(--primary)}.product-detail .btn{margin-top:20px}.article-hero{background:linear-gradient(135deg,var(--dark),var(--primary));color:#fff;padding:90px 0 70px}.article-hero span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#b9d4f5}.article-hero h1{font-size:clamp(40px,6vw,68px);line-height:1.08;margin:16px 0}.article-hero p{font-size:18px;color:#c7d9ee;line-height:1.7}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px;align-items:start}.article-body{font-size:16px;line-height:1.9;color:#344256;white-space:normal}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin-bottom:30px}.article-layout aside{position:sticky;top:100px;background:var(--surface);padding:20px;border-radius:16px}.article-layout aside a{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid #dfe6ef}.article-layout aside small{color:#7d8999}.timeline{margin-top:26px;border-top:1px solid #e4e9f0;padding-top:20px}.timeline h3{font-size:15px}.timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding-bottom:16px}.timeline>div>span{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:5px}.timeline p{margin:0;display:grid;gap:3px}.timeline small{font-size:10px;color:#8290a3}.timeline em{font-size:12px;color:#536174;font-style:normal}.promo-cover img{width:100%;height:100%;object-fit:cover}.footer-bottom a{color:inherit}.booking-form label small{display:block;margin-top:5px;color:#718096}.form-grid label.full{grid-column:1/-1}
@media(max-width:980px){.catalog-grid,.post-grid,.gallery-grid,.gallery-full{grid-template-columns:repeat(2,1fr)}.product-detail,.article-layout{grid-template-columns:1fr}.article-layout aside{position:static}.content-filter{grid-template-columns:1fr 1fr}.content-filter .btn{grid-column:1/-1}.product-detail h1{font-size:38px}}
@media(max-width:640px){.catalog-grid,.post-grid,.gallery-grid,.gallery-full{grid-template-columns:1fr}.content-filter{grid-template-columns:1fr}.content-filter .btn{grid-column:auto}.product-detail img,.image-placeholder.large{height:320px}.article-hero{padding:60px 0 45px}}
/* V4: jadwal operasional lengkap */
.contact-hours-block{align-items:flex-start!important}.weekly-hours-public{display:grid;gap:5px;min-width:240px}.weekly-hours-public>div{display:flex;justify-content:space-between;gap:24px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.14)}.weekly-hours-public b{font-size:11px;font-weight:600;color:rgba(255,255,255,.7)}.weekly-hours-public strong{font-size:11px!important;text-align:right}@media(max-width:520px){.weekly-hours-public{min-width:0}.weekly-hours-public>div{gap:12px}}
/* V5: tombol pembelian marketplace */
.marketplace-purchase{margin:24px 0;padding:20px;border:1px solid #e1e7ef;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff)}.marketplace-purchase h3{margin:5px 0 6px;font-size:20px}.marketplace-purchase p{margin:0;color:#6b7889;font-size:13px}.marketplace-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 10px}.marketplace-buy-button{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:12px;border:1px solid #dfe6ee;border-radius:12px;background:#fff;transition:.2s ease}.marketplace-buy-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #17233714}.marketplace-buy-button>span{grid-row:1/3;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:900;background:#edf2f8}.marketplace-buy-button strong{font-size:12px}.marketplace-buy-button small{font-size:9px;color:#7b8796}.marketplace-buy-button.shopee>span{background:#fff0ea;color:#d84b1d}.marketplace-buy-button.tokopedia>span{background:#eaf8ee;color:#149447}.marketplace-buy-button.tiktok_shop>span{background:#edf0f4;color:#101318}.marketplace-note{display:block;color:#8994a3}.marketplace-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.marketplace-badges span{font-size:8px;font-weight:800;padding:5px 7px;border-radius:999px;background:#eef2f7;color:#59677a}.marketplace-badges .shopee{background:#fff0ea;color:#d84b1d}.marketplace-badges .tokopedia{background:#eaf8ee;color:#149447}.marketplace-badges .tiktok_shop{background:#edf0f4;color:#101318}
@media(max-width:800px){.marketplace-buttons{grid-template-columns:1fr}}
/* V6: navigasi dan direktori online shop */
.nav-dropdown{position:relative}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;color:#4d5a6d}.nav-dropdown-trigger:hover{color:var(--primary)}.nav-dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;width:320px;transform:translate(-50%,10px);padding:10px;border:1px solid #e3e9f1;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(11,37,73,.18);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.nav-dropdown-menu>a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;color:#263449}.nav-dropdown-menu>a:hover{background:#f4f7fb}.nav-dropdown-menu strong,.nav-dropdown-menu small{display:block}.nav-dropdown-menu strong{font-size:12px}.nav-dropdown-menu small{font-size:9px;color:#8390a0;font-weight:500}.nav-dropdown-menu .nav-dropdown-all{display:block;margin-top:5px;padding:10px;border-top:1px solid #e7edf4;border-radius:0;color:var(--primary);font-size:10px;font-weight:850}.marketplace-menu-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--marketplace-color) 12%,white);color:var(--marketplace-color);font-size:9px;font-weight:900}.marketplace-page-hero{background:linear-gradient(135deg,#edf5ff,#fff 54%,#f7fbff)}.marketplace-directory-section{padding-top:54px}.marketplace-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.marketplace-directory-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;transition:.2s}.marketplace-directory-card:hover,.marketplace-directory-card.active{border-color:color-mix(in srgb,var(--marketplace-color,var(--primary)) 50%,#dfe6ef);box-shadow:0 14px 35px rgba(15,43,80,.1);transform:translateY(-2px)}.marketplace-directory-card strong,.marketplace-directory-card small{display:block}.marketplace-directory-card strong{font-size:13px}.marketplace-directory-card small{font-size:9px;color:#8490a0}.marketplace-directory-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--marketplace-color,var(--primary)) 12%,white);color:var(--marketplace-color,var(--primary));font-size:10px;font-weight:900}.marketplace-directory-icon.all{background:#edf3fb;color:var(--primary)}.marketplace-shop-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;margin-bottom:44px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--marketplace-color) 10%,white),#fff);border:1px solid color-mix(in srgb,var(--marketplace-color) 25%,#e4eaf1)}.marketplace-shop-banner>div{display:flex;align-items:center;gap:16px}.marketplace-shop-banner>div>span{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:var(--marketplace-color);color:#fff;font-weight:900}.marketplace-shop-banner small{font-size:9px;letter-spacing:.13em;color:var(--marketplace-color);font-weight:850}.marketplace-shop-banner h2{margin:3px 0;font-size:24px}.marketplace-shop-banner p{margin:0;font-size:11px;color:#718094}.marketplace-product-heading{margin-top:24px}.marketplace-product-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.marketplace-direct-button{display:inline-flex;padding:8px 11px;border-radius:9px;background:var(--marketplace-color,var(--primary));color:#fff;font-size:9px;font-weight:850}.empty-marketplace-state{grid-column:1/-1;padding:48px;text-align:center;border:1px dashed #cad5e2;border-radius:18px;background:#fafcff}.empty-marketplace-state p{color:#778496;font-size:12px}.marketplace-buy-button.blibli>span,.marketplace-badges .blibli{background:#e8f7fd;color:#0087c6}.marketplace-buy-button.lazada>span,.marketplace-badges .lazada{background:#eeeeff;color:#202080}
@media(max-width:980px){.nav-dropdown{width:100%}.nav-dropdown-trigger{width:100%;justify-content:space-between}.nav-dropdown-menu{position:static;width:100%;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;border-left:2px solid #e3eaf3;border-radius:0;margin-top:7px;padding:3px 0 3px 10px}.marketplace-directory{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.marketplace-directory{grid-template-columns:1fr}.marketplace-shop-banner{align-items:flex-start;flex-direction:column}.marketplace-shop-banner .btn{width:100%}.marketplace-product-actions{align-items:stretch;flex-direction:column}.marketplace-direct-button{justify-content:center}}
@media(min-width:981px){.nav-links{gap:17px;font-size:12px}.nav-dropdown-trigger{white-space:nowrap}}
/* V6.2: menu online shop tunggal dan penanda data demo */
.marketplace-demo-note{margin:0 0 30px;padding:14px 16px;border:1px solid #f2d18a;border-radius:13px;background:#fff9ea;color:#70501b;font-size:11px;line-height:1.6}.marketplace-demo-note strong{display:block;color:#543704}.marketplace-product-actions{justify-content:flex-start;flex-wrap:wrap}.marketplace-product-actions .text-link{margin-right:auto}.marketplace-buy-button.bukalapak>span,.marketplace-badges .bukalapak{background:#fff0f5;color:#d51652}@media(max-width:640px){.marketplace-product-actions .text-link{margin-right:0}.marketplace-product-actions>*{width:100%;justify-content:center;text-align:center}}
/* V7: editor tampilan */
body{font-family:var(--site-font,Inter,ui-sans-serif,system-ui,sans-serif)}
.container{width:min(var(--content-width,1160px),calc(100% - 40px))}
.brand-logo-img{width:var(--logo-size,46px);height:var(--logo-size,46px);object-fit:contain}
.section{padding:var(--section-spacing,96px) 0}
.btn,.service-card,.product-card,.post-card,.gallery-card,.booking-form,.contact-card{border-radius:var(--site-radius,18px)}
.site-topbar{background:var(--dark);color:#fff;font-size:12px;text-align:center;padding:7px 0;letter-spacing:.02em}
body:not(.has-sticky-header) .site-header{position:relative;top:auto}
.header-bordered .site-header{background:#fff;border-bottom:3px solid var(--primary);backdrop-filter:none}
.header-dark .site-header{background:var(--dark);border-bottom-color:rgba(255,255,255,.12)}
.header-dark .brand strong,.header-dark .nav-links>a:not(.btn){color:#fff}
.header-dark .brand small{color:#aab8cc}
.compact-navigation .site-header{height:66px}
.compact-navigation .nav-links{gap:18px;font-size:13px}
.cards-bordered .service-card,.cards-bordered .product-card,.cards-bordered .post-card,.cards-bordered .gallery-card{box-shadow:none;border:2px solid #dce5ef}
.cards-flat .service-card,.cards-flat .product-card,.cards-flat .post-card,.cards-flat .gallery-card{box-shadow:none;border-color:transparent;background:var(--surface)}
.hero.has-custom-background{background-image:linear-gradient(rgba(7,20,38,var(--hero-overlay-alpha,.2)),rgba(7,20,38,var(--hero-overlay-alpha,.2))),var(--hero-bg-image);background-size:cover;background-position:center}
.hero.has-custom-background:before{display:none}
.hero.has-custom-background .hero-copy{padding:36px;border-radius:var(--site-radius);background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.hero-centered .hero-grid{grid-template-columns:1fr;text-align:center;max-width:900px}
.hero-centered .hero-copy{display:grid;justify-items:center}
.hero-centered .hero-description{margin-inline:auto}
.hero-centered .hero-visual{display:none}
.hero-compact .hero{padding:58px 0}
.hero-compact .hero-visual{min-height:390px}.hero-compact .hero-card{height:330px}
@media(max-width:900px){.site-topbar{font-size:10px}.hero.has-custom-background .hero-copy{padding:24px}}
.hero-no-visual .hero-grid{grid-template-columns:1fr}.hero-no-visual .hero-copy{max-width:820px}.hero-no-visual .hero-visual{display:none}
/* V10: header premium, promo modern, dan status stok */
.premium-topbar{background:linear-gradient(90deg,var(--dark),#102b4d);color:#dce9fb;height:34px;font-size:10px;letter-spacing:.02em}
.topbar-content{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-status{display:flex;align-items:center;gap:8px}.topbar-status i{width:7px;height:7px;border-radius:50%;background:#54df94;box-shadow:0 0 0 4px rgba(84,223,148,.12)}
.topbar-meta{display:flex;align-items:center;gap:18px;color:#afc1d8}.topbar-meta a{color:#fff;font-weight:800}
.premium-header{height:86px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(11,58,130,.09);box-shadow:0 8px 28px rgba(11,42,80,.055)}
.premium-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent),transparent 72%);opacity:.9}
.premium-brand{min-width:235px;gap:13px}.brand-logo-shell{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#fff;border:1px solid #e2e9f2;box-shadow:0 8px 22px rgba(18,48,85,.1);overflow:hidden;flex:none}.brand-logo-shell .brand-logo-img{max-width:48px;max-height:48px}.brand-copy{min-width:0}.brand-copy strong{font-size:16px;line-height:1.2;letter-spacing:-.015em}.brand-copy small{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;letter-spacing:.09em;margin-top:4px;color:#78879a}
.premium-nav{gap:6px;padding:5px;border:1px solid #e6ecf3;border-radius:15px;background:#f9fbfd}.premium-nav>a:not(.header-whatsapp){position:relative;padding:10px 10px;border-radius:10px;font-size:11px;font-weight:780;white-space:nowrap}.premium-nav>a:not(.header-whatsapp):hover,.premium-nav>a.active{background:#edf4ff;color:var(--primary)}.premium-nav>a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:4px;background:var(--accent)}
.header-whatsapp{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;margin-left:4px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1ca35d,#148949);box-shadow:0 8px 20px rgba(20,137,73,.22)}.header-whatsapp span{width:24px;height:24px;display:grid;place-items:center}.header-whatsapp svg{width:18px}.header-whatsapp strong{font-size:10px;white-space:nowrap}
.nav-toggle{width:42px;height:42px;padding:10px;border:1px solid #dce5ef;border-radius:11px;background:#fff}.nav-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:var(--dark)}
.premium-promo-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7faff 0%,#eef4fb 100%)}.premium-promo-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(11,58,130,.12),transparent 68%)}.promo-heading{position:relative}.premium-promo-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-promo-card{position:relative;min-height:315px;padding:24px;overflow:hidden;border:1px solid #dce6f1;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 16px 40px rgba(16,47,84,.07);display:flex;flex-direction:column;transition:.25s}.premium-promo-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(16,47,84,.13)}.premium-promo-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--primary),#123f79 64%,#1a5596);color:#fff;border:0}.premium-promo-card.featured:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-125px;background:rgba(255,255,255,.08)}.promo-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.promo-badge,.promo-choice{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.promo-badge{background:#eaf2ff;color:var(--primary)}.promo-choice{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.2)}.premium-promo-card.featured .promo-badge{background:#fff;color:var(--primary)}.promo-card-icon{position:absolute;right:24px;top:70px;font-size:58px;font-weight:950;line-height:1;color:rgba(11,58,130,.07)}.premium-promo-card.featured .promo-card-icon{color:rgba(255,255,255,.08);font-size:90px;right:38px;top:84px}.premium-promo-card h3{position:relative;z-index:1;margin:30px 0 10px;max-width:85%;font-size:23px;line-height:1.2;letter-spacing:-.025em;color:var(--dark)}.premium-promo-card.featured h3{max-width:68%;font-size:34px;color:#fff}.premium-promo-card p{position:relative;z-index:1;margin:0;color:#66758a;font-size:13px;line-height:1.75;max-width:92%}.premium-promo-card.featured p{max-width:64%;color:#c9daf0}.promo-card-footer{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px;border-top:1px solid #e8edf3}.premium-promo-card.featured .promo-card-footer{border-color:rgba(255,255,255,.16)}.promo-card-footer small,.promo-card-footer strong{display:block}.promo-card-footer small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8a97a7}.promo-card-footer strong{font-size:12px;margin-top:2px}.promo-card-footer>span{font-size:9px;font-weight:850;padding:6px 9px;border-radius:99px;background:#fff2d9;color:#8c5d00}.premium-promo-card.featured .promo-card-footer small{color:#9eb7d6}.premium-promo-card.featured .promo-card-footer>span{background:rgba(255,255,255,.13);color:#fff}.promo-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px dashed #dce4ed;color:var(--primary);font-size:11px;font-weight:900}.premium-promo-card.featured .promo-action{border-color:rgba(255,255,255,.18);color:#fff}.promo-action b{font-size:18px}.stock.low{background:#fff4d9;color:#9a6500}.product-detail-stock{margin:12px 0 16px}
@media(max-width:1120px){.premium-nav{gap:2px}.premium-nav>a:not(.header-whatsapp){padding:9px 7px;font-size:10px}.premium-brand{min-width:210px}.brand-copy small{max-width:175px}}
@media(max-width:980px){.premium-header{height:76px}.premium-nav{top:82px;padding:14px;border-radius:16px;gap:5px}.premium-nav>a:not(.header-whatsapp){padding:11px 12px}.header-whatsapp{margin:5px 0 0;justify-content:center}.premium-promo-grid{grid-template-columns:1fr 1fr}.premium-promo-card.featured{grid-column:1/-1}.premium-brand{min-width:0}.brand-copy small{max-width:220px}}
@media(max-width:640px){.premium-topbar{height:auto;padding:7px 0}.topbar-content{align-items:flex-start;flex-direction:column;gap:3px}.topbar-meta{gap:12px}.premium-promo-grid{grid-template-columns:1fr}.premium-promo-card.featured{grid-column:auto}.premium-promo-card.featured h3,.premium-promo-card.featured p{max-width:88%}.premium-promo-card.featured h3{font-size:27px}.brand-copy small{max-width:190px}.brand-logo-shell{width:46px;height:46px}.premium-header{height:70px}}
/* V10.4 — akun pembeli, galeri produk, checkout transfer manual */
.header-whatsapp{background:linear-gradient(135deg,#25d366,#16a957)!important;box-shadow:0 9px 22px rgba(37,211,102,.25)!important}.header-whatsapp:hover{background:linear-gradient(135deg,#2be174,#159f51)!important;transform:translateY(-1px)}.header-whatsapp .whatsapp-logo{width:25px;height:25px;display:grid;place-items:center}.header-whatsapp .whatsapp-logo svg{width:22px;height:22px;color:#fff;display:block}
.header-shop-link,.header-account-link{position:relative;display:flex;align-items:center;gap:6px;min-height:38px;padding:0 9px;border-radius:10px;color:#26374d;background:#fff;border:1px solid #e1e8f0;font-size:10px;font-weight:800;white-space:nowrap}.header-shop-link:hover,.header-account-link:hover{background:#edf4ff;color:var(--primary)}.header-shop-link b{position:absolute;right:-5px;top:-7px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:var(--accent);color:#fff;font-size:8px}.header-shop-icon{font-size:15px}.header-account-link>span{color:var(--primary);font-size:13px}
.site-flash-wrap{position:fixed;z-index:120;left:50%;top:112px;transform:translateX(-50%);width:min(620px,calc(100% - 30px))}.site-flash{padding:13px 16px;border-radius:12px;box-shadow:0 14px 38px rgba(13,39,72,.16);font-size:13px;font-weight:750}.site-flash.success{background:#e8f8ee;color:#146d38;border:1px solid #bce7cb}.site-flash.error{background:#fff0f1;color:#9b2530;border:1px solid #f2c8cd}
.product-detail-section{background:linear-gradient(180deg,#fff,#f7faff)}.product-detail-modern{align-items:start;gap:44px}.product-gallery{min-width:0;position:sticky;top:120px}.product-gallery-stage{position:relative;overflow:hidden;border:1px solid #dfe7f0;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(17,47,82,.08);aspect-ratio:1/1}.product-gallery-slide{display:none;width:100%;height:100%}.product-gallery-slide.active{display:grid;place-items:center}.product-gallery-slide img,.product-gallery-slide video{width:100%;height:100%;object-fit:contain;background:#fff}.gallery-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(7,20,38,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.16)}.gallery-arrow.previous{left:14px}.gallery-arrow.next{right:14px}.gallery-counter{position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(7,20,38,.75);color:#fff;font-size:10px}.product-gallery-thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto;padding:2px}.product-gallery-thumbs button{width:72px;height:72px;flex:none;padding:3px;border:2px solid transparent;border-radius:12px;background:#fff;overflow:hidden;cursor:pointer}.product-gallery-thumbs button.active{border-color:var(--primary);box-shadow:0 5px 18px rgba(11,58,130,.15)}.product-gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:8px}.video-thumb{width:100%;height:100%;display:grid;place-items:center;border-radius:8px;background:#172337;color:#fff;font-size:20px}.product-detail-info{padding:12px 0}.favorite-product-badge{display:inline-flex;margin-left:9px;padding:6px 10px;border-radius:99px;background:#fff0d7;color:#8b5b00;font-size:9px;font-weight:900;text-transform:uppercase}.product-reputation{display:flex;align-items:center;gap:0;margin:10px 0 18px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:12px 0}.product-reputation span{padding:0 14px;border-right:1px solid #e0e6ed;font-size:11px;color:#657489}.product-reputation span:first-child{padding-left:0}.product-reputation span:last-child{border-right:0}.product-reputation b{color:#15283f;font-size:14px}.product-reputation .rating b{color:#ef9a00}.product-main-price{font-size:34px;margin:12px 0 5px}.price-estimate-note{display:block;color:#7a8899;margin-bottom:10px}.product-stock-row{display:flex;align-items:center;gap:12px;margin:8px 0 22px}.product-stock-row .stock{margin:0}.product-stock-row>small{color:#536277;font-weight:700}.product-description{padding:20px 0;border-top:1px solid #e7edf4}.product-description h3{font-size:14px;margin:0 0 7px}.product-description p{margin:0}.direct-buy-box{display:grid;grid-template-columns:1fr 92px auto;gap:12px;align-items:end;padding:20px;margin:20px 0;border:1px solid #cfe0f5;border-radius:17px;background:linear-gradient(135deg,#edf5ff,#fff);box-shadow:0 12px 30px rgba(11,58,130,.07)}.direct-buy-box h3{margin:4px 0;font-size:18px}.direct-buy-box p{margin:0;font-size:11px}.direct-buy-box label{display:grid;gap:5px;font-size:10px;font-weight:850}.direct-buy-box input{width:100%;padding:12px;border:1px solid #ccd8e7;border-radius:10px}.direct-buy-box .btn{margin:0}
.catalog-product-stats{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}.catalog-product-stats span{font-size:8px;padding:4px 7px;border-radius:99px;background:#f0f4f8;color:#5e6c7d}.catalog-product-stats span:first-child{background:#fff3d8;color:#946300}
.customer-auth-card{padding:30px;background:#fff;border:1px solid #e1e8f0;border-radius:20px;box-shadow:0 18px 45px rgba(15,43,76,.08)}.customer-auth-card h1,.customer-auth-card h2{margin:7px 0 18px}.customer-demo-note{padding:15px;border-radius:12px;background:#fff6df;border:1px solid #f2daa0;color:#76510a}.customer-demo-note p{margin:5px 0 0;font-size:11px;line-height:1.6}.auth-switch{text-align:center;font-size:12px;color:#718096}.auth-switch a{color:var(--primary);font-weight:850}.otp-input{text-align:center;font-size:28px;letter-spacing:.35em;font-weight:900}.customer-dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.customer-profile-card{padding:24px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 35px rgba(13,43,78,.06);position:sticky;top:118px}.customer-profile-card h3{margin:14px 0 5px}.customer-profile-card p,.customer-profile-card small{color:#69788a;line-height:1.7}.customer-profile-card .btn{margin-top:18px}.customer-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--primary),#397ac5);color:#fff;font-weight:900}.customer-avatar.small{width:42px;height:42px;border-radius:12px}.customer-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.customer-section-head h2{margin:5px 0 0}.customer-order-row{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:14px;align-items:center;padding:17px 18px;margin-bottom:10px;border:1px solid #e2e9f1;border-radius:14px;background:#fff;color:#17283d;transition:.2s}.customer-order-row:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(13,40,73,.08)}.customer-order-row div{display:grid;gap:4px}.customer-order-row small{color:#7a8797;font-size:10px}.order-status{display:inline-flex;width:max-content;padding:6px 9px;border-radius:99px;background:#eaf2ff;color:var(--primary);font-size:9px;font-weight:850}.order-status.completed{background:#e8f8ee;color:#156f3a}.order-status.cancelled{background:#fff0f1;color:#a32b35}.empty-order-state{padding:40px;text-align:center;border:1px dashed #ced9e5;border-radius:16px;background:#fafcff}
.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.order-detail-main{display:grid;gap:16px}.order-progress-card,.order-items-card,.order-address-card,.payment-proof-card,.payment-summary-card{background:#fff;border:1px solid #e0e7ef;border-radius:17px;padding:22px;box-shadow:0 12px 34px rgba(14,42,75,.055)}.order-progress-head{display:flex;justify-content:space-between;align-items:start}.order-progress-head small{font-size:9px;color:#7c8999}.order-progress-head h2{margin:6px 0}.order-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.order-steps span{position:relative;padding-top:18px;font-size:8px;text-align:center;color:#8995a4}.order-steps span:before{content:"";position:absolute;top:0;left:50%;width:10px;height:10px;border-radius:50%;background:#d7dee7;transform:translateX(-50%)}.order-steps span:after{content:"";position:absolute;top:4px;left:calc(50% + 7px);width:calc(100% - 14px);height:2px;background:#d7dee7}.order-steps span:last-child:after{display:none}.order-steps span.active{color:var(--primary);font-weight:800}.order-steps span.active:before,.order-steps span.active:after{background:var(--primary)}.order-items-card h3,.order-address-card h3,.payment-proof-card h3{margin-top:0}.order-item-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e8edf3}.order-item-line:last-child{border-bottom:0}.order-item-line small{display:block;color:#768496;margin-top:4px}.payment-proof-card img{max-width:280px;max-height:360px;object-fit:contain;border:1px solid #e0e6ed;border-radius:12px}.payment-proof-card p{font-size:10px;color:#778596}.payment-summary-card{position:sticky;top:118px}.payment-summary-card h3{margin:7px 0}.payment-grand-total{display:block;font-size:31px;color:var(--primary);margin:8px 0 18px}.payment-breakdown{border-top:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1;padding:10px 0;margin-bottom:15px}.payment-breakdown p{display:flex;justify-content:space-between;margin:7px 0;font-size:11px}.bank-account-box{padding:16px;border-radius:13px;background:#0d315f;color:#fff;margin:12px 0}.bank-account-box small,.bank-account-box strong,.bank-account-box span{display:block}.bank-account-box small{color:#a9c5e7;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.bank-account-box strong{font-size:21px;letter-spacing:.04em;margin:4px 0}.bank-account-box span{font-size:11px}.mandatory-proof-warning{padding:13px 14px;margin:14px 0;border-radius:12px;background:#fff3df;border:1px solid #f1d69d;color:#78510a}.mandatory-proof-warning p{margin:4px 0 0;font-size:10px;line-height:1.55}.payment-summary-card .full{width:100%;justify-content:center;margin-top:9px}.payment-amount-highlight{text-align:center;padding:20px;margin:15px 0;border-radius:16px;background:linear-gradient(135deg,#eaf3ff,#fff);border:1px solid #cddff5}.payment-amount-highlight small,.payment-amount-highlight strong,.payment-amount-highlight span{display:block}.payment-amount-highlight strong{font-size:34px;color:var(--primary);margin:5px 0}.payment-amount-highlight span{font-size:10px;color:#68778a}.payment-qr-box{display:grid;grid-template-columns:130px 1fr;gap:17px;align-items:center;padding:15px;border:1px solid #dfe6ef;border-radius:14px;background:#fff}.payment-qr-box img{width:130px;height:130px;object-fit:contain;border-radius:10px}.payment-qr-box p{font-size:11px;line-height:1.6;color:#6b798a}.checkout-account{display:flex;gap:12px;align-items:center;padding:13px;margin-bottom:20px;border-radius:13px;background:#f2f6fb}.checkout-account div:last-child{display:grid;gap:2px}.checkout-account small{font-size:8px;color:#758397}.checkout-account span{font-size:10px;color:#6c7a8d}.checkout-payment-method{padding:18px;border:1px solid #dae4ef;border-radius:14px;margin:16px 0;background:#fbfdff}.checkout-payment-method h3{margin:5px 0}.checkout-payment-method>p{font-size:10px;color:#728095}.payment-upload-form label{display:grid;gap:7px;margin-top:13px}.payment-upload-form label small{color:#758397}
@media(max-width:1100px){.header-shop-link strong,.header-account-link strong{display:none}.header-shop-link,.header-account-link{width:38px;justify-content:center}.direct-buy-box{grid-template-columns:1fr 82px}.direct-buy-box .btn{grid-column:1/-1}.order-detail-layout{grid-template-columns:1fr}.payment-summary-card{position:static}.customer-dashboard-grid{grid-template-columns:230px 1fr}}
@media(max-width:980px){.product-gallery{position:static}.product-detail-modern{gap:24px}.customer-dashboard-grid{grid-template-columns:1fr}.customer-profile-card{position:static}.customer-order-row{grid-template-columns:1fr 1fr}.customer-order-row>b{display:none}}
@media(max-width:640px){.product-gallery-stage{aspect-ratio:1/1}.product-gallery-thumbs button{width:58px;height:58px}.product-reputation{flex-wrap:wrap}.product-reputation span{padding:7px 10px;border:0}.direct-buy-box{grid-template-columns:1fr}.direct-buy-box label{max-width:120px}.customer-order-row{grid-template-columns:1fr}.order-steps{overflow:auto;grid-template-columns:repeat(5,100px)}.payment-qr-box{grid-template-columns:1fr;text-align:center}.payment-qr-box img{margin:auto}.customer-section-head{align-items:start;flex-direction:column;gap:12px}.site-flash-wrap{top:86px}}
.order-shipping-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;padding:12px 14px;border:1px solid rgba(11,58,130,.12);border-radius:12px;background:rgba(11,58,130,.035)}.order-shipping-info span{display:flex;flex-direction:column;gap:3px}.order-shipping-info small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#718198}.order-shipping-info strong{font-size:13px;color:#10213a}@media(max-width:620px){.order-shipping-info{grid-template-columns:1fr}}
/* V10.4.1 — Customer account form layout */
.customer-auth-section{padding-top:58px;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.customer-auth-container{width:min(760px,calc(100% - 40px));margin:0 auto}
.customer-auth-card.customer-auth-form{display:block;width:100%;padding:34px 38px;border:1px solid rgba(11,58,130,.12);border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(18,47,82,.10)}
.customer-auth-heading{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #edf1f6}
.customer-auth-heading h2{margin:7px 0 6px;font-size:30px;line-height:1.2;color:var(--dark);letter-spacing:-.025em}
.customer-auth-heading p{margin:0;color:#66758a;font-size:14px}
.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.customer-field{display:grid;gap:8px;min-width:0;color:#24344a;font-size:13px;font-weight:750}
.customer-field.full{grid-column:1/-1}
.customer-auth-form label{display:grid;gap:8px;margin:0;color:#24344a;font-size:13px;font-weight:750}
.customer-auth-form input,.customer-auth-form select,.customer-auth-form textarea{display:block;width:100%;min-width:0;padding:13px 14px;border:1px solid #ccd7e4;border-radius:12px;background:#fbfcfe;color:#142033;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.customer-auth-form textarea{resize:vertical;min-height:108px;line-height:1.55}
.customer-auth-form input:focus,.customer-auth-form select:focus,.customer-auth-form textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(11,58,130,.09)}
.customer-auth-form input::placeholder,.customer-auth-form textarea::placeholder{color:#9aa5b4;font-weight:500}
.customer-auth-form>.customer-demo-note{margin:22px 0 0;padding:16px 18px;display:block}
.customer-auth-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}
.customer-auth-actions .auth-switch{margin:0;text-align:right}
.customer-auth-card.customer-auth-form>.btn{margin-top:20px}
.customer-auth-card.customer-auth-form>.btn+.btn{margin-left:8px}
.customer-account-hero{padding-bottom:66px}
@media(max-width:700px){
.customer-auth-section{padding-top:38px}
.customer-auth-container{width:min(100% - 28px,760px)}
.customer-auth-card.customer-auth-form{padding:24px 20px;border-radius:18px}
.customer-form-grid{grid-template-columns:1fr;gap:15px}
.customer-field.full{grid-column:auto}
.customer-auth-actions{align-items:stretch;flex-direction:column}
.customer-auth-actions .btn{width:100%}
.customer-auth-actions .auth-switch{text-align:center}
.customer-auth-card.customer-auth-form>.btn{width:100%}
.customer-auth-card.customer-auth-form>.btn+.btn{margin-left:0;margin-top:10px}
}
/* V10.5 — Store cart, checkout, address and order progress */
.store-page-hero{padding-bottom:46px;background:linear-gradient(135deg,#f4f8fd 0%,#fff 60%,rgba(11,58,130,.05) 100%)}
.store-stepper{display:flex;align-items:center;gap:10px;margin-bottom:26px;color:#8a96a6;font-size:11px;font-weight:800}.store-stepper span{display:flex;align-items:center;gap:7px;white-space:nowrap}.store-stepper span b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e7ecf2;color:#748194;font-size:10px}.store-stepper span.active,.store-stepper span.done{color:var(--primary)}.store-stepper span.active b,.store-stepper span.done b{background:var(--primary);color:#fff}.store-stepper i{width:54px;height:2px;background:#dfe5ec}.store-stepper i.active{background:var(--primary)}
.store-section{padding-top:58px;background:#f6f8fb}.web-cart-layout.modern{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.web-cart-main,.cart-summary.modern,.checkout-form-card.modern,.checkout-summary.modern{background:#fff;border:1px solid #dfe6ee;border-radius:20px;box-shadow:0 16px 44px rgba(13,43,78,.07)}.web-cart-main{overflow:hidden}.cart-panel-head{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;border-bottom:1px solid #e7edf4}.cart-panel-head h2{margin:4px 0 0;font-size:22px}.cart-clear-btn,.cart-remove-btn{border:0;background:transparent;color:#ad3038;font-size:11px;font-weight:800;cursor:pointer}.web-cart-list.modern{display:grid}.cart-product-row{display:grid;grid-template-columns:96px minmax(0,1fr) 142px 150px;gap:18px;align-items:center;padding:22px 26px;border-bottom:1px solid #e8edf3}.cart-product-row:last-child{border-bottom:0}.cart-product-image{width:96px;height:96px;border-radius:15px;background:#f3f6fa;display:grid;place-items:center;overflow:hidden}.cart-product-image img{width:100%;height:100%;object-fit:contain}.cart-product-image span{font-weight:900;color:var(--primary);font-size:26px}.cart-product-copy small{display:block;color:#8290a1;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.cart-product-copy h3{font-size:16px;margin:4px 0 7px;line-height:1.35}.cart-product-copy h3 a:hover{color:var(--primary)}.cart-unit-price{display:block;margin-top:8px;color:var(--primary);font-size:14px}.cart-stock-note{display:inline-flex;padding:4px 8px;border-radius:99px;background:#e8f7ed;color:#167043;font-size:8px;font-weight:800}.cart-stock-note.low{background:#fff2d7;color:#946000}.cart-quantity-control{display:grid;gap:7px;font-size:9px;color:#738196;text-transform:uppercase;letter-spacing:.07em}.cart-quantity-control>div{display:grid;grid-template-columns:34px 50px 34px;border:1px solid #d7e0e9;border-radius:10px;overflow:hidden;background:#fff}.cart-quantity-control button{border:0;background:#f3f6fa;cursor:pointer;font-size:17px;color:#31435b}.cart-quantity-control input{width:100%;border:0;text-align:center;font-weight:800;outline:0;-moz-appearance:textfield}.cart-quantity-control input::-webkit-inner-spin-button{display:none}.cart-line-total{text-align:right}.cart-line-total small,.cart-line-total strong{display:block}.cart-line-total small{font-size:9px;color:#7c8998}.cart-line-total strong{font-size:16px;margin:3px 0 7px}.cart-update-actions{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;background:#fafcff;border-top:1px solid #e5ebf2}.text-link{color:var(--primary);font-weight:800;font-size:11px;border:0;background:none;cursor:pointer}.cart-summary.modern{padding:25px;position:sticky;top:105px}.cart-summary.modern h3{margin:7px 0 18px;font-size:22px}.cart-summary-lines{padding:13px 0;border-top:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1}.cart-summary-lines p,.checkout-summary-lines p{display:flex;justify-content:space-between;gap:15px;margin:9px 0;font-size:11px}.cart-summary-lines span,.checkout-summary-lines span{color:#6e7d8e}.cart-summary-total{display:flex;justify-content:space-between;align-items:end;padding:18px 0}.cart-summary-total small{color:#748294}.cart-summary-total strong{font-size:25px;color:var(--primary)}.cart-summary-note{font-size:10px;line-height:1.6;color:#738196;background:#f4f7fb;padding:12px;border-radius:11px}.cart-summary .full{width:100%}.cart-security-note{display:flex;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid #e5ebf1;font-size:9px;color:#708095;line-height:1.5}.cart-security-note b{color:#17844c}.cart-empty-state{max-width:720px;margin:auto;text-align:center;padding:70px 30px;background:#fff;border:1px solid #e0e7ef;border-radius:24px;box-shadow:0 18px 50px rgba(14,42,75,.07)}.cart-empty-icon{width:78px;height:78px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:#edf4ff;font-size:32px}.cart-empty-state h2{font-size:30px;margin:8px 0}.cart-empty-state p{color:#6a788a;margin-bottom:24px}
.checkout-layout.modern{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.checkout-form-card.modern{padding:26px}.checkout-account{position:relative}.checkout-account>a{margin-left:auto;font-size:10px;color:var(--primary);font-weight:800}.checkout-section-card{padding:23px 0;border-top:1px solid #e5ebf2}.checkout-section-card:first-of-type{border-top:0}.checkout-section-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.checkout-section-head>b,.customer-form-section-title>b{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:11px}.checkout-section-head h2{font-size:19px;margin:0 0 3px}.checkout-section-head p{font-size:10px;margin:0;color:#748294}.checkout-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.checkout-address-grid label{display:grid;gap:7px;font-size:11px;font-weight:750;color:#33445a}.checkout-address-grid label.full{grid-column:1/-1}.checkout-address-grid input,.checkout-address-grid textarea{width:100%;padding:12px 13px;border:1px solid #ccd7e3;border-radius:11px;background:#fbfcfe;outline:0}.checkout-address-grid textarea{resize:vertical;line-height:1.5}.checkout-address-grid input:focus,.checkout-address-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(11,58,130,.08);background:#fff}.checkout-bank-row{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #dbe4ee;border-radius:14px;background:#f9fbfd}.bank-logo{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:#0d315f;color:#fff;font-weight:900;font-size:10px}.checkout-bank-row small,.checkout-bank-row strong,.checkout-bank-row span{display:block}.checkout-bank-row small{font-size:9px;color:#6c7a8c;text-transform:uppercase}.checkout-bank-row strong{font-size:18px;margin:3px 0}.checkout-bank-row span{font-size:10px;color:#6b7989}.checkout-bank-row em{font-style:normal;font-size:9px;padding:6px 9px;border-radius:99px;background:#e7f7ed;color:#167044;font-weight:800}.checkout-info-strip{display:flex;gap:11px;padding:13px 14px;margin-top:12px;border-radius:12px;background:#edf4ff;color:#294b78}.checkout-info-strip>b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff}.checkout-info-strip p{margin:0;font-size:10px;line-height:1.6}.checkout-confirm{display:flex!important;align-items:flex-start;gap:10px;margin:5px 0 20px;padding:15px;border-radius:12px;background:#fff8e8;border:1px solid #efdba9;font-size:10px!important;line-height:1.6;color:#71540f!important}.checkout-confirm input{width:auto!important;margin-top:3px}.checkout-submit{min-height:54px}.checkout-summary.modern{padding:24px;position:sticky;top:105px}.checkout-summary.modern h3{font-size:21px;margin:5px 0 16px}.checkout-product-list{display:grid;gap:13px;padding:14px 0;border-top:1px solid #e4eaf1;border-bottom:1px solid #e4eaf1}.checkout-product-list>div{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.checkout-product-list>div>span{width:44px;height:44px;border-radius:10px;background:#f1f4f8;overflow:hidden}.checkout-product-list img{width:100%;height:100%;object-fit:contain}.checkout-product-list p{margin:0}.checkout-product-list strong,.checkout-product-list small{display:block}.checkout-product-list strong{font-size:10px;line-height:1.35}.checkout-product-list small{font-size:9px;color:#768495;margin-top:3px}.checkout-product-list b{font-size:10px}.checkout-summary-lines{padding:10px 0}.checkout-total{display:flex;justify-content:space-between;align-items:end;padding:15px 0;border-top:2px solid #dfe6ee}.checkout-total span{font-size:11px}.checkout-total strong{font-size:24px;color:var(--primary)}.checkout-back-link{display:block;text-align:center;margin-top:14px;font-size:10px;color:var(--primary);font-weight:800}
.customer-auth-container.wide{width:min(900px,calc(100% - 40px))}.customer-form-section{padding:22px 0;border-top:1px solid #e8edf3}.customer-form-section:first-of-type{border-top:0;padding-top:0}.customer-form-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.customer-form-section-title strong,.customer-form-section-title small{display:block}.customer-form-section-title strong{font-size:14px}.customer-form-section-title small{font-size:10px;color:#748294;margin-top:2px}.customer-address-editor{padding:22px;margin-bottom:24px;border:1px solid #dce5ef;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(14,42,75,.055)}.customer-address-editor .btn{margin-top:16px}.customer-profile-card .full{width:100%;margin-top:10px}.order-history-card{background:#fff;border:1px solid #e0e7ef;border-radius:17px;padding:22px;box-shadow:0 12px 34px rgba(14,42,75,.055)}.order-history-card h3{margin-top:0}.order-history-list{display:grid}.order-history-list article{display:grid;grid-template-columns:16px 1fr;gap:11px;position:relative;padding:0 0 18px}.order-history-list article:last-child{padding-bottom:0}.order-history-list article:before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:2px;background:#e1e8f0}.order-history-list article:last-child:before{display:none}.order-history-list i{width:12px;height:12px;border-radius:50%;background:var(--primary);margin-top:3px;position:relative;z-index:1;box-shadow:0 0 0 4px #e7effb}.order-history-list strong,.order-history-list small{display:block}.order-history-list strong{font-size:12px}.order-history-list small{font-size:9px;color:#7a8798;margin-top:2px}.order-history-list p{font-size:10px;line-height:1.6;color:#5f6e80;margin:6px 0 0}
@media(max-width:1050px){.web-cart-layout.modern,.checkout-layout.modern{grid-template-columns:1fr}.cart-summary.modern,.checkout-summary.modern{position:static}.cart-product-row{grid-template-columns:82px minmax(0,1fr) 130px}.cart-line-total{grid-column:2/-1;display:flex;align-items:center;justify-content:flex-end;gap:16px}}
@media(max-width:700px){.store-stepper{overflow:auto;padding-bottom:4px}.store-stepper i{width:25px;flex:0 0 25px}.cart-product-row{grid-template-columns:70px 1fr;gap:13px;padding:18px}.cart-product-image{width:70px;height:70px}.cart-quantity-control{grid-column:1/2}.cart-line-total{grid-column:2/3;display:block}.cart-panel-head,.cart-update-actions{padding:18px}.cart-update-actions{align-items:stretch;flex-direction:column-reverse}.checkout-form-card.modern,.checkout-summary.modern{padding:18px}.checkout-address-grid{grid-template-columns:1fr}.checkout-address-grid label.full{grid-column:auto}.checkout-bank-row{grid-template-columns:45px 1fr}.checkout-bank-row em{grid-column:1/-1;width:max-content}.cart-empty-state{padding:45px 20px}.customer-auth-container.wide{width:min(100% - 28px,900px)}}
/* V10.6 — Weight and shipping checkout */
.product-weight-detail{display:inline-flex;align-items:center;gap:6px;margin-right:9px;padding:6px 9px;border-radius:999px;background:rgba(11,58,130,.07);color:#42546d;font-size:9px}.product-weight-detail strong{color:var(--primary)}
.shipping-checkout-card{position:relative}.shipping-origin-box{padding:14px 16px;margin-bottom:15px;border:1px solid #dce5ef;border-radius:13px;background:linear-gradient(135deg,#f7faff,#fff)}.shipping-origin-box span,.shipping-origin-box strong,.shipping-origin-box p{display:block}.shipping-origin-box span{font-size:8px;letter-spacing:.09em;color:#79879a}.shipping-origin-box strong{font-size:13px;margin:4px 0}.shipping-origin-box p{margin:0;font-size:10px;color:#617085;line-height:1.5}.shipping-option-list{display:grid;border:1px solid #dfe6ee;border-radius:14px;overflow:hidden}.shipping-option-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;border-bottom:1px solid #e5ebf2;background:#fff;cursor:pointer}.shipping-option-row:last-child{border-bottom:0}.shipping-option-row:hover{background:#f7faff}.shipping-option-row:has(input:checked){background:#edf4ff;box-shadow:inset 3px 0 var(--primary)}.shipping-option-row input{width:auto!important;accent-color:var(--primary)}.shipping-option-main strong,.shipping-option-main small,.shipping-option-meta b,.shipping-option-meta small{display:block}.shipping-option-main strong{font-size:11px;color:#20344f}.shipping-option-main small{margin-top:3px;font-size:9px;color:#718094;line-height:1.45}.shipping-option-meta{text-align:right}.shipping-option-meta b{font-size:12px;color:var(--primary)}.shipping-option-meta small{margin-top:3px;font-size:8px;color:#6f7e8f}.empty-shipping-state{padding:18px;text-align:center;font-size:10px;color:#7a8796;background:#fafcff}.rajaongkir-search-box{display:grid;gap:11px}.rajaongkir-search-box label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#34465d}.shipping-search-control{display:grid;grid-template-columns:1fr auto;gap:9px}.shipping-search-control input,.rajaongkir-search-box select{width:100%;min-height:43px;border:1px solid #ccd8e4;border-radius:11px;padding:0 12px;background:#fff}.rajaongkir-search-box select{display:block}.shipping-api-message{padding:11px 13px;border-radius:10px;background:#f3f6fa;color:#66778b;font-size:9px;line-height:1.5}
@media(max-width:620px){.shipping-option-row{grid-template-columns:22px 1fr}.shipping-option-meta{grid-column:2;text-align:left;display:flex;gap:10px;align-items:center}.shipping-search-control{grid-template-columns:1fr}.shipping-search-control .btn{width:100%}}
/* V10.7 — A4 receipt, cascading address and expedition calculator */
.address-selector-fields,.address-domestic-fields,.address-manual-fields{display:contents}.address-selector-fields[hidden],.address-domestic-fields[hidden],.address-manual-fields[hidden]{display:none!important}.address-selector-help{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:10px;background:rgba(11,58,130,.045);color:#627187;font-size:9px;line-height:1.5}.address-selector-help button{border:0;background:transparent;color:var(--primary);font:inherit;font-weight:850;cursor:pointer;white-space:nowrap}.address-selector-help [data-state="error"]{color:#a72d37}.address-selector-help [data-state="warning"]{color:#8a6200}.address-selector-help [data-state="success"]{color:#26714d}.checkout-address-grid select{width:100%;padding:12px 13px;border:1px solid #ccd7e3;border-radius:11px;background:#fbfcfe;color:#23354d;outline:0}.checkout-address-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(11,58,130,.08);background:#fff}.shipping-address-ready{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #dce5ef;border-radius:13px;background:#f8fbff}.shipping-address-ready strong,.shipping-address-ready p{display:block}.shipping-address-ready strong{font-size:11px;color:#20344f}.shipping-address-ready p{margin:3px 0 0;font-size:9px;color:#718094;line-height:1.5}.shipping-option-meta em{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:99px;background:#fff0d3;color:#875e00;font-size:7px;font-style:normal;font-weight:850}.shipping-page-hero{background:linear-gradient(135deg,#f4f8fd 0%,#fff 62%,rgba(11,58,130,.07) 100%)}.shipping-calculator-section{padding-top:56px;background:#f6f8fb}.shipping-calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:24px;align-items:start}.shipping-calculator-card,.shipping-results-panel{background:#fff;border:1px solid #dfe6ee;border-radius:22px;box-shadow:0 18px 48px rgba(13,43,78,.07)}.shipping-calculator-card{padding:26px}.shipping-calculator-head h2,.shipping-results-head h2{font-size:24px;margin:6px 0}.shipping-calculator-head p,.shipping-results-head p{font-size:10px;color:#718094;margin:0 0 18px}.shipping-origin-box.prominent{margin:18px 0}.shipping-calculator-address{margin-top:14px}.shipping-weight-field{margin:16px 0}.shipping-weight-field label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#34465d}.shipping-weight-field label>div{display:grid;grid-template-columns:1fr auto;border:1px solid #ccd8e4;border-radius:11px;overflow:hidden;background:#fff}.shipping-weight-field input{border:0;padding:12px 13px;outline:0}.shipping-weight-field span{display:grid;place-items:center;padding:0 14px;background:#f1f5fa;color:#65758a;font-size:10px;font-weight:800}.shipping-weight-field small{font-size:8px;color:#7d8998}.shipping-results-panel{padding:26px;position:sticky;top:105px}.shipping-result-list{display:grid;border:1px solid #e0e7ef;border-radius:15px;overflow:hidden}.shipping-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;border-bottom:1px solid #e5ebf2;background:#fff}.shipping-result-row:last-child{border-bottom:0}.shipping-result-row>div:first-child span,.shipping-result-row>div:first-child strong,.shipping-result-row>div:first-child p{display:block}.shipping-result-row span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#77869a}.shipping-result-row strong{font-size:13px;margin:3px 0}.shipping-result-row p{font-size:9px;color:#718094;margin:0;line-height:1.45}.shipping-result-row>div:last-child{text-align:right}.shipping-result-row b,.shipping-result-row small,.shipping-result-row em{display:block}.shipping-result-row b{font-size:14px;color:var(--primary)}.shipping-result-row small{font-size:8px;color:#6f7e8f;margin-top:3px}.shipping-result-row em{margin-top:5px;font-size:7px;color:#875e00;font-style:normal;font-weight:850}.shipping-result-empty{padding:34px 20px;text-align:center;color:#718094}.shipping-result-empty strong{display:block;color:#31435b;font-size:13px}.shipping-result-empty p{font-size:9px;line-height:1.6}.shipping-result-empty.error strong{color:#a52e38}.same-day-policy{margin-top:14px;padding:14px 15px;border:1px solid #efd9a8;border-radius:12px;background:#fff8e9}.same-day-policy strong{font-size:10px;color:#76540c}.same-day-policy p{font-size:9px;color:#785f28;line-height:1.55;margin:4px 0 0}
@media(max-width:900px){.shipping-calculator-layout{grid-template-columns:1fr}.shipping-results-panel{position:static}}@media(max-width:620px){.address-selector-help{align-items:flex-start;flex-direction:column}.shipping-address-ready{align-items:stretch;flex-direction:column}.shipping-address-ready .btn{width:100%}.shipping-result-row{grid-template-columns:1fr}.shipping-result-row>div:last-child{text-align:left}.shipping-result-row>div:last-child b,.shipping-result-row>div:last-child small,.shipping-result-row>div:last-child em{display:inline-block;margin-right:10px}}
/* V10.7.1 — customer shipment visibility */
.order-shipping-info.enhanced{grid-template-columns:repeat(3,minmax(0,1fr))}.order-shipping-info.enhanced span{min-width:0}.order-shipping-info.enhanced strong{overflow-wrap:anywhere}@media(max-width:760px){.order-shipping-info.enhanced{grid-template-columns:1fr}}
/* V10.7.2 — Buku alamat pelanggan */
.customer-primary-address{margin:18px 0;padding:14px;border-radius:16px;background:rgba(18,81,159,.06);text-align:left}.customer-primary-address>span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--primary,#12519f);margin-bottom:5px}.customer-primary-address strong{display:block;margin-bottom:5px}.customer-primary-address small{display:block;line-height:1.55;color:var(--muted,#667085)}
.customer-address-book{scroll-margin-top:110px;margin-bottom:36px}.customer-section-head p{margin:6px 0 0;color:var(--muted,#667085)}.customer-section-head.compact{margin-bottom:20px}.customer-address-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.customer-address-card{border:1px solid rgba(18,81,159,.13);background:#fff;border-radius:18px;padding:18px;box-shadow:0 9px 28px rgba(28,54,91,.06)}.customer-address-card.is-default{border-color:rgba(18,81,159,.32);background:linear-gradient(145deg,rgba(18,81,159,.055),rgba(255,255,255,.96))}.customer-address-card header,.customer-address-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-address-card header>div{display:flex;align-items:center;gap:8px}.customer-address-card header span{padding:4px 8px;border-radius:999px;background:rgba(18,81,159,.1);color:var(--primary,#12519f);font-size:.68rem;font-weight:800}.customer-address-card header a,.text-button{border:0;background:none;padding:0;color:var(--primary,#12519f);font:inherit;font-size:.82rem;font-weight:750;cursor:pointer}.text-button.danger{color:#b42318}.customer-address-card h3{margin:16px 0 3px;font-size:1rem}.customer-address-card p{margin:0 0 10px;font-size:.84rem;color:var(--muted,#667085)}.customer-address-card small{display:block;min-height:68px;line-height:1.55;color:#475467}.customer-address-card footer{margin-top:15px;padding-top:13px;border-top:1px dashed rgba(18,81,159,.15);justify-content:flex-start}.customer-address-card footer form{margin:0}.address-default-note{font-size:.75rem;color:var(--muted,#667085)}.customer-address-editor.multi-address{margin-top:22px;padding:22px;border:1px solid rgba(18,81,159,.14);border-radius:20px;background:rgba(18,81,159,.025);scroll-margin-top:110px}.address-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.order-history-head{margin-top:34px}
.checkout-saved-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.checkout-address-option{position:relative;display:flex;gap:12px;padding:16px;border:1px solid rgba(18,81,159,.14);border-radius:17px;background:#fff;cursor:pointer;transition:.2s ease}.checkout-address-option:hover{border-color:rgba(18,81,159,.35);transform:translateY(-1px)}.checkout-address-option:has(input:checked){border-color:var(--primary,#12519f);box-shadow:0 0 0 3px rgba(18,81,159,.08);background:rgba(18,81,159,.035)}.checkout-address-option input{position:absolute;opacity:0;pointer-events:none}.checkout-address-radio{width:19px;height:19px;flex:0 0 auto;border:2px solid rgba(18,81,159,.3);border-radius:50%;margin-top:2px;position:relative}.checkout-address-option input:checked+.checkout-address-radio{border-color:var(--primary,#12519f)}.checkout-address-option input:checked+.checkout-address-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--primary,#12519f)}.checkout-address-copy{min-width:0;display:block}.checkout-address-copy>b,.checkout-address-copy>small{display:block}.checkout-address-copy>b{font-size:.84rem;margin:6px 0}.checkout-address-copy>small{font-size:.76rem;line-height:1.5;color:var(--muted,#667085)}.checkout-address-title{display:flex;align-items:center;gap:7px}.checkout-address-title em{font-style:normal;font-size:.66rem;font-weight:800;padding:3px 7px;border-radius:999px;background:rgba(18,81,159,.1);color:var(--primary,#12519f)}.checkout-address-option.add-new{align-items:center;border-style:dashed}.checkout-new-address{margin-top:16px;padding:18px;border-radius:18px;background:rgba(18,81,159,.035);border:1px solid rgba(18,81,159,.1)}.checkout-set-default{display:flex!important;align-items:center;gap:9px}.checkout-set-default input{width:auto!important}.checkout-order-note{margin-top:16px}.checkout-section-head>.text-link{margin-left:auto;white-space:nowrap}
@media(max-width:900px){.customer-address-list,.checkout-saved-addresses{grid-template-columns:1fr}}@media(max-width:640px){.customer-address-editor.multi-address{padding:16px}.checkout-address-option{padding:14px}.checkout-section-head>.text-link{width:100%;margin-left:46px}}
.checkout-new-address fieldset{border:0;padding:0;margin:0;min-width:0}
/* V10.7.3 — foto profil akun pembeli */
.customer-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.customer-avatar-profile{overflow:hidden;border:3px solid rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(11,58,130,.18)}
.customer-profile-photo-panel{margin-bottom:28px;padding:24px;background:#fff;border:1px solid #e2e9f1;border-radius:18px;box-shadow:0 12px 34px rgba(13,43,78,.055)}
.customer-profile-photo-form{display:grid;grid-template-columns:116px minmax(0,1fr);gap:22px;align-items:center}
.customer-profile-photo-preview{width:108px;height:108px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#397ac5);color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 28px rgba(11,58,130,.18)}
.customer-profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}
.customer-profile-photo-fields{display:grid;gap:13px;justify-items:start;width:100%}
.customer-profile-photo-fields .customer-field{width:100%;margin:0}
.customer-profile-photo-fields input[type=file]{padding:11px;background:#f8fbff}
.customer-profile-photo-fields small{display:block;margin-top:6px;color:#758396;font-size:11px}
.customer-remove-avatar{display:flex;align-items:center;gap:9px;color:#9d2d35;font-size:12px;font-weight:750}
.customer-remove-avatar input{width:16px;height:16px}
@media(max-width:640px){.customer-profile-photo-form{grid-template-columns:1fr}.customer-profile-photo-preview{width:92px;height:92px}.customer-profile-photo-fields{justify-items:stretch}.customer-profile-photo-fields .btn{width:100%}}
/* V10.7.4 — filter dan pencarian riwayat transaksi pelanggan */
.customer-order-history{scroll-margin-top:112px}.customer-order-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;margin:0 0 16px;border:1px solid rgba(18,81,159,.12);border-radius:16px;background:rgba(18,81,159,.035);scrollbar-width:thin}.customer-order-tabs a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 14px;border-radius:12px;white-space:nowrap;color:#5f6f83;font-size:11px;font-weight:800;transition:.18s ease}.customer-order-tabs a:hover{color:var(--primary);background:rgba(255,255,255,.72)}.customer-order-tabs a.active{background:#fff;color:var(--primary);box-shadow:0 7px 20px rgba(13,43,78,.08)}.customer-order-tabs b{min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:rgba(18,81,159,.09);font-size:9px}.customer-order-tabs a.active b{background:var(--primary);color:#fff}.customer-order-search{display:grid;grid-template-columns:minmax(260px,1fr) 145px 145px auto auto;gap:10px;align-items:end;padding:16px;margin-bottom:12px;border:1px solid #e0e7ef;border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(28,54,91,.045)}.customer-order-search label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#66768a}.customer-order-search input{width:100%;height:42px;padding:0 12px;border:1px solid #d7e0ea;border-radius:11px;background:#fbfcfe;color:#24374f;outline:none}.customer-order-search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(18,81,159,.08)}.customer-order-search-main{position:relative}.customer-order-search-main i{position:absolute;left:13px;bottom:10px;color:#789;z-index:1;font-style:normal;font-size:17px}.customer-order-search-main input{padding-left:38px}.customer-order-result-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 2px 12px;color:#758396;font-size:10px}.customer-order-result-meta strong{color:#33475f}.customer-order-result-meta small{color:var(--primary);font-weight:750}.customer-order-list{display:grid;gap:10px}.customer-order-row.marketplace-style{margin:0;grid-template-columns:minmax(0,1.3fr) minmax(135px,.55fr) minmax(190px,.75fr) 22px;border-radius:16px}.customer-order-main,.customer-order-total,.customer-order-state{display:grid;gap:4px;min-width:0}.customer-order-code{color:var(--primary);font-size:9px;font-weight:850;letter-spacing:.04em}.customer-order-products{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-order-total span{font-size:9px;color:#8793a2}.customer-order-state{justify-items:start}.customer-order-arrow{font-size:17px;color:var(--primary)}.empty-order-state.filtered{display:grid;justify-items:center;gap:8px}.empty-order-state.filtered .empty-order-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(18,81,159,.08);color:var(--primary);font-size:23px}.empty-order-state.filtered h3,.empty-order-state.filtered p{margin:0}.empty-order-state.filtered .btn{margin-top:8px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.customer-order-search{grid-template-columns:minmax(220px,1fr) 140px 140px}.customer-order-search .btn{width:100%}.customer-order-row.marketplace-style{grid-template-columns:minmax(0,1fr) 150px 190px 18px}}
@media(max-width:760px){.customer-order-search{grid-template-columns:1fr 1fr}.customer-order-search-main{grid-column:1/-1}.customer-order-row.marketplace-style{grid-template-columns:1fr 1fr}.customer-order-state{justify-items:end;text-align:right}.customer-order-arrow{display:none}.customer-order-products{white-space:normal}.customer-order-result-meta{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:520px){.customer-order-search{grid-template-columns:1fr}.customer-order-search-main{grid-column:auto}.customer-order-tabs{margin-inline:-2px}.customer-order-row.marketplace-style{grid-template-columns:1fr}.customer-order-state{justify-items:start;text-align:left}.customer-order-total{padding-top:10px;border-top:1px dashed #dce4ed}.customer-order-result-meta{font-size:9px}}
/* V10.7.5 — jarak identitas checkout */
.checkout-account-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;line-height:1.3}
.checkout-account-copy small{display:block;margin:0 0 5px;line-height:1.2;letter-spacing:.08em}
.checkout-account-copy strong{display:block;margin:0 0 5px;font-size:12px;line-height:1.35;color:#20344f;overflow-wrap:anywhere}
.checkout-account-copy span{display:block;margin:0;font-size:10px;line-height:1.5;color:#6c7a8d;overflow-wrap:anywhere}
@media(max-width:560px){.checkout-account{align-items:flex-start;flex-wrap:wrap}.checkout-account>a{margin-left:64px}.checkout-account-copy{padding-top:1px}}
/* V10.7.6 — ulasan pembelian terverifikasi dan stok publik sederhana */
.public-stock-row{min-height:30px}.public-stock-row .product-weight-detail{margin-left:0}.product-review-section{background:linear-gradient(180deg,#f7faff 0%,#fff 100%);border-top:1px solid rgba(18,81,159,.08)}.product-review-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.product-review-heading h2{font-size:clamp(1.65rem,3vw,2.35rem);margin:6px 0}.product-review-heading p{margin:0;color:var(--muted,#667085)}.product-review-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.product-review-summary{position:sticky;top:105px;padding:24px;border:1px solid rgba(18,81,159,.12);border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(13,43,78,.06)}.review-score{display:flex;align-items:end;gap:6px}.review-score strong{font-size:3.25rem;line-height:1;color:#1d3554}.review-score span{padding-bottom:7px;color:#728096}.review-stars,.review-card-stars{color:#f2a100;letter-spacing:.08em}.review-stars{font-size:1.35rem;margin:8px 0}.product-review-summary>p{margin:0 0 18px;color:#6e7c8e;font-size:.82rem}.review-distribution{display:grid;gap:9px}.review-distribution>div{display:grid;grid-template-columns:34px 1fr 25px;gap:8px;align-items:center;font-size:.72rem;color:#68778a}.review-distribution i{height:7px;border-radius:99px;background:#edf1f6;overflow:hidden}.review-distribution b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f7b000,#f09200)}.review-distribution em{font-style:normal;text-align:right}.product-review-list{display:grid;gap:12px}.product-review-card,.product-review-empty{padding:20px;border:1px solid rgba(18,81,159,.1);border-radius:18px;background:#fff}.product-review-card header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.product-review-card header>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.product-review-card header strong{font-size:.88rem}.product-review-card time{font-size:.7rem;color:#8893a2}.verified-purchase{padding:4px 8px;border-radius:999px;background:#e9f7ef;color:#177249;font-size:.61rem;font-weight:800}.review-card-stars{margin:9px 0;font-size:.9rem}.review-card-stars span{color:#dfe4ea}.product-review-card p{margin:0;line-height:1.7;color:#46576b;font-size:.84rem}.review-without-text{font-style:italic;color:#8994a1!important}.product-review-empty{text-align:center;padding:52px 24px}.product-review-empty>span{font-size:2.4rem;color:#d9a000}.product-review-empty h3{margin:8px 0}.product-review-empty p{margin:0;color:#778497}.order-review-panel{padding:22px;border:1px solid rgba(18,81,159,.12);border-radius:20px;background:linear-gradient(145deg,#fff,#f6f9fd)}.order-review-heading h3{margin:5px 0;font-size:1.25rem}.order-review-heading p{margin:0;color:#718095;font-size:.8rem}.order-review-list{display:grid;gap:10px;margin-top:18px}.order-review-item{border:1px solid #e0e7ef;border-radius:15px;background:#fff;overflow:hidden}.order-review-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none}.order-review-item summary::-webkit-details-marker{display:none}.order-review-item summary>span{display:flex;align-items:center;gap:12px;min-width:0}.order-review-item summary img,.order-review-item summary i{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#eef4fb;display:grid;place-items:center;font-style:normal;color:var(--primary);font-weight:900}.order-review-item summary strong,.order-review-item summary small{display:block}.order-review-item summary strong{font-size:.84rem}.order-review-item summary small{font-size:.68rem;color:#7b8796;margin-top:4px}.order-review-item summary>b{color:#e99b00;white-space:nowrap;font-size:.78rem}.verified-review-form{display:grid;gap:14px;padding:18px;border-top:1px solid #e6ebf1}.verified-review-form>label{display:grid;gap:7px;font-size:.76rem;font-weight:800;color:#516174}.verified-review-form textarea{width:100%;border:1px solid #d7e0ea;border-radius:12px;padding:12px;resize:vertical;font:inherit;font-weight:400;line-height:1.55}.star-rating-input{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.star-rating-input legend{font-size:.76rem;font-weight:800;color:#516174;margin-bottom:7px}.star-rating-input input{position:absolute;opacity:0}.star-rating-input label{font-size:1.75rem;color:#d9dfe7;cursor:pointer;line-height:1}.star-rating-input input:checked~label,.star-rating-input label:hover,.star-rating-input label:hover~label{color:#f2a100}.anonymous-review-option{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;gap:9px!important;font-weight:500!important}.anonymous-review-option input{width:17px;height:17px}.anonymous-review-option span{font-size:.76rem;color:#5f6e80}.verified-review-form .btn{justify-self:start}.catalog-product-stats span:first-child:only-child{display:none}
@media(max-width:860px){.product-review-layout{grid-template-columns:1fr}.product-review-summary{position:static}.product-review-card header{flex-direction:column;gap:7px}}@media(max-width:560px){.product-review-summary,.product-review-card,.order-review-panel{padding:16px}.order-review-item summary{align-items:flex-start}.order-review-item summary>b{font-size:.68rem}.verified-review-form .btn{width:100%}}
/* V10.7.7 — keranjang langsung, parameter ulasan, dan konfirmasi penerimaan */
.header-shop-link [data-cart-count][hidden]{display:none}.header-shop-link [data-cart-count].pulse{animation:cartBadgePulse .45s ease}@keyframes cartBadgePulse{0%{transform:scale(.75)}55%{transform:scale(1.24)}100%{transform:scale(1)}}
.cart-add-feedback{grid-column:1/-1;margin-top:2px;padding:11px 13px;border-radius:11px;font-size:.76rem;line-height:1.55}.cart-add-feedback[data-state="success"]{background:#eaf8ef;color:#176b42}.cart-add-feedback[data-state="error"]{background:#fff0f1;color:#a82f38}.cart-add-feedback a{color:inherit;text-decoration:underline;font-weight:800}
.cart-live-toast{position:fixed;z-index:9999;right:20px;top:110px;width:min(390px,calc(100vw - 30px));display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:15px 16px;border-radius:16px;background:#fff;border:1px solid rgba(13,43,78,.12);box-shadow:0 22px 60px rgba(8,37,72,.18);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.2s ease}.cart-live-toast.show{opacity:1;visibility:visible;transform:none}.cart-live-toast[data-state="success"]{border-left:5px solid #1c9b5f}.cart-live-toast[data-state="error"]{border-left:5px solid #c73b44}.cart-live-toast div{min-width:0}.cart-live-toast strong,.cart-live-toast span{display:block}.cart-live-toast strong{font-size:.82rem;color:#20354f}.cart-live-toast span{margin-top:3px;font-size:.7rem;color:#6b7a8c;line-height:1.45}.cart-live-toast a{font-size:.7rem;font-weight:800;color:var(--primary);white-space:nowrap}.cart-live-toast button{width:26px;height:26px;border:0;border-radius:50%;background:#f1f4f8;color:#66778c;cursor:pointer;font-size:1rem}
.review-parameter-summary{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e7ecf2}.review-parameter-summary div{display:flex;justify-content:space-between;gap:12px;font-size:.72rem;color:#69788a}.review-parameter-summary strong{color:#d88e00}.review-card-parameters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.review-card-parameters span{padding:5px 8px;border-radius:999px;background:#f2f6fb;color:#607084;font-size:.64rem}.review-card-parameters b{color:#324a67}.review-tag-list{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 11px}.review-tag-list span{padding:5px 9px;border:1px solid #d9e6f5;border-radius:999px;background:#f7fbff;color:#38638c;font-size:.64rem;font-weight:700}
.review-criteria-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.star-rating-input.compact{padding:12px;border:1px solid #e0e7ef;border-radius:12px;background:#fafcff}.star-rating-input.compact legend{float:none;width:100%;padding:0;margin:0 0 9px}.star-rating-input.compact label{font-size:1.45rem}.review-tag-options{border:0;padding:0;margin:0}.review-tag-options legend{font-size:.76rem;font-weight:800;color:#516174;margin-bottom:8px}.review-tag-options>div{display:flex;gap:8px;flex-wrap:wrap}.review-tag-options label{position:relative}.review-tag-options input{position:absolute;opacity:0}.review-tag-options span{display:inline-flex;padding:8px 11px;border:1px solid #d9e1eb;border-radius:999px;background:#fff;color:#607085;font-size:.69rem;cursor:pointer;transition:.15s}.review-tag-options input:checked+span{border-color:rgba(11,58,130,.35);background:#eaf2ff;color:var(--primary);font-weight:800}
.order-received-confirmation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border:1px solid rgba(23,130,78,.2);border-radius:19px;background:linear-gradient(135deg,#f1fbf5,#fff);box-shadow:0 14px 35px rgba(13,80,50,.06)}.order-received-confirmation h3{margin:5px 0 7px;font-size:1.18rem}.order-received-confirmation p{margin:0;color:#637486;line-height:1.6;font-size:.8rem}.order-received-confirmation small{display:block;margin-top:10px;color:#667788;line-height:1.5}.order-received-confirmation.completed{border-color:rgba(11,58,130,.14);background:linear-gradient(135deg,#eef5ff,#fff)}.order-received-confirmation.completed>strong{font-size:.75rem;color:#5f7083;white-space:nowrap}.admin-auto-receive-note{display:grid;gap:4px;padding:12px;border-radius:11px;background:#eef6ff;color:#48637f;font-size:.72rem}.admin-auto-receive-note strong{color:#1f4f83}.admin-auto-receive-note span{line-height:1.5}
@media(max-width:700px){.cart-live-toast{top:auto;right:15px;bottom:18px}.review-criteria-grid{grid-template-columns:1fr}.order-received-confirmation{align-items:stretch;flex-direction:column}.order-received-confirmation .btn{width:100%}.review-card-parameters{display:grid;grid-template-columns:1fr 1fr}.review-card-parameters span:last-child{grid-column:1/-1}}
/* V10.8.3 — qty dan tambah keranjang langsung pada kartu produk */
.catalog-card-actions{display:grid;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(11,58,130,.09)}
.catalog-add-form{display:grid;grid-template-columns:104px minmax(0,1fr);gap:9px;align-items:center}
.catalog-quantity{height:42px;display:grid;grid-template-columns:31px minmax(35px,1fr) 31px;align-items:stretch;border:1px solid #d7e1ec;border-radius:11px;overflow:hidden;background:#fff}
.catalog-quantity button{border:0;background:#f3f7fb;color:#244766;font-size:1rem;font-weight:900;cursor:pointer;transition:.15s ease}
.catalog-quantity button:hover{background:#e7f0fa;color:var(--primary)}
.catalog-quantity input{width:100%;min-width:0;border:0;border-left:1px solid #e0e7ef;border-right:1px solid #e0e7ef;text-align:center;font:inherit;font-size:.78rem;font-weight:850;color:#263d58;appearance:textfield;-moz-appearance:textfield}
.catalog-quantity input::-webkit-outer-spin-button,.catalog-quantity input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
.catalog-cart-button{height:42px;margin:0!important;padding:0 12px;font-size:.73rem;white-space:nowrap;justify-content:center;gap:6px}
.catalog-cart-button.disabled{width:100%;background:#e9edf2;color:#8290a1;border-color:#e0e6ed;cursor:not-allowed}
.catalog-feedback{grid-column:1/-1;margin:0}
.catalog-detail-link{justify-content:center;margin:0;padding:2px 0;font-size:.7rem}
@media(max-width:420px){.catalog-add-form{grid-template-columns:96px minmax(0,1fr)}.catalog-cart-button{font-size:.68rem;padding-inline:9px}}
/* V10.8.4 — tombol tampil/sembunyikan sandi */
.password-input-shell{position:relative;display:block;width:100%;min-width:0}.password-input-shell>input{width:100%!important;padding-right:48px!important}.password-visibility-button{position:absolute;z-index:2;top:50%;right:6px;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:#68788d;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.password-visibility-button:hover{background:rgba(11,58,130,.08);color:var(--primary,#0b3a82)}.password-visibility-button:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(11,58,130,.18);background:#fff}.password-visibility-button[aria-pressed="true"]{color:var(--primary,#0b3a82);background:rgba(11,58,130,.08)}.password-visibility-button svg{width:19px;height:19px;pointer-events:none}.password-visibility-button .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* V10.8.5 — keamanan akun pembeli dan penyempurnaan responsif mobile */
.customer-security-panel{scroll-margin-top:112px;margin-bottom:28px;padding:24px;border:1px solid rgba(11,58,130,.12);border-radius:20px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 12px 34px rgba(13,43,78,.055)}
.customer-security-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#eaf8ef;color:#176b42;font-size:.68rem;font-weight:850;white-space:nowrap}
.customer-security-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#26a269;box-shadow:0 0 0 4px rgba(38,162,105,.11)}
.customer-password-form{display:grid;gap:18px}
.customer-password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.customer-password-grid .full{grid-column:1/-1}
.customer-password-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #e3eaf2}
.customer-password-guidance{display:grid;gap:3px;min-width:0}
.customer-password-guidance strong{font-size:.76rem;color:#2b405b}
.customer-password-guidance span{font-size:.7rem;line-height:1.55;color:#748296}
.customer-password-footer .btn{flex:0 0 auto}
.customer-profile-card p{overflow-wrap:anywhere}
.customer-orders{min-width:0}
.customer-address-card,.customer-order-row,.customer-profile-photo-panel,.customer-security-panel{min-width:0}
@media(max-width:980px){
.customer-dashboard-grid{gap:22px}
.customer-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start}
.customer-profile-card .customer-avatar{grid-row:1/4}
.customer-profile-card h3{margin:2px 0 4px}
.customer-profile-card p{margin:0}
.customer-profile-card .customer-primary-address{grid-column:1/-1;width:100%}
.customer-profile-card>a{grid-column:1/-1}
}
@media(max-width:700px){
.customer-password-grid{grid-template-columns:1fr}
.customer-password-grid .full{grid-column:auto}
.customer-password-footer{align-items:stretch;flex-direction:column}
.customer-password-footer .btn{width:100%}
.customer-profile-photo-panel,.customer-security-panel{padding:18px;border-radius:17px}
.customer-dashboard-grid{gap:18px}
.customer-order-tabs{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:5px;scrollbar-width:thin}
.customer-order-tabs a{flex:0 0 auto;scroll-snap-align:start;min-width:102px}
}
@media(max-width:520px){
.container,.narrow{width:min(var(--content-width,1160px),calc(100% - 24px))}
.page-hero.compact{padding:38px 0}
.page-hero.compact h1{font-size:clamp(1.75rem,9vw,2.35rem);overflow-wrap:anywhere}
.section{padding-top:52px;padding-bottom:52px}
.customer-profile-card{display:block;padding:18px;border-radius:17px}
.customer-profile-card .customer-avatar{margin-bottom:13px}
.customer-profile-card h3{font-size:1.05rem}
.customer-profile-card .btn{min-height:44px;margin-top:9px;padding-inline:14px}
.customer-primary-address{padding:12px;margin:15px 0}
.customer-profile-photo-panel,.customer-security-panel{padding:16px;margin-bottom:20px}
.customer-section-head h2{font-size:1.35rem;line-height:1.2}
.customer-section-head p{font-size:.78rem;line-height:1.55}
.customer-password-grid{gap:13px}
.customer-field input,.customer-field select,.customer-field textarea{font-size:16px}
.customer-password-guidance span{font-size:.68rem}
.customer-address-list{gap:11px;margin-top:14px}
.customer-address-card{padding:15px}
.customer-order-search{padding:13px}
.customer-order-tabs a{min-width:96px;padding-inline:11px}
}
/* V10.8.6 — detail pesanan responsif dan tombol WhatsApp langsung */
.order-detail-layout,.order-detail-main,.payment-summary-card{min-width:0}
.order-progress-card,.order-history-card,.order-items-card,.order-address-card,.payment-proof-card,.payment-summary-card,.order-review-panel{overflow:hidden}
.order-progress-head>div,.order-item-line>div,.order-address-card p,.order-history-list article>div{min-width:0}
.order-progress-head h2,.order-item-line strong,.order-address-card p,.order-address-card strong,.order-history-list p,.bank-account-box strong,.gateway-order-payment b{overflow-wrap:anywhere;word-break:break-word}
.order-whatsapp-button{display:flex!important;align-items:center;justify-content:center;gap:8px;background:#25d366!important;color:#fff!important;border-color:#25d366!important;box-shadow:0 8px 20px rgba(37,211,102,.2)}
.order-whatsapp-button:hover{background:#1eaf56!important;border-color:#1eaf56!important;color:#fff!important}
.order-whatsapp-button span{width:21px;height:21px;display:grid;place-items:center;flex:none}.order-whatsapp-button svg{width:20px;height:20px;display:block}
@media(max-width:760px){
.order-detail-layout{width:100%;gap:16px}
.order-detail-main{gap:13px}
.order-progress-card,.order-history-card,.order-items-card,.order-address-card,.payment-proof-card,.payment-summary-card,.order-review-panel{padding:17px;border-radius:16px}
.order-progress-head{display:grid;grid-template-columns:1fr;gap:11px}
.order-progress-head .order-status{justify-self:start;max-width:100%;white-space:normal;text-align:left}
.order-progress-head h2{font-size:1.35rem;line-height:1.25}
.order-shipping-info.enhanced{grid-template-columns:1fr;gap:0;padding:5px 14px}
.order-shipping-info.enhanced span{padding:10px 0;border-bottom:1px solid rgba(11,58,130,.09)}
.order-shipping-info.enhanced span:last-child{border-bottom:0}
.order-steps{display:grid;grid-template-columns:1fr;gap:0;overflow:visible;margin-top:14px;padding:0 0 0 2px}
.order-steps span{min-height:35px;padding:3px 0 10px 31px;text-align:left;font-size:.69rem;line-height:1.3}
.order-steps span:before{left:7px;top:5px;width:12px;height:12px;transform:none}
.order-steps span:after{left:12px;top:17px;width:2px;height:calc(100% - 5px)}
.order-steps span:last-child{min-height:23px;padding-bottom:0}.order-steps span:last-child:after{display:none}
.order-received-confirmation{padding:17px;border-radius:16px}.order-received-confirmation h3{font-size:1.05rem}
.order-history-list article{grid-template-columns:14px minmax(0,1fr);gap:9px}
.order-history-list small{line-height:1.5}
.order-item-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:start;padding:14px 0}
.order-item-line b{text-align:right;white-space:nowrap;font-size:.82rem}
.order-item-line small{line-height:1.55}
.order-address-card p{margin-bottom:0;line-height:1.75;font-size:.79rem}
.payment-proof-card img{display:block;width:100%;max-width:100%;height:auto;max-height:420px;margin:auto}
.payment-summary-card{position:static;width:100%}
.payment-grand-total{font-size:1.75rem;overflow-wrap:anywhere}
.payment-breakdown p{gap:12px;font-size:.76rem}.payment-breakdown p b{text-align:right;overflow-wrap:anywhere}
.bank-account-box{padding:14px}.bank-account-box strong{font-size:1.15rem;letter-spacing:.02em}
.gateway-order-payment img{max-width:220px}.gateway-order-payment>b{font-size:1.2rem}
.order-review-item summary{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.order-review-item summary>b{justify-self:start;white-space:normal}
.review-tag-options>div{display:grid;grid-template-columns:1fr 1fr}.review-tag-options span{width:100%;justify-content:center;text-align:center}
}
@media(max-width:480px){
.page-hero.compact .container{min-width:0}.page-hero.compact h1{font-size:1.55rem;line-height:1.22;overflow-wrap:anywhere;word-break:break-word}
.page-hero.compact p{font-size:.75rem}
.order-progress-card,.order-history-card,.order-items-card,.order-address-card,.payment-proof-card,.payment-summary-card,.order-review-panel{padding:14px;border-radius:14px}
.order-progress-head h2{font-size:1.18rem}
.order-item-line{grid-template-columns:1fr}.order-item-line b{text-align:left;color:var(--primary)}
.order-received-confirmation{padding:14px}.order-received-confirmation .btn,.payment-summary-card .btn{min-height:46px;white-space:normal;text-align:center}
.review-tag-options>div{grid-template-columns:1fr}
.star-rating-input.compact{padding:10px}.star-rating-input.compact label{font-size:1.3rem}
.payment-grand-total{font-size:1.55rem}
}
/* V10.8.9 — Mode katalog dan pemesanan via WhatsApp */
.whatsapp-order-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;background:#25d366!important;color:#fff!important;border-color:#25d366!important;box-shadow:0 10px 22px rgba(37,211,102,.2)}
.whatsapp-order-button:hover{background:#1fb659!important;border-color:#1fb659!important;color:#fff!important;transform:translateY(-1px)}
.whatsapp-order-button span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 4px;border-radius:7px;background:rgba(255,255,255,.18);font-size:.62rem;font-weight:900;letter-spacing:.02em}
.catalog-whatsapp-form{align-items:center}.catalog-whatsapp-form .whatsapp-order-button{min-width:154px}
.whatsapp-buy-box{border-color:rgba(37,211,102,.3);background:linear-gradient(135deg,rgba(37,211,102,.08),#fff 68%)}
.whatsapp-buy-box .section-kicker{color:#148c45}.whatsapp-buy-box.unavailable{opacity:.8}
@media(max-width:620px){.catalog-whatsapp-form{grid-template-columns:1fr}.catalog-whatsapp-form .catalog-quantity,.catalog-whatsapp-form .whatsapp-order-button{width:100%}.whatsapp-buy-box{grid-template-columns:1fr}.whatsapp-buy-box label,.whatsapp-buy-box .whatsapp-order-button{width:100%}}
.home-product-actions .whatsapp-order-button{width:100%}.home-product-actions{margin-top:auto}
/* V10.9.0 — Minimal pembelian dan halaman ulasan */
.minimum-order-note{display:block;margin-top:7px;color:#69798c;font-size:.7rem;font-weight:750}
.reviews-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.reviews-overview-card{padding:20px;border:1px solid rgba(18,81,159,.1);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(13,43,78,.05)}
.reviews-overview-card span,.reviews-overview-card small{display:block;color:#718095}.reviews-overview-card span{font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.reviews-overview-card strong{display:block;margin:8px 0 4px;font-size:1.75rem;color:#1d3554}
.reviews-page-product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;align-items:center;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid #edf1f5}
.reviews-page-product img,.reviews-page-product .image-placeholder{width:64px;height:64px;border-radius:12px;object-fit:cover}.reviews-page-product .image-placeholder{display:grid;place-items:center;background:#edf4fb;color:var(--primary);font-size:.65rem;font-weight:900}
.reviews-page-product strong,.reviews-page-product small{display:block}.reviews-page-product strong{font-size:.9rem;color:#1d3554}.reviews-page-product small{margin-top:4px;color:#7b8796;font-size:.68rem}.reviews-page-product a{color:inherit}
.review-filter-links{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.review-filter-links a{padding:8px 12px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#637287;font-size:.72rem;font-weight:800}.review-filter-links a.active{border-color:var(--primary);background:var(--primary);color:#fff}
@media(max-width:720px){.reviews-overview-grid{grid-template-columns:1fr}.reviews-page-product{grid-template-columns:52px minmax(0,1fr)}.reviews-page-product img,.reviews-page-product .image-placeholder{width:52px;height:52px}}
.service-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-package-card{border:1px solid #e1e8f0;border-radius:var(--site-radius);padding:24px;background:#fff;display:grid;gap:15px}.service-package-icon{width:52px;height:52px;border-radius:15px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);display:grid;place-items:center}.service-package-icon svg{width:26px}.service-package-card small{font-size:9px;letter-spacing:.12em;color:#7d8998}.service-package-card h2{margin:4px 0 0;font-size:20px}.service-package-card p{margin:0;color:#687689;font-size:12px;line-height:1.65}.service-package-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-package-meta span{background:#f6f8fb;border-radius:10px;padding:10px;font-size:9px;color:#7b8797}.service-package-meta strong{display:block;color:#203147;font-size:12px;margin-top:3px}.service-package-actions{display:flex;gap:8px;flex-wrap:wrap}.estimator-layout{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:start}.estimator-form,.estimator-result,.public-card-form,.request-success-card,.history-search-form{background:#fff;border:1px solid #e1e8f0;border-radius:var(--site-radius);padding:24px}.estimator-form,.public-card-form{display:grid;gap:15px}.estimator-form label,.public-card-form label,.history-search-form label,.customer-vehicle-form label{display:grid;gap:7px;font-size:11px;font-weight:750;color:#526176}.estimator-form input,.estimator-form select,.public-card-form input,.public-card-form textarea,.history-search-form input,.customer-vehicle-form input,.customer-vehicle-form textarea{border:1px solid #dce4ed;border-radius:10px;padding:12px;background:#fbfcfe}.two-cols-public{display:grid;grid-template-columns:1fr 1fr;gap:12px}.estimator-result{position:sticky;top:120px}.estimator-result h2{margin:8px 0}.estimate-price-range{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.estimate-price-range strong{font-size:24px;color:var(--primary)}.estimate-price-range span{font-size:10px;color:#8490a0}.estimator-result ul{padding-left:18px;color:#647286;font-size:11px;line-height:1.8}.narrow-wide{max-width:980px}.history-search-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:22px}.service-history-list{display:grid;gap:13px}.service-history-list article{display:grid;grid-template-columns:82px 1fr;gap:17px;background:#fff;border:1px solid #e1e8f0;border-radius:15px;padding:16px}.service-history-date{width:70px;height:70px;border-radius:14px;background:#edf3fb;display:grid;place-items:center;align-content:center}.service-history-date strong{font-size:25px}.service-history-date span{font-size:9px;text-transform:uppercase}.service-history-copy>div:first-child{display:flex;justify-content:space-between;gap:12px}.service-history-copy h3{margin:0;font-size:16px}.service-history-copy p,.service-history-copy small{display:block;margin:5px 0;color:#718094;font-size:10px}.service-history-meta{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.service-history-meta span{background:#f5f7fa;border-radius:9px;padding:8px 10px;font-size:9px}.service-history-meta strong{display:block;margin-top:2px}.request-success-card{text-align:center;max-width:600px;margin:auto}.request-success-card>span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e1f7ea;color:#16824b;font-size:28px;margin:0 auto 14px}.product-compatibility-note{display:block;color:#356b4c!important;background:#edf8f1;border-radius:8px;padding:7px 9px;margin-top:7px}.product-compatibility-box{background:#f0f7ff;border:1px solid #d6e7f8;border-radius:14px;padding:16px;margin-bottom:16px}.product-compatibility-box h3{margin:5px 0;font-size:15px}.product-compatibility-box p{margin:0;font-size:10px;color:#64758a}.customer-vehicle-book{margin-bottom:24px}.customer-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-vehicle-grid>article{border:1px solid #e0e7ef;border-radius:14px;padding:16px;background:#fff;display:flex;justify-content:space-between;gap:12px}.customer-vehicle-grid span{font-size:8px;color:var(--primary);font-weight:800;letter-spacing:.1em}.customer-vehicle-grid h3{margin:5px 0 2px}.customer-vehicle-grid p,.customer-vehicle-grid small{display:block;margin:4px 0;font-size:9px;color:#788596}.customer-vehicle-actions{display:flex;gap:8px;align-items:flex-start}.customer-vehicle-actions form button{border:0;background:none;color:#b13b44;font-size:10px;cursor:pointer}.customer-vehicle-form{margin-top:16px;padding:18px;border:1px solid #dfe7f0;border-radius:14px;background:#fbfcfe;display:grid;gap:12px}.customer-empty-vehicles{grid-column:1/-1;text-align:center;padding:25px;border:1px dashed #ced8e5;border-radius:14px}.customer-empty-vehicles h3,.customer-empty-vehicles p{margin:4px}.catalog-card-actions:has(.catalog-add-form + .catalog-add-form){gap:8px}.catalog-card-actions:has(.catalog-add-form + .catalog-add-form) .catalog-add-form{border-top:1px solid #e7edf4;padding-top:8px}@media(max-width:900px){.service-package-grid{grid-template-columns:1fr 1fr}.estimator-layout{grid-template-columns:1fr}.estimator-result{position:static}.history-search-form{grid-template-columns:1fr 1fr}.history-search-form button{grid-column:1/-1}.customer-vehicle-grid{grid-template-columns:1fr}}@media(max-width:620px){.service-package-grid,.two-cols-public,.history-search-form{grid-template-columns:1fr}.service-history-list article{grid-template-columns:1fr}.service-history-date{width:100%;height:auto;padding:10px;display:flex;gap:7px}.customer-vehicle-grid>article{flex-direction:column}}
.public-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.public-promo-card{display:grid;grid-template-columns:210px 1fr;border:1px solid #e1e8f0;border-radius:var(--site-radius);overflow:hidden;background:#fff}.public-promo-cover{min-height:250px;background:linear-gradient(135deg,var(--primary),var(--dark));color:#fff;display:grid;place-items:center;align-content:center;gap:10px}.public-promo-cover img{width:100%;height:100%;object-fit:cover}.public-promo-cover span{font-size:10px;letter-spacing:.12em}.public-promo-cover strong{font-size:48px}.public-promo-copy{padding:23px;display:grid;align-content:center;gap:11px}.public-promo-copy>span{font-size:9px;font-weight:850;color:var(--accent);text-transform:uppercase;letter-spacing:.12em}.public-promo-copy h2{margin:0;font-size:21px}.public-promo-copy p{margin:0;color:#687689;font-size:11px;line-height:1.65}.public-promo-copy small{color:#8a95a4;font-size:9px}.public-promo-copy .btn{justify-self:start}@media(max-width:950px){.public-promo-grid{grid-template-columns:1fr}}@media(max-width:560px){.public-promo-card{grid-template-columns:1fr}.public-promo-cover{min-height:180px}}
.public-voucher-code{display:inline-flex;align-items:center;gap:10px;border:1px dashed color-mix(in srgb,var(--accent) 55%,#dfe6ef);border-radius:10px;padding:9px 11px;background:#fff7f7;justify-self:start}.public-voucher-code span{font-size:8px;color:#8c5b5e;letter-spacing:.1em}.public-voucher-code strong{font-size:13px;color:var(--accent);letter-spacing:.08em}
/* V10.10.1 — navigasi ringkas dan perlindungan layout mobile */
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}
body,main,header,footer,section,.container,.narrow,.nav-wrap,.nav-links,.footer-grid{min-width:0}
img,video,iframe,svg{max-width:100%}
.nav-dropdown-trigger{font:inherit;border:0;background:transparent;cursor:pointer}
.premium-nav>.nav-dropdown>.nav-dropdown-trigger{position:relative;padding:10px 10px;border-radius:10px;font-size:11px;font-weight:780;white-space:nowrap}
.premium-nav>.nav-dropdown>.nav-dropdown-trigger:hover,.premium-nav>.nav-dropdown.active>.nav-dropdown-trigger{background:#edf4ff;color:var(--primary)}
.nav-dropdown-trigger b{font-size:11px;transition:transform .18s ease}
.nav-menu-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:var(--primary);font-size:9px;font-weight:900}
.nav-dropdown-menu>a>span:last-child{min-width:0}
.nav-dropdown-menu strong,.nav-dropdown-menu small{white-space:normal}
@media(max-width:980px){
.site-header,.premium-header{width:100%;max-width:100%}
.nav-wrap{position:relative;gap:10px}
.premium-brand{max-width:calc(100% - 54px);min-width:0}
.brand-copy{min-width:0;max-width:calc(100vw - 130px)}
.brand-copy strong,.brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.premium-nav{left:14px;right:14px;width:auto;max-width:calc(100vw - 28px);max-height:calc(100dvh - 104px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-items:stretch}
.premium-nav>*{min-width:0;max-width:100%}
.premium-nav>a,.premium-nav>.nav-dropdown{width:100%}
.premium-nav>a:not(.header-whatsapp),.premium-nav>.nav-dropdown>.nav-dropdown-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;text-align:left;white-space:normal}
.premium-nav .nav-dropdown-menu{display:none;position:static;width:100%;max-width:100%;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;border-left:2px solid #dce6f2;border-radius:0;margin:4px 0 7px;padding:3px 0 3px 9px}
.premium-nav .nav-dropdown.open .nav-dropdown-menu{display:block}
.premium-nav .nav-dropdown.open .nav-dropdown-trigger b{transform:rotate(180deg)}
.premium-nav .nav-dropdown-menu>a{width:100%;max-width:100%;padding:9px 8px}
.premium-nav .header-whatsapp,.premium-nav .header-shop-link,.premium-nav .header-account-link{width:100%;justify-content:center;margin-left:0}
}
@media(max-width:640px){
.container,.narrow{width:min(100% - 24px,var(--content-width,1160px))}
.brand-logo-shell{flex:0 0 44px}
.brand-copy strong{font-size:13px}
.brand-copy small{font-size:7px;max-width:155px}
.premium-nav{left:10px;right:10px;max-width:calc(100vw - 20px);padding:10px}
.section-heading,.form-head,.product-card-actions,.marketplace-product-actions{min-width:0}
input,select,textarea,button,.btn{max-width:100%}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
}
/* V10.11.0 — self-service booking pelanggan */
.customer-booking-page{max-width:1120px}.customer-booking-head-actions{display:flex;gap:10px;flex-wrap:wrap}.customer-booking-list{display:grid;gap:16px}.customer-booking-card{background:#fff;border:1px solid #e1e8f0;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(13,43,78,.06)}.customer-booking-summary{display:grid;grid-template-columns:190px 1fr 180px;gap:22px;align-items:center;padding:22px}.customer-booking-summary h3{margin:5px 0 10px}.customer-booking-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-booking-details p{margin:0;padding:12px;border-radius:12px;background:#f7f9fc;display:grid;gap:4px}.customer-booking-details small,.customer-booking-links small{color:#758396;font-size:10px}.customer-booking-details strong{font-size:12px}.customer-booking-links{display:grid;gap:8px}.customer-booking-actions{border-top:1px solid #e5ebf2;padding:0 22px 18px;background:#fafcff}.customer-booking-actions details{border-bottom:1px solid #e6ebf1}.customer-booking-actions summary{cursor:pointer;padding:15px 0;font-weight:850;color:var(--primary)}.customer-booking-actions .danger-summary{color:#a32b35}.customer-booking-action-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:0 0 18px}.customer-booking-action-form label{display:grid;gap:6px;font-size:11px;font-weight:750}.customer-booking-action-form input,.customer-booking-action-form select,.customer-booking-action-form textarea{width:100%;padding:11px;border:1px solid #d8e1eb;border-radius:10px;font:inherit}.btn-danger{background:#b4232c;color:#fff;border-color:#b4232c}@media(max-width:860px){.customer-booking-summary{grid-template-columns:1fr}.customer-booking-details{grid-template-columns:1fr 1fr}.customer-booking-action-form{grid-template-columns:1fr}}@media(max-width:560px){.customer-booking-details{grid-template-columns:1fr}.customer-booking-head-actions{width:100%}.customer-booking-head-actions .btn{flex:1}.customer-booking-summary{padding:17px}.customer-booking-actions{padding-left:17px;padding-right:17px}}
/* Social media footer: current brand marks with a subtle lift on hover */
.social-links a{position:relative;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:10px;font-weight:900;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.social-links a svg{width:19px;height:19px;transition:transform .22s ease}
.social-links a span{position:absolute;left:50%;bottom:-28px;transform:translate(-50%,4px);opacity:0;pointer-events:none;white-space:nowrap;background:#fff;color:#152238;border-radius:7px;padding:4px 7px;font-size:9px;font-weight:800;box-shadow:0 7px 18px rgba(0,0,0,.18);transition:.18s ease}
.social-links a:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 10px 20px rgba(0,0,0,.2)}
.social-links a:hover svg{transform:scale(1.08)}
.social-links a:hover span{opacity:1;transform:translate(-50%,0)}
.social-links .social-instagram{color:#fff;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.social-links .social-facebook{color:#fff;background:#1877f2}
.social-links .social-tiktok{color:#fff;background:#111}
.social-links .social-youtube{color:#fff;background:#ff0000}
.social-links .social-x{color:#fff;background:#111}
.social-links .social-linkedin{color:#fff;background:#0a66c2}
/* Footer content & quick-access links: no arrow glyphs; keep existing typography and sizing */
.footer-link{display:flex;align-items:center;gap:9px;transition:transform .2s ease,color .2s ease,opacity .2s ease}
.footer-link:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;flex:0 0 auto;transition:transform .2s ease,opacity .2s ease}
.footer-link:hover{transform:translateX(4px);color:#fff}
.footer-link:hover:before{transform:scale(1.5);opacity:1}
@media(max-width:760px){.social-settings-grid{grid-template-columns:1fr}}
.social-links a img{width:19px;height:19px;object-fit:contain;border-radius:4px;display:block}.social-links a:hover img{transform:scale(1.08)}
/* V10.12.5 — filter harga katalog dan pembatalan pesanan pembeli */
@media(min-width:981px){.product-filter{grid-template-columns:minmax(220px,1fr) minmax(180px,220px) minmax(180px,220px) auto}.product-filter.has-motor{grid-template-columns:minmax(180px,1fr) minmax(170px,1fr) minmax(160px,200px) minmax(160px,200px) auto}}
.order-cancel-panel{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:16px 0;padding:18px 20px;border:1px solid #f0c8cc;border-radius:16px;background:#fffafb}.order-cancel-panel h3{margin:5px 0 6px}.order-cancel-panel p{margin:0;color:#6f7785;font-size:12px;line-height:1.6}.order-cancel-panel.is-cancelled{border-color:#e3e8ef;background:#f8fafc}.order-cancel-details{min-width:210px}.order-cancel-details>summary{list-style:none;cursor:pointer;text-align:center;padding:11px 15px;border:1px solid #d98d94;border-radius:11px;color:#9f2630;font-size:12px;font-weight:850;background:#fff}.order-cancel-details>summary::-webkit-details-marker{display:none}.order-cancel-details[open]>summary{margin-bottom:12px}.order-cancel-details form{display:grid;gap:10px;min-width:min(360px,80vw)}.order-cancel-details label{display:grid;gap:6px;font-size:11px;font-weight:750}.order-cancel-details textarea{width:100%;resize:vertical;padding:10px;border:1px solid #d8e1eb;border-radius:10px;font:inherit}.cancelled-payment-box{display:grid;gap:6px;margin:16px 0;padding:14px;border:1px solid #e2e7ed;border-radius:12px;background:#f7f9fb}.cancelled-payment-box strong{color:#8e2932}.cancelled-payment-box p{margin:0;color:#6f7785;font-size:11px;line-height:1.6}@media(max-width:760px){.order-cancel-panel{align-items:stretch;flex-direction:column}.order-cancel-details{min-width:0}.order-cancel-details form{min-width:0}.order-cancel-details>summary{width:100%}}
/* V10.12.6 — Ambil di Toko + cancel order rapi */
.order-pickup-info{display:grid;grid-template-columns:1fr auto;gap:14px;margin:16px 0;padding:16px;border:1px solid #d8e5f5;border-radius:16px;background:#f8fbff}.order-pickup-info>div{display:grid;gap:4px}.order-pickup-info small,.pickup-code-box small{font-size:10px;font-weight:800;letter-spacing:.08em;color:#667085}.order-pickup-info strong{color:#173a69}.order-pickup-info span{color:#667085;line-height:1.45}.pickup-code-box{min-width:190px;padding:12px 14px;border-radius:13px;background:#fff;border:1px dashed #a9c3e4;text-align:center}.pickup-code-box strong{font-size:20px;letter-spacing:.06em}.order-cancel-panel.compact{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #f0d1d1;border-radius:16px;background:#fffafa}.order-cancel-copy{display:flex;align-items:flex-start;gap:12px}.order-cancel-copy h3{margin:2px 0 4px;font-size:16px}.order-cancel-copy p{margin:0;color:#667085;line-height:1.45}.order-cancel-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#feecec;color:#b42318;font-size:22px;line-height:1}.order-cancel-trigger{white-space:nowrap;border:1px solid #e9b6b6!important;background:#fff!important;color:#b42318!important}.order-cancel-dialog{width:min(520px,calc(100% - 28px));padding:0;border:0;border-radius:20px;box-shadow:0 24px 80px rgba(16,24,40,.24)}.order-cancel-dialog::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.order-cancel-dialog form{display:grid;gap:16px;padding:22px}.cancel-dialog-head{display:flex;align-items:center;gap:12px}.cancel-dialog-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#feecec;color:#b42318;font-size:24px}.cancel-dialog-head small{font-size:10px;letter-spacing:.08em;color:#667085}.cancel-dialog-head h3{margin:2px 0 0}.order-cancel-dialog p{margin:0;color:#475467;line-height:1.5}.order-cancel-dialog label{display:grid;gap:7px;font-weight:700}.order-cancel-dialog textarea{width:100%;resize:vertical;border:1px solid #d0d5dd;border-radius:12px;padding:11px 12px;font:inherit;font-weight:400}.cancel-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.order-steps.pickup{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:760px){.order-pickup-info{grid-template-columns:1fr}.pickup-code-box{min-width:0}.order-cancel-panel.compact{align-items:stretch;flex-direction:column}.order-cancel-trigger{width:100%}.cancel-dialog-actions{flex-direction:column-reverse}.cancel-dialog-actions .btn{width:100%}.order-steps.pickup{grid-template-columns:1fr}}