/* Amber: senja dramatis — hero gelap penuh foto, judul kapital tebal, kalimat miring oranye, kartu paket tinggi bergradasi,
   baris keunggulan dalam kartu krem, aksen oranye hangat. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap");
:root { --we-ocean: #f08a24; --we-ocean-dark: #d97706; --we-brand: #f08a24; --we-brand-dark: #17110d; --we-text: #17110d; --we-muted: #7b6d60; --we-border: #efe2d2; --we-bg: #fbf3e9; --we-footer-bg: #17110d; --we-footer-bg-dark: #0d0907; --we-hero-overlay: 0; }
body.we-body { font-family: "Montserrat", "Segoe UI", system-ui, Arial, sans-serif; color: #17110d; background: #fbf3e9; }
.we-t-amber .we-btn-primary { background: #f08a24; border-color: #f08a24; border-radius: 8px; box-shadow: none; }
.we-t-amber .we-btn-primary:hover { background: #d97706; }
.we-amber-kick { font-family: "Playfair Display", Georgia, serif; font-style: italic; font-weight: 500; font-size: clamp(22px, 3vw, 34px); color: #f08a24; line-height: 1.1; margin-bottom: 8px; }
.we-amber-btn { display: inline-flex; align-items: center; gap: 10px; background: #f08a24; color: #fff !important; border-radius: 8px; padding: 14px 26px; font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: background .2s, transform .2s; }
.we-amber-btn:hover { background: #d97706; transform: translateY(-1px); }
.we-amber-link { display: inline-flex; align-items: center; gap: 12px; color: #fff !important; font-size: 12.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.we-amber-link i { width: 42px; height: 42px; border-radius: 50%; background: #8a5a1f; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255, 255, 255, .25); }
.we-amber-link i svg { width: 16px; height: 16px; }
/* menu: gelap, tautan kapital kecil, tombol oranye */
.we-t-amber .we-navbar { position: static; background: #17110d; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.we-t-amber .we-nav-inner { padding: 16px 20px; }
.we-t-amber .we-logo { font-weight: 700; font-size: 17px; color: #fff; gap: 12px; }
.we-t-amber .we-logo img { height: 48px; max-width: 200px; }
.we-t-amber .we-nav-links { color: #fff; font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; gap: 30px; }
.we-t-amber .we-nav-links a:hover { color: #f08a24; }
.we-t-amber .we-nav-cta { background: #f08a24; color: #fff !important; border-radius: 8px; padding: 10px 20px; font-weight: 700; letter-spacing: .08em; }
.we-t-amber .we-nav-admin { color: rgba(255, 255, 255, .55) !important; font-size: 10.5px; }
.we-t-amber .we-nav-toggle { color: #fff; }
/* hero */
.we-t-amber .we-hero.we-amber-hero { position: relative; background-color: #2a1b10; background-size: cover; background-position: center; text-align: left; padding: 54px 0 120px; min-height: clamp(520px, 52vw, 700px); display: flex; align-items: flex-start; }
.we-t-amber .we-amber-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23, 17, 13, .86) 0%, rgba(23, 17, 13, .55) 40%, rgba(23, 17, 13, .05) 75%), linear-gradient(180deg, rgba(23, 17, 13, .35), rgba(23, 17, 13, 0) 30%, rgba(23, 17, 13, .55)); pointer-events: none; }
.we-amber-in { position: relative; z-index: 1; width: 100%; }
.we-t-amber .we-amber-hero h1 { font-weight: 800; text-transform: uppercase; font-size: clamp(36px, 6vw, 76px); line-height: 1.02; letter-spacing: -.01em; color: #fff; max-width: 640px; margin: 0 0 18px; text-shadow: none; }
.we-t-amber .we-amber-hero p { font-size: clamp(14px, 1.5vw, 17px); line-height: 1.65; color: rgba(255, 255, 255, .9); max-width: 440px; margin: 0 0 28px; text-shadow: none; opacity: 1; }
.we-amber-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; }
.we-amber-stats { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 56px; max-width: 760px; }
.we-amber-stats > div { display: flex; align-items: center; gap: 12px; background: rgba(23, 17, 13, .5); border: 1px solid rgba(255, 255, 255, .12); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: 14px; padding: 10px 16px 10px 10px; }
.we-amber-stats i { width: 38px; height: 38px; border-radius: 10px; background: rgba(240, 138, 36, .18); color: #f08a24; display: grid; place-items: center; flex-shrink: 0; }
.we-amber-stats i svg { width: 18px; height: 18px; }
.we-amber-stats b { display: block; font-size: 15px; font-weight: 700; color: #fff; line-height: 1.2; }
.we-amber-stats small { display: block; font-size: 11px; color: rgba(255, 255, 255, .7); }
.we-amber-card { position: absolute; right: 20px; bottom: 34px; z-index: 3; display: flex; align-items: center; gap: 14px; width: 330px; background: #fff; border-radius: 16px; padding: 10px 14px 10px 10px; box-shadow: 0 18px 44px rgba(0, 0, 0, .3); color: #17110d; }
.we-amber-card img, .we-amber-card-ph { width: 96px; height: 96px; border-radius: 12px; object-fit: cover; flex-shrink: 0; background: linear-gradient(135deg, #f0b36a, #b45309); }
.we-amber-card-txt b { display: block; font-size: 16px; font-weight: 700; line-height: 1.25; }
.we-amber-card-txt small { display: block; font-size: 12px; color: #7b6d60; margin: 2px 0 6px; }
.we-amber-card-txt em { font-style: normal; font-size: 12px; font-weight: 600; color: #17110d; }
.we-amber-card > i { margin-left: auto; width: 32px; height: 32px; border-radius: 50%; background: #f08a24; color: #fff; display: grid; place-items: center; font-style: normal; font-size: 15px; flex-shrink: 0; }
/* formulir Minta Penawaran: kartu putih tepat di bawah hero */
.we-t-amber .we-quotebar-wrap { max-width: 860px; margin: 28px auto 0; position: relative; z-index: 2; }
.we-t-amber .we-quotebar { background: #fff; border: 1px solid #efe2d2; border-radius: 14px; padding: 16px 18px; box-shadow: 0 14px 34px rgba(23, 17, 13, .08); -webkit-backdrop-filter: none; backdrop-filter: none; grid-template-columns: 1.15fr .65fr 1.5fr auto; gap: 14px; align-items: end; }
.we-t-amber .we-quotebar-field, .we-t-amber .we-quotebar-field-date { padding: 0; border: 0; }
.we-t-amber .we-quotebar-field label { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #a2917f; margin-bottom: 6px; }
.we-t-amber .we-quotebar-field input, .we-t-amber .we-quotebar-field select { height: 46px; padding: 0 14px; border: 1px solid #efe2d2; border-radius: 10px; background: #fdf9f3; font-size: 13px; color: #17110d; }
.we-t-amber .we-quotebar-field input:focus, .we-t-amber .we-quotebar-field select:focus { outline: none; border-color: #f08a24; background: #fff; box-shadow: 0 0 0 4px rgba(240, 138, 36, .15); }
.we-t-amber .we-quotebar-submit { padding: 0; border: 0; }
.we-t-amber .we-quotebar-btn { height: 46px; padding: 0 26px; border-radius: 10px; font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; background: #f08a24; box-shadow: none; }
.we-t-amber .we-section:has(.we-section-title[data-wm="ALASAN"]) { display: none; }
/* judul bagian: label oranye kecil + judul tebal */
.we-t-amber .we-section { padding: 52px 0; background: transparent; }
.we-t-amber .we-section-alt { background: #f6ebdd; }
.we-t-amber .we-section-title { text-align: left; margin-bottom: 28px; }
.we-t-amber .we-section-title::before { content: "PAKET UNGGULAN"; display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; color: #f08a24; margin-bottom: 8px; }
.we-t-amber .we-section-title h2 { font-weight: 800; font-size: clamp(26px, 3.4vw, 42px); line-height: 1.12; letter-spacing: -.015em; color: #17110d; text-transform: none; margin: 0 0 8px; }
.we-t-amber .we-section-title p { color: #7b6d60; font-size: 14.5px; max-width: 560px; margin: 0; }
/* kartu paket: foto tinggi penuh, teks putih di atas gradasi, seluruh kartu bisa diklik */
body.we-t-amber.we-pk-grid #wePkgCarousel .we-carousel-track { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.we-t-amber #wePkgCarousel .we-card { background: #2a1b10; border: 0; box-shadow: none; border-radius: 16px; overflow: hidden; position: relative; aspect-ratio: 3 / 4.2; display: block; }
.we-t-amber #wePkgCarousel .we-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(23, 17, 13, .22); }
.we-t-amber #wePkgCarousel .we-card-img, .we-t-amber #wePkgCarousel img.we-card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; background: linear-gradient(135deg, #f0b36a, #b45309); }
.we-t-amber #wePkgCarousel .we-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23, 17, 13, 0) 45%, rgba(23, 17, 13, .86)); pointer-events: none; }
.we-t-amber #wePkgCarousel .we-card-body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 16px 16px 14px; }
.we-t-amber #wePkgCarousel .we-card-title { font-size: 16px; font-weight: 700; color: #fff; line-height: 1.25; margin-bottom: 3px; }
.we-t-amber #wePkgCarousel .we-card-meta { font-size: 11.5px; color: rgba(255, 255, 255, .78); margin-bottom: 4px; }
.we-t-amber #wePkgCarousel .we-card-price { font-size: 12.5px; color: #fff; font-weight: 600; }
.we-t-amber #wePkgCarousel .we-card-price span { color: rgba(255, 255, 255, .7) !important; }
.we-t-amber #wePkgCarousel .we-card-footer { position: absolute; inset: 0; z-index: 3; border: 0; padding: 0; background: transparent; }
.we-t-amber #wePkgCarousel .we-card-btn { display: block; position: absolute; inset: 0; font-size: 0; background: transparent; border: 0; padding: 0; }
.we-t-amber .we-gallery-slide-inner { border-radius: 16px; box-shadow: none; }
.we-t-amber .we-about-section { background: #f6ebdd; color: #17110d; padding: 56px 0; }
.we-t-amber .we-about-media { border-radius: 18px; box-shadow: none; transform: none; background: #ecd9c2; }
.we-t-amber .we-about-text h2 { font-weight: 800; letter-spacing: -.015em; color: #17110d; }
.we-t-amber .we-about-text p { color: #5e5146; line-height: 1.85; }
/* baris keunggulan krem */
.we-amber-benefits { padding: 8px 0 28px; }
.we-amber-benefits-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; background: #fff; border: 1px solid #efe2d2; border-radius: 16px; padding: 18px 20px; box-shadow: 0 8px 24px rgba(23, 17, 13, .05); }
.we-amber-benefits-in > div { display: flex; align-items: center; gap: 12px; padding: 4px 8px; }
.we-amber-benefits-in i { width: 42px; height: 42px; border-radius: 12px; background: #fdeedd; color: #f08a24; display: grid; place-items: center; flex-shrink: 0; }
.we-amber-benefits-in i svg { width: 20px; height: 20px; }
.we-amber-benefits-in b { display: block; font-size: 13.5px; font-weight: 700; color: #17110d; }
.we-amber-benefits-in small { display: block; font-size: 11.5px; color: #7b6d60; line-height: 1.45; margin-top: 2px; }
/* banner ajakan */
.we-amber-cta { padding: 0 0 64px; }
.we-amber-cta-box { display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; background: linear-gradient(120deg, #17110d, #3a2411); border-radius: 18px; padding: clamp(26px, 4vw, 44px); color: #fff; }
.we-amber-cta-box h2 { font-weight: 800; font-size: clamp(22px, 3vw, 34px); line-height: 1.15; letter-spacing: -.01em; margin: 0; color: #fff; max-width: 520px; }
.we-t-amber .we-footer { border-top: 0; }
@media (max-width: 960px) { .we-amber-card { position: relative; right: auto; bottom: auto; margin-top: 26px; width: 100%; max-width: 360px; } .we-t-amber .we-hero.we-amber-hero { padding-bottom: 56px; } .we-amber-benefits-in { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; } }
@media (max-width: 860px) { body.we-t-amber.we-pk-grid #wePkgCarousel .we-carousel-track { grid-template-columns: repeat(2, minmax(0, 1fr)); } .we-t-amber .we-quotebar { grid-template-columns: 1fr 1fr; } .we-t-amber .we-quotebar-submit { grid-column: 1 / -1; } }
@media (max-width: 620px) { body.we-t-amber.we-pk-grid #wePkgCarousel .we-carousel-track { grid-template-columns: 1fr; } .we-t-amber #wePkgCarousel .we-card { aspect-ratio: 4 / 3.4; } .we-t-amber .we-section { padding: 40px 0; } .we-t-amber .we-nav-links { background: #17110d; } .we-t-amber .we-quotebar { grid-template-columns: 1fr; } .we-amber-benefits-in { grid-template-columns: 1fr; } .we-amber-stats { margin-top: 36px; } .we-t-amber .we-logo img { height: 40px; } }

/* ---- revisi 2: samakan dengan referensi — menu transparan di atas foto (hanya beranda), paket dua kolom + pencarian + filter ---- */
.we-t-amber:has(.we-amber-hero) .we-navbar { position: absolute; left: 0; right: 0; top: 0; z-index: 20; background: linear-gradient(180deg, rgba(10, 6, 3, .62), rgba(10, 6, 3, 0)); }
.we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 138px; }
.we-t-amber:has(.we-amber-hero) .we-amber-hero::before { background: linear-gradient(90deg, rgba(23, 17, 13, .82) 0%, rgba(23, 17, 13, .5) 40%, rgba(23, 17, 13, .04) 75%), linear-gradient(180deg, rgba(23, 17, 13, .5), rgba(23, 17, 13, 0) 26%, rgba(23, 17, 13, .5)); }
.we-t-amber .we-section:has(#wePkgCarousel) > .we-container { display: grid; grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); column-gap: 32px; row-gap: 0; align-items: start; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-section-title { grid-column: 1; grid-row: 1; margin-bottom: 20px; }
.we-t-amber .we-section:has(#wePkgCarousel) #wePkgCarousel { grid-column: 2; grid-row: 1 / span 3; min-width: 0; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-empty { grid-column: 1 / -1; }
.we-amber-filter { grid-column: 1; grid-row: 2; }
.we-amber-search { display: flex; background: #fff; border: 1px solid #efe2d2; border-radius: 10px; overflow: hidden; height: 46px; margin-bottom: 18px; }
.we-amber-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 14px; font: 500 13px "Montserrat", sans-serif; color: #17110d; background: transparent; }
.we-amber-search button { width: 46px; border: 0; background: #f08a24; color: #fff; display: grid; place-items: center; cursor: pointer; }
.we-amber-search button svg { width: 18px; height: 18px; }
.we-amber-chips { display: flex; flex-wrap: wrap; gap: 12px 10px; }
.we-amber-chip { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 52px; border: 0; background: transparent; padding: 0; cursor: pointer; font: 500 11px "Montserrat", sans-serif; color: #7b6d60; }
.we-amber-chip i { width: 46px; height: 46px; border-radius: 12px; background: #f6ebdd; color: #5e5146; display: grid; place-items: center; transition: background .2s, color .2s; }
.we-amber-chip i svg { width: 20px; height: 20px; }
.we-amber-chip.on { color: #f08a24; }
.we-amber-chip.on i { background: #f08a24; color: #fff; box-shadow: 0 8px 18px rgba(240, 138, 36, .35); }
.we-amber-nores { display: none; padding: 20px 0; color: #7b6d60; font-size: 13px; grid-column: 2; }
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-track { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-card-title { font-size: 14px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-card-body { padding: 12px 12px 12px; }
@media (max-width: 960px) { .we-t-amber .we-section:has(#wePkgCarousel) > .we-container { grid-template-columns: 1fr; } .we-t-amber .we-section:has(#wePkgCarousel) #wePkgCarousel { grid-column: 1; grid-row: auto; margin-top: 8px; } .we-amber-nores { grid-column: 1; } body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-track { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-track { grid-template-columns: 1fr; } .we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 112px; } }

/* ---- revisi 3: hero pas satu layar laptop, tata letak lebih rapat, nada senja hangat ---- */
.we-t-amber .we-hero.we-amber-hero { height: 100vh; height: 100svh; min-height: 540px; max-height: 860px; display: flex; align-items: center; background-position: center 62%; }
.we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 74px; padding-bottom: 28px; }
.we-t-amber .we-amber-hero::before { background: linear-gradient(90deg, rgba(12, 8, 6, .8) 0%, rgba(12, 8, 6, .5) 38%, rgba(12, 8, 6, .06) 72%), linear-gradient(180deg, rgba(12, 8, 6, .5), rgba(12, 8, 6, 0) 24%, rgba(12, 8, 6, 0) 60%, rgba(12, 8, 6, .55)); }
.we-t-amber .we-amber-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(255, 128, 24, .5), rgba(255, 128, 24, 0) 55%); mix-blend-mode: soft-light; pointer-events: none; }
.we-t-amber .we-amber-hero .we-amber-in { position: relative; z-index: 2; }
.we-amber-kick { font-size: clamp(20px, 2.3vw, 28px); margin-bottom: 4px; }
.we-t-amber .we-amber-hero h1 { font-size: clamp(30px, 4.3vw, 56px); line-height: 1.05; max-width: 700px; margin: 0 0 14px; }
.we-t-amber .we-amber-hero p { font-size: clamp(13.5px, 1.25vw, 15.5px); line-height: 1.6; max-width: 450px; margin: 0 0 22px; }
.we-amber-actions { gap: 22px; }
.we-amber-btn { padding: 13px 24px; }
.we-amber-link i { width: 40px; height: 40px; }
.we-amber-stats { margin-top: 30px; gap: 10px; max-width: 740px; }
.we-amber-stats > div { padding: 8px 14px 8px 8px; }
.we-amber-stats i { width: 34px; height: 34px; }
.we-amber-card { bottom: 30px; width: 320px; }
.we-amber-card img, .we-amber-card-ph { width: 84px; height: 84px; }
@media (max-height: 720px) { .we-t-amber .we-amber-hero h1 { font-size: clamp(28px, 3.8vw, 46px); margin-bottom: 10px; } .we-t-amber .we-amber-hero p { margin-bottom: 16px; } .we-amber-stats { margin-top: 20px; } .we-amber-card { bottom: 18px; } }
@media (max-width: 960px) { .we-t-amber .we-hero.we-amber-hero { height: auto; max-height: none; min-height: 0; } .we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 110px; padding-bottom: 36px; } }
.we-t-amber .we-amber-hero.we-amber-wall::before { background: linear-gradient(90deg, rgba(12, 8, 6, .35) 0%, rgba(12, 8, 6, .12) 40%, rgba(12, 8, 6, 0) 70%), linear-gradient(180deg, rgba(12, 8, 6, .4), rgba(12, 8, 6, 0) 22%); }
.we-t-amber .we-amber-hero.we-amber-wall::after { opacity: .5; }
/* ---- revisi 4: blok judul & isian sedikit lebih turun (jarak dari menu) ---- */
.we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 128px; padding-bottom: 24px; }
@media (max-height: 720px) { .we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 104px; } }
@media (max-width: 960px) { .we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 120px; } }

/* ---- revisi 5: seperti referensi — beranda berlatar gelap, tiap bagian jadi kartu krem membulat; paket satu baris bisa digeser; keunggulan di dalam kartu paket ---- */
body.we-t-amber:has(.we-amber-hero) { background: #17110d; }
body.we-t-amber:has(.we-amber-hero) .we-quotebar-wrap { margin: -40px auto 22px; }
body.we-t-amber:has(.we-amber-hero) .we-section { background: #fbf3e9; max-width: 1240px; margin: 0 auto 18px; border-radius: 28px; padding: 40px 0; }
body.we-t-amber:has(.we-amber-hero) .we-section.we-section-alt, body.we-t-amber:has(.we-amber-hero) .we-section.we-about-section { background: #f6ebdd; }
body.we-t-amber:has(.we-amber-hero) .we-section > .we-container { padding-left: 36px; padding-right: 36px; }
.we-amber-cta { padding: 4px 20px 28px; }
.we-amber-cta .we-container { padding: 0; max-width: 1240px; }
.we-amber-cta-box { background: linear-gradient(120deg, #f08a24, #d97706); }
.we-amber-cta-box .we-amber-kick { color: #fff; }
.we-amber-cta-box h2 { color: #17110d; }
.we-amber-cta-box .we-amber-btn { background: #17110d; }
.we-amber-benefits { display: none; }
/* paket: satu baris, bisa digeser ke samping */
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-track { display: flex; grid-template-columns: none; gap: 14px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 2px 2px 14px; scrollbar-width: thin; scrollbar-color: #f08a24 #efe2d2; }
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-track::-webkit-scrollbar { height: 6px; }
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-track::-webkit-scrollbar-thumb { background: #f08a24; border-radius: 6px; }
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-track::-webkit-scrollbar-track { background: #efe2d2; border-radius: 6px; }
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex: 0 0 calc((100% - 42px) / 4); min-width: 0; padding: 0; scroll-snap-align: start; }
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-viewport { overflow: visible; }
.we-amber-benefits-moved { grid-column: 1 / -1; grid-row: 4; margin-top: 22px; background: #fff8ee; border: 1px solid #f3e4cf; box-shadow: none; border-radius: 16px; padding: 16px 18px; }
@media (max-width: 960px) { body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex-basis: calc((100% - 14px) / 2); } .we-amber-benefits-moved { grid-row: auto; } }
@media (max-width: 620px) { body.we-t-amber:has(.we-amber-hero) .we-section { border-radius: 20px; margin: 0 10px 14px; padding: 30px 0; } body.we-t-amber:has(.we-amber-hero) .we-section > .we-container { padding-left: 18px; padding-right: 18px; } body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex-basis: 78%; } }

/* ---- revisi 6: latar halaman cerah, kartu putih halus, ukuran lebih kecil & rapi; "Tentang Kami" dipindah ke bawah paket ---- */
body.we-t-amber:has(.we-amber-hero) { background: #f7f2ea; }
body.we-t-amber:has(.we-amber-hero) .we-quotebar-wrap { margin: -36px auto 20px; }
body.we-t-amber:has(.we-amber-hero) .we-section { background: #fff; max-width: 1180px; margin: 0 auto 20px; border: 1px solid #eee3d3; border-radius: 24px; box-shadow: 0 10px 30px rgba(23, 17, 13, .05); padding: 30px 0; }
body.we-t-amber:has(.we-amber-hero) .we-section.we-section-alt, body.we-t-amber:has(.we-amber-hero) .we-section.we-about-section { background: #fffaf3; }
body.we-t-amber:has(.we-amber-hero) .we-section > .we-container { padding-left: 30px; padding-right: 30px; }
/* bagian paket: lebih ringkas */
.we-t-amber .we-section:has(#wePkgCarousel) > .we-container { grid-template-columns: minmax(230px, 280px) minmax(0, 1fr); column-gap: 26px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-section-title { margin-bottom: 14px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-section-title::before { font-size: 11px; margin-bottom: 6px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-section-title h2 { font-size: clamp(22px, 2.5vw, 30px); line-height: 1.12; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-section-title p { font-size: 13px; line-height: 1.5; }
.we-amber-search { height: 42px; margin-bottom: 14px; }
.we-amber-search button { width: 42px; }
.we-amber-chips { gap: 10px 8px; }
.we-amber-chip { width: 48px; font-size: 10.5px; gap: 5px; }
.we-amber-chip i { width: 40px; height: 40px; border-radius: 11px; }
.we-amber-chip i svg { width: 18px; height: 18px; }
body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex: 0 0 calc((100% - 56px) / 5); }
.we-t-amber .we-section:has(#wePkgCarousel) .we-card { aspect-ratio: 3 / 3.9; border-radius: 14px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-card-body { padding: 10px 11px 11px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-card-title { font-size: 12.5px; line-height: 1.25; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-card-meta { font-size: 10.5px; margin-bottom: 3px; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-card-price { font-size: 11.5px; }
.we-amber-benefits-moved { margin-top: 16px; padding: 12px 14px; border-radius: 14px; }
.we-amber-benefits-moved i { width: 36px; height: 36px; border-radius: 10px; }
.we-amber-benefits-moved i svg { width: 17px; height: 17px; }
.we-amber-benefits-moved b { font-size: 12.5px; }
.we-amber-benefits-moved small { font-size: 11px; }
/* Tentang Kami (dipindah ke bawah paket) */
.we-t-amber .we-about-section { padding: 30px 0; }
.we-t-amber .we-about-text h2 { font-size: clamp(22px, 2.6vw, 32px); }
.we-t-amber .we-about-text p { font-size: 14px; line-height: 1.75; }
.we-t-amber .we-about-media { border-radius: 20px; }
.we-amber-cta { padding: 2px 20px 26px; }
.we-amber-cta .we-container { max-width: 1180px; }
@media (max-width: 960px) { body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex-basis: calc((100% - 14px) / 2); } }
@media (max-width: 620px) { body.we-t-amber:has(.we-amber-hero) .we-section { margin: 0 10px 14px; padding: 24px 0; } body.we-t-amber:has(.we-amber-hero) .we-section > .we-container { padding-left: 16px; padding-right: 16px; } body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex-basis: 74%; } }
/* ---- revisi 7: label kecil di atas judul bagian hanya di beranda (bukan di Blog, Galeri, Kontak, dll.) ---- */
.we-t-amber .we-section-title::before { content: none; display: none; }
.we-t-amber .we-section-title[data-wm="PAKET"]::before { content: "PAKET UNGGULAN"; display: block; }
.we-t-amber .we-section-title[data-wm="GALERI"]::before { content: "GALERI FOTO"; display: block; }
.we-t-amber .we-section-title[data-wm="INAP"]::before { content: "PENGINAPAN"; display: block; }
.we-t-amber .we-section:has(#wePkgCarousel) .we-section-title::before { content: "PAKET UNGGULAN"; display: block; }

/* ---- revisi 8: tablet & HP — tatanan PC dipertahankan lalu diperkecil, tetap rapi ---- */
/* TABLET (<= 960px): menu satu baris, kartu hero tidak menimpa, paket tetap dua kolom, formulir tiga kolom */
@media (max-width: 960px) {
    .we-t-amber .we-logo { white-space: nowrap; font-size: 15px; }
    .we-t-amber .we-logo img { height: 40px; }
    .we-t-amber .we-nav-links { gap: 14px; font-size: 10.5px; letter-spacing: .05em; flex-wrap: nowrap; }
    .we-t-amber .we-nav-links a { white-space: nowrap; }
    .we-t-amber .we-nav-cta { padding: 8px 14px; }
    .we-t-amber .we-amber-card { position: static; right: auto; bottom: auto; margin-top: 18px; width: 100%; max-width: 340px; }
    .we-amber-stats { margin-top: 24px; }
    .we-t-amber .we-section:has(#wePkgCarousel) > .we-container { grid-template-columns: minmax(190px, 230px) minmax(0, 1fr); column-gap: 18px; }
    .we-t-amber .we-section:has(#wePkgCarousel) #wePkgCarousel { grid-column: 2; grid-row: 1 / span 3; margin-top: 0; }
    body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex-basis: calc((100% - 24px) / 3); }
    .we-amber-nores { grid-column: 2; }
    .we-amber-benefits-moved { grid-row: 4; }
    .we-t-amber .we-quotebar { grid-template-columns: 1.2fr .6fr 1.4fr; gap: 12px; }
    .we-t-amber .we-quotebar-submit { grid-column: 1 / -1; }
    .we-t-amber .we-quotebar-btn { width: 100%; }
}
/* tablet kecil / HP besar (<= 700px): bagian paket menumpuk, kartu digeser ke samping */
@media (max-width: 700px) {
    .we-t-amber .we-section:has(#wePkgCarousel) > .we-container { grid-template-columns: 1fr; }
    .we-t-amber .we-section:has(#wePkgCarousel) #wePkgCarousel { grid-column: 1; grid-row: auto; margin-top: 6px; }
    .we-amber-nores { grid-column: 1; }
    .we-amber-benefits-moved { grid-row: auto; }
    body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex-basis: calc((100% - 12px) / 2.4); }
}
/* HP (<= 620px) */
@media (max-width: 620px) {
    .we-t-amber .we-nav-inner { padding: 12px 14px; }
    .we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-top: 78px; padding-bottom: 20px; }
    .we-amber-kick { font-size: 19px; margin-bottom: 2px; }
    .we-t-amber .we-amber-hero h1 { font-size: 27px; line-height: 1.08; margin-bottom: 10px; }
    .we-t-amber .we-amber-hero p { font-size: 13px; line-height: 1.55; max-width: none; margin-bottom: 16px; }
    .we-amber-actions { gap: 12px; flex-wrap: nowrap; }
    .we-amber-btn { padding: 11px 15px; font-size: 11px; white-space: nowrap; }
    .we-amber-link { font-size: 10.5px; gap: 8px; white-space: nowrap; }
    .we-amber-link i { width: 32px; height: 32px; }
    .we-amber-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; max-width: none; }
    .we-amber-stats > div { padding: 7px 9px 7px 7px; gap: 8px; border-radius: 12px; }
    .we-amber-stats i { width: 28px; height: 28px; border-radius: 8px; }
    .we-amber-stats i svg { width: 15px; height: 15px; }
    .we-amber-stats b { font-size: 12.5px; }
    .we-amber-stats small { font-size: 9.5px; }
    .we-t-amber .we-amber-card { margin-top: 14px; max-width: none; gap: 10px; padding: 8px 12px 8px 8px; border-radius: 14px; }
    .we-amber-card img, .we-amber-card-ph { width: 62px; height: 62px; border-radius: 10px; }
    .we-amber-card-txt b { font-size: 13.5px; }
    .we-amber-card-txt small { font-size: 11px; margin: 1px 0 3px; }
    .we-amber-card-txt em { font-size: 11px; }
    .we-amber-card > i { width: 28px; height: 28px; font-size: 13px; }
    body.we-t-amber:has(.we-amber-hero) .we-quotebar-wrap { margin: -26px 10px 14px; }
    .we-t-amber .we-quotebar-wrap .we-container { padding: 0; }
    .we-t-amber .we-quotebar { grid-template-columns: 1.3fr .8fr; gap: 10px; padding: 14px; border-radius: 14px; }
    .we-t-amber .we-quotebar-field:has(select) { grid-column: 1 / -1; }
    .we-t-amber .we-quotebar-field label { font-size: 9.5px; margin-bottom: 4px; }
    .we-t-amber .we-quotebar-field input, .we-t-amber .we-quotebar-field select { height: 40px; font-size: 12.5px; padding: 0 11px; }
    .we-t-amber .we-quotebar-btn { height: 42px; font-size: 11.5px; }
    .we-t-amber .we-section:has(#wePkgCarousel) .we-section-title h2 { font-size: 22px; }
    .we-t-amber .we-section:has(#wePkgCarousel) .we-section-title p { font-size: 12.5px; }
    .we-amber-chips { gap: 8px 6px; justify-content: space-between; }
    .we-amber-chip { width: 44px; font-size: 9.5px; }
    .we-amber-chip i { width: 38px; height: 38px; }
    body.we-t-amber.we-pk-grid .we-section:has(#wePkgCarousel) #wePkgCarousel .we-carousel-slide { flex-basis: 44%; }
    .we-t-amber .we-section:has(#wePkgCarousel) .we-card { aspect-ratio: 3 / 4; border-radius: 13px; }
    .we-t-amber .we-section:has(#wePkgCarousel) .we-card-body { padding: 9px 10px 10px; }
    .we-t-amber .we-section:has(#wePkgCarousel) .we-card-title { font-size: 12px; }
    .we-t-amber .we-section:has(#wePkgCarousel) .we-card-meta { font-size: 10px; }
    .we-t-amber .we-section:has(#wePkgCarousel) .we-card-price { font-size: 11px; }
    .we-amber-benefits-moved { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; padding: 12px; }
    .we-amber-benefits-moved > div { gap: 9px; padding: 0; align-items: flex-start; }
    .we-amber-benefits-moved i { width: 30px; height: 30px; border-radius: 9px; }
    .we-amber-benefits-moved i svg { width: 15px; height: 15px; }
    .we-amber-benefits-moved b { font-size: 11.5px; }
    .we-amber-benefits-moved small { font-size: 10px; line-height: 1.4; }
    .we-t-amber .we-about-block { gap: 16px; }
    .we-t-amber .we-about-media { aspect-ratio: 16 / 10; max-width: none; width: 100%; box-shadow: none; }
    .we-t-amber .we-about-text { text-align: left; }
    .we-t-amber .we-about-text h2 { font-size: 22px; }
    .we-t-amber .we-about-text p { font-size: 13px; }
    .we-amber-cta { padding: 2px 10px 18px; }
    .we-amber-cta-box { padding: 22px 18px; border-radius: 16px; gap: 14px; }
    .we-amber-cta-box h2 { font-size: 20px; }
    .we-amber-cta-box .we-amber-btn { width: 100%; justify-content: center; }
}
/* revisi 8b: jarak hero ke formulir & ikon kategori satu baris di tablet */
@media (max-width: 960px) { .we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-bottom: 58px; } .we-t-amber .we-section:has(#wePkgCarousel) > .we-container { grid-template-columns: minmax(236px, 264px) minmax(0, 1fr); } .we-amber-chips { justify-content: space-between; gap: 10px 4px; } .we-amber-chip { width: 46px; } }
@media (max-width: 700px) { .we-t-amber .we-section:has(#wePkgCarousel) > .we-container { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .we-t-amber:has(.we-amber-hero) .we-hero.we-amber-hero { padding-bottom: 46px; } }
/* ---- revisi 9: kartu umum (Blog, Paket Wisata, dll.) bertampilan terang & rapi; gaya foto-tinggi gelap hanya untuk paket di beranda ---- */
.we-t-amber .we-card { background: #fff; border: 1px solid #eee3d3; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 18px rgba(23, 17, 13, .05); transition: transform .2s, box-shadow .2s; display: flex; flex-direction: column; }
.we-t-amber .we-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(23, 17, 13, .1); }
.we-t-amber .we-card > img, .we-t-amber .we-card-img { width: 100%; object-fit: cover; display: block; }
.we-t-amber .we-grid .we-card > img { height: 190px !important; }
.we-t-amber .we-card-body { padding: 16px 18px 18px; flex: 1; }
.we-t-amber .we-card-title { font-size: 16px; font-weight: 700; color: #17110d; line-height: 1.3; margin-bottom: 6px; }
.we-t-amber .we-card-meta { font-size: 13px; color: #7b6d60; line-height: 1.6; }
.we-t-amber .we-card-price { font-size: 14px; color: #f08a24; font-weight: 700; }
.we-t-amber .we-card-footer { border-top: 1px solid #f3e8d8; padding: 12px 18px; }
.we-t-amber .we-card-btn { font-size: 12.5px; font-weight: 700; color: #f08a24; }
/* ---- revisi 10: galeri tanpa teks di atas foto (kredit fotografer pindah ke catatan "Kredit foto" di bawah galeri) ---- */
.we-t-amber .we-gallery-caption, .we-t-amber .we-gallery-slide-inner::after { display: none !important; }

/* ---- revisi 11: kartu promo hero — pita "Paket Unggulan", foto dengan lencana durasi, harga menonjol, tombol Lihat ---- */
.we-t-amber .we-amber-card { display: block; width: 300px; padding: 0; gap: 0; border-radius: 20px; background: #fff; box-shadow: 0 26px 60px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .55); transition: transform .25s, box-shadow .25s; }
.we-t-amber .we-amber-card:hover { transform: translateY(-5px); box-shadow: 0 32px 70px rgba(0, 0, 0, .5), 0 0 0 2px #f08a24; }
.we-amber-promo-tag { position: absolute; top: -12px; left: 16px; z-index: 3; background: linear-gradient(135deg, #f08a24, #ffb347); color: #fff; font: 800 10.5px/1 "Montserrat", sans-serif; letter-spacing: .12em; text-transform: uppercase; padding: 7px 13px; border-radius: 99px; box-shadow: 0 6px 16px rgba(240, 138, 36, .55); }
.we-amber-promo-img { display: block; position: relative; height: 120px; border-radius: 20px 20px 0 0; background: linear-gradient(135deg, #f0b36a, #b45309) center / cover; overflow: hidden; }
.we-amber-promo-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23, 17, 13, 0) 40%, rgba(23, 17, 13, .6)); }
.we-amber-promo-chip { position: absolute; left: 12px; bottom: 10px; z-index: 1; background: rgba(23, 17, 13, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, .2); color: #fff; font: 600 11px "Montserrat", sans-serif; padding: 5px 11px; border-radius: 99px; }
.we-amber-promo-body { display: block; padding: 12px 14px 14px; }
.we-amber-promo-body b { display: block; font-size: 15px; font-weight: 800; color: #17110d; line-height: 1.25; margin-bottom: 10px; }
.we-amber-promo-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.we-amber-promo-price { display: block; line-height: 1.2; }
.we-amber-promo-price small { font-size: 10.5px; color: #8a7a6a; font-weight: 500; }
.we-amber-promo-price small:first-child { display: block; }
.we-amber-promo-price strong { font-size: 19px; font-weight: 800; color: #d96f0b; letter-spacing: -.01em; }
.we-amber-promo-go { display: inline-flex; align-items: center; gap: 6px; background: #17110d; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 9px 14px; border-radius: 99px; white-space: nowrap; transition: background .2s; }
.we-amber-promo-go i { font-style: normal; }
.we-amber-card:hover .we-amber-promo-go { background: #f08a24; }
@media (max-width: 960px) { .we-t-amber .we-amber-card { position: relative; right: auto; bottom: auto; margin-top: 26px; width: 100%; max-width: 340px; } }
@media (max-width: 620px) { .we-t-amber .we-amber-card { max-width: none; } .we-amber-promo-img { height: 100px; } .we-amber-promo-body b { font-size: 14px; margin-bottom: 8px; } .we-amber-promo-price strong { font-size: 17px; } .we-amber-promo-go { padding: 8px 12px; } }