/* LiVAR 5.2.49 — Sample studio. Black theme, isolated from the paid cart and product layout.
   Tokens first, then layout, then components, then breakpoints (desktop → tablet → phone). */
.livar-samples-body{background:#07090c}
.livar-samples-body .dynamic-page-shell{background:#07090c}
.livar-samples-page{
  --sr-bg:#07090c;--sr-panel:#0e1217;--sr-panel-2:#141a21;--sr-raised:#1a212a;
  --sr-line:rgba(255,255,255,.1);--sr-line-2:rgba(255,255,255,.18);--sr-line-3:rgba(255,255,255,.3);
  --sr-text:#f5f7f9;--sr-text-2:#d3d9e0;--sr-muted:#aeb8c4;
  --sr-accent:#ff6a1a;--sr-accent-2:#ff8a45;--sr-accent-text:#ffa06b;--sr-ok:#8fe0b2;
  --sr-radius:18px;--sr-radius-sm:12px;
  max-width:1344px;margin-inline:auto;padding:26px 32px 84px;color:var(--sr-text);
  font-family:var(--font-sans,"Inter Variable",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);
  font-size:16px;line-height:1.6;color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.livar-samples-page *{box-sizing:border-box}
.livar-samples-page [hidden]{display:none!important}
.livar-samples-page a{color:inherit;text-decoration:none}
.livar-samples-page :is(a,button,input,select,textarea):focus-visible{outline:3px solid #ffb581;outline-offset:3px}
.livar-samples-page :is(button,input,select,textarea){font:inherit}
.livar-samples-page :is(input,select,textarea){max-width:100%;min-width:0;box-shadow:none}
.livar-samples-page button{cursor:pointer}
.livar-samples-page button:disabled{cursor:not-allowed;opacity:.55}
.lsr-sr-only,.lsr-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

/* Breadcrumb + hero */
.lsr-breadcrumbs{display:flex;gap:12px;align-items:center;color:var(--sr-muted);font-size:14px}
.lsr-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.lsr-breadcrumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.lsr-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:28px 56px;align-items:end;margin:26px 0 30px}
.lsr-eyebrow{margin:0 0 12px;color:var(--sr-accent-text);font-size:12px;font-weight:650;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}
.lsr-hero h1{margin:0;color:#fff;font-size:clamp(38px,4.4vw,64px);font-weight:650;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.lsr-hero h1 span{color:var(--sr-accent-2)}
.lsr-hero-copy>p{margin:0;max-width:44ch;color:var(--sr-text-2);font-size:18px;line-height:1.7;text-wrap:pretty}
.lsr-hero-copy .lsr-hero-rule{margin-top:18px;color:var(--sr-muted);font-size:15px;line-height:1.65}
.lsr-hero-rule strong{color:#fff;font-weight:600}
.lsr-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.lsr-facts li{display:grid;gap:2px;padding:16px 18px;border:1px solid var(--sr-line);border-radius:var(--sr-radius-sm);background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.lsr-facts b{color:#fff;font-size:17px;font-weight:650;letter-spacing:-.015em;line-height:1.35}
.lsr-facts li:first-child b{color:var(--sr-ok)}
.lsr-facts span{color:var(--sr-muted);font-size:14px;line-height:1.5}

/* Steps (the page opens with breadcrumb → steps; there is no hero block) */
.lsr-breadcrumbs{margin-bottom:4px}
.lsr-progress{margin-top:12px}
.lsr-progress{display:flex;align-items:center;gap:16px;margin:0 0 26px;padding:12px 0;border-top:1px solid var(--sr-line);border-bottom:1px solid var(--sr-line);font-size:15px;color:var(--sr-muted)}
.lsr-progress>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:550}
.lsr-progress>a>span{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--sr-line-3);border-radius:50%;font-size:12px;letter-spacing:.03em}
.lsr-progress a[aria-current="step"]{color:#fff}
.lsr-progress a[aria-current="step"]>span{color:#120a05;background:var(--sr-accent-2);border-color:var(--sr-accent-2)}
.lsr-progress-line{width:48px;height:1px;background:var(--sr-line-3)}
.lsr-progress-note{margin-left:auto;color:var(--sr-muted);font-size:13px}

/* Status notice */
.lsr-notice{padding:14px 18px;margin:0 0 22px;border:1px solid #3f7a5d;border-radius:var(--sr-radius-sm);background:#0f1f18;color:#dcf6e7;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.lsr-notice.is-error{background:#241415;border-color:#a65a5a;color:#ffdfda}
.lsr-notice a{text-decoration:underline;text-underline-offset:3px}

/* Layout */
.lsr-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px}
.lsr-main{min-width:0}
.lsr-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}
.lsr-categories{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lsr-category{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid var(--sr-line-2);border-radius:999px;background:var(--sr-panel);color:var(--sr-text-2)!important;font-size:14px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}
.lsr-category>span{min-width:22px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:600;color:var(--sr-muted);text-align:center}
.lsr-category.is-active{background:#fff;border-color:#fff;color:#0a0d11!important}
.lsr-category.is-active>span{background:rgba(0,0,0,.12);color:#0a0d11}
.lsr-search{display:flex;gap:8px;align-items:center;flex:1 1 150px;max-width:260px;min-height:44px;padding:0 13px;border:1px solid var(--sr-line-2);border-radius:999px;background:var(--sr-panel)}
.lsr-search:focus-within{border-color:var(--sr-accent-2)}
.lsr-search svg{width:18px;height:18px;flex:none;stroke:var(--sr-muted);fill:none;stroke-width:1.8}
.lsr-search input{width:100%;height:42px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#fff;font-size:16px;outline:0}
.lsr-search input::placeholder{color:var(--sr-muted)}

/* Product cards */
.lsr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lsr-product{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--sr-line);border-radius:var(--sr-radius);overflow:hidden;background:var(--sr-panel);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.lsr-product.is-selected{border-color:var(--sr-accent-2);box-shadow:0 0 0 1px var(--sr-accent-2),0 18px 40px -22px rgba(255,106,26,.55)}
.lsr-product.is-pulse{animation:lsr-pulse .5s ease}
@keyframes lsr-pulse{0%{transform:scale(1)}40%{transform:scale(1.012)}100%{transform:scale(1)}}
.lsr-artwork{position:relative;display:grid;place-items:center;aspect-ratio:1.18/1;min-height:176px;padding:34px 18px 14px;background:radial-gradient(ellipse at 50% 46%,#2b323b 0%,#161b22 56%,#0b0e13 100%);border-bottom:1px solid var(--sr-line)}
.lsr-artwork>img{display:block;width:100%;height:100%;max-height:214px;object-fit:contain;object-position:center}
.lsr-family{position:absolute;left:14px;top:14px;padding:3px 9px;border:1px solid var(--sr-line-2);border-radius:999px;background:rgba(7,9,12,.6);color:var(--sr-text-2);font-size:11px;font-weight:650;letter-spacing:.1em}
.lsr-added-badge{position:absolute;right:12px;top:12px;padding:3px 10px;border:1px solid var(--sr-accent-2);border-radius:999px;background:rgba(255,106,26,.16);color:#ffd2b5;font-size:12px;font-weight:650}
.lsr-image-fallback{display:grid;place-items:center;min-height:150px;color:#7d8895;font-weight:750;font-size:32px;letter-spacing:-.05em}
.lsr-product-copy{display:flex;flex:1;flex-direction:column;padding:18px 16px 10px}
.lsr-product-copy h2{margin:0;color:#fff;font-size:19px;line-height:1.35;font-weight:620;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance}
.lsr-unit{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 18px;color:var(--sr-muted);font-size:14px}
.lsr-unit strong{padding:2px 10px;border:1px solid rgba(143,224,178,.35);border-radius:999px;background:rgba(143,224,178,.1);color:var(--sr-ok);font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.lsr-add-form{margin-top:auto}
.lsr-field{display:grid;gap:8px;min-width:0;color:#eef2f6;font-size:15px;font-weight:500}
.lsr-field>span{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.lsr-field b{color:var(--sr-accent-text);font-weight:500}
.lsr-field small{margin-left:3px;color:var(--sr-muted);font-size:13px;font-weight:400}
.lsr-add-form>.lsr-field{margin-bottom:8px;font-size:13px;color:var(--sr-muted);font-weight:600;letter-spacing:.02em}
.lsr-select{position:relative;display:block}
.lsr-select::after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid var(--sr-muted);border-bottom:2px solid var(--sr-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.livar-samples-page select,.lsr-field input,.lsr-field textarea{width:100%;min-height:48px;margin:0;padding:11px 14px;border:1px solid var(--sr-line-2);border-radius:var(--sr-radius-sm);background:#0a0d12;color:var(--sr-text);font-size:16px;font-weight:400;line-height:1.5;color-scheme:dark;transition:border-color .15s ease,background .15s ease}
.livar-samples-page select{padding-right:38px;white-space:normal;appearance:none;-webkit-appearance:none;background-image:none}
.livar-samples-page :is(select,.lsr-field input,.lsr-field textarea):hover{border-color:var(--sr-line-3)}
.livar-samples-page :is(select,.lsr-field input,.lsr-field textarea):focus{border-color:var(--sr-accent-2);background:#0d1117}
.livar-samples-page option,.livar-samples-page optgroup{background:#11161d;color:var(--sr-text)}
.livar-samples-page option:disabled{color:#8a95a3}
.lsr-field textarea{resize:vertical;min-height:92px}
.lsr-field input::placeholder,.lsr-field textarea::placeholder{color:#8f9aa8}
.lsr-field :is(input,textarea,select):user-invalid{border-color:#d66}

/* Buttons */
.lsr-add,.lsr-primary,.lsr-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin:0;padding:12px 18px;border:1px solid transparent;border-radius:var(--sr-radius-sm);font-size:15px;font-weight:650;line-height:1.4;text-align:left;text-decoration:none!important;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}
.lsr-add:active,.lsr-primary:active{transform:translateY(1px)}
.lsr-add{width:100%;margin-top:12px;border-color:var(--sr-line-3);background:transparent;color:#fff}
.lsr-add b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.1);font-size:18px;font-weight:500;line-height:1}
.lsr-product.is-selected .lsr-add{background:rgba(255,106,26,.14);border-color:var(--sr-accent-2);color:#ffe0cd}
.lsr-product.is-selected .lsr-add b{background:var(--sr-accent-2);color:#140a04}
.lsr-primary{background:var(--sr-accent);border-color:var(--sr-accent);color:#fff!important}
.lsr-primary[aria-disabled="true"]{background:#1b2129;border-color:var(--sr-line-2);color:#8f9aa8!important;cursor:not-allowed}
.lsr-secondary{border-color:var(--sr-line-3);background:transparent;color:#fff!important;justify-content:center}
.lsr-product-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-top:4px;color:var(--sr-muted)!important;font-size:14px}
.lsr-product-link:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
.lsr-selection-rule{margin:22px 0 0;color:var(--sr-muted);font-size:15px;line-height:1.7}

/* Selection summary */
.lsr-summary{position:sticky;top:112px;max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#46505c transparent;overscroll-behavior:contain;min-width:0;padding:24px 22px;border:1px solid var(--sr-line-2);border-radius:var(--sr-radius);background:linear-gradient(160deg,#151b23,#0c1015)}
.lsr-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lsr-summary-head .lsr-eyebrow{color:var(--sr-muted);font-size:11px;margin-bottom:6px}
.lsr-summary-head h2{margin:0;font-size:23px;font-weight:620;line-height:1.2;letter-spacing:-.03em;color:#fff}
.lsr-count{display:grid;place-items:center;flex:none;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--sr-accent-2);border-radius:50%;background:rgba(255,106,26,.14);color:#fff;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}
.lsr-summary-rule{margin:14px 0 16px;color:var(--sr-muted);font-size:14px}
.lsr-selected-list{max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#46505c transparent}
.lsr-summary-empty{padding:20px 16px;margin:0;border:1px dashed var(--sr-line-3);border-radius:var(--sr-radius-sm);color:var(--sr-text-2);font-size:15px;line-height:1.75}
.lsr-selected-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--sr-line)}
.lsr-selected-item:first-child{padding-top:0}
.lsr-selected-item>div{min-width:0}
.lsr-selected-item strong,.lsr-selected-item span,.lsr-selected-item small{display:block;overflow-wrap:anywhere}
.lsr-selected-item strong{color:#fff;font-size:15px;font-weight:600;line-height:1.45}
.lsr-selected-item span{color:var(--sr-text-2);font-size:14px;line-height:1.55;margin-top:2px}
.lsr-selected-item small{color:var(--sr-ok);font-size:13px;line-height:1.5;margin-top:4px}
.lsr-selected-item form{flex:none;margin:0}
.lsr-remove{display:grid;place-items:center;width:44px;height:44px;min-height:44px;flex:none;padding:0;border:1px solid var(--sr-line-2);border-radius:50%;background:transparent;color:#fff;font-size:22px;line-height:1}
.lsr-totals{display:grid;gap:10px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--sr-line-2)}
.lsr-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.lsr-totals dt{color:var(--sr-muted)}
.lsr-totals dd{margin:0;text-align:right;color:#fff;font-weight:600}
.lsr-totals>div:first-child dd{color:var(--sr-ok)}
.lsr-dispatch-note{margin:16px 0 20px;color:var(--sr-muted);font-size:14px;line-height:1.7}
.lsr-review,.lsr-edit{width:100%}
.lsr-summary-head+.lsr-selected-list{margin-top:16px}
.lsr-totals+.lsr-edit{margin-top:18px}
.lsr-summary-foot{margin:16px 0 0;color:var(--sr-muted);font-size:13px;line-height:1.7}
.lsr-summary-foot a,.lsr-privacy a{text-decoration:underline!important;text-underline-offset:4px;color:var(--sr-accent-text)!important}

/* How it works */
.lsr-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px;padding:30px 0 0;border-top:1px solid var(--sr-line)}
.lsr-policy>div{position:relative;padding-left:46px;min-width:0}
.lsr-policy>div>span{position:absolute;top:0;left:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--sr-line-3);border-radius:10px;color:var(--sr-accent-text);font-size:12px;font-weight:650}
.lsr-policy h3{margin:0 0 6px;font-size:17px;font-weight:620;color:#fff}
.lsr-policy p{margin:0;color:var(--sr-muted);font-size:15px;line-height:1.7}

/* Delivery form (step 2): two short groups, one optional fold, one action.
   Columns follow the card's own width (container query), so the layout is
   right beside the summary on desktop and on narrow tablets alike; without
   container-query support the form simply stays in one column. */
.lsr-details{container:lsr-form/inline-size;padding:32px;border:1px solid var(--sr-line);border-radius:var(--sr-radius);background:var(--sr-panel)}
.lsr-form-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin:0 0 26px}
.lsr-form-heading h2{margin:0;color:#fff;font-size:clamp(24px,2.6vw,34px);line-height:1.15;letter-spacing:-.03em;font-weight:650}
.livar-samples-page .lsr-samples-chip{display:none;align-items:center;gap:7px;flex:none;min-height:40px;padding:0 14px;border:1px solid var(--sr-line-2);border-radius:999px;background:var(--sr-panel-2);color:var(--sr-text-2);font-size:14px;font-weight:600}
.lsr-samples-chip b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.lsr-samples-chip i{color:var(--sr-accent-text);font-style:normal;text-decoration:underline;text-underline-offset:3px}
.lsr-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 26px;padding:0;border:0;min-width:0}
.lsr-form-grid legend{float:left;grid-column:1/-1;width:100%;margin:0 0 4px;padding:0 0 12px;border-bottom:1px solid var(--sr-line);color:#fff;font-size:17px;font-weight:650;line-height:1.3}
.lsr-form-grid legend+*{clear:both}
.lsr-legend-num{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border:1px solid var(--sr-line-3);border-radius:50%;color:var(--sr-accent-text);font-size:12px;font-weight:700;line-height:1;vertical-align:1px}
.lsr-f{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start;min-width:0}
.lsr-f>label{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;color:#f0f3f7;font-size:14px;font-weight:600;line-height:1.4}
.lsr-f>label em{color:var(--sr-muted);font-size:13px;font-style:normal;font-weight:500}
.lsr-form-grid .lsr-wide,.lsr-more-body .lsr-wide{grid-column:1/-1}
.lsr-details-form .lsr-f :is(input,select,textarea){width:100%;min-height:52px;margin:0;padding:12px 14px;border:1px solid var(--sr-line-2);border-radius:12px;background:#0a0d12;color:var(--sr-text);font-size:16px;font-weight:400;line-height:1.45;color-scheme:dark;transition:border-color .15s ease,background .15s ease}
.lsr-details-form .lsr-f select{padding-right:40px}
.lsr-details-form .lsr-f textarea{min-height:92px;resize:vertical}
.lsr-details-form .lsr-f :is(input,select,textarea)::placeholder{color:#8694a4}
.lsr-details-form .lsr-f :is(input,select,textarea):hover{border-color:var(--sr-line-3)}
.lsr-details-form .lsr-f :is(input,select,textarea):focus-visible{border-color:var(--sr-accent-2);background:#0d1117;outline:2px solid #ffb581;outline-offset:2px}
.lsr-details-form .lsr-f :is(input,select,textarea):user-invalid{border-color:#d8706b}
.lsr-details-form .lsr-f input:-webkit-autofill{-webkit-text-fill-color:#f5f7f9;caret-color:#f5f7f9;box-shadow:0 0 0 1000px #0a0d12 inset}
/* Phone: flag + calling code beside the number, the same pattern as the Contact form.
   The calling code is suggested from the visitor's country and stays editable. */
.lsr-phone-row{--lsr-dial-col:132px;display:grid;grid-template-columns:var(--lsr-dial-col) minmax(0,1fr);gap:10px;align-items:stretch;width:100%;min-width:0}
.lsr-phone-row>*{min-width:0}
.lsr-flag-input{position:relative;display:flex;align-items:center;width:100%;min-width:0}
.lsr-details-form .lsr-flag-input .lsr-dial{width:100%;min-width:0;padding-left:46px;text-align:left}
.lsr-flag{position:absolute;left:16px;top:50%;width:22px;height:16px;min-width:22px;border-radius:4px;overflow:hidden;background-color:rgba(255,255,255,.08);background-image:var(--lsr-flag-image,none);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.22);transform:translateY(-50%);pointer-events:none}
.lsr-flag:not([data-country]){background-image:none}
@media(max-width:640px){.lsr-phone-row{--lsr-dial-col:124px}.lsr-details-form .lsr-flag-input .lsr-dial{padding-left:43px}.lsr-flag{left:14px;width:21px;height:15px;min-width:21px}}
@media(max-width:390px){.lsr-phone-row{--lsr-dial-col:116px;gap:8px}.lsr-details-form .lsr-flag-input .lsr-dial{padding-left:40px}.lsr-flag{left:12px;width:20px;height:14px;min-width:20px;border-radius:3.5px}}
/* Address: type it, or find it on the map. The map (Leaflet) loads only when "Find on map" is opened. */
.lsr-address{gap:10px}
.lsr-address-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px}
.lsr-address-head>label{color:#f0f3f7;font-size:14px;font-weight:600;line-height:1.4}
.lsr-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--sr-line-2);border-radius:999px;background:#0a0d12}
.lsr-seg button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 15px;border:0;border-radius:999px;background:transparent;color:var(--sr-text-2);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease}
.lsr-seg button svg,.lsr-map-locate svg,.lsr-map-search svg{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lsr-seg button[aria-pressed="true"]{background:#fff;color:#0a0d12}
.lsr-seg button:focus-visible{outline:2px solid #ffb581;outline-offset:2px}
@media(hover:hover){.lsr-seg button[aria-pressed="false"]:hover{background:rgba(255,255,255,.08);color:#fff}}
.lsr-pinned{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(143,224,178,.35);border-radius:12px;background:rgba(143,224,178,.07)}
.lsr-pinned-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:rgba(143,224,178,.16);color:var(--sr-ok)}
.lsr-pinned-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lsr-pinned-copy{display:grid;min-width:0;flex:1}
.lsr-pinned-copy b{color:#fff;font-size:14px;font-weight:650;line-height:1.35}
.lsr-pinned-copy small{overflow:hidden;color:var(--sr-muted);font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.lsr-pinned button{min-height:40px;border:0;background:transparent;font-size:14px;font-weight:600}
.lsr-pinned-change{padding:0 6px;color:var(--sr-accent-text);text-decoration:underline;text-underline-offset:3px}
.lsr-pinned-remove{width:40px;border:1px solid var(--sr-line-2)!important;border-radius:50%;color:#fff;font-size:20px;line-height:1}
/* LiVAR 5.2.66 — "Find on map": the same location-first map as the checkout (5.2.65).
   Search attached to the top of the map, "Locate me" floating on the map, the pin in the centre with a hint,
   messages on the map, and the card under it that fills the address, city, postal code and country. */
.lsr-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;border:1px solid var(--sr-line-2);border-radius:16px;background:#0a0d12;box-shadow:0 18px 44px rgba(0,0,0,.28);container:lsr-map/inline-size}
.lsr-map-bar{position:relative;z-index:1500;padding:10px}
.lsr-map-search{display:flex;align-items:center;gap:9px;min-width:0;padding:0 5px 0 14px;border:1px solid var(--sr-line-2);border-radius:12px;background:#11161c;color:var(--sr-muted);transition:border-color .15s ease}
.lsr-map-search:focus-within{border-color:var(--sr-accent-2);outline:2px solid #ffb581;outline-offset:2px}
.lsr-details-form .lsr-map-search input{flex:1 1 0;width:0;min-width:0;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;color:var(--sr-text);font-size:16px;outline:0}
.lsr-details-form .lsr-map-search input:is(:hover,:focus-visible){border:0;background:transparent;outline:0}
.lsr-map-search input::-webkit-search-cancel-button{filter:invert(1) opacity(.6)}
.lsr-map-search button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;padding:0 14px;border:0;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-size:14px;font-weight:600}
.lsr-map-search button svg{width:16px;height:16px;stroke-width:2.1}
.lsr-map-results{position:absolute;top:calc(100% - 4px);left:10px;right:10px;max-height:min(300px,55vh);margin:0;padding:5px;overflow:auto;list-style:none;border:1px solid var(--sr-line-2);border-radius:12px;background:var(--sr-panel-2);box-shadow:0 22px 48px rgba(0,0,0,.55);overscroll-behavior:contain}
.lsr-map-results button{display:grid;gap:2px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#fff;text-align:left}
.lsr-map-results button strong{font-size:15px;font-weight:600;line-height:1.35}
.lsr-map-results button span{overflow:hidden;color:var(--sr-muted);font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.lsr-map-results button.is-active{background:rgba(255,255,255,.1)}
.lsr-map-result-note{padding:12px;color:var(--sr-muted);font-size:14px}
@media(hover:hover){.lsr-map-results button:hover{background:rgba(255,255,255,.07)}.lsr-map-search button:hover{background:rgba(255,255,255,.16)}}
.lsr-map-stage{position:relative;isolation:isolate;height:400px;overflow:hidden;border-top:1px solid var(--sr-line-2);border-bottom:1px solid var(--sr-line-2);background:#0a0d12}
.lsr-map-canvas{position:absolute;inset:0;background:#0a0d12}
.livar-samples-page .lsr-map-canvas .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.9) saturate(.6)}
.livar-samples-page .lsr-map-canvas.leaflet-container{font:inherit;background:#0a0d12}
.livar-samples-page .lsr-map-canvas .leaflet-container:focus-visible,.livar-samples-page .lsr-map-canvas.leaflet-container:focus-visible{outline:2px solid #ffb581;outline-offset:-3px}
.livar-samples-page .lsr-map-canvas .leaflet-bar{border:1px solid var(--sr-line-2);border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.livar-samples-page .lsr-map-canvas .leaflet-bar a{width:40px;height:40px;border-bottom-color:var(--sr-line-2);background:rgba(20,26,33,.94);color:#fff;font-size:20px;line-height:40px}
.livar-samples-page .lsr-map-canvas .leaflet-bar a:hover{background:#1f2730}
.livar-samples-page .lsr-map-canvas .leaflet-control-attribution{background:rgba(7,9,12,.74);color:var(--sr-muted);font-size:10.5px}
.livar-samples-page .lsr-map-canvas .leaflet-control-attribution a{color:var(--sr-accent-text)}
.lsr-map-pin{position:absolute;z-index:1100;left:50%;top:50%;width:40px;height:54px;transform:translate(-50%,-100%);transition:transform .18s ease;pointer-events:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}
.lsr-map-pin svg{display:block;width:100%;height:100%}
.lsr-map-pin path{fill:var(--sr-accent);stroke:#fff;stroke-width:2}
.lsr-map-pin circle{fill:#fff}
.lsr-map-stage::after{content:"";position:absolute;z-index:1050;left:50%;top:50%;width:14px;height:6px;margin:-3px 0 0 -7px;border-radius:50%;background:rgba(0,0,0,.6);filter:blur(1.5px);transition:transform .18s ease,opacity .18s ease;pointer-events:none}
.lsr-map-stage.is-moving .lsr-map-pin{transform:translate(-50%,calc(-100% - 10px))}
.lsr-map-stage.is-moving::after{opacity:.45;transform:scale(.7)}
.lsr-map-hint,.lsr-map-toast{position:absolute;z-index:1150;top:12px;left:50%;max-width:calc(100% - 120px);margin:0;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(10,13,18,.9);color:#fff;font-size:13px;font-weight:600;line-height:1.3;text-align:center;transform:translateX(-50%);pointer-events:none;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.lsr-map-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .25s ease}
.lsr-map-stage.has-moved .lsr-map-hint,.lsr-map-toast:not([hidden])~.lsr-map-hint{opacity:0}
.lsr-map-toast{z-index:1160;border-color:rgba(255,170,90,.45);color:#ffd2ad}
.livar-samples-page .lsr-map-locate{position:absolute;z-index:1200;right:12px;bottom:30px;display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 18px 0 6px;border:1px solid rgba(255,190,140,.55);border-radius:999px;background:linear-gradient(135deg,var(--sr-accent-2),var(--sr-accent));color:#1b0d03;font-size:15px;font-weight:750;line-height:1;white-space:nowrap;box-shadow:0 12px 28px rgba(255,90,0,.42),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .16s ease,filter .16s ease}
.livar-samples-page .lsr-map-locate::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 0 rgba(255,122,30,.55);animation:lsr-locate-pulse 2.4s ease-out 1s 4;pointer-events:none}
.livar-samples-page .lsr-map-locate:hover{filter:brightness(1.07)}
.livar-samples-page .lsr-map-locate:active{transform:scale(.97)}
.livar-samples-page .lsr-map-locate:disabled{opacity:1;cursor:wait;filter:saturate(.75)}
.lsr-map-locate-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(27,13,3,.9);color:#fff}
.livar-samples-page .lsr-map-locate-icon svg{width:20px;height:20px;stroke-width:2}
.lsr-map-locate.is-busy .lsr-map-locate-icon svg{animation:lsr-spin 1s linear infinite}
.lsr-map-locate.is-done .lsr-map-locate-icon{background:#0d2a1c;color:var(--sr-ok)}
.lsr-map.is-located .lsr-map-locate::after{animation:none}
@keyframes lsr-locate-pulse{0%{box-shadow:0 0 0 0 rgba(255,122,30,.55)}70%{box-shadow:0 0 0 14px rgba(255,122,30,0)}100%{box-shadow:0 0 0 0 rgba(255,122,30,0)}}
.lsr-map-overlay{position:absolute;z-index:1300;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;background:rgba(10,13,18,.96);color:var(--sr-text-2);font-size:15px;text-align:center}
.lsr-map-overlay .lsr-secondary{min-height:44px}
.lsr-map-spinner{width:26px;height:26px;border:3px solid var(--sr-line-2);border-top-color:var(--sr-accent-2);border-radius:50%;animation:lsr-spin .8s linear infinite}
.lsr-map-overlay.is-error .lsr-map-spinner{display:none}
@keyframes lsr-spin{to{transform:rotate(360deg)}}
.lsr-map-card{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px}
.lsr-map-card-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--sr-line-2);border-radius:12px;background:rgba(255,255,255,.04);color:var(--sr-muted)}
.lsr-map-card-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lsr-map-addr{display:grid;gap:2px;min-width:0;flex:1}
.lsr-map-addr small{color:var(--sr-muted);font-size:11.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.lsr-map-addr strong{color:#fff;font-size:16px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.lsr-map-addr span{color:var(--sr-muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.lsr-map-addr span:empty{display:none}
.lsr-map-card[data-state="idle"] .lsr-map-addr strong{color:var(--sr-text-2);font-weight:600}
.lsr-map-card[data-state="loading"] .lsr-map-card-icon svg{animation:lsr-map-bob .9s ease-in-out infinite alternate}
.lsr-map-card:is([data-state="ready"],[data-state="fallback"]) .lsr-map-card-icon{border-color:rgba(255,138,69,.6);background:rgba(255,106,26,.12);color:var(--sr-accent-2)}
.lsr-map-card[data-state="applied"] .lsr-map-card-icon{border-color:rgba(143,224,178,.55);background:rgba(143,224,178,.12);color:var(--sr-ok)}
@keyframes lsr-map-bob{to{transform:translateY(-3px)}}
.livar-samples-page .lsr-map-confirm{flex:none;min-width:200px;min-height:50px;border-color:rgba(255,190,140,.55);background:linear-gradient(135deg,var(--sr-accent-2),var(--sr-accent));color:#1b0d03!important;font-weight:750;box-shadow:0 11px 27px rgba(255,89,0,.22)}
.livar-samples-page .lsr-map-confirm:disabled{opacity:1;border-color:var(--sr-line-2);background:rgba(255,255,255,.06);color:var(--sr-text-2)!important;box-shadow:none}
.livar-samples-page .lsr-map-card[data-state="applied"] .lsr-map-confirm{border-color:rgba(143,224,178,.5);background:rgba(143,224,178,.1);color:var(--sr-ok)!important}
/* Fields the map just filled in */
.lsr-from-map{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;background:rgba(143,224,178,.14);color:var(--sr-ok);font-size:11.5px;font-style:normal;font-weight:700;letter-spacing:.02em}
.lsr-address-head>label .lsr-from-map{margin-left:8px}
.lsr-details-form .lsr-f :is(input,select,textarea).is-from-map{border-color:rgba(143,224,178,.6)}
.lsr-details-form .lsr-f :is(input,select,textarea).is-flash{animation:lsr-field-flash 1.6s ease-out 1}
@keyframes lsr-field-flash{0%{box-shadow:0 0 0 0 rgba(143,224,178,.55)}35%{box-shadow:0 0 0 5px rgba(143,224,178,.22)}100%{box-shadow:0 0 0 0 rgba(143,224,178,0)}}
/* Narrow map (phones, narrow columns) */
@container lsr-map (max-width:520px){
  .lsr-map-search button span{display:none}
  .lsr-map-search button{width:44px;padding:0}
  .lsr-map-card{flex-wrap:wrap}
  .lsr-map-addr{flex:1 1 calc(100% - 52px)}
  .livar-samples-page .lsr-map-confirm{width:100%;min-width:0}
}
@container lsr-map (max-width:340px){
  .lsr-map .lsr-map-hint{max-width:calc(100% - 110px);border-radius:14px;white-space:normal}
}
/* Phones: the map runs edge to edge of the details panel (its side padding is 18 px below 760 px) */
@media(max-width:759px){
  .lsr-map{margin-inline:-18px;border-inline:0;border-radius:0;box-shadow:none}
  .lsr-map-stage{height:clamp(300px,50svh,400px)}
  .lsr-map-hint,.lsr-map-toast{max-width:calc(100% - 96px)}
  /* Nothing floats over "Locate me": the assistant bubble steps aside while the map is on screen */
  .livar-order-assist-dock{transition:opacity .2s ease,visibility .2s ease}
  html.livar-address-map-in-view .livar-order-assist-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:370px){.livar-samples-page .lsr-map-locate{padding-right:14px;font-size:14px}}
@container lsr-form (max-width:560px){
  .lsr-seg{width:100%}
  .lsr-seg button{flex:1;min-width:0;padding:0 10px;gap:6px;font-size:13.5px}
  .lsr-seg button span{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
/* Optional extras stay out of the way until asked for */
.lsr-more{margin:0 0 22px;border:1px solid var(--sr-line);border-radius:14px;background:var(--sr-panel-2)}
.lsr-more>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 16px;border-radius:14px;color:var(--sr-text-2);font-size:15px;font-weight:600;line-height:1.4;list-style:none;cursor:pointer}
.lsr-more>summary::-webkit-details-marker{display:none}
.lsr-more>summary::before{content:"+";display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid var(--sr-line-3);border-radius:50%;color:var(--sr-accent-text);font-size:17px;font-weight:500;line-height:1}
.lsr-more[open]>summary::before{content:"\2212"}
.lsr-more>summary span{min-width:0}
.lsr-more>summary em{margin-left:auto;color:var(--sr-muted);font-size:13px;font-style:normal;font-weight:500}
.lsr-more>summary:focus-visible{outline:2px solid #ffb581;outline-offset:2px}
.lsr-more-body{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:6px 16px 18px}
.lsr-ack{display:flex;align-items:flex-start;gap:12px;min-height:44px;margin:0 0 20px;padding:15px 16px;border:1px solid var(--sr-line-2);border-radius:var(--sr-radius-sm);background:var(--sr-panel-2);cursor:pointer;color:var(--sr-text-2);font-size:15px;font-weight:400;line-height:1.6}
.lsr-ack input{width:22px!important;height:22px!important;min-height:0!important;flex:none;margin:1px 0 0!important;padding:0;accent-color:var(--sr-accent)}
.lsr-verification{min-width:0;margin:0 0 18px}
.lsr-actions{display:grid;gap:14px}
.lsr-send{width:100%;font-size:17px;min-height:56px}
.lsr-privacy{margin:0;color:var(--sr-muted);font-size:13px;line-height:1.6}
@container lsr-form (min-width:560px){
  .lsr-form-grid,.lsr-more-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
}
@container lsr-form (min-width:640px){
  .lsr-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 24px}
  .lsr-send{width:auto;min-width:300px}
}
.lsr-empty,.lsr-success{padding:36px;border:1px solid var(--sr-line-2);border-radius:var(--sr-radius);background:var(--sr-panel);color:var(--sr-text-2)}
.lsr-empty h2,.lsr-empty h3,.lsr-success h2{margin:0 0 14px;color:#fff;font-size:28px;font-weight:620;line-height:1.25;letter-spacing:-.03em}
.lsr-empty>p,.lsr-success>p{margin:0 0 18px;max-width:60ch;color:var(--sr-text-2);font-size:17px;line-height:1.75}
.lsr-empty>.lsr-primary{display:inline-flex}
.lsr-success{max-width:820px;margin:0 auto;text-align:center;padding:52px 32px}
.lsr-success .lsr-eyebrow{margin-top:22px}
.lsr-success>p{margin-inline:auto}
.lsr-success-icon{display:inline-grid;place-items:center;width:68px;height:68px;border:1px solid var(--sr-ok);border-radius:50%;background:rgba(143,224,178,.1);color:var(--sr-ok);font-size:30px}
.lsr-success .lsr-reference{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 18px;border:1px solid var(--sr-line-3);border-radius:var(--sr-radius-sm);font-size:15px;overflow-wrap:anywhere}
.lsr-success-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}
.lsr-mobile-bar{display:none}

@media(hover:hover){
  .lsr-category:hover:not(.is-active){border-color:var(--sr-line-3);background:var(--sr-raised);color:#fff!important}
  .lsr-product:hover{border-color:var(--sr-line-3);transform:translateY(-2px)}
  .lsr-product.is-selected:hover{border-color:var(--sr-accent-2)}
  .lsr-add:hover:not(:disabled){border-color:#fff;background:rgba(255,255,255,.06)}
  .lsr-product.is-selected .lsr-add:hover{background:rgba(255,106,26,.24)}
  .lsr-primary:hover:not([aria-disabled="true"]):not(:disabled){background:#ff7d36;border-color:#ff7d36}
  .lsr-secondary:hover,.lsr-remove:hover{background:rgba(255,255,255,.08);border-color:#fff}
}

/* Tablet landscape / small laptop */
@media(max-width:1199px){
  .livar-samples-page{padding-inline:24px}
  .lsr-layout{grid-template-columns:minmax(0,1fr) 304px;gap:22px}
  .lsr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lsr-hero{gap:24px 32px}
  .lsr-search{max-width:none;flex-basis:100%}
  .lsr-summary{padding:22px 18px}
  .lsr-details{padding:26px}
}
/* Tablet portrait: summary moves below the grid */
@media(max-width:1023px){
  .lsr-layout{grid-template-columns:1fr}
  .lsr-summary{position:static;margin-top:6px;max-width:none;max-height:none;overflow:visible}
  .lsr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lsr-hero{grid-template-columns:1fr;gap:22px}
  .lsr-hero-copy>p{max-width:62ch}
  .lsr-search{flex:1 1 180px;max-width:300px}
  .lsr-policy{gap:24px}
  .lsr-progress-note{display:none}
  .lsr-selected-list{max-height:280px}
  .livar-samples-page .lsr-samples-chip{display:inline-flex}
}
/* Phones: sticky action bar, larger touch targets, 16px inputs (no iOS zoom) */
@media(max-width:759px){
  .livar-samples-page{padding:14px 16px calc(34px + env(safe-area-inset-bottom,0px))}
  .livar-samples-page[data-step="select"]{padding-bottom:118px}
  .lsr-hero{margin:18px 0 22px;gap:18px}
  .lsr-hero h1{font-size:clamp(34px,9vw,46px);letter-spacing:-.045em}
  .lsr-hero-copy>p{font-size:17px}
  .lsr-hero-copy .lsr-hero-rule{font-size:15px}
  .lsr-facts{grid-template-columns:1fr;gap:8px}
  .lsr-facts li{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;padding:13px 16px}
  .lsr-progress{gap:10px;margin-bottom:20px;padding:8px 0;font-size:14px}
  .lsr-progress-line{width:20px}
  .lsr-progress>a{gap:8px}
  .lsr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .lsr-toolbar{margin-bottom:16px}
  .lsr-categories{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .lsr-categories::-webkit-scrollbar{display:none}
  .lsr-category{flex:none;padding:9px 14px}
  .lsr-search{flex-basis:100%;max-width:none}
  .lsr-artwork{min-height:160px;padding:32px 14px 10px}
  .lsr-product-copy{padding:16px 13px 8px}
  .lsr-product-copy h2{font-size:18px}
  .lsr-details{padding:24px 18px}
  .lsr-policy{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:26px}
  .lsr-mobile-bar{position:fixed;z-index:90;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--sr-line-2);background:rgba(9,12,16,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -12px 32px rgba(0,0,0,.5)}
  .lsr-mobile-bar>span{min-width:0}
  .lsr-mobile-bar strong,.lsr-mobile-bar small{display:block}
  .lsr-mobile-bar strong{font-size:15px;line-height:1.4;color:#fff}
  .lsr-mobile-bar small{font-size:13px;color:var(--sr-ok);line-height:1.4}
  .lsr-mobile-bar .lsr-primary{min-height:50px;font-size:15px;padding:11px 16px}
  .lsr-summary{padding:22px}
  .lsr-success,.lsr-empty{padding:28px 20px}
  .lsr-success h2{font-size:27px}
  .lsr-success-links{flex-direction:column}
  .lsr-success-links>.lsr-primary,.lsr-success-links>.lsr-secondary{justify-content:center}
}
/* Small phones: one card per row, image beside nothing — full-width touch targets */
@media(max-width:519px){
  .lsr-grid{grid-template-columns:1fr}
  .lsr-artwork{aspect-ratio:1.7/1;min-height:176px;padding:32px 28px 10px}
  .lsr-artwork>img{max-height:190px}
  .lsr-product-copy{padding:18px 18px 8px}
  .lsr-product-copy h2{font-size:21px}
  .lsr-add-form>.lsr-field{font-size:14px}
  .lsr-add{font-size:16px;min-height:52px}
  .lsr-product-link{font-size:15px}
  .lsr-summary{padding:22px 18px}
  .lsr-ack{padding:13px;gap:10px}
  .lsr-hero h1{font-size:clamp(32px,9.4vw,40px)}
  .lsr-progress{font-size:13px}
  .lsr-progress-line{width:12px}
}
@media(max-width:380px){.lsr-more>summary em{display:none}}
@media(prefers-reduced-motion:reduce){.livar-samples-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.lsr-map-stage.is-moving .lsr-map-pin{transform:translate(-50%,-100%)}}
@media(forced-colors:active){
  .lsr-product.is-selected,.lsr-category.is-active{outline:2px solid Highlight}
  .lsr-primary,.lsr-add,.lsr-secondary,.lsr-remove{border:1px solid ButtonText}
  .lsr-count,.lsr-selected-item{border-color:CanvasText}
  .lsr-details-form .lsr-f :is(input,select,textarea),.lsr-more,.lsr-ack{border:1px solid ButtonText}
  .lsr-progress a[aria-current="step"]>span{border:2px solid Highlight}
  .livar-samples-page :is(a,button,input,select,textarea):focus-visible{outline-color:Highlight}
}

/* LiVAR 5.2.84 — compact delivery form (same rules as checkout and My account addresses):
   no numbered section titles, tighter spacing, 46–48 px fields, 16 px text on phones. */
.lsr-details{padding:22px 24px}
.lsr-form-heading{margin:0 0 14px}
.lsr-form-heading h2{font-size:clamp(22px,2.2vw,28px)}
.lsr-form-grid{gap:12px;margin:0 0 14px}
.lsr-form-grid legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
.lsr-form-grid+.lsr-form-grid{padding-top:14px;border-top:1px solid var(--sr-line)}
.lsr-f{gap:6px}
.lsr-details-form .lsr-f :is(input,select){min-height:46px;padding-top:10px;padding-bottom:10px}
.lsr-details-form .lsr-f textarea{min-height:66px}
.lsr-details-form .lsr-ack,.lsr-details-form .lsr-more{margin-top:10px}
.lsr-details-form .lsr-actions{margin-top:14px}
@container lsr-form (min-width:520px){.lsr-form-grid,.lsr-more-body{gap:12px 14px}}
@media (min-width:700px){.lsr-form-grid,.lsr-more-body{gap:12px 14px}}
@media (max-width:640px){
  .lsr-details{padding:16px 14px}
  .lsr-details-form .lsr-f :is(input,select,textarea){min-height:48px;font-size:16px}
  .lsr-details-form .lsr-f textarea{min-height:66px}
  .lsr-form-heading{margin-bottom:10px}
}