/* CARTOK upgrade.css — dimuat TERAKHIR. Aman & ringan untuk Windows 7 (Chrome 109/Firefox ESR):
   tanpa backdrop-filter, mix-blend-mode, color-mix; animasi hanya transform/opacity. */
:root{--gold:linear-gradient(135deg,#E9C27A 0%,#C48A2E 55%,#A9722B 100%);--ring:0 0 0 3px rgba(201,146,56,.35);}
[data-theme="dark"]{--ring:0 0 0 3px rgba(224,172,92,.4);}
body::before{display:none !important;}
html{scroll-behavior:smooth;}
:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px;}
.reveal{opacity:1 !important;transform:none !important;}
.section{padding-top:76px;padding-bottom:76px;}
.section-title{font-size:clamp(28px,3.6vw,44px);}

/* Navbar solid (tanpa blur) */
.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(0,0,0,.02),0 6px 20px -14px rgba(0,0,0,.35);}

/* Tombol emas */
.btn-primary{background:var(--gold);color:#1B1A16 !important;border:0;font-weight:800;box-shadow:0 10px 22px -10px rgba(169,114,43,.7);transition:transform .18s ease,box-shadow .18s ease;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(169,114,43,.85);}
.btn-secondary{border:1px solid var(--border-strong);}
.btn{border-radius:14px;}

/* HERO */
.hero{padding:56px 0 44px;}
.hero::before{background:radial-gradient(700px 380px at 8% 0%,var(--accent-soft),transparent 70%),radial-gradient(600px 340px at 95% 10%,var(--forest-soft),transparent 70%);}
.hero h1{font-size:clamp(36px,5.2vw,68px);line-height:1.04;}
.hero h1 em{background:var(--gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent);padding-right:.06em;}
.hero p.lead{font-size:clamp(15px,1.4vw,18px);}
.hero-search{margin-top:26px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:10px;display:flex;gap:8px;box-shadow:var(--shadow-lg);max-width:640px;align-items:stretch;}
.hero-search .hs-f{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:6px 14px;border-radius:12px;background:var(--bg-inset);}
.hero-search .hs-f.wide{flex:1.6 1 0;}
.hero-search label{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);}
.hero-search input,.hero-search select{width:100%;border:0;background:transparent;color:var(--text-primary);font:600 14.5px/1.4 var(--font-body);padding:2px 0;outline:none;appearance:none;-webkit-appearance:none;}
.hero-search .btn{padding:0 26px;white-space:nowrap;}
.hero-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center;font-size:12.5px;color:var(--text-tertiary);font-weight:700;}
.hero-quick a{padding:6px 13px;border-radius:999px;border:1px solid var(--border-strong);background:var(--card);color:var(--text-secondary);transition:border-color .15s,color .15s;}
.hero-quick a:hover{border-color:var(--accent);color:var(--accent);}
.hero-trust{gap:12px;flex-wrap:wrap;}
.hero-trust span{flex:1 1 220px;line-height:1.5;}
.hero-trust .stack{flex:0 0 auto;}
.ini{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#1B1A16;font:800 12px var(--font-body);border:2px solid var(--bg-primary);margin-left:-10px;flex:0 0 auto;}
.hero-trust .ini:first-child{margin-left:0;}
.testi-user .ini{margin:0;width:42px;height:42px;font-size:14px;border-color:var(--card);}

/* Hero visual: 3 kartu bertumpuk, 1 animasi saja */
.hero-visual{height:480px;}
.hero-visual-card{width:290px;position:absolute;border-radius:24px;animation:none;}
.hero-visual-card.c1{transform:rotate(-5deg) translate(-70px,18px);z-index:1;opacity:.92;}
.hero-visual-card.c2{transform:rotate(6deg) translate(90px,-40px);z-index:1;opacity:.92;}
.hero-visual-card.c3{transform:rotate(-1deg);z-index:2;animation:floatY 6s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:rotate(-1deg) translateY(0);}50%{transform:rotate(-1deg) translateY(-12px);}}
.hero-chip{z-index:3;animation:none !important;border-radius:14px;}
.hero-chip-1{top:4%;right:0;}.hero-chip-2{bottom:6%;left:0;}

/* Marquee & statistik */
.marquee-wrap{background:var(--bg-inset);}
.stat-card{border-radius:20px;border:1px solid var(--border);background:var(--card);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;}
.stat-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold);}
.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.stat-num{background:var(--gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent);}

/* Bento: tidak ada teks terpotong */
.bento-grid{grid-template-rows:none;grid-auto-rows:minmax(176px,auto);}
.bento-item{justify-content:flex-start;gap:14px;border-radius:22px;}
.bento-item.dark{background:linear-gradient(145deg,#26231A,#14130E);color:#F6F3EC;border-color:#3C392C;}
.bento-item.dark p{color:rgba(246,243,236,.7);}
.bento-item.dark h4{color:#F6F3EC;}
.bento-item:hover{border-color:var(--accent);}
.bento-icon{background:var(--gold);color:#1B1A16;border-radius:14px;}
.bento-num{background:var(--gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent);margin-top:auto;}

/* Kartu properti: grid otomatis rapi */
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;gap:22px;}
.card,.prop-card{border-radius:22px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.card:hover,.prop-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent);}
.card-media img{transition:transform .5s ease;width:100%;height:100%;object-fit:cover;}
.card:hover .card-media img,.prop-card:hover .card-media img{transform:scale(1.06);}
.badge-type{background:rgba(15,14,10,.82);backdrop-filter:none;}
.card-price{color:var(--accent-strong);font-size:19px;}

/* Langkah, testimoni */
.steps-tab.active{background:var(--ink);color:var(--bg-primary);}
.testi-card,.step-card{border-radius:22px;}
.testi-card:hover,.step-card:hover{border-color:var(--accent);}

/* Footer (pengganti color-mix) */
footer .brand-tagline{color:rgba(246,243,236,.5);}
footer p{color:rgba(246,243,236,.62);}
.footer-grid h5{color:rgba(246,243,236,.45);}
.footer-grid ul li a{color:rgba(246,243,236,.75);}
.footer-grid ul li a:hover{color:#E9C27A;}
.footer-bottom{color:rgba(246,243,236,.45);}
.dash-nav a{color:rgba(246,243,236,.65);}

/* Mode ringan otomatis (Win7 / PC lemah) */
.lite *,.lite *::before,.lite *::after{animation:none !important;transition:none !important;}
.lite .hero-visual-card.c3{transform:rotate(-1deg);}
.lite .card,.lite .prop-card,.lite .hero-visual-card,.lite .hero-search{box-shadow:0 2px 8px rgba(0,0,0,.12);}

/* Bottom nav HP */
.bnav{display:none;}
@media (max-width:760px){
  .section{padding-top:48px;padding-bottom:48px;}
  .hero{padding:30px 0 28px;}
  .hero h1{font-size:clamp(32px,9.4vw,44px);}
  .hero-search{flex-direction:column;padding:10px;border-radius:18px;}
  .hero-search .hs-f{padding:9px 14px;}
  .hero-search .btn{height:50px;width:100%;}
  .hero-actions .btn{flex:1 1 100%;}
  .grid-cards{grid-template-columns:1fr 1fr !important;gap:12px;}
  .hero-visual{display:none;}
  body.has-bnav{padding-bottom:74px;}
  .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:300;background:var(--bg-secondary);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 24px -16px rgba(0,0,0,.4);}
  .bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--text-tertiary);padding:6px 0;border-radius:12px;}
  .bnav a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  .bnav a.on{color:var(--accent-strong);}
  .bnav a.on svg{stroke:var(--accent);}
}
@media (max-width:340px){.grid-cards{grid-template-columns:1fr !important;}}
@media (min-width:1280px){.container{max-width:1240px;}}

/* ===== v3 ===== */
/* Latar hero statis: aurora + pola titik (murah, tanpa animasi) */
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(var(--border-strong) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%);}
.lite .hero::after{display:none;}
/* Avatar inisial: tidak saling menutup */
.hero-trust .stack{gap:6px;}
.ini,.hero-trust .ini:first-child{margin-left:0;border:2px solid var(--card);width:36px;height:36px;box-shadow:0 2px 6px rgba(0,0,0,.18);}
/* Marquee jadi chip */
.marquee-track span{font:700 13px var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);}
/* Kategori cepat */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cat{display:flex;align-items:center;gap:14px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.cat:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-md);}
.cat i{flex:0 0 48px;height:48px;border-radius:14px;background:var(--gold);display:flex;align-items:center;justify-content:center;}
.cat svg{width:24px;height:24px;stroke:#1B1A16;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.cat b{display:block;font:600 16px var(--font-display);color:var(--text-primary);}
.cat small{font-size:12px;color:var(--text-tertiary);font-weight:600;}
/* FAQ tanpa JS */
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px;}
.faq details{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:0 22px;}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font:600 17px var(--font-display);display:flex;justify-content:space-between;gap:16px;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font:700 22px var(--font-body);color:var(--accent);}
.faq details[open]{border-color:var(--accent);}
.faq details[open] summary::after{content:"\2212";}
.faq p{padding:0 0 18px;font-size:14.5px;}
/* Banner CTA */
.cta-band{margin:10px 0 70px;padding:44px 40px;border-radius:28px;background:linear-gradient(135deg,#26231A,#0F0E0A);color:#F6F3EC;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:1px solid #3C392C;position:relative;overflow:hidden;}
.cta-band::before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(233,194,122,.35),transparent 70%);}
.cta-band h3{font-size:clamp(24px,3vw,34px);color:#F6F3EC;max-width:520px;position:relative;}
.cta-band p{color:rgba(246,243,236,.7);margin-top:8px;position:relative;}
.cta-band .btn{position:relative;}
/* Tombol ke atas */
.totop{position:fixed;right:16px;bottom:24px;width:46px;height:46px;border-radius:50%;border:1px solid var(--border-strong);background:var(--card);color:var(--accent-strong);box-shadow:var(--shadow-md);cursor:pointer;z-index:250;display:none;align-items:center;justify-content:center;}
.totop.show{display:flex;}.totop svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
/* PC lebar */
@media (min-width:1100px){.hero-search{max-width:720px;}.hero-layout{gap:70px;}.section-head{margin-bottom:42px;}}
@media (max-width:900px){.cat-grid{grid-template-columns:1fr 1fr;}}
/* HP: ringkas */
@media (max-width:760px){
  .hero-search{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .hero-search .hs-f.wide{grid-column:1/-1;}
  .hero-search .btn{grid-column:1/-1;height:48px;}
  .hero-search .hs-f{padding:7px 12px;}
  .hero-actions{flex-wrap:nowrap;gap:8px;margin-top:18px;}
  .hero-actions .btn{flex:1 1 0;padding:0 10px;font-size:13.5px;min-height:44px;}
  .hero-trust{margin-top:20px;}
  .card-body{padding:11px;gap:5px;}
  .card-title{font-size:14.5px;}
  .card-price{font-size:16px;}
  .card-loc,.card-meta,.card-rating{font-size:11.5px;}
  .card-media{aspect-ratio:1/1;}
  .cat{padding:13px;gap:10px;}.cat i{flex-basis:40px;height:40px;}
  .cta-band{padding:30px 22px;border-radius:22px;margin-bottom:40px;}
  .cta-band .btn{width:100%;}
  .totop{bottom:86px;}
}

/* ===== v4 ===== */
.proto-bar{background:#14130E;color:rgba(246,243,236,.82);text-align:center;font:600 12px/1.5 var(--font-body);padding:8px 14px;border-bottom:1px solid #2A2820;}
.proto-bar a,.proto-foot a{color:#E9C27A;font-weight:800;text-decoration:underline;text-underline-offset:2px;}
.proto-bar a:hover,.proto-foot a:hover{color:#fff;}
.proto-foot{padding:14px 20px 22px;text-align:center;font:600 12.5px/1.5 var(--font-body);color:rgba(246,243,236,.6);border-top:1px solid rgba(255,255,255,.1);}
/* Perbaikan bug v3 */
.hero-trust span.ini{flex:0 0 auto;color:#1B1A16;font:800 12px var(--font-body);}
.cat span{display:block;min-width:0;}
.cat b{line-height:1.25;}
.cat small{display:block;line-height:1.35;margin-top:2px;}
.cat{position:relative;overflow:hidden;}
/* Aurora hero lebih hidup */
.hero::before{background:radial-gradient(620px 360px at 85% -5%,rgba(233,194,122,.45),transparent 70%),radial-gradient(560px 340px at 0% 10%,var(--forest-soft),transparent 70%),radial-gradient(500px 300px at 50% 100%,var(--accent-soft),transparent 70%);opacity:1;}
.eyebrow{background:var(--accent-soft);padding:6px 14px;border-radius:999px;color:var(--accent-strong);}
.eyebrow::before{display:none;}
.hero h1{font-weight:700;letter-spacing:-.03em;}
/* Cahaya mengikuti kursor (PC; mati otomatis di mode lite) */
.cat::after,.stat-card::after,.bento-item::after,.testi-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(233,194,122,.22),transparent 62%);}
.cat:hover::after,.stat-card:hover::after,.bento-item:hover::after,.testi-card:hover::after{opacity:1;}
.testi-card{position:relative;overflow:hidden;}
.lite .cat::after,.lite .stat-card::after,.lite .bento-item::after,.lite .testi-card::after{display:none;}
.totop{width:42px;height:42px;opacity:.94;}

@media (max-width:760px){
  .proto-bar{font-size:11px;padding:7px 12px;}
  /* tombol hero sebaris (menimpa responsive.css) */
  .hero-actions{flex-direction:row !important;}
  .hero-actions .btn{width:auto !important;flex:1 1 0 !important;}
  .hero-trust .stack{display:none;}
  .hero-trust span{flex:1 1 100%;font-size:12px;padding-left:2px;}
  /* visual hero ringkas */
  .hero-visual{display:none !important;}
  .hero-visual-card.c1,.hero-visual-card.c2{display:none;}
  .hero-visual-card.c3{width:230px;}
  .hero-chip-1{right:2%;}.hero-chip-2{left:2%;}
  /* bento tidak kosong */
  .bento-grid{grid-auto-rows:auto;gap:12px;}
  .bento-item{padding:18px;min-height:0 !important;gap:10px;}
  .bento-icon{width:38px;height:38px;}
  .bento-item.tall .bento-num{margin-top:6px;}
  /* daftar properti beranda: geser horizontal */
  #popular-grid,#newest-grid{display:flex !important;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 0 14px;scrollbar-width:none;overscroll-behavior-x:contain;}
  #popular-grid::-webkit-scrollbar,#newest-grid::-webkit-scrollbar{display:none;}
  #popular-grid>*,#newest-grid>*{flex:0 0 78%;min-width:0;scroll-snap-align:start;}
  .card-media{aspect-ratio:4/3;}
}

/* ===== v5: anti geser-samping, HP & PC ===== */
html,body{max-width:100%;}
body{overflow-x:clip;}
main,.hero,section{max-width:100%;}
img,svg,video{max-width:100%;}
.hero-layout>*,.section-head>*,.cat-grid>*,.bento-grid>*{min-width:0;}
h1,h2,h3,h4,.card-title{overflow-wrap:break-word;word-wrap:break-word;}
@media (max-width:760px){
  .container{padding-left:16px;padding-right:16px;}
  .hero-trust span::before{content:"\2713";color:var(--forest);font-weight:800;margin-right:7px;}
  .section-head{margin-bottom:22px;}
  .section-title{font-size:clamp(24px,7vw,32px);}
  .totop{width:38px;height:38px;right:12px;bottom:84px;}
  .cta-band h3{font-size:22px;}
}
/* PC: tata letak lega & seimbang */
@media (min-width:1024px){
  .hero{padding:72px 0 56px;}
  .hero-layout{grid-template-columns:1.15fr .85fr;align-items:center;}
  .hero-visual{height:500px;}
  .hero-visual-card.c1{transform:rotate(-6deg) translate(-110px,30px);}
  .hero-visual-card.c2{transform:rotate(7deg) translate(120px,-50px);}
  .grid-cards{grid-template-columns:repeat(4,1fr) !important;}
  .navbar-inner{height:72px;}
}
@media (min-width:761px) and (max-width:1023px){
  .hero-visual{height:380px;}
  .hero-visual-card.c1{transform:rotate(-5deg) translate(-40px,20px);}
  .hero-visual-card.c2{transform:rotate(6deg) translate(50px,-30px);}
}

/* ===== v6: PC rapi ===== */
/* Bug lama: padding .section menimpa padding .container -> teks mepet kiri */
.section.container{padding-left:20px;padding-right:20px;}
@media (max-width:760px){.section.container{padding-left:16px;padding-right:16px;}}
/* Glow hero memudar halus (tanpa garis tepi) */
.hero::before{-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent);}
/* Hero 2 kolom mulai 901px (sebelumnya 1 kolom di bawah 1080px) */
@media (min-width:901px){
  .hero-layout{grid-template-columns:1.1fr .9fr !important;gap:36px;}
  .hero h1{font-size:clamp(34px,4.4vw,62px);}
  .hero-visual{display:flex !important;height:460px !important;margin-top:0 !important;}
  .hero-visual-card{width:250px;}
  .hero-visual-card.c3{width:270px;}
  .hero-visual-card.c1{transform:rotate(-6deg) translate(-105px,34px);}
  .hero-visual-card.c2{transform:rotate(6deg) translate(105px,-34px);}
  .hero-visual-card.c1 .body,.hero-visual-card.c2 .body{display:none;}
  .hero-visual-card.c1 img,.hero-visual-card.c2 img{height:215px;}
  .hero-search{max-width:100%;}
}
@media (min-width:1200px){
  .hero-visual-card{width:280px;}
  .hero-visual-card.c3{width:300px;}
  .hero-visual-card.c1{transform:rotate(-6deg) translate(-140px,40px);}
  .hero-visual-card.c2{transform:rotate(6deg) translate(140px,-40px);}
  .hero-visual-card.c1 img,.hero-visual-card.c2 img{height:230px;}
}