/* LIBAS HUT Bundle Landing Page — v1.2.5 */
.lhb-wrap {
    --lhb-gold:#d4af37; --lhb-gold-dark:#9a7910; --lhb-ink:#171717;
    --lhb-paper:#fff; --lhb-muted:#666; --lhb-border:#e5e0d2;
    --lhb-soft:#f8f5e9; --lhb-field-bg:#fff; --lhb-field-text:#171717;
    --lhb-danger:#b42318; --lhb-success:#167647;
    position:relative; isolation:isolate; width:100%; max-width:1120px; min-width:0;
    margin:24px auto; padding:clamp(14px,2.5vw,28px); color:var(--lhb-ink);
    background:var(--lhb-paper); border:1px solid rgba(212,175,55,.4);
    border-radius:18px; font-family:inherit; font-size:16px; line-height:1.6;
    overflow-wrap:anywhere; -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
.lhb-wrap *, .lhb-wrap *:before, .lhb-wrap *:after {box-sizing:border-box}
.lhb-wrap img,.lhb-wrap video,.lhb-wrap iframe {max-width:100%}
.lhb-wrap img {height:auto}
.lhb-wrap button,.lhb-wrap input,.lhb-wrap select,.lhb-wrap textarea {max-width:100%;font:inherit}
.lhb-wrap button {touch-action:manipulation}
.lhb-wrap a,.lhb-wrap h2,.lhb-wrap h3,.lhb-wrap p {overflow-wrap:anywhere}

.lhb-hero {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3.5vw,40px);align-items:center;min-width:0}
.lhb-image,.lhb-intro {min-width:0}
.lhb-hero-image {display:block;width:100%;height:auto;max-height:560px;aspect-ratio:4/3;object-fit:contain;object-position:center;background:transparent;border-radius:14px}
.lhb-eyebrow {margin:0 0 10px;color:var(--lhb-gold-dark);font-size:.78rem;font-weight:800;letter-spacing:.12em;line-height:1.5}
.lhb-intro h2 {margin:.4em 0;color:inherit;font-size:clamp(1.7rem,4vw,3rem);font-weight:800;line-height:1.15}
.lhb-offer {margin:14px 0;font-size:1.15rem;line-height:1.5}
.lhb-offer strong {color:var(--lhb-gold-dark);font-size:clamp(1.65rem,4vw,2.3rem);font-weight:800}
.lhb-subtitle {margin:12px 0 18px;color:var(--lhb-muted);line-height:1.8}

.lhb-wrap .lhb-jump,.lhb-wrap .lhb-submit {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;padding:12px 20px;color:#fff!important;background:#171717;border:1px solid var(--lhb-gold);border-radius:9px;font-size:1rem;font-weight:750;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.lhb-wrap .lhb-jump:hover,.lhb-wrap .lhb-submit:hover {color:#fff!important;background:#343434}
.lhb-wrap .lhb-jump:focus-visible,.lhb-wrap .lhb-submit:focus-visible,.lhb-wrap .lhb-add:focus-visible,.lhb-wrap .lhb-remove:focus-visible,.lhb-wrap select:focus-visible,.lhb-wrap input:focus-visible,.lhb-wrap textarea:focus-visible {outline:3px solid var(--lhb-gold);outline-offset:3px}
.lhb-wrap .lhb-add {display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;padding:10px 15px;color:#171717;background:#fff;border:1px solid #171717;border-radius:9px;font-weight:750;line-height:1.4;cursor:pointer}
.lhb-wrap .lhb-add:hover {background:var(--lhb-soft);border-color:var(--lhb-gold-dark)}
.lhb-wrap .lhb-remove {display:inline-flex;grid-column:2 / -1;grid-row:2;justify-self:start;align-items:center;justify-content:center;min-height:36px;margin-top:0;padding:7px 11px;color:#333;background:#fff;border:1px solid #d6d6d6;border-radius:8px;font-size:.88rem;line-height:1.4;cursor:pointer}
.lhb-wrap .lhb-remove:hover {background:#f5f5f5;border-color:#999}

.lhb-builder,.lhb-order-form {min-width:0;margin-top:28px;padding:clamp(14px,2.5vw,24px);border:1px solid var(--lhb-border);border-radius:14px}
.lhb-section-heading h3,.lhb-order-form h3 {margin:0 0 10px;color:inherit;font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:800;line-height:1.35}
.lhb-section-heading p,.lhb-order-form p {line-height:1.7}
.lhb-section-heading p {margin:8px 0 16px}
.lhb-items {width:100%;min-width:0}
.lhb-item {display:grid;grid-template-columns:28px minmax(0,1fr) 150px auto;grid-template-rows:auto auto;gap:10px 12px;align-items:start;min-width:0;padding:15px 0;border-bottom:1px solid var(--lhb-border)}
.lhb-item:first-child {padding-top:8px}
.lhb-item:last-child {border-bottom:0}
.lhb-item-number {padding-top:8px;color:var(--lhb-gold-dark);font-size:1rem;font-weight:850;line-height:1.5}
.lhb-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.lhb-fields label {display:block;min-width:0;color:inherit;font-size:.88rem;font-weight:700;line-height:1.5}

.lhb-wrap .lhb-fields select,.lhb-wrap .lhb-order-form input,.lhb-wrap .lhb-order-form select,.lhb-wrap .lhb-order-form textarea {display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:10px 11px;color:var(--lhb-field-text);background:var(--lhb-field-bg);border:1px solid #c9c9c9;border-radius:8px;font-size:16px;line-height:1.5}
.lhb-wrap .lhb-order-form textarea {min-height:80px;resize:vertical}
.lhb-wrap .lhb-fields select:disabled {opacity:.65;cursor:not-allowed}
.lhb-wrap .lhb-order-form label {display:block;min-width:0;margin-bottom:12px;font-weight:650}
.lhb-customer-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.lhb-customer-fields label:nth-child(3),.lhb-customer-fields label:nth-child(5) {grid-column:1/-1}

.lhb-item-image-box {display:flex;align-items:center;justify-content:center;width:150px;min-width:0;aspect-ratio:3/4;overflow:hidden;background:#f8f6f0;border:1px solid var(--lhb-gold);border-radius:10px}
.lhb-item-image-box img {display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}
.lhb-item-image-box img[hidden],.lhb-item-image-box .lhb-image-placeholder[hidden] {display:none!important}
.lhb-item-image-box .lhb-image-placeholder {padding:8px;color:#777;font-size:12px;line-height:1.5;text-align:center}

.lhb-total {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0;margin-top:20px;padding:16px;color:var(--lhb-ink);background:var(--lhb-soft);border-radius:10px}
.lhb-total>* {min-width:0}
.lhb-qty,.lhb-price {font-weight:850}
.lhb-price {color:var(--lhb-gold-dark);font-size:1.25rem}
.lhb-delivery-note {margin:12px 0 0;color:var(--lhb-muted);font-size:.9rem;line-height:1.7}
.lhb-order-summary {margin:18px 0;padding:14px 16px;background:var(--lhb-soft);border:1px solid var(--lhb-border);border-radius:10px}
.lhb-order-summary p {display:flex;justify-content:space-between;gap:12px;margin:5px 0}
.lhb-order-summary strong {text-align:right}
.lhb-wrap .lhb-submit {width:100%;min-height:50px;margin-top:8px}
.lhb-wrap .lhb-submit:disabled {opacity:.7;cursor:wait}
.lhb-error {color:var(--lhb-danger);font-weight:650}
.lhb-success {color:var(--lhb-success);font-weight:650}
.lhb-notice {padding:12px;color:#8f1d18;background:#fff4f4;border:1px solid #e4b6b6;border-radius:8px}

.lhb-wrap[data-theme="dark"],.lhb-wrap.lhb-dark {--lhb-ink:#f5f5f5;--lhb-paper:#111;--lhb-muted:#c4c4c4;--lhb-border:#3b3b3b;--lhb-soft:#252216;--lhb-field-bg:#222;--lhb-field-text:#f5f5f5;color:var(--lhb-ink);background:var(--lhb-paper);border-color:rgba(212,175,55,.5)}
.lhb-wrap[data-theme="dark"] .lhb-eyebrow,.lhb-wrap.lhb-dark .lhb-eyebrow,.lhb-wrap[data-theme="dark"] .lhb-offer strong,.lhb-wrap[data-theme="dark"] .lhb-price,.lhb-wrap.lhb-dark .lhb-offer strong,.lhb-wrap.lhb-dark .lhb-price {color:#e6c65b}
.lhb-wrap[data-theme="dark"] .lhb-subtitle,.lhb-wrap[data-theme="dark"] .lhb-delivery-note,.lhb-wrap.lhb-dark .lhb-subtitle,.lhb-wrap.lhb-dark .lhb-delivery-note {color:#c4c4c4}
.lhb-wrap[data-theme="dark"] .lhb-add,.lhb-wrap[data-theme="dark"] .lhb-remove,.lhb-wrap.lhb-dark .lhb-add,.lhb-wrap.lhb-dark .lhb-remove {color:#f5f5f5;background:#222;border-color:#666}
.lhb-wrap[data-theme="dark"] .lhb-item-image-box,.lhb-wrap.lhb-dark .lhb-item-image-box {background:#222}
.lhb-wrap[data-theme="dark"] .lhb-image-placeholder,.lhb-wrap.lhb-dark .lhb-image-placeholder {color:#ccc}
.lhb-wrap[data-theme="dark"] .lhb-notice,.lhb-wrap.lhb-dark .lhb-notice {color:#ffc8c4;background:#321b1b;border-color:#754040}

@media (min-width:701px) and (max-width:1024px) {
 .lhb-wrap{padding:20px}.lhb-hero{gap:20px}.lhb-item{grid-template-columns:24px minmax(0,1fr) 120px auto;gap:8px}.lhb-item-image-box{width:120px}.lhb-fields{gap:8px}
}
@media (max-width:700px) {
 .lhb-wrap{width:100%;max-width:100%;margin:12px auto;padding:14px;border-radius:13px}
 .lhb-hero{grid-template-columns:minmax(0,1fr);gap:16px}.lhb-hero-image{width:100%;max-height:360px;aspect-ratio:4/3}
 .lhb-intro h2{font-size:clamp(1.65rem,6vw,2.2rem)}
 .lhb-builder,.lhb-order-form{margin-top:20px;padding:14px}
 .lhb-item{grid-template-columns:24px minmax(0,1fr) 100px;grid-template-rows:auto auto;gap:8px;padding:14px 0}
 .lhb-item-number{padding-top:7px}.lhb-fields{grid-template-columns:minmax(0,1fr);gap:10px}
 .lhb-item-image-box{grid-column:3;grid-row:1;width:100px;align-self:start}
 .lhb-item .lhb-remove{grid-column:2/4;grid-row:2;justify-self:start;align-self:start}
 .lhb-total{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:13px}
 .lhb-wrap .lhb-jump{width:100%}.lhb-customer-fields{grid-template-columns:minmax(0,1fr)}
 .lhb-customer-fields label:nth-child(3),.lhb-customer-fields label:nth-child(5){grid-column:auto}
 .lhb-order-summary p{align-items:flex-start}
}
@media (max-width:380px) {
 .lhb-wrap{margin:10px auto;padding:10px;border-radius:11px}.lhb-hero{gap:12px}
 .lhb-hero-image{max-height:300px}.lhb-builder,.lhb-order-form{padding:11px}
 .lhb-item{grid-template-columns:20px minmax(0,1fr) 84px;grid-template-rows:auto auto;gap:6px}.lhb-item-image-box{width:84px}
 .lhb-wrap .lhb-fields select{padding:9px;font-size:9px!important}.lhb-wrap .lhb-remove{padding:7px 9px}
 .lhb-offer{font-size:1rem}
}
@media (prefers-reduced-motion:reduce) {
 .lhb-wrap *,.lhb-wrap *:before,.lhb-wrap *:after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v1.2.0 bilingual location fields */
.lhb-customer-fields small{display:block;margin-top:5px;font-size:12px;line-height:1.6;opacity:.82}
.lhb-customer-fields select,.lhb-customer-fields input,.lhb-customer-fields textarea{max-width:100%;box-sizing:border-box}

/* v1.2.1: keep the remove-piece control below the selection fields on every screen size */
.lhb-item .lhb-remove{grid-column:2 / -1;grid-row:2;justify-self:start;align-self:start}
@media (max-width:700px){.lhb-item .lhb-remove{grid-column:2 / -1;grid-row:2}}

/* v1.2.5: responsive selection fields, balanced product image, and bundle thank-you page */
.lhb-item{grid-template-columns:24px minmax(0,1fr) 158px;gap:12px 14px}
.lhb-item-image-box{width:158px}
.lhb-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* Color/Size dropdown text: 9px on every device; outer labels stay unchanged */
.lhb-wrap .lhb-fields select{
    width:100%;
    min-width:0;
    min-height:48px;
    padding:10px 12px;
    font-size:9px !important;
    line-height:1.35;
    white-space:normal;
}

.lhb-fields label{font-size:clamp(13px,.95vw,14px);line-height:1.45}
.lhb-item-number{font-size:15px}
.lhb-item-image-box .lhb-image-placeholder{font-size:12px;line-height:1.45}

.lhb-thankyou{max-width:850px;margin:28px auto;padding:clamp(20px,4vw,38px);color:#f7f3e6;background:linear-gradient(145deg,#101010,#202018);border:1px solid #d4af37;border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.12);text-align:center}
.lhb-thankyou-mark{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#d4af37;color:#111;font-size:32px;font-weight:900}
.lhb-thankyou-kicker{margin:0 0 8px;color:#e5c85a;font-size:12px;font-weight:800;letter-spacing:.14em}
.lhb-thankyou h2{margin:0 0 12px;color:#f1d36a;font-size:clamp(24px,4vw,36px);line-height:1.25}
.lhb-thankyou-lead{max-width:650px;margin:0 auto 22px;color:#f0eee7;line-height:1.8}
.lhb-thankyou-details{max-width:650px;margin:0 auto;padding:8px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.35);border-radius:12px;text-align:left}
.lhb-thankyou-details p{display:flex;justify-content:space-between;gap:18px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);line-height:1.55}
.lhb-thankyou-details p:last-child{border-bottom:0}
.lhb-thankyou-details span{color:#d0cbbd}
.lhb-thankyou-details strong{color:#fff;text-align:right;overflow-wrap:anywhere}
.lhb-thankyou-footer{margin:22px 0 0;color:#e9dca9;line-height:1.8}

@media (min-width:701px) and (max-width:1024px){
 .lhb-item{grid-template-columns:24px minmax(0,1fr) 132px;gap:10px}
 .lhb-item-image-box{width:132px}
 .lhb-fields{gap:9px}
 .lhb-wrap .lhb-fields select{padding:9px 10px;font-size:9px!important}
}

@media (max-width:700px){
 .lhb-item{grid-template-columns:22px minmax(0,1fr) 108px;gap:9px;padding:15px 0}
 .lhb-item-image-box{grid-column:3;grid-row:1;width:108px}
 .lhb-fields{grid-template-columns:minmax(0,1fr);gap:11px}
 .lhb-wrap .lhb-fields select{min-height:48px;padding:10px 12px;font-size:9px!important}
 .lhb-fields label{font-size:14px}
 .lhb-thankyou{margin:18px 0;padding:22px 15px;border-radius:14px}
 .lhb-thankyou-details{padding:6px 12px}
 .lhb-thankyou-details p{gap:10px;font-size:14px}
}

@media (max-width:380px){
 .lhb-item{grid-template-columns:20px minmax(0,1fr) 92px;gap:7px}
 .lhb-item-image-box{width:92px}
 .lhb-wrap .lhb-fields select{font-size:9px!important;padding:9px 10px}
 .lhb-thankyou-details p{flex-direction:column;gap:3px}
 .lhb-thankyou-details strong{text-align:left}
}

/* FINAL OVERRIDE: dropdown text 9px across all devices */
.lhb-wrap .lhb-fields select,
.lhb-wrap .lhb-fields select option {
    font-size:9px !important;
}
@media (max-width:1024px) {
    .lhb-wrap .lhb-fields select,
    .lhb-wrap .lhb-fields select option {
        font-size:9px !important;
    }
}