/* LiVAR 5.2.33 — PET CAN / PET JAR purchase showcase.
   Loaded only on pet-can and pet-jar product pages, after product.css and the
   design system. Part 1 styles the new purchase elements at every width and
   keeps the existing mobile presentation; part 2 (min-width: 1024px) is the
   black desktop layout. Lid & CAP and Sealing Machine pages never load it.
   5.2.34: the desktop stage draws every PET CAN / PET JAR artwork at one
   range-wide scale, so products keep their real proportions.
   5.2.35: phones and tablets (up to 1023 px) get the order summary, a tidy
   assurance grid and readable specifications and product guide (part 1b). */

/* ── Part 1 · every width ─────────────────────────────────────────────── */
.dp-only{display:none}
.dp-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
[data-desktop-purchase="showcase"] .dp-kicker-capacity{text-transform:none;letter-spacing:.02em}
[data-desktop-purchase="showcase"] .livar-gallery-thumb.has-art img,
[data-desktop-purchase="showcase"] .livar-main-image{-webkit-user-drag:none}
[data-desktop-purchase="showcase"] .dp-stage-reflection,
[data-desktop-purchase="showcase"] .dp-stage-floor,
[data-desktop-purchase="showcase"] .dp-stage-nav,
[data-desktop-purchase="showcase"] .dp-thumbs-arrow{display:none}
[data-desktop-purchase="showcase"] .dp-thumbs-navigation{display:contents}

/* Price */
[data-desktop-purchase="showcase"] .dp-price{margin-top:16px}
[data-desktop-purchase="showcase"] .dp-price__line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0}
[data-desktop-purchase="showcase"] .dp-price .commerce-price{margin:0;font-variant-numeric:tabular-nums}
[data-desktop-purchase="showcase"] .dp-price__from,
[data-desktop-purchase="showcase"] .dp-price__per{color:#b5bac2;font-size:14px;font-weight:500}
[data-desktop-purchase="showcase"] .dp-price__unit{margin:6px 0 0;color:#b5bac2;font-size:13px;font-weight:500;line-height:1.5}
[data-desktop-purchase="showcase"] .dp-price__unit [data-dp-unit-price]{color:#f3f4f6;font-weight:600;font-variant-numeric:tabular-nums}
[data-desktop-purchase="showcase"] .dp-price__sep{margin:0 7px;color:#6b727c}
[data-desktop-purchase="showcase"] .dp-price[data-state="selected"] [data-dp-price-from]{display:none}
/* Currency: a compact switch instead of the full toolbar */
[data-desktop-purchase="showcase"] .dp-price .livar-product-currency-toolbar{display:flex;align-items:center;min-height:0;margin:12px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
[data-desktop-purchase="showcase"] .dp-price .livar-product-currency-toolbar>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
[data-desktop-purchase="showcase"] .dp-price .catalogue-currency-toggle{display:inline-flex;align-items:center;gap:2px;min-height:0;margin:0;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.03);box-shadow:none}
[data-desktop-purchase="showcase"] .dp-price .catalogue-currency-toggle button{min-width:44px;height:30px;min-height:30px;margin:0;padding:0 11px;border:0;border-radius:999px;background:transparent;color:#949ba5;font-size:12px;font-weight:600;letter-spacing:.04em;box-shadow:none;cursor:pointer;transition:background .18s ease,color .18s ease}
[data-desktop-purchase="showcase"] .dp-price .catalogue-currency-toggle button:hover{color:#f3f4f6}
[data-desktop-purchase="showcase"] .dp-price .catalogue-currency-toggle button.is-active{background:rgba(255,255,255,.1);color:#fff}

/* Groups */
[data-desktop-purchase="showcase"] .dp-group{min-width:0;margin:0;padding:0;border:0;background:none}
[data-desktop-purchase="showcase"] .dp-group__legend{float:left;display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:0;color:#f3f4f6;font-size:14px;font-weight:600;line-height:1.3}
[data-desktop-purchase="showcase"] .dp-group__step{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:7px;background:rgba(255,106,26,.13);color:#ff9a62;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.02em}
[data-desktop-purchase="showcase"] .dp-group__selection{float:right;max-width:55%;margin:4px 0 10px;overflow:hidden;color:#b5bac2;font-size:12px;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}
[data-desktop-purchase="showcase"] .dp-group .commerce-option-values,
[data-desktop-purchase="showcase"] .dp-screwcap{clear:both}
[data-desktop-purchase="showcase"] .dp-lid-grid--1{grid-template-columns:minmax(0,1fr)}
[data-desktop-purchase="showcase"] .dp-lid-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-desktop-purchase="showcase"] .dp-lid-card{display:flex}
[data-desktop-purchase="showcase"] .dp-lid-card>label{flex:1 1 auto;width:100%}
[data-desktop-purchase="showcase"] .dp-option-price{position:relative;z-index:1;display:block;margin-top:5px;color:#f3f4f6;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}
[data-desktop-purchase="showcase"] .dp-option-price small{margin-left:3px;color:#b5bac2;font-weight:500}

/* PET JAR: the included SCREW CAP */
[data-desktop-purchase="showcase"] .dp-screwcap{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:10px 0 0;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025);box-shadow:none;cursor:default;user-select:none;-webkit-user-select:none}
[data-desktop-purchase="showcase"] .dp-screwcap .livar-option-visual{flex:none;width:48px;height:48px;margin:0;border-color:rgba(255,255,255,.12);box-shadow:none}
[data-desktop-purchase="showcase"] .dp-screwcap .livar-option-visual img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;padding:2px!important;transform:none!important}
[data-desktop-purchase="showcase"] .dp-screwcap .livar-jar-required-copy{display:block;min-width:0}
[data-desktop-purchase="showcase"] .dp-screwcap .livar-jar-required-copy small{display:block;margin:0 0 2px;color:#b5bac2;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
[data-desktop-purchase="showcase"] .dp-screwcap .livar-jar-required-copy strong{display:block;color:#f3f4f6;font-size:14px;font-weight:650;letter-spacing:.04em}
[data-desktop-purchase="showcase"] .dp-screwcap .livar-jar-required-pill{grid-column:auto;justify-self:auto;align-self:center;display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border:1px solid rgba(255,138,76,.32);border-radius:999px;background:rgba(255,106,26,.08);color:#ffc09b;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-desktop-purchase="showcase"] .dp-screwcap .livar-option-check--required{position:static;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ff6a1a;color:#fff;font-size:10px;opacity:1;transform:none;box-shadow:none}

/* Packaging: the carton / pack image takes the place of the old legend */
[data-desktop-purchase="showcase"] .dp-pack-options{display:grid;gap:10px}
[data-desktop-purchase="showcase"] .dp-pack-card label{display:grid;grid-template-columns:72px minmax(0,1fr) 22px;align-items:center;gap:14px;min-height:0;padding:10px 14px 10px 10px;text-align:left}
[data-desktop-purchase="showcase"] .dp-pack-card label::before{display:none}
[data-desktop-purchase="showcase"] .dp-pack-card .livar-option-visual{width:72px;height:72px;margin:0;border-radius:12px}
[data-desktop-purchase="showcase"] .dp-pack-card .livar-option-visual img{width:100%;height:100%;padding:4px;object-fit:contain}
[data-desktop-purchase="showcase"] .dp-pack-card .livar-option-copy{text-align:left}
[data-desktop-purchase="showcase"] .dp-pack-card .livar-option-copy strong{font-size:14px;font-weight:650}
[data-desktop-purchase="showcase"] .dp-pack-card .livar-option-copy small{margin-top:3px}
[data-desktop-purchase="showcase"] .dp-pack-card__caption{margin:0 0 3px!important;color:#b5bac2!important;font-size:12px;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase}
[data-desktop-purchase="showcase"] .dp-pack-card .livar-option-check{position:static;align-self:center}
[data-desktop-purchase="showcase"] .dp-pack-card label:hover{transform:none}

/* Purchase panel: summary chrome is desktop-only; status and buy row everywhere */
[data-desktop-purchase="showcase"] .dp-purchase{margin-top:18px}
[data-desktop-purchase="showcase"] .dp-purchase .livar-configuration-line{margin-top:0}
[data-desktop-purchase="showcase"] .dp-purchase__note svg{flex:none;color:#8e959f}

/* Samples */
[data-desktop-purchase="showcase"] .dp-sample{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:6px 12px;margin-top:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}
[data-desktop-purchase="showcase"] .dp-sample__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(255,106,26,.12);color:#ff9a62}
[data-desktop-purchase="showcase"] .dp-sample__title{margin:0;color:#f3f4f6;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:0}
[data-desktop-purchase="showcase"] .dp-sample__copy p{margin:3px 0 0;color:#b5bac2;font-size:12.5px;line-height:1.45}
[data-desktop-purchase="showcase"] .dp-sample__link{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#f3f4f6;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease}
[data-desktop-purchase="showcase"] .dp-sample__link:hover{border-color:rgba(255,138,76,.7);background:rgba(255,106,26,.1);color:#fff}
[data-desktop-purchase="showcase"] .dp-sample__link svg{flex:none}

/* Assurances */
[data-desktop-purchase="showcase"] .dp-trust{display:flex;flex-wrap:wrap;gap:10px 16px}
[data-desktop-purchase="showcase"] .dp-trust>div{display:flex;align-items:center;gap:8px}
[data-desktop-purchase="showcase"] .dp-trust i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:rgba(255,106,26,.1);color:#ff9a62;font-size:0}
[data-desktop-purchase="showcase"] .dp-trust i svg{display:block;width:16px;height:16px}
[data-desktop-purchase="showcase"] .dp-trust strong{color:#d7dbe0;font-size:12px;font-weight:600;letter-spacing:0;white-space:nowrap}

@media (max-width:1023px){
  [data-desktop-purchase="showcase"] .dp-lid-grid--3{gap:7px}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .livar-option-card label{padding-inline:4px}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .livar-option-visual{width:66px!important;height:66px!important;flex-basis:66px!important}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-copy strong{font-size:12px}
}
@media (max-width:380px){
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .livar-option-visual{width:56px!important;height:56px!important;flex-basis:56px!important}
  [data-desktop-purchase="showcase"] .dp-screwcap{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
  [data-desktop-purchase="showcase"] .dp-screwcap .livar-option-check--required{display:none}
}

/* ── Part 1b · phones and tablets (up to 1023 px), 5.2.35 ─────────────────
   Desktop (part 2) is untouched. This stylesheet is only loaded on PET CAN
   and PET JAR product pages, so the specification and product-guide rules
   below never reach Lid & CAP or Sealing Machine pages. */
@media (max-width:1023px){
  /* Secondary text in the summary: WCAG AA contrast on the dark panel; SKU and
     model wrap as two items without a stray separator at the start of a line */
  [data-desktop-purchase="showcase"] .commerce-model{display:flex;flex-wrap:wrap;gap:4px 14px}
  [data-desktop-purchase="showcase"] .commerce-model span{color:#a3aab3}
  [data-desktop-purchase="showcase"] .commerce-model span+span::before{display:none}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-copy small,
  [data-desktop-purchase="showcase"] .dp-pack-card__meta{color:#b3b9c1!important}

  /* Order summary: the desktop rows as a card above the quantity and Add to cart */
  [data-desktop-purchase="showcase"] .dp-purchase{margin-top:18px;padding:16px 16px 15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,#16191d 0%,#121417 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
  [data-desktop-purchase="showcase"] .dp-purchase__head.dp-only{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
  [data-desktop-purchase="showcase"] .dp-purchase__title{margin:0;color:#f3f4f6;font-size:16px;font-weight:650;line-height:1.3;letter-spacing:0}
  [data-desktop-purchase="showcase"] .dp-purchase__stock{display:inline-flex;align-items:center;gap:7px;color:#8fe3b4;font-size:13px;font-weight:600;white-space:nowrap}
  [data-desktop-purchase="showcase"] .dp-purchase__stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(143,227,180,.14)}
  [data-desktop-purchase="showcase"] .dp-purchase__stock[data-stock="preorder"]{color:#ffd38a}
  [data-desktop-purchase="showcase"] .dp-purchase__stock[data-stock="out_of_stock"]{color:#ff9b9d}
  [data-desktop-purchase="showcase"] .dp-purchase__stock[hidden]{display:none}
  [data-desktop-purchase="showcase"] .dp-purchase__rows.dp-only{display:block;margin:0;padding:0}
  [data-desktop-purchase="showcase"] .dp-purchase__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}
  [data-desktop-purchase="showcase"] .dp-purchase__row:first-child{border-top:0}
  [data-desktop-purchase="showcase"] .dp-purchase__row dt{flex:none;color:#b5bac2;font-size:14px;font-weight:500;line-height:1.4}
  [data-desktop-purchase="showcase"] .dp-purchase__row dd{min-width:0;margin:0;color:#f3f4f6;font-size:14px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
  [data-desktop-purchase="showcase"] .dp-purchase__row dd small{display:block;margin-top:2px;color:#a3aab3;font-size:12px;font-weight:500}
  [data-desktop-purchase="showcase"] .dp-purchase__row dd.is-empty{color:#a3aab3;font-weight:500}
  /* What is being bought: the configuration reads on its own line */
  [data-desktop-purchase="showcase"] .dp-purchase__row:first-child{flex-direction:column;align-items:flex-start;gap:2px}
  [data-desktop-purchase="showcase"] .dp-purchase__row:first-child dd{font-size:15px;text-align:left}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total{align-items:center;margin-top:2px;padding-top:13px;border-top-color:rgba(255,255,255,.14)}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total dt{color:#f3f4f6;font-size:15px;font-weight:650}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total dd{color:#fff;font-size:21px;font-weight:700;letter-spacing:-.01em}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total dd.is-empty{font-size:15px;font-weight:500}
  /* The configuration line (SKU · units · stock, Clear selection) is not shown:
     the summary says what is being bought. The status stays for screen
     readers and becomes visible only for an error. */
  [data-desktop-purchase="showcase"] .dp-purchase .livar-configuration-line{position:relative;display:block;min-height:0;margin:0;padding:0;border:0}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-selection-status:not(.is-error){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-selection-status.is-error{margin:12px 0 0;color:#ff9b9d;font-size:13px!important;line-height:1.45}
  [data-desktop-purchase="showcase"] .dp-purchase .livar-reset-options{display:none}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-buy-row{margin-top:14px}
  [data-desktop-purchase="showcase"] .dp-purchase__note.dp-only{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;color:#a3aab3;font-size:12.5px;line-height:1.45}
  [data-desktop-purchase="showcase"] .dp-purchase__note svg{margin-top:1px}

  /* Assurances: equal tiles, icon above a short label; five items as 3 + 2
     with the second row centred, four items as 2 x 2 */
  [data-desktop-purchase="showcase"] .dp-trust{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:8px;margin-top:18px;padding-top:0;border-top:0}
  [data-desktop-purchase="showcase"] .dp-trust>div{grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;padding:12px 6px 11px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);text-align:center}
  [data-desktop-purchase="showcase"] .dp-trust>div:nth-child(4):nth-last-child(2){grid-column:2/span 2}
  [data-desktop-purchase="showcase"] .dp-trust>div:nth-child(5):last-child{grid-column:4/span 2}
  [data-desktop-purchase="showcase"] .dp-trust>div:first-child:nth-last-child(4),
  [data-desktop-purchase="showcase"] .dp-trust>div:first-child:nth-last-child(4)~div{grid-column:span 3}
  [data-desktop-purchase="showcase"] .dp-trust i{flex:none;width:34px;height:34px;border:1px solid rgba(255,138,76,.18);border-radius:10px;background:rgba(255,106,26,.08)}
  [data-desktop-purchase="showcase"] .dp-trust i svg{width:17px;height:17px}
  [data-desktop-purchase="showcase"] .dp-trust span{display:block;min-width:0}
  [data-desktop-purchase="showcase"] .dp-trust strong{display:block;color:#e6e8eb;font-size:12.5px;font-weight:600;line-height:1.3;letter-spacing:0;white-space:normal}

  /* Specifications: clear hierarchy (group, label, value) at reading sizes */
  .commerce-page .commerce-details .commerce-panel-title{padding:20px 20px 18px}
  .commerce-page .commerce-details .commerce-panel-title p{margin:0 0 7px;color:#ff9a62;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.14em}
  .commerce-page .commerce-details .commerce-panel-title h2{color:#fff;font-size:22px;font-weight:650;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}
  .commerce-page .commerce-spec-group h3{padding:20px 20px 8px;color:#fff;font-size:16px;font-weight:650;line-height:1.3;letter-spacing:-.005em}
  .commerce-page .commerce-spec-row{align-items:baseline;gap:4px 16px;padding:12px 20px;border-top-color:rgba(255,255,255,.07);font-size:15px}
  .commerce-page .commerce-spec-row span{color:#b3b9c1;font-size:13.5px;font-weight:500;line-height:1.4;letter-spacing:0}
  .commerce-page .commerce-spec-row strong{margin:0;color:#f5f6f8;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere;text-wrap:pretty}

  /* Product guide: 16 px body copy, high contrast, comfortable measure */
  .commerce-page .commerce-section{padding:22px 20px}
  .commerce-page .commerce-section h3{margin:0 0 10px;color:#fff;font-size:19px;font-weight:650;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
  .commerce-page .commerce-section p,
  .commerce-page .commerce-section li{color:#d3d8de;font-size:16px;font-weight:400;line-height:1.65;letter-spacing:0;text-wrap:pretty}
  .commerce-page .commerce-section p+p{margin-top:12px}
  .commerce-page .commerce-section :is(p,ul,ol)+:is(p,ul,ol){margin-top:12px}
  .commerce-page .commerce-section ul{margin:0;padding:0;list-style:none}
  .commerce-page .commerce-section ul>li{position:relative;padding-left:20px}
  .commerce-page .commerce-section ul>li::before{content:"";position:absolute;top:.68em;left:3px;width:6px;height:6px;border-radius:50%;background:#ff7a2f}
  .commerce-page .commerce-section ol{margin:0;padding-left:22px}
  .commerce-page .commerce-section li+li{margin-top:8px}
  .commerce-page .commerce-section :is(strong,b){color:#fff;font-weight:600}
  .commerce-page .commerce-section a{color:#ff9a62;text-decoration:underline;text-underline-offset:3px}
  .commerce-page .commerce-section .commerce-warning{margin-top:14px!important;padding:12px 14px;border-left:3px solid #ff6a1a;border-radius:0 10px 10px 0;background:rgba(255,106,26,.08);color:#f3d6c7!important;font-size:15px}
}
@media (min-width:600px) and (max-width:900px){
  /* Single-column tablets have room for all assurances in one row */
  [data-desktop-purchase="showcase"] .dp-trust{display:flex}
  [data-desktop-purchase="showcase"] .dp-trust>div{flex:1 1 0}
}
@media (max-width:359px){
  /* Narrow phones: two tiles per row keep every label on whole words */
  [data-desktop-purchase="showcase"] .dp-trust{grid-template-columns:repeat(4,minmax(0,1fr))}
  [data-desktop-purchase="showcase"] .dp-trust>div,
  [data-desktop-purchase="showcase"] .dp-trust>div:nth-child(4):nth-last-child(2),
  [data-desktop-purchase="showcase"] .dp-trust>div:first-child:nth-last-child(4),
  [data-desktop-purchase="showcase"] .dp-trust>div:first-child:nth-last-child(4)~div{grid-column:span 2}
  [data-desktop-purchase="showcase"] .dp-trust>div:nth-child(5):last-child{grid-column:2/span 2}
}
@media (max-width:650px){
  /* Phones: specification label above its value */
  .commerce-page .commerce-spec-row{grid-template-columns:minmax(0,1fr);padding:12px 18px}
  .commerce-page .commerce-spec-group h3{padding-inline:18px}
}

/* ── Part 2 · desktop (1024 px and wider) ────────────────────────────── */
@media (min-width:1024px){
  [data-desktop-purchase="showcase"]{
    --dp-bg:#0b0c0f;
    --dp-panel:#0f1114;
    --dp-surface:#14171b;
    --dp-surface-2:#1a1e23;
    --dp-line:rgba(255,255,255,.08);
    --dp-line-2:rgba(255,255,255,.12);
    --dp-line-3:rgba(255,255,255,.2);
    --dp-text:#f3f4f6;
    --dp-text-2:#b5bac2;
    --dp-text-3:#949ba5;
    --dp-accent:#ff6a1a;
    --dp-accent-text:#ff9a62;
    --dp-radius:14px;
    --dp-sticky-top:112px;
    position:relative;
    border:1px solid var(--dp-line);
    border-radius:24px;
    background:var(--dp-bg);
    box-shadow:0 30px 80px rgba(0,0,0,.45);
    overflow:hidden;
    overflow:clip;
    color:var(--dp-text);
    font-family:var(--livar-font-family,"Inter Variable",Inter,ui-sans-serif,system-ui,sans-serif);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  [data-desktop-purchase="showcase"]::before{display:none}
  [data-desktop-purchase="showcase"] .dp-only{display:block}
  /* The shell clips horizontal overflow on <body> with overflow:hidden, which
     also makes <body> a scroll container and stops the gallery from sticking.
     overflow:clip clips the same way without creating a scroll container. */
  html.dynamic-public-document body.dynamic-public-page:not(#livar-dp){overflow-x:clip!important;overflow-y:visible!important}
  [data-desktop-purchase="showcase"] .livar-product-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);align-items:start;gap:0;min-height:0}

  /* Gallery column */
  [data-desktop-purchase="showcase"] .dp-gallery{position:sticky;top:calc(var(--dp-sticky-top) - 28px);align-self:start;padding:28px;border:0;background:none}
  [data-desktop-purchase="showcase"] .dp-gallery::before{display:none}
  [data-desktop-purchase="showcase"] .dp-stage{
    --dp-fill-h:.64;
    --dp-fill-w:.58;
    --dp-floor:.86;
    --dp-floor-gap:62px;
    --dp-top-room:72px;
    position:relative;top:auto;display:block;width:100%;height:auto;min-height:380px;
    max-height:calc(100vh - var(--dp-sticky-top) - 118px);
    aspect-ratio:1/1;
    container-type:size;
    border:1px solid rgba(255,255,255,.07);
    border-radius:20px;
    background:radial-gradient(ellipse 66% 58% at 50% 58%,#2c3239 0%,#1c2026 44%,#121418 76%,#0e1013 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -60px 90px rgba(0,0,0,.28);
    overflow:hidden;
    isolation:isolate;
  }
  [data-desktop-purchase="showcase"] .dp-stage::before,
  [data-desktop-purchase="showcase"] .dp-stage::after{display:none}
  [data-desktop-purchase="showcase"] .dp-stage .livar-main-image{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;filter:none;transform:none;transition:opacity .2s ease}
  [data-desktop-purchase="showcase"] .dp-stage.is-loading .livar-main-image{opacity:.35;transform:none}
  /* True-to-scale artwork (5.2.34). PET CAN and PET JAR artwork shares one
     canvas scale, so every canvas is drawn at the same size --dp-s: the
     tallest silhouette of the range (--range-h, measured server-side) fills
     64 % of the stage height and the widest (--range-w) at most 58 % of its
     width. A 100 ml can therefore reads small and a 167 mm can tall, exactly
     in proportion. Every silhouette stands on one floor line (86 % of the
     stage, kept above the image counter) and is centred horizontally; its top
     always stays below the zoom / compare bar. Artwork larger than the range
     is fitted on its own, and no canvas passes 0.8 x its source pixels.
     cq units resolve on the stage children, the stage is their container. */
  [data-desktop-purchase="showcase"] .dp-stage.has-art{
    --dp-floor-y:min(calc(var(--dp-floor) * 100cqh),calc(100cqh - var(--dp-floor-gap)));
    --dp-room:min(calc(var(--dp-fill-h) * 100cqh),calc(var(--dp-floor-y) - var(--dp-top-room)));
    --dp-s:min(calc(var(--dp-room) / var(--range-h,var(--art-h))),calc(var(--dp-room) / var(--art-h)),calc(var(--dp-fill-w) * 100cqw / var(--range-w,var(--art-w))),calc(var(--dp-fill-w) * 100cqw / var(--art-w)),var(--art-cap));
  }
  [data-desktop-purchase="showcase"] .dp-stage.has-art .livar-main-image{
    inset:auto;
    left:calc(50cqw - var(--dp-s) * var(--art-cx));
    top:calc(var(--dp-floor-y) - var(--dp-s) * var(--art-by));
    width:var(--dp-s);height:var(--dp-s);
    /* The soft shadow follows the real height of the silhouette. */
    filter:drop-shadow(0 calc(var(--dp-s) * var(--art-h) * .035) calc(var(--dp-s) * var(--art-h) * .056) rgba(0,0,0,.32));
  }
  [data-desktop-purchase="showcase"] .dp-stage.has-art .dp-stage-reflection{
    position:absolute;z-index:1;display:block;
    left:calc(50cqw - var(--dp-s) * var(--art-cx));
    top:calc(var(--dp-floor-y) - var(--dp-s) * (1 - var(--art-by)));
    width:var(--dp-s);height:var(--dp-s);max-width:none;max-height:none;
    object-fit:contain;
    transform:scaleY(-1);
    opacity:.55;
    pointer-events:none;
    -webkit-mask-image:linear-gradient(180deg,transparent calc((var(--art-by) - var(--art-h) * .28) * 100%),rgba(0,0,0,.4) calc(var(--art-by) * 100%));
    mask-image:linear-gradient(180deg,transparent calc((var(--art-by) - var(--art-h) * .28) * 100%),rgba(0,0,0,.4) calc(var(--art-by) * 100%));
  }
  /* Floor plane from the floor line down, with a soft contact shadow. */
  [data-desktop-purchase="showcase"] .dp-stage.has-art .dp-stage-floor{
    position:absolute;z-index:0;display:block;left:0;right:0;bottom:0;
    top:var(--dp-floor-y);
    background:linear-gradient(180deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.01) 40%,rgba(255,255,255,0) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    pointer-events:none;
  }
  [data-desktop-purchase="showcase"] .dp-stage.has-art .dp-stage-floor::after{
    content:"";position:absolute;top:0;left:50%;
    width:calc(var(--dp-s) * var(--art-w) * 1.3);
    height:calc(var(--dp-s) * var(--art-w) * .2);
    border-radius:50%;
    background:radial-gradient(closest-side,rgba(0,0,0,.62),rgba(0,0,0,.28) 55%,rgba(0,0,0,0));
    transform:translate(-50%,-50%);
  }
  [data-desktop-purchase="showcase"] .dp-stage .livar-gallery-placeholder{position:absolute;inset:14%;width:auto}
  [data-desktop-purchase="showcase"] .dp-stage .livar-gallery-badges{display:none}

  /* Stage actions: zoom, compare, favourite */
  [data-desktop-purchase="showcase"] .dp-stage .livar-gallery-actions{position:absolute;top:14px;right:14px;z-index:5;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(12,13,16,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(0,0,0,.3)}
  [data-desktop-purchase="showcase"] .dp-stage .livar-gallery-actions>button{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:36px;height:36px;min-height:36px;margin:0;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--dp-text);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;box-shadow:none;transform:none;cursor:pointer;transition:background .18s ease,color .18s ease}
  [data-desktop-purchase="showcase"] .dp-stage .livar-gallery-actions>button:hover{background:rgba(255,255,255,.1);transform:none}
  [data-desktop-purchase="showcase"] .dp-stage .livar-gallery-actions>button img{width:16px;height:16px;filter:brightness(0) invert(1)}
  [data-desktop-purchase="showcase"] .dp-stage .livar-product-favorite{width:36px;padding:0}
  [data-desktop-purchase="showcase"] .dp-stage .livar-product-favorite svg{width:17px;height:17px}

  /* Stage stepper and counter */
  [data-desktop-purchase="showcase"] .dp-stage-nav{position:absolute;left:50%;bottom:14px;z-index:5;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(12,13,16,.62);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-50%)}
  [data-desktop-purchase="showcase"] .dp-stage-nav__button{display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--dp-text);cursor:pointer;transition:background .18s ease}
  [data-desktop-purchase="showcase"] .dp-stage-nav__button:hover{background:rgba(255,255,255,.12)}
  [data-desktop-purchase="showcase"] .dp-stage-nav__count{min-width:52px;color:var(--dp-text-2);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;text-align:center}
  [data-desktop-purchase="showcase"] .dp-stage-nav__count b{color:var(--dp-text);font-weight:650}
  [data-desktop-purchase="showcase"] .dp-stage-nav__count span{margin:0 4px;color:#6b727c}
  [data-desktop-purchase="showcase"] .dp-stage-nav.is-detached .dp-stage-nav__count{visibility:hidden}

  /* Thumbnail rail */
  [data-desktop-purchase="showcase"] .dp-thumbs-navigation{position:relative;display:flex;align-items:center;gap:8px;margin-top:14px}
  [data-desktop-purchase="showcase"] .dp-thumbs-navigation .livar-gallery-thumbs{
    flex:1 1 auto;display:flex;gap:10px;min-width:0;margin:0;padding:5px;
    overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;scroll-padding-inline:5px;
    scrollbar-width:none;cursor:grab;
  }
  [data-desktop-purchase="showcase"] .dp-thumbs-navigation .livar-gallery-thumbs::-webkit-scrollbar{display:none}
  [data-desktop-purchase="showcase"] .dp-thumbs-navigation[data-overflow="true"]:not(.is-at-start) .livar-gallery-thumbs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px);mask-image:linear-gradient(90deg,transparent 0,#000 34px)}
  [data-desktop-purchase="showcase"] .dp-thumbs-navigation[data-overflow="true"]:not(.is-at-end) .livar-gallery-thumbs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent 100%)}
  [data-desktop-purchase="showcase"] .dp-thumbs-navigation[data-overflow="true"]:not(.is-at-start):not(.is-at-end) .livar-gallery-thumbs{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%)}
  [data-desktop-purchase="showcase"] .dp-thumbs-navigation.is-dragging .livar-gallery-thumbs{scroll-snap-type:none;cursor:grabbing;user-select:none;-webkit-user-select:none}
  [data-desktop-purchase="showcase"] .dp-thumbs-arrow{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid var(--dp-line-2);border-radius:50%;background:var(--dp-surface);color:var(--dp-text);cursor:pointer;transition:border-color .18s ease,background .18s ease,opacity .18s ease}
  [data-desktop-purchase="showcase"] .dp-thumbs-arrow[hidden]{display:none}
  [data-desktop-purchase="showcase"] .dp-thumbs-arrow:hover:not(:disabled){border-color:var(--dp-line-3);background:var(--dp-surface-2)}
  [data-desktop-purchase="showcase"] .dp-thumbs-arrow:disabled{opacity:.3;cursor:default}
  [data-desktop-purchase="showcase"] .livar-gallery-thumb{
    position:relative;flex:0 0 76px;display:block;width:76px;height:76px;margin:0;padding:0;
    container-type:size;
    border:1px solid var(--dp-line-2);border-radius:12px;
    background:radial-gradient(ellipse 70% 62% at 50% 44%,#2a3037 0%,#171a1f 70%,#121418 100%);
    overflow:hidden;scroll-snap-align:start;cursor:pointer;transform:none;box-shadow:none;
    transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
  }
  [data-desktop-purchase="showcase"] .livar-gallery-thumb:hover{border-color:var(--dp-line-3);background:radial-gradient(ellipse 70% 62% at 50% 44%,#2f353d 0%,#191c21 70%,#131519 100%);transform:none}
  [data-desktop-purchase="showcase"] .livar-gallery-thumb.is-active{border-color:var(--dp-accent);box-shadow:0 0 0 1px var(--dp-accent)}
  /* The rail padding keeps the whole focus ring inside the scroll area. */
  [data-desktop-purchase="showcase"] .livar-gallery-thumb:focus-visible{outline:2px solid #ffb07f;outline-offset:2px}
  [data-desktop-purchase="showcase"] .livar-gallery-thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;padding:0;object-fit:cover;filter:none;pointer-events:none}
  [data-desktop-purchase="showcase"] .livar-gallery-thumb.has-art img{
    --dp-t:min(calc(.78 * 100cqh / var(--art-h)),calc(.7 * 100cqw / var(--art-w)),var(--art-cap));
    inset:auto;
    left:calc(50cqw - var(--dp-t) * var(--art-cx));
    top:calc(50cqh - var(--dp-t) * (var(--art-by) - var(--art-h) / 2));
    width:var(--dp-t);height:var(--dp-t);object-fit:contain;
  }

  /* Summary column */
  [data-desktop-purchase="showcase"] .dp-summary{display:flex;flex-direction:column;min-width:0;min-height:0;padding:30px 32px 30px;border-left:1px solid var(--dp-line);background:var(--dp-panel);font-family:inherit}
  [data-desktop-purchase="showcase"] .dp-summary .commerce-kicker{margin:0 0 10px;color:var(--dp-accent-text);font-size:12px!important;font-weight:600;letter-spacing:.14em}
  [data-desktop-purchase="showcase"] .dp-summary .dp-kicker-capacity{color:var(--dp-text-2)}
  [data-desktop-purchase="showcase"] .dp-summary .commerce-title{max-width:none;margin:0;color:#fff;font-size:clamp(32px,2.6vw,40px);font-weight:650;line-height:1.1;letter-spacing:-.025em}
  [data-desktop-purchase="showcase"] .dp-summary .commerce-model{margin-top:10px;color:var(--dp-text-3);font-size:12px;letter-spacing:.06em}
  [data-desktop-purchase="showcase"] .dp-summary .commerce-model b{color:var(--dp-text-2);font-weight:550}
  [data-desktop-purchase="showcase"] .dp-summary .commerce-model span+span::before{color:#5d646d}

  [data-desktop-purchase="showcase"] .dp-price{position:relative;margin-top:22px;padding:0 0 20px;border-bottom:1px solid var(--dp-line)}
  [data-desktop-purchase="showcase"] .dp-price__line{padding-right:124px}
  [data-desktop-purchase="showcase"] .dp-price .commerce-price{color:#fff;font-size:32px;font-weight:650;line-height:1.1;letter-spacing:-.02em}
  [data-desktop-purchase="showcase"] .dp-price__from{font-size:14px}
  [data-desktop-purchase="showcase"] .dp-price__per{font-size:16px}
  [data-desktop-purchase="showcase"] .dp-price__unit{margin-top:8px;font-size:13.5px;color:var(--dp-text-2)}
  [data-desktop-purchase="showcase"] .dp-price .livar-product-currency-toolbar{position:absolute;top:2px;right:0;margin:0}
  [data-desktop-purchase="showcase"] .dp-price .catalogue-currency-toggle button{min-width:0;height:28px;min-height:28px}

  /* Options */
  [data-desktop-purchase="showcase"] .dp-form{margin-top:22px}
  [data-desktop-purchase="showcase"] .dp-options{display:grid;gap:20px}
  [data-desktop-purchase="showcase"] .dp-group__legend{font-size:15px;margin-bottom:12px}
  [data-desktop-purchase="showcase"] .dp-group__selection{margin:4px 0 12px;font-size:13px!important}
  [data-desktop-purchase="showcase"] .dp-lid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  [data-desktop-purchase="showcase"] .dp-lid-grid--1{grid-template-columns:minmax(0,1fr)}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  [data-desktop-purchase="showcase"] .dp-lid-card label,
  [data-desktop-purchase="showcase"] .dp-pack-card label{border:1px solid var(--dp-line-2);border-radius:var(--dp-radius);background:var(--dp-surface);box-shadow:none;transform:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
  [data-desktop-purchase="showcase"] .dp-lid-card label::before{display:none}
  [data-desktop-purchase="showcase"] .dp-lid-card label:hover,
  [data-desktop-purchase="showcase"] .dp-pack-card label:hover{border-color:var(--dp-line-3);background:var(--dp-surface-2);transform:none}
  [data-desktop-purchase="showcase"] .dp-lid-card input:checked+label,
  [data-desktop-purchase="showcase"] .dp-pack-card input:checked+label{border-color:var(--dp-accent);background:linear-gradient(180deg,rgba(255,106,26,.1),rgba(255,106,26,.04)),var(--dp-surface);box-shadow:inset 0 0 0 1px var(--dp-accent)}
  [data-desktop-purchase="showcase"] .dp-lid-card input:focus-visible+label,
  [data-desktop-purchase="showcase"] .dp-pack-card input:focus-visible+label{outline:2px solid #ffb07f;outline-offset:3px}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-check,
  [data-desktop-purchase="showcase"] .dp-pack-card .livar-option-check{width:20px;height:20px;background:var(--dp-accent);font-size:10px;box-shadow:none}

  /* Lid cards · two across (PET CAN): artwork, name, note, price per bottle */
  [data-desktop-purchase="showcase"] .dp-lid-card label{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:14px;align-items:center;min-height:104px;padding:14px 38px 14px 14px;text-align:left}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-visual{grid-row:1/3;width:76px!important;height:76px!important;flex:none!important;margin:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:radial-gradient(circle at 36% 30%,#3a4149 0%,#22272d 48%,#15181c 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.35)}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-visual img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:3px!important;object-fit:contain;transform:none!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-copy{align-self:end;text-align:left}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-copy strong{color:var(--dp-text);font-size:17px;font-weight:650;line-height:1.2;letter-spacing:.01em}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-copy small{margin-top:3px;color:var(--dp-text-2);font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.35}
  [data-desktop-purchase="showcase"] .dp-lid-card .dp-option-price{align-self:start;margin-top:7px;font-size:13px}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-check{top:12px;right:12px}
  [data-desktop-purchase="showcase"] .dp-lid-card input:checked+label .livar-option-visual{border-color:rgba(255,106,26,.75)}

  /* Lid cards · three across (PET JAR): No aluminum lid, EOP, FO */
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .dp-lid-card label{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;row-gap:0;min-height:0;padding:16px 10px 14px;text-align:center}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .dp-lid-card .livar-option-visual{grid-row:auto;width:84px!important;height:84px!important;margin:0 0 11px}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .dp-lid-card .livar-option-copy{align-self:auto;text-align:center}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .dp-lid-card .livar-option-copy strong{font-size:15px}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .dp-lid-card .dp-option-price{align-self:auto;margin-top:8px;padding-top:8px;border-top:1px solid var(--dp-line);width:100%}
  [data-desktop-purchase="showcase"] .dp-lid-grid--3 .dp-lid-card .livar-option-check{top:10px;right:10px}

  /* Included SCREW CAP (PET JAR) */
  [data-desktop-purchase="showcase"] .dp-screwcap{grid-template-columns:48px minmax(0,1fr) auto auto;margin-top:12px;padding:10px 14px 10px 10px;border-color:var(--dp-line-2);border-radius:var(--dp-radius);background:rgba(255,255,255,.022)}
  [data-desktop-purchase="showcase"] .dp-screwcap::before{content:"+";position:absolute;top:-19px;left:50%;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--dp-line-2);border-radius:50%;background:var(--dp-panel);color:var(--dp-text-2);font-size:14px;font-weight:600;line-height:1;transform:translateX(-50%)}
  [data-desktop-purchase="showcase"] .dp-screwcap .livar-option-visual{border-radius:50%;background:radial-gradient(circle at 36% 30%,#3a4149 0%,#22272d 48%,#15181c 100%)!important}
  [data-desktop-purchase="showcase"] .dp-screwcap .livar-jar-required-copy small{font-size:12px}
  [data-desktop-purchase="showcase"] .dp-screwcap .livar-jar-required-copy strong{font-size:14.5px}

  /* Packaging card */
  [data-desktop-purchase="showcase"] .dp-pack-card label{grid-template-columns:76px minmax(0,1fr) 22px;gap:16px;padding:10px 16px 10px 10px}
  [data-desktop-purchase="showcase"] .dp-pack-card .livar-option-visual{width:76px!important;height:76px!important;flex:none!important;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:radial-gradient(ellipse 80% 70% at 50% 40%,#2f353c 0%,#1b1f24 75%)!important;box-shadow:none}
  [data-desktop-purchase="showcase"] .dp-pack-card .livar-option-visual img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:5px!important;transform:none!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}
  [data-desktop-purchase="showcase"] .dp-pack-card .livar-option-copy strong{color:var(--dp-text);font-size:16px;font-weight:650;line-height:1.25}
  [data-desktop-purchase="showcase"] .dp-pack-card .livar-option-copy small{font-family:inherit;color:var(--dp-text-2);font-size:12.5px;font-weight:500}
  [data-desktop-purchase="showcase"] .dp-pack-card__caption{font-size:12px!important;color:var(--dp-text-3)!important}

  /* Order summary and purchase */
  [data-desktop-purchase="showcase"] .dp-purchase{margin-top:22px;padding:18px 20px 16px;border:1px solid var(--dp-line-2);border-radius:18px;background:linear-gradient(180deg,#16191d 0%,#121417 100%);box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
  [data-desktop-purchase="showcase"] .dp-purchase__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
  [data-desktop-purchase="showcase"] .dp-purchase__title{margin:0;color:var(--dp-text);font-size:15px;font-weight:600;line-height:1.3;letter-spacing:0}
  [data-desktop-purchase="showcase"] .dp-purchase__stock{display:inline-flex;align-items:center;gap:7px;color:#8fe3b4;font-size:12.5px;font-weight:600}
  [data-desktop-purchase="showcase"] .dp-purchase__stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(143,227,180,.14)}
  [data-desktop-purchase="showcase"] .dp-purchase__stock[data-stock="preorder"]{color:#ffd38a}
  [data-desktop-purchase="showcase"] .dp-purchase__stock[data-stock="out_of_stock"]{color:#ff9b9d}
  [data-desktop-purchase="showcase"] .dp-purchase__stock[hidden]{display:none}
  [data-desktop-purchase="showcase"] .dp-purchase__rows{margin:0;padding:0}
  [data-desktop-purchase="showcase"] .dp-purchase__row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}
  [data-desktop-purchase="showcase"] .dp-purchase__row:first-child{border-top:0}
  [data-desktop-purchase="showcase"] .dp-purchase__row dt{flex:none;color:var(--dp-text-2);font-size:13.5px;font-weight:500}
  [data-desktop-purchase="showcase"] .dp-purchase__row dd{min-width:0;margin:0;color:var(--dp-text);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
  [data-desktop-purchase="showcase"] .dp-purchase__row dd small{display:block;margin-top:2px;color:var(--dp-text-3);font-size:12px;font-weight:500}
  [data-desktop-purchase="showcase"] .dp-purchase__row dd.is-empty{color:var(--dp-text-3);font-weight:500}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total{align-items:center;margin-top:4px;padding-top:14px;border-top:1px solid var(--dp-line-2)}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total dt{color:var(--dp-text);font-size:15px;font-weight:600}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total dd{color:#fff;font-size:24px;font-weight:650;letter-spacing:-.015em}
  [data-desktop-purchase="showcase"] .dp-purchase__row--total dd.is-empty{font-size:15px}
  [data-desktop-purchase="showcase"] .dp-purchase .livar-configuration-line{min-height:0;margin:12px 0 0;gap:12px}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-selection-status{color:var(--dp-text-2);font-size:12.5px!important;line-height:1.45}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-selection-status.is-ready{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  [data-desktop-purchase="showcase"] .dp-purchase .livar-configuration-line:has(.is-ready){justify-content:flex-end}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-selection-status.is-error{color:#ff9b9d}
  [data-desktop-purchase="showcase"] .dp-purchase .livar-reset-options{flex:none;color:var(--dp-text-3);font-size:12.5px!important}
  [data-desktop-purchase="showcase"] .dp-purchase .livar-reset-options:hover{color:var(--dp-text)}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-buy-row{grid-template-columns:136px minmax(0,1fr);gap:10px;margin-top:12px}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-quantity{grid-template-columns:40px minmax(0,1fr) 40px;min-height:52px;border:1px solid var(--dp-line-2);border-radius:12px;background:#0d0f12}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-quantity button{min-width:0;min-height:0;color:var(--dp-text);font-size:18px}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-quantity button:hover{background:rgba(255,255,255,.07);color:#fff}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-quantity input{color:#fff;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;border-color:rgba(255,255,255,.07)}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-add-button{justify-content:center;gap:12px;min-height:52px;padding:0 22px;border:0;border-radius:12px;background:var(--dp-accent);color:#101114;font-size:15px;font-weight:650;letter-spacing:.005em;text-transform:none;box-shadow:0 14px 30px rgba(255,90,10,.24);transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-add-button b{font-size:18px;font-weight:500;transition:transform .18s ease}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-add-button:hover:not(:disabled){background:#ff7d33;color:#0b0c0f;filter:none;transform:none;box-shadow:0 16px 34px rgba(255,90,10,.3)}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-add-button:focus-visible{outline:2px solid #ffb07f;outline-offset:3px}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-add-button:hover:not(:disabled) b{transform:translateX(3px)}
  [data-desktop-purchase="showcase"] .dp-purchase .commerce-add-button:disabled{background:#23272d;color:#949ba5;box-shadow:none}
  [data-desktop-purchase="showcase"] .dp-purchase__note{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:var(--dp-text-3);font-size:12.5px;line-height:1.45}

  /* Samples */
  [data-desktop-purchase="showcase"] .dp-sample{grid-template-columns:44px minmax(0,1fr) auto;gap:14px;margin-top:14px;padding:14px 14px 14px 16px;border-color:var(--dp-line);border-radius:16px;background:rgba(255,255,255,.018)}
  [data-desktop-purchase="showcase"] .dp-sample__icon{width:44px;height:44px;border-radius:12px}
  [data-desktop-purchase="showcase"] .dp-sample__link{grid-column:auto;min-height:40px;padding:8px 14px;border-color:var(--dp-line-3)}

  /* Assurances */
  [data-desktop-purchase="showcase"] .dp-trust{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:0;margin-top:auto;padding-top:0;border-top:0}
  [data-desktop-purchase="showcase"] .dp-sample+.dp-trust,
  [data-desktop-purchase="showcase"] .dp-form+.dp-trust{margin-top:18px}
  [data-desktop-purchase="showcase"] .dp-trust>div{flex-direction:column;justify-content:flex-start;gap:9px;min-width:0;padding:14px 6px 2px;border-top:1px solid var(--dp-line);text-align:center}
  [data-desktop-purchase="showcase"] .dp-trust>div+div{box-shadow:inset 1px 0 0 rgba(255,255,255,.05)}
  [data-desktop-purchase="showcase"] .dp-trust i{flex:none;width:36px;height:36px;border:1px solid rgba(255,138,76,.18);border-radius:11px;background:rgba(255,106,26,.07)}
  [data-desktop-purchase="showcase"] .dp-trust i svg{width:18px;height:18px}
  [data-desktop-purchase="showcase"] .dp-trust strong{color:#dfe2e6;font-size:12px;font-weight:600;line-height:1.3;white-space:normal}
}

@media (min-width:1024px) and (max-width:1199px){
  [data-desktop-purchase="showcase"] .livar-product-grid{grid-template-columns:minmax(0,1fr) minmax(430px,1fr)}
  [data-desktop-purchase="showcase"] .dp-gallery{top:calc(var(--dp-sticky-top) - 22px);padding:22px}
  [data-desktop-purchase="showcase"] .dp-summary{padding:26px 24px}
  /* Two lid cards share ~430 px: stack artwork above the text as on the jar cards. */
  [data-desktop-purchase="showcase"] .dp-lid-card label{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;min-height:0;padding:16px 10px 14px;text-align:center}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-visual{grid-row:auto;width:72px!important;height:72px!important;margin:0 0 11px}
  [data-desktop-purchase="showcase"] .dp-lid-card .livar-option-copy{align-self:auto;text-align:center}
  [data-desktop-purchase="showcase"] .dp-lid-card .dp-option-price{align-self:auto;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--dp-line)}
  [data-desktop-purchase="showcase"] .dp-sample{grid-template-columns:44px minmax(0,1fr)}
  [data-desktop-purchase="showcase"] .dp-sample__link{grid-column:1/-1}
}
@media (min-width:1024px) and (max-height:760px){
  [data-desktop-purchase="showcase"]{--dp-sticky-top:106px}
  [data-desktop-purchase="showcase"] .dp-stage{min-height:340px}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){
  [data-desktop-purchase="showcase"] *{transition:none!important}
}