/* Hallmark · component: phone catalogue · design-system: Lila Mobil Alpine
 * Preserves the site's current inherited typography. Scope: phone section only.
 * Interaction: native product links; default, hover, focus-visible and active.
 */
.lm-phones-v2{
 --phone-bg:#F8F4F8;--phone-surface:#EFE8F0;--phone-ink:#231D24;
 --phone-muted:#665D67;--phone-rule:#D6CCD8;--phone-accent:#A02BC3;
 --phone-accent-dark:#72168F;--phone-on-accent:#FFF8FF;
 --phone-space-xs:8px;--phone-space-sm:12px;--phone-space-md:16px;
 --phone-space-lg:24px;--phone-space-xl:40px;--phone-space-xxl:64px;
 --phone-radius:20px;--phone-pill:999px;--phone-ease:cubic-bezier(.22,1,.36,1);
 box-sizing:border-box;padding:clamp(64px,7vw,96px) 0;color:var(--phone-ink);
 background:var(--phone-bg);font-family:inherit;
}
.lm-phones-v2 *, .lm-phones-v2 *::before, .lm-phones-v2 *::after{box-sizing:border-box}
.lm-phones-v2 :where(h2,h3,p,figure,.wp-block-group,.wp-block-buttons){margin:0}
.lm-phones-v2 .lm-phones-v2__shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.lm-phones-v2 .lm-phones-v2__header{display:grid;gap:var(--phone-space-md);margin-bottom:var(--phone-space-xl)}
.lm-phones-v2 .lm-phones-v2__title{font-family:inherit;font-size:clamp(40px,4.5vw,64px);font-weight:750;line-height:1.05;letter-spacing:-.045em;font-style:normal;overflow-wrap:anywhere}
.lm-phones-v2 .lm-phones-v2__intro{max-width:52ch;color:var(--phone-muted);font-size:17px;line-height:1.6}
.lm-phones-v2 .lm-phones-v2__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--phone-space-lg);align-items:stretch}
.lm-phones-v2 .lm-phone-v2{display:flex;flex-direction:column;min-width:0;margin:0;padding:var(--phone-space-lg);border:1px solid var(--phone-rule);border-radius:var(--phone-radius);background:var(--phone-bg);color:var(--phone-ink)}
.lm-phones-v2 .lm-phone-v2__top{display:flex;align-items:center;justify-content:space-between;gap:var(--phone-space-sm);min-height:28px}
.lm-phones-v2 .lm-phone-v2__brand{font-size:13px;font-weight:650;line-height:1.4;color:var(--phone-muted)}
.lm-phones-v2 .lm-phone-v2__condition{padding:4px var(--phone-space-sm);border-radius:var(--phone-pill);background:var(--phone-surface);color:var(--phone-accent-dark);font-size:12px;font-weight:650;line-height:1.5}
.lm-phones-v2 .lm-phone-v2__stage{display:flex;align-items:center;justify-content:center;height:280px;min-width:0;overflow:clip;margin-block:var(--phone-space-xs) var(--phone-space-md)}
.lm-phones-v2 .lm-phone-v2__image{display:flex;align-items:center;justify-content:center;flex:none;width:100%;max-width:none;margin:0}
.lm-phones-v2 .lm-phone-v2__image img{display:block;width:100%;height:250px;max-width:none;max-height:none;object-fit:contain;border-radius:0;transition:transform 220ms var(--phone-ease)}
.lm-phones-v2 .lm-phone-v2__image .wp-image-362{width:600px;height:400px;flex:none}
.lm-phones-v2 .lm-phone-v2__image .wp-image-363{width:400px;height:267px;flex:none}
.lm-phones-v2 .lm-phone-v2__image .wp-image-364{width:126px;height:306px;object-fit:cover;object-position:93% center;flex:none}
.lm-phones-v2 .lm-phone-v2__body{display:grid;gap:var(--phone-space-xs)}
.lm-phones-v2 .lm-phone-v2__name{font-family:inherit;color:var(--phone-ink);font-size:clamp(22px,2.05vw,28px);font-weight:750;letter-spacing:-.035em;line-height:1.18;font-style:normal;overflow-wrap:anywhere}
.lm-phones-v2 .lm-phone-v2__details{color:var(--phone-muted);font-size:14px;line-height:1.55}
.lm-phones-v2 .lm-phone-v2__purchase{display:grid;gap:var(--phone-space-lg);margin-top:auto;padding-top:var(--phone-space-lg)}
.lm-phones-v2 .lm-phone-v2__pricing{display:grid;gap:4px}
.lm-phones-v2 .lm-phone-v2__price-label{font-size:12px;line-height:1.5;color:var(--phone-muted)}
.lm-phones-v2 .lm-phone-v2__price{font-size:30px;font-weight:750;letter-spacing:-.035em;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.lm-phones-v2 .lm-phone-v2__price strong{font-weight:inherit}
.lm-phones-v2 .lm-phone-v2__actions,.lm-phones-v2 .lm-phone-v2__button{display:block;width:100%;margin:0}
.lm-phones-v2 .lm-phone-v2__button .wp-block-button__link{display:flex;align-items:center;justify-content:center;gap:var(--phone-space-sm);width:100%;min-height:48px;padding:var(--phone-space-sm) var(--phone-space-md);border:1px solid var(--phone-rule);border-radius:var(--phone-pill);background:transparent;color:var(--phone-ink);font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;letter-spacing:0;white-space:nowrap;text-decoration:none;box-shadow:none}
.lm-phones-v2 .lm-phone-v2__button .wp-block-button__link::after{content:"";display:block;flex:none;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.lm-phones-v2 .lm-phone-v2__button .wp-block-button__link:focus-visible{outline:3px solid var(--phone-accent-dark);outline-offset:4px;background:var(--phone-surface);color:var(--phone-ink)}
.lm-phones-v2 .lm-phone-v2__button .wp-block-button__link:active{background:var(--phone-accent-dark);color:var(--phone-on-accent);border-color:var(--phone-accent-dark);transform:translateY(1px)}
@media(hover:hover){
 .lm-phones-v2 .lm-phone-v2__button .wp-block-button__link:hover{background:var(--phone-accent);color:var(--phone-on-accent);border-color:var(--phone-accent)}
 .lm-phones-v2 .lm-phone-v2:has(a:hover) .lm-phone-v2__image img{transform:translateY(-3px)}
}
@media(max-width:900px) and (min-width:601px){
 .lm-phones-v2 .lm-phones-v2__grid{grid-template-columns:minmax(0,1fr)}
 .lm-phones-v2 .lm-phone-v2{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1fr);column-gap:var(--phone-space-xl)}
 .lm-phones-v2 .lm-phone-v2__stage{grid-column:1;grid-row:1/4;align-self:center;margin:0}
 .lm-phones-v2 .lm-phone-v2__top{grid-column:2}
 .lm-phones-v2 .lm-phone-v2__body{grid-column:2;margin-top:var(--phone-space-lg)}
 .lm-phones-v2 .lm-phone-v2__purchase{grid-column:2}
 .lm-phones-v2 .lm-phone-v2__name{font-size:28px}
}
@media(max-width:600px){
 .lm-phones-v2 .lm-phones-v2__shell{width:calc(100% - 32px)}
 .lm-phones-v2 .lm-phones-v2__header{gap:var(--phone-space-sm);margin-bottom:var(--phone-space-lg)}
 .lm-phones-v2 .lm-phones-v2__intro{font-size:16px}
 .lm-phones-v2 .lm-phones-v2__grid{grid-template-columns:minmax(0,1fr);gap:var(--phone-space-md)}
 .lm-phones-v2 .lm-phone-v2{padding:var(--phone-space-lg)}
 .lm-phones-v2 .lm-phone-v2__stage{height:260px}
 .lm-phones-v2 .lm-phone-v2__name{font-size:26px}
}
@media(prefers-reduced-motion:reduce){
 .lm-phones-v2 .lm-phone-v2__image img{transition:none}
 .lm-phones-v2 .lm-phone-v2:has(a:hover) .lm-phone-v2__image img,.lm-phones-v2 .lm-phone-v2__button .wp-block-button__link:active{transform:none}
}

/* Each phone has an independent native button with accessible switch semantics. */
.lm-phones-v2 .lm-phone-card-payment{position:relative;z-index:4;display:none;margin:0}
.lm-phones-v2 .lm-phone-card-payment[data-payment-ready],
.editor-styles-wrapper .lm-phones-v2 .lm-phone-card-payment{display:block}
.lm-phones-v2 .lm-phone-card-payment .wp-block-buttons,
.lm-phones-v2 .lm-phone-payment-switch{display:block;width:100%;margin:0}
.lm-phones-v2 .lm-phone-payment-switch button{position:relative;display:flex;align-items:center;width:100%;min-height:44px;padding:0 0 0 60px;border:0;border-radius:12px;background:transparent;color:var(--phone-ink);font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;text-align:left;text-decoration:none;box-shadow:none;cursor:pointer}
.lm-phones-v2 .lm-phone-payment-switch button::before{content:"";position:absolute;left:0;top:50%;width:48px;height:26px;border-radius:var(--phone-pill);background:var(--phone-muted);transform:translateY(-50%)}
.lm-phones-v2 .lm-phone-payment-switch button::after{content:"";position:absolute;left:3px;top:50%;width:20px;height:20px;border-radius:50%;background:var(--phone-on-accent);transform:translateY(-50%);transition:transform 160ms ease}
.lm-phones-v2 .lm-phone-payment-switch button[aria-checked="true"]::before{background:var(--phone-accent)}
.lm-phones-v2 .lm-phone-payment-switch button[aria-checked="true"]::after{transform:translate(22px,-50%)}
.lm-phones-v2 .lm-phone-payment-switch button:hover{color:var(--phone-accent-dark)}
.lm-phones-v2 .lm-phone-payment-switch button:focus-visible{outline:3px solid var(--phone-accent-dark);outline-offset:4px}
.lm-phones-v2 .lm-phone-card-payment__notes{min-height:34px;padding-left:60px;margin-top:-8px}
.lm-phones-v2 .lm-phone-card-payment__notes p{margin:0;color:var(--phone-muted);font-size:12px;line-height:1.4}
.lm-phones-v2 .lm-phone-card-payment [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.lm-phones-v2 .lm-phone-payment-switch button::after{transition:none}}

/* Cash prices remain native WooCommerce blocks; show estimates only after valid initialization. */
.lm-phones-v2 .lm-phone-v2__monthly-price,.lm-phones-v2 .lm-phone-v2__cash-total{display:none}
.lm-phones-v2 .lm-phone-v2[data-payment-mode="installments"] .lm-phone-v2__woo-price{display:none!important}
.lm-phones-v2 .lm-phone-v2[data-payment-mode="installments"] .lm-phone-v2__monthly-price{display:block;margin:0;font-size:30px;font-weight:750;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.lm-phones-v2 .lm-phone-v2[data-payment-mode="installments"] .lm-phone-v2__cash-total{display:block;margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--phone-muted)}
.lm-phones-v2 .lm-phone-card-payment__notes{min-height:52px;margin-top:8px}
.lm-phones-v2 .lm-phone-v2__pricing{min-height:81px;align-content:start}