/* 2026-09-03 — 0903 IT/DE workbook layer (loaded on it/ and de/ only)
   1. product-type chip colour by power source: solar orange (unchanged),
      230V blue, 12V/24V green.  2. announcement carousel links underlined. */
.hp-tag--solar.hp-tag--230v{background:#2f80d6}
.hp-tag--solar.hp-tag--230v::before{background:radial-gradient(circle,#fff 30%,#9cc9ff 60%,transparent 65%)}
.hp-tag--solar.hp-tag--12v{background:#3a9d5f}
.hp-tag--solar.hp-tag--12v::before{background:radial-gradient(circle,#fff 30%,#b5e3c3 60%,transparent 65%)}
.announcement-bar__message .lh0903-ann-link{text-decoration:underline;text-underline-offset:3px;font-weight:700}
/* 3. intrinsic width/height are added to every local <img> (CLS); keep them
   proportional wherever the stylesheet only sets a width. Zero specificity so
   any authored rule (height:100%, object-fit boxes) still wins. */
:where(img[width][height]){height:auto}
/* 4. product page: add-to-cart in Lumihome green, one-click button directly
   below it (same width), delivery panel after both. */
.add-to-cart-form .btn-add-cart{background:#3a9d5f!important;border-color:#3a9d5f!important;color:#fff!important}
.add-to-cart-form .btn-add-cart:hover{background:#276b42!important;border-color:#276b42!important}
.add-to-cart-form + .buy-now-row{margin-top:10px}
.add-to-cart-form + .buy-now-row + .ship-info-v16{margin-top:14px}
/* 5. mobile menu (手机端 docx): icon + title + description rows, promo rows on
   top, service pages below — mirrors the Shopify drawer. */
.lh0903-mnav .mobile-nav{padding-bottom:12px}
.lh0903-mnav__item{border-bottom:1px solid #e2e5e2}
.lh0903-mnav__item details{border-bottom:0}
.lh0903-mnav .lh0903-mnav__row{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#1a1a1a;text-decoration:none;cursor:pointer;list-style:none}
.lh0903-mnav .lh0903-mnav__row::-webkit-details-marker{display:none}
.lh0903-mnav__ico{flex:none;width:24px;height:24px;color:#3a9d5f}
.lh0903-mnav__txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.lh0903-mnav__txt strong{font-size:14px;font-weight:700;line-height:1.25}
.lh0903-mnav__txt small{font-size:12px;line-height:1.3;color:#6b716c;font-weight:400}
.lh0903-mnav .lh-nav-chevron{flex:none;width:18px;height:18px;color:#6b716c;transition:transform .2s}
.lh0903-mnav details[open] .lh-nav-chevron{transform:rotate(180deg)}
.lh0903-mnav .lh-mobile-group ul{padding:0 18px 12px 56px}
.lh0903-mnav .lh-mobile-group li a{font-size:14px;padding:9px 0}
.lh0903-mnav__foot{display:flex;gap:10px;padding:16px 18px 28px}
.lh0903-mnav__foot a{flex:1;text-align:center;padding:12px;border-radius:999px;border:1px solid #3a9d5f;color:#276b42;font-weight:700;font-size:13px;text-decoration:none}
.lh0903-mnav__foot a:last-child{background:#3a9d5f;color:#fff}

/* ── 0903 E2: day/night hover on product cards (lumihome-unified.css forces
   `#main img{opacity:1!important}` which kept the night image always on top) ── */
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .ls-card-media .ls-img--night,
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .hp-pc-media .night,
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .reco-img-night{position:absolute!important;inset:0;opacity:0!important;transition:opacity .22s ease!important}
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .ls-card:hover .ls-img--night,
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .hp-pcard:hover .hp-pc-media .night,
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .reco-card:hover .reco-img-night{opacity:1!important}
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .ls-card:hover .ls-img--day,
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #main .hp-pcard:hover .hp-pc-media .day{opacity:1!important}

/* ── 0903 E4: quantity-discount cards (same look as lumihome.com .lumihome-card) ── */
.lh-tiers{margin:6px 0 16px}
.lh-tiers__title{font-size:16px;font-weight:600;color:#1b1b1b;margin:0 0 10px}
.lh-tiers__cards{display:flex;flex-direction:column;gap:10px}
.lh-tier{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s}
.lh-tier:hover{border-color:#3a9d5f}
.lh-tier--selected{border:2px solid #3a9d5f;background:#fafafa;padding:11px 15px}
.lh-tier__info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.lh-tier__badge{background:#3a9d5f;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}
.lh-tier__label{font-size:14px;font-weight:600;color:#1b1b1b}
.lh-tier__totals{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.lh-tier__total{font-size:16px;font-weight:700;color:#1b1b1b}
.lh-tier__compare{font-size:12px;color:#8a8f8c;text-decoration:line-through}
.lh-tiers[hidden]{display:none!important}

/* ── 0903 E7: bundle configurator (pack pages), modelled on the Bundly block ── */
.lh-bundle{max-width:1320px;margin:0 auto;padding:12px 20px 40px}
.lh-bundle__title{text-align:center;font-size:32px;font-weight:700;margin:16px 0 28px}
.lh-bundle__layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.lh-bundle__component{margin-bottom:34px}
.lh-bundle__component-title{font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e6e8e6}
.lh-bundle__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lh-bundle__card{display:flex;flex-direction:column;gap:6px;min-width:0}
.lh-bundle__card--out{opacity:.55}
.lh-bundle__media{display:block;aspect-ratio:1/1.1;background:#f5f6f5;border-radius:6px;overflow:hidden}
.lh-bundle__media img{width:100%;height:100%;object-fit:cover;display:block}
.lh-bundle__name{font-size:13px;font-weight:700;line-height:1.3;margin:6px 0 0;min-height:34px}
.lh-bundle__price{font-size:15px;font-weight:600;margin:0}
.lh-bundle__variant{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#555}
.lh-bundle__variant select{font:inherit;padding:6px 8px;border:1px solid #d5d9d6;border-radius:6px;background:#fff}
.lh-bundle__add{margin-top:4px;padding:11px 12px;border:1px solid #c9cdca;border-radius:2px;background:#fff;font:inherit;font-size:14px;color:#444;cursor:pointer;transition:background .15s,color .15s}
.lh-bundle__add:hover:not([disabled]){background:#3a9d5f;border-color:#3a9d5f;color:#fff}
.lh-bundle__add[disabled]{cursor:not-allowed}
.lh-bundle__summary{position:sticky;top:20px}
.lh-bundle__summary-inner{background:#f5f5f5;border-radius:4px;padding:22px 20px}
.lh-bundle__summary-title{font-size:22px;font-weight:700;margin:0 0 6px}
.lh-bundle__total{font-size:16px;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid #e3e3e3;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.lh-bundle__total s{color:#8a8f8c;font-size:14px}
.lh-bundle__off{background:#3a9d5f;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}
.lh-bundle__group{margin:14px 0}
.lh-bundle__group h3{font-size:17px;font-weight:700;margin:0 0 2px}
.lh-bundle__hint{font-size:14px;color:#555;margin:0 0 10px}
.lh-bundle__slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lh-bundle__slot{display:flex;align-items:center;gap:10px;font-size:14px;color:#333}
.lh-bundle__slot-thumb{flex:none;width:48px;height:48px;border-radius:4px;background:#ececec;border:1px dashed #cfcfcf;overflow:hidden}
.lh-bundle__slot-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lh-bundle__slot--filled .lh-bundle__slot-thumb{border-style:solid;border-color:#3a9d5f}
.lh-bundle__slot-name{flex:1;min-width:0;font-weight:600;line-height:1.25}
.lh-bundle__slot-remove{flex:none;border:0;background:none;color:#9a9a9a;font-size:18px;line-height:1;cursor:pointer;padding:4px}
.lh-bundle__slot-remove:hover{color:#d33}
.lh-bundle__cart{width:100%;margin-top:16px;padding:14px;border:0;border-radius:3px;background:#3a9d5f;color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.lh-bundle__cart[disabled]{background:#8c8c8c;cursor:not-allowed}
.lh-bundle__error{color:#c62828;font-size:13px;margin:10px 0 0}
@media (max-width:999px){.lh-bundle__layout{grid-template-columns:1fr}.lh-bundle__summary{position:static}.lh-bundle__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lh-bundle__title{font-size:24px}}

/* ── 0903 E3: swatch/gallery swaps without the 0.5 s black-out fade ── */
body:is([data-locale-dir="it"],[data-locale-dir="de"]) #MainImage,
body:is([data-locale-dir="it"],[data-locale-dir="de"]) .thumb-item img{opacity:1!important;transition:none!important}