/**
 * Acrylic Recommended Size — MagicPath mobile parity (cozily-morning-1089 zip9)
 * Scoped to .pp-acrylic-rs / [data-pp-rs-slug="acrylic-photo-frame"]
 * Mobile only: @media (max-width: 991px). Desktop styles live in acrylic-recommended-size-desktop.css
 */

/* Default (desktop-first): hide mobile-only label variants until mobile media enables them */
.pp-acrylic-rs .pp-acrylic-rs__tool-short,
.pp-acrylic-rs .pp-acrylic-rs__res-label-mob,
.pp-acrylic-rs .pp-acrylic-rs__res-hint-mob,
.pp-acrylic-rs .pp-acrylic-rs__thick-label-mob,
.pp-acrylic-rs .pp-acrylic-rs__tab-short,
.pp-acrylic-rs .pp-acrylic-rs__crop-mobile,
.pp-acrylic-rs .pp-acrylic-rs__config-title-mob,
.pp-acrylic-rs .pp-acrylic-rs__config-sub-mob,
.pp-acrylic-rs .pp-acrylic-rs__price-label-mob,
.pp-acrylic-rs .pp-acrylic-rs__price-hint-mob {
  display: none;
}

@media (max-width: 991px) {
  .pp-acrylic-rs {
    --pp-ars-bg: #f5f2eb;
    --pp-ars-surface: #fffefa;
    --pp-ars-ink: #171713;
    --pp-ars-ink-2: #201e18;
    --pp-ars-muted: #77746b;
    --pp-ars-gold: #b58a3e;
    --pp-ars-gold-2: #b88b3e;
    --pp-ars-gold-soft: #ead4a2;
    --pp-ars-gold-text: #9d762f;
    --pp-ars-border: #e1d9c9;
    --pp-ars-border-2: #e9e0d1;
    --pp-ars-panel: #f4efe4;
    --pp-ars-stage: #e8e6df;
    --pp-ars-radius: 16px;
    --pp-ars-font: Inter, Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-family: var(--pp-ars-font);
    color: var(--pp-ars-ink-2);
    background: var(--pp-ars-bg) !important;
    padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-pp-rs-slug="acrylic-photo-frame"],
  html[data-pp-rs-slug="acrylic-photo-frame"] body,
  html[data-pp-rs-slug="acrylic-photo-frame"] #main-content,
  html[data-pp-rs-slug="acrylic-photo-frame"] .main-content {
    background: var(--pp-ars-bg) !important;
  }

  .pp-acrylic-rs .printposter-about-banner.pp-acrylic-rs__fallback-banner {
    display: none !important;
  }

  /* Compact mobile studio title (override desktop CSS hide) */
  .pp-acrylic-rs .pp-acrylic-rs__studio-head {
    display: block !important;
    padding: 10px 12px 6px !important;
    background: var(--pp-ars-bg) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__crumb,
  .pp-acrylic-rs .pp-acrylic-rs__studio-badge,
  .pp-acrylic-rs .pp-acrylic-rs__studio-lead,
  .pp-acrylic-rs .pp-acrylic-rs__preview-sub,
  .pp-acrylic-rs .pp-acrylic-rs__view-toggle,
  .pp-acrylic-rs .pp-acrylic-rs__tips {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__studio-title-row {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__studio-eyebrow {
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__studio-rule {
    width: 18px;
    height: 1px;
    background: var(--pp-ars-gold);
  }

  .pp-acrylic-rs .pp-acrylic-rs__studio-eyebrow p {
    margin: 0;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--pp-ars-gold-text);
  }

  .pp-acrylic-rs .pp-acrylic-rs__studio-h1 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: var(--pp-ars-ink-2);
  }

  .pp-acrylic-rs .pp-acrylic-rs__studio-h1 span {
    display: none;
  }

  .pp-acrylic-rs .pp-acrylic-rs__change-photo {
    flex-shrink: 0;
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    margin-top: 14px;
    padding: 6px 10px;
    border: 1px solid #dfd4bf;
    border-radius: 999px;
    background: #fffefa;
    color: #5b5346;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
  }

  .pp-acrylic-rs .Product-single-page {
    padding-top: 0 !important;
    padding-bottom: 8px !important;
  }

  .pp-acrylic-rs .Product-single-page > .container {
    max-width: 100%;
    /* ~4mm side inset to match MagicPath mobile card framing */
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .pp-acrylic-rs .Product-single-page > .container > .row {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    gap: 10px;
  }

  .pp-acrylic-rs .Product-single-page > .container > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Preview stays edge-to-edge inside its card */
  .pp-acrylic-rs .Product-single-page > .container > .row > .pp-acrylic-rs__preview-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Config card: beat the old col padding:0 + premium .col-md-4 rules (~4–5mm inset) */
  html.pp-rs-mobile-premium .recommend-size.pp-acrylic-rs .col-md-4.pp-acrylic-rs__config-col,
  html[data-pp-rs-slug="acrylic-photo-frame"] .pp-acrylic-rs .Product-single-page > .container > .row > .pp-acrylic-rs__config-col,
  .pp-acrylic-rs .Product-single-page > .container > .row > .pp-acrylic-rs__config-col {
    padding: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    box-sizing: border-box !important;
    background: #fffefa !important;
    color: #201e18 !important;
    overflow-x: hidden !important;
  }

  /* ---- Preview card ---- */
  .pp-acrylic-rs .pp-acrylic-rs__preview-col {
    border: 1px solid var(--pp-ars-border);
    border-radius: var(--pp-ars-radius);
    background: var(--pp-ars-surface);
    box-shadow: 0 8px 24px rgba(20, 18, 12, 0.08);
    overflow: hidden;
  }

  .pp-acrylic-rs .size-with-preview,
  .pp-acrylic-rs .pp-acrylic-rs__preview-head {
    display: none !important;
  }

  .pp-acrylic-rs #Zoom-slide,
  .pp-acrylic-rs #Zoom-slide.default_slide_show_list {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    background: var(--pp-ars-stage) !important;
    min-height: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .pp-acrylic-rs #Zoom-slide > #slideshow-items-container,
  .pp-acrylic-rs #Zoom-slide.default_slide_show_list > #slideshow-items-container,
  .pp-acrylic-rs #Zoom-slide div#slideshow-items-container {
    position: relative !important;
    order: 0 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    min-height: 311px !important; /* 270 × 1.15 */
    height: 311px !important;
    padding: 12px 10px 12px 58px !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  .pp-acrylic-rs #Zoom-slide #slideshow-items-container > #Zoom-slide-eee {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  .pp-acrylic-rs #Zoom-slide .slideshow-items {
    max-height: 265px !important; /* 230 × 1.15 */
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* Selected size → live preview box (landscape / portrait).
     Anchored high on the wall scene (not mid-stage over the sofa).
     Margin offsets from JS keep shape pan/zoom transform working. */
  .pp-acrylic-rs #uploadImage.active,
  .pp-acrylic-rs img.code-se.uploadImage.active.not-fridge,
  .pp-acrylic-rs img.uploadImage.pp-acrylic-rs__preview-fit {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 34% !important;
    bottom: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    z-index: 5 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    position: absolute !important;
    z-index: 18;
    margin: 0 !important;
    font-family: inherit !important;
    line-height: 1 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--mode,
  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--3d {
    pointer-events: auto !important;
    cursor: pointer !important;
    min-height: 28px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(196, 168, 110, 0.55) !important;
    border-radius: 999px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 252, 245, 0.55) 100%),
      rgba(255, 253, 248, 0.88) !important;
    color: #4a3f2c !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(10px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.15) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.85) inset,
      0 4px 14px rgba(40, 28, 10, 0.12),
      0 0 0 1px rgba(255, 255, 255, 0.35) inset !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
    z-index: 32 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--mode:hover,
  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--3d:hover {
    border-color: rgba(181, 138, 62, 0.85) !important;
    color: #2c2416 !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.9) inset,
      0 6px 18px rgba(40, 28, 10, 0.16) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--mode:active,
  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--3d:active {
    transform: translateY(1px) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--mode {
    left: 6px !important;
    top: 6px !important;
    right: auto !important;
    bottom: auto !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--3d {
    right: 6px !important;
    top: 6px !important;
    left: auto !important;
    bottom: auto !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--mode.is-active,
  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--3d.is-active {
    background: linear-gradient(165deg, #2a2418 0%, #171713 55%, #0f0e0b 100%) !important;
    border-color: #b58a3e !important;
    color: #fff8e8 !important;
    box-shadow:
      0 1px 0 rgba(227, 196, 126, 0.28) inset,
      0 0 0 1px rgba(181, 138, 62, 0.35),
      0 8px 20px rgba(20, 16, 8, 0.28) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #b48a3c !important;
    box-shadow: 0 0 0 3px rgba(180, 138, 60, 0.18) !important;
    flex-shrink: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--mode.is-active .pp-acrylic-rs__stage-dot {
    background: #e3c47e !important;
    box-shadow: 0 0 0 3px rgba(227, 196, 126, 0.22) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-3d-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 12px !important;
    height: 12px !important;
    line-height: 1 !important;
    color: #a07832 !important;
    flex-shrink: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-3d-icon svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--3d.is-active .pp-acrylic-rs__stage-3d-icon {
    color: #e3c47e !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__stage-chip--size {
    right: 8px !important;
    top: auto !important;
    bottom: 10px !important;
    left: auto !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #77746b !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    pointer-events: none !important;
  }

  /*
   * MagicPath mobile (cozily-morning-1089):
   * Left rail = Rotate / Preview / 3D / BG only (icon stacked over label).
   * Bottom bar = Border swatches + Custom + Outline + Remove.
   */
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions,
  .pp-acrylic-rs #Zoom-slide .pp-preview-actions {
    position: absolute !important;
    left: 4px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    transform-origin: center left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 1px solid #d9d0bf !important;
    border-radius: 8px !important;
    background: rgba(255, 253, 248, 0.95) !important;
    box-shadow: 0 4px 14px rgba(25, 22, 15, 0.18) !important;
    backdrop-filter: blur(4px);
    z-index: 30 !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
    scrollbar-width: none !important;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .rotate-wrapper,
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .preview-wrapper,
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .bg-remove-icon-wrapper,
  .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .rotate-wrapper,
  .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .preview-wrapper,
  .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .bg-remove-icon-wrapper {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 1px 2px !important;
    border: 1px solid #e8e0d1 !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    float: none !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions .rotate-image-btn,
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .preview-wrapper:not(.pp-border-tool-item) .preview-image-btn,
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions .bg-remove-icon-wrapper i {
    display: none !important;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .rotate-wrapper::before {
    content: "↻";
    font-size: 13px;
    line-height: 16px;
    color: #97702c;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .preview-wrapper:not(.view-3d-btn):not(.pp-border-tool-item)::before {
    content: "▣";
    font-size: 12px;
    line-height: 16px;
    color: #b85d58;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .preview-wrapper.view-3d-btn::before {
    content: "◇";
    font-size: 12px;
    line-height: 16px;
    color: #99732f;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .bg-remove-icon-wrapper::before {
    content: "▧";
    font-size: 11px;
    line-height: 16px;
    color: #39352b;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .rotate-wrapper .rotate-text-style,
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .preview-wrapper .preview-text-style,
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions > .bg-remove-icon-wrapper .preview-text-style {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    font-size: 7px !important;
    font-weight: 600 !important;
    line-height: 8px !important;
    color: #39352b !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow: hidden !important;
    text-shadow: none !important;
  }

  /*
   * Premium finish bar — in-flow between stage and room strip.
   * Must beat legacy style.css .select-border-wrapper / .color-wrapper /
   * .preview-wrapper absolute positioning (margin-left: 93%, etc.).
   * Shifted ~10% of stage height upward (~27px on 270px stage).
   */
  html .pp-acrylic-rs #Zoom-slide > #ppAcrylicFinishTray,
  html .pp-acrylic-rs #Zoom-slide #ppAcrylicFinishTray,
  html .pp-acrylic-rs #ppAcrylicFinishTray.select-border-wrapper,
  html .pp-acrylic-rs #ppAcrylicFinishTray {
    order: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: translateY(-10%) !important;
    width: calc(100% - 20px) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: -40px 10px 10px !important;
    margin-left: 10px !important;
    margin-top: -40px !important;
    padding: 0 10px !important;
    border: 1px solid #d9d0bf !important;
    border-radius: 14px !important;
    background: rgba(255, 253, 248, 0.97) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.9) inset,
      0 8px 22px rgba(25, 22, 15, 0.16) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-sizing: border-box !important;
    float: none !important;
    overflow: visible !important;
    z-index: 28 !important;
  }

  /* Kill legacy absolute coords on every finish-bar control */
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-group,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatches,
  html .pp-acrylic-rs #ppAcrylicFinishTray .color-wrapper,
  html .pp-acrylic-rs #ppAcrylicFinishTray .color-select,
  html .pp-acrylic-rs #ppAcrylicFinishTray .preview-wrapper,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-tool-item,
  html .pp-acrylic-rs #ppAcrylicFinishTray .custom-color-select,
  html .pp-acrylic-rs #ppAcrylicFinishTray .outline-color-select,
  html .pp-acrylic-rs #ppAcrylicFinishTray .remove-border,
  html .pp-acrylic-rs #ppAcrylicFinishTray .border-legend,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatch,
  html .pp-acrylic-rs #ppAcrylicFinishTray #customColorPicker,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-color-input,
  html .pp-acrylic-rs #ppAcrylicFinishTray .preview-text-style,
  html .pp-acrylic-rs #ppAcrylicFinishTray #toggleBorderBtn {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    transform: none !important;
    float: none !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 8px 0 0 !important;
    border: none !important;
    border-right: 1px solid #ebe3d4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-section-label {
    display: block !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    color: #4f4638 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: auto !important;
    text-align: left !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatches,
  html .pp-acrylic-rs #ppAcrylicFinishTray .color-wrapper,
  html .pp-acrylic-rs #ppAcrylicFinishTray .color-select {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: auto !important;
    grid-template-columns: none !important;
    padding: 0 !important;
    z-index: auto !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .border-legend,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatch:not(.pp-border-swatch--outline) {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    padding: 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(20, 18, 12, 0.14);
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    vertical-align: middle;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .border-legend:hover,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatch:not(.pp-border-swatch--outline):hover {
    transform: translateY(-1px) !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .border-legend:focus-visible,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatch:focus-visible,
  html .pp-acrylic-rs #ppAcrylicFinishTray .border-legend.is-active,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatch.is-active {
    outline: none;
    box-shadow: 0 0 0 1.5px #fff, 0 0 0 3px #b88b3e;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-tool-item,
  html .pp-acrylic-rs #ppAcrylicFinishTray .preview-wrapper.pp-border-tool-item {
    position: relative !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 8px !important;
    border: 1px solid #e4dccb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(30, 25, 15, 0.04) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-tool-item:hover {
    border-color: #c9b48a !important;
    background: #fffdf8 !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-tool-item .preview-text-style,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-tool-item #toggleBorderBtn {
    display: inline !important;
    position: static !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    max-width: none !important;
    width: auto !important;
    color: #39352b !important;
    text-align: left !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-acrylic-rs__tool-full {
    display: none !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-acrylic-rs__tool-short {
    display: inline !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .custom-color-select #customColorPicker,
  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-color-input,
  html .pp-acrylic-rs #ppAcrylicFinishTray #customColorPicker {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    opacity: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    z-index: 2 !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .custom-color-select::before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    border: 1px solid #d0c8b9;
    border-radius: 50%;
    background: #ff3030;
    box-shadow: inset 0 0 0 1.5px #fff;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .pp-border-swatch--outline {
    display: inline-block !important;
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    border: 1.5px solid #33322c !important;
    background: transparent !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .remove-border {
    color: #c35149 !important;
    margin-left: auto !important;
    border-color: #edd8d4 !important;
    background: #fff8f7 !important;
    padding: 0 7px !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .remove-border:hover {
    border-color: #d9a9a3 !important;
    background: #fff1ef !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .remove-border .pp-border-remove-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
  }

  html .pp-acrylic-rs #ppAcrylicFinishTray .remove-border .pp-border-remove-icon::before {
    content: "×";
    font-size: 13px;
    line-height: 1;
    color: #c35149;
    font-weight: 700;
  }

  /* Room strip — beat blade absolute bottom overlay; fill the strip */
  html .pp-acrylic-rs #Zoom-slide .slideshow-wrapper,
  html .pp-acrylic-rs #Zoom-slide .slideshow-wrapper.row,
  html .pp-acrylic-rs #Zoom-slide .slideshow-wrapper.pp-acrylic-rs__room-strip,
  html .pp-acrylic-rs .pp-acrylic-rs__room-strip {
    order: 2 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 6px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 10px 10px !important;
    border-top: 1px solid #e5dccb !important;
    background: linear-gradient(to bottom, #f7f1e5, #fcfaf5) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 64px !important;
    height: auto !important;
    float: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  html .pp-acrylic-rs .pp-acrylic-rs__room-strip-head {
    display: none !important;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-acrylic-rs__room-strip .slideshow-thumbnails,
  html .pp-acrylic-rs .pp-acrylic-rs__room-strip .slideshow-thumbnails,
  html .pp-acrylic-rs #Zoom-slide .slideshow-wrapper .slideshow-thumbnails {
    display: block !important;
    visibility: visible !important;
    opacity: 0.92 !important;
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    flex: none !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    margin: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  /* Only show first 4 scene thumbs in the strip */
  html .pp-acrylic-rs #Zoom-slide .pp-acrylic-rs__room-strip .slideshow-thumbnails:nth-of-type(n+5) {
    display: none !important;
  }

  html .pp-acrylic-rs .pp-acrylic-rs__room-strip .slideshow-thumbnails.active {
    border-color: var(--pp-ars-gold) !important;
    box-shadow: 0 0 0 1px rgba(181, 138, 62, 0.28) !important;
    opacity: 1 !important;
  }

  /* MagicPath keeps finish tools in the rail — hide redundant Edit & Finish row */
  .pp-acrylic-rs #Zoom-slide > .pp-acrylic-rs__edit-finish,
  .pp-acrylic-rs .pp-acrylic-rs__edit-finish {
    display: none !important;
  }

  /* ---- Config card ---- */
  .pp-acrylic-rs .pp-acrylic-rs__config-col {
    border: 1px solid var(--pp-ars-border);
    border-radius: var(--pp-ars-radius);
    background: var(--pp-ars-surface);
    box-shadow: 0 5px 18px rgba(20, 18, 12, 0.06);
    overflow-x: hidden !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-col .posters-section-title {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: none;
    background: transparent;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-col .posters-section-title h2 {
    display: none !important;
  }

  .pp-acrylic-rs .tab-code-nav-recommended {
    padding: 0;
  }

  .pp-acrylic-rs #myTab.nav-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
    border: 1px solid #dfd4bd !important;
    border-radius: 8px;
    background: var(--pp-ars-panel);
    padding: 3px;
    margin: 0 0 8px;
  }

  .pp-acrylic-rs #myTab.nav-tabs > li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  .pp-acrylic-rs #myTab.nav-tabs > li > a.nav-link,
  .pp-acrylic-rs #myTab.nav-tabs > li > button.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    width: 100%;
    margin: 0 !important;
    padding: 5px 2px !important;
    border: none !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #6e624b !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
  }

  .pp-acrylic-rs #myTab.nav-tabs > li > a.nav-link.active,
  .pp-acrylic-rs #myTab.nav-tabs > li.active > a.nav-link {
    background: var(--pp-ars-ink) !important;
    color: var(--pp-ars-gold-soft) !important;
  }

  .pp-acrylic-rs .pp-rs-price-head,
  .pp-acrylic-rs .pp-acrylic-rs__price-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e8dcc4;
    border-radius: 12px;
    background:
      radial-gradient(120% 140% at 100% 0%, rgba(232, 201, 140, 0.28), transparent 55%),
      linear-gradient(135deg, #fffdf8 0%, #fbf6eb 48%, #f7efdf 100%);
  }

  .pp-acrylic-rs #rolledPriceDiv .dis-price,
  .pp-acrylic-rs span.dis-price {
    color: #1f1c16 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  .pp-acrylic-rs .type-heading .museum,
  .pp-acrylic-rs .pp-acrylic-rs__thickness-hint,
  .pp-acrylic-rs .pp-acrylic-rs__res-hint,
  .pp-acrylic-rs .pp-acrylic-rs__size-hint {
    font-size: 9px;
    color: #8c897f;
  }

  .pp-acrylic-rs .budget-radio-canvs-sip input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  /* Type badge — kill double box */
  .pp-acrylic-rs .pp-acrylic-rs__type-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__type-row .budget-radio-canvs-sip > label {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__type-row .category_size_type {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 6px 10px !important;
    border: 1px solid #c5a66b !important;
    border-radius: 8px !important;
    background: #fcf8f0 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__type-row .budget-radio-canvs-sip label span span,
  .pp-acrylic-rs .pp-acrylic-rs__type-row .pp-acrylic-rs__type-mark,
  .pp-acrylic-rs .pp-acrylic-rs__type-row .pp-acrylic-rs__type-check {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
    box-shadow: none !important;
  }

  /* Thickness / resolution cards */
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .budget-radio-canvs-sip,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .budget-radio-canvs-sip {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .budget-radio-canvs-sip > label,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .budget-radio-canvs-sip > label {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .budget-radio-canvs-sip label span span,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .budget-radio-canvs-sip label span span,
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .pp-acrylic-rs__thick-text,
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .pp-acrylic-rs__thick-main,
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .pp-acrylic-rs__thick-sub,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .pp-acrylic-rs__res-main,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .pp-acrylic-rs__res-sub {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .pp-acrylic-rs__res-text {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .category_thickness,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block span.resolution_type {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid #e7e0d4 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .category_thickness.active,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block span.resolution_type.active,
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block label:has(input:checked) .category_thickness,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block label:has(input:checked) span.resolution_type {
    border-color: var(--pp-ars-gold-2) !important;
    background: linear-gradient(to bottom right, #fffaf0, #f7edda) !important;
    color: #775824 !important;
  }

  /* Shapes: 5-col on mobile */
  .pp-acrylic-rs .pp-acrylic-rs__shape-row,
  .pp-acrylic-rs .budget-radio-canvs-sip.pp-acrylic-rs__shape-row {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row label span.category_shape_type {
    min-height: 40px !important;
    padding: 3px 1px !important;
    font-size: 7px !important;
    border-radius: 6px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-actions .open-cropper {
    color: #9f762f !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-decoration: underline;
  }

  /* Size pills */
  .pp-acrylic-rs #resultTable.budget-radio,
  .pp-acrylic-rs .pp-acrylic-rs__size-block #resultTable {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .pp-acrylic-rs #resultTable .calc-price,
  .pp-acrylic-rs #resultTable label.gallery-price-span {
    min-height: 30px;
    font-size: 9px !important;
    border-radius: 6px !important;
    border: 1px solid #e4e1d9 !important;
    background: #fff !important;
  }

  .pp-acrylic-rs #resultTable .calc-price.active,
  .pp-acrylic-rs #resultTable label.gallery-price-span.active {
    border-color: #bd9145 !important;
    background: #fbf7ef !important;
    color: #775824 !important;
  }

  /* Inline CTA row — keep in flow but compact; sticky is primary */
  .pp-acrylic-rs .pp-acrylic-rs__cta-row,
  .pp-acrylic-rs .pp-rs-cta-row {
    display: grid !important;
    grid-template-columns: auto 1fr 1fr;
    gap: 6px;
    align-items: center;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid #ebe8e1;
  }

  .pp-acrylic-rs .pp-acrylic-rs__qty,
  .pp-acrylic-rs .quantity-input.pp-acrylic-rs__qty {
    display: inline-flex !important;
    align-items: center;
    height: 40px !important;
    padding: 0 6px 0 8px !important;
    border: 1px solid #dedbd2 !important;
    border-radius: 8px !important;
    background: #faf9f6 !important;
    float: none !important;
    width: auto !important;
  }

  .pp-acrylic-rs .product-customize,
  .pp-acrylic-rs .width-attached-code {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    height: 40px !important;
    display: flex !important;
  }

  .pp-acrylic-rs .product-customize a,
  .pp-acrylic-rs .width-attached-code #addToCartButton,
  .pp-acrylic-rs #addToCartButton {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  .pp-acrylic-rs .product-customize a {
    border: 1px solid #bca36f !important;
    background: #fffefa !important;
    color: #3e382b !important;
    text-decoration: none !important;
  }

  .pp-acrylic-rs .width-attached-code #addToCartButton,
  .pp-acrylic-rs #addToCartButton {
    border: 1px solid var(--pp-ars-gold-2) !important;
    background: var(--pp-ars-ink) !important;
    color: var(--pp-ars-gold-soft) !important;
  }

  .pp-acrylic-rs .width-attached-code .quantity-submit-row__submit,
  .pp-acrylic-rs .width-attached-code .recomdation-cart-button {
    display: flex !important;
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pp-acrylic-rs .shipment-timeline-card,
  .pp-acrylic-rs .pp-acrylic-rs__ship {
    order: 90;
    margin-top: 14px !important;
    padding: 14px 14px 12px !important;
    border: 1px solid #e4d7bd !important;
    border-radius: 16px !important;
    background:
      radial-gradient(120% 90% at 0% 0%, rgba(212, 175, 98, 0.16), transparent 52%),
      radial-gradient(90% 80% at 100% 100%, rgba(232, 214, 170, 0.22), transparent 48%),
      linear-gradient(165deg, #fffefa 0%, #fbf6ec 100%) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.85) inset,
      0 10px 28px rgba(70, 52, 20, 0.08) !important;
    overflow: hidden;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-eyebrow {
    margin: 0 0 4px !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #a07832 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-timeline-title {
    margin: 0 0 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #201e18 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-timeline-note {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #746b5c !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #dcc9a0 !important;
    background: rgba(255, 252, 245, 0.95) !important;
    color: #6e5528 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    box-shadow: 0 2px 8px rgba(90, 70, 30, 0.06);
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b58a3e;
    box-shadow: 0 0 0 3px rgba(181, 138, 62, 0.18);
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-row,
  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-timeline-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-row::before,
  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-timeline-row::before {
    content: "" !important;
    position: absolute !important;
    top: 18px !important;
    bottom: 18px !important;
    left: 17px !important;
    width: 2px !important;
    height: auto !important;
    border: none !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, #e2cfa0 0%, #c9a86a 50%, #e2cfa0 100%) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-step,
  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-step {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    width: 100% !important;
    text-align: left !important;
    padding: 8px 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-icon,
  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-step-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: 1.5px solid #f0e4c8 !important;
    background: linear-gradient(145deg, #d4ae63 0%, #9a722e 100%) !important;
    color: #fffdf7 !important;
    font-size: 13px !important;
    box-shadow:
      0 0 0 4px rgba(255, 253, 248, 0.95),
      0 6px 14px rgba(154, 114, 46, 0.28) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-glyph {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    color: #fffdf7 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-step-body {
    min-width: 0;
    padding-top: 2px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-step-label {
    margin: 0 0 2px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #201e18 !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship .shipment-step-date {
    margin: 0 0 2px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #8a6a2c !important;
    line-height: 1.3 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-step-hint {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    color: #817868 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-foot {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #eadfca !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ship-chip {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    border: 1px solid #e6d9bc !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #5f5341 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__types {
    order: 91;
    display: block !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #e4d7bd !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fffefa !important;
    box-shadow: 0 8px 22px rgba(70, 52, 20, 0.07) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__types img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    vertical-align: top;
  }

  .pp-acrylic-rs .pp-acrylic-rs__types-cap {
    margin: 0 !important;
    padding: 9px 12px 10px !important;
    border-top: 1px solid #eadfca !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    color: #6e604c !important;
    background: linear-gradient(180deg, #fffdf8 0%, #fbf6ec 100%) !important;
  }

  /* Sticky MagicPath CTA bar */
  .pp-acrylic-rs .pp-acrylic-rs__sticky {
    display: block !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid #dfd3ba;
    background: rgba(255, 253, 248, 0.97);
    box-shadow: 0 -8px 25px rgba(20, 20, 10, 0.12);
    backdrop-filter: blur(10px);
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-inner {
    max-width: 36rem;
    margin: 0 auto;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-meta {
    min-width: 0;
    flex: 1 1 auto;
    padding-right: 4px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-label {
    display: block;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--pp-ars-gold-text);
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-size {
    margin: 2px 0 0;
    font-size: 11px;
    font-weight: 700;
    color: #27241d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-size span {
    font-weight: 400;
    color: #77746b;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-price {
    margin-top: 4px;
    min-width: 0;
    max-width: 100%;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-price:empty {
    display: none;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-price .pp-rs-special-label {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-price .pp-acrylic-rs__price-amounts {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-price .rolled-price {
    display: block !important;
    margin: 0 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    color: #8a8274 !important;
    text-decoration: line-through !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-price .dis-price {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #171713 !important;
    line-height: 1.15 !important;
    font-variant-numeric: tabular-nums;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-price .pp-acrylic-rs__price-off {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 2px 6px !important;
    border-radius: 999px !important;
    background: #f3e8d2 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    color: #8a6a2c !important;
    text-decoration: none !important;
    vertical-align: middle;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-qty {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-qty-label {
    font-size: 8px;
    color: #8b806d;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-stepper {
    display: inline-flex;
    align-items: center;
    height: 28px;
    border: 1px solid #dfd4bf;
    border-radius: 999px;
    background: #fff;
    overflow: hidden;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-stepper button {
    width: 26px;
    height: 26px;
    border: none;
    background: transparent;
    color: #60594c;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-qty-val {
    width: 18px;
    text-align: center;
    font-size: 9px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-customize,
  .pp-acrylic-rs .pp-acrylic-rs__sticky-atc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-customize {
    border: 1px solid #bca36f;
    background: #fffefa;
    color: #3e382b;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-atc {
    border: 1px solid #b88b3e;
    background: #171713;
    color: #ead4a2;
    font-weight: 700;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-atc:disabled,
  .pp-acrylic-rs .pp-acrylic-rs__sticky-atc.is-disabled {
    opacity: 0.55;
    pointer-events: none;
  }

  .pp-acrylic-rs .pp-acrylic-rs__sticky-atc span {
    color: #c7a35c;
    margin-left: 2px;
  }

  /* ---- MagicPath choose-size card parity ---- */
  .pp-acrylic-rs .pp-acrylic-rs__config-col {
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-col .posters-section-title {
    order: 1;
    border: none !important;
    background: transparent !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-col .tab-code-nav-recommended,
  .pp-acrylic-rs .pp-acrylic-rs__config-col #myTab,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__shape-block,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__size-block,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__price-card,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-rs-price-head,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__res-row,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__thickness-block,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__cta-row,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__more-opts {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* No horizontal slider — keep shape/size as wrapping grids */
  .pp-acrylic-rs .pp-acrylic-rs__config-col .tab-code-nav-recommended,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .form-feild.size-choose,
  .pp-acrylic-rs .pp-acrylic-rs__config-col #resultTable,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .pp-acrylic-rs__shape-row,
  .pp-acrylic-rs .pp-acrylic-rs__config-col .budget-radio-canvs-sip {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-col .posters-section-title::after {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-col .posters-section-title h2 {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-head-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-head-copy {
    min-width: 0;
    flex: 1 1 auto;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-eyebrow--desk {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-title-mob {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--pp-ars-font) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: #9d762f !important;
    line-height: 1.25 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__config-sub-mob {
    display: block !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    font-family: var(--pp-ars-font) !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #837c6f !important;
    line-height: 1.3 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ratio-badge {
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    max-width: 42% !important;
    background: #faf4e7 !important;
    border: 1px solid #e3d4b6 !important;
    border-radius: 999px !important;
    color: #705628 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 4px 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__tab-full,
  .pp-acrylic-rs .pp-acrylic-rs__tool-full {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__tab-short,
  .pp-acrylic-rs .pp-acrylic-rs__tool-short {
    display: inline !important;
  }

  .pp-acrylic-rs .tab-code-nav-recommended {
    order: 2;
    display: flex !important;
    flex-direction: column;
    padding: 0 !important; /* inset comes from config-col 16px padding */
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs #myTabContent {
    display: contents !important;
  }

  .pp-acrylic-rs #myTabContent > .tab-pane:not(.active) {
    display: none !important;
  }

  .pp-acrylic-rs #myTabContent > .tab-pane.active {
    display: contents !important;
  }

  .pp-acrylic-rs #myTab.nav-tabs {
    order: 20 !important;
    margin: 0 0 8px !important;
    padding: 2px !important;
    gap: 4px !important;
    background: #f5f0e6 !important;
    border: 1px solid #e5ddce !important;
    border-radius: 8px !important;
  }

  .pp-acrylic-rs #myTab.nav-tabs > li > a.nav-link,
  .pp-acrylic-rs #myTab.nav-tabs > li > button.nav-link {
    font-size: 9px !important;
    font-weight: 600 !important;
    padding: 6px 4px !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
    color: #6e624b !important;
  }

  .pp-acrylic-rs #myTab.nav-tabs > li > a.nav-link.active,
  .pp-acrylic-rs #myTab.nav-tabs > li.active > a.nav-link {
    background: #171713 !important;
    color: #ead4a2 !important;
    box-shadow: 0 1px 3px rgba(22, 21, 17, 0.18);
  }

  /* Short tab labels via clipping long text — keep Bootstrap tab text, shrink */
  .pp-acrylic-rs .pp-acrylic-rs__type-row {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-wrap {
    display: contents !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-block,
  .pp-acrylic-rs .type-product.pp-acrylic-rs__shape-block,
  .pp-acrylic-rs #home > div:has(.pp-acrylic-rs__shape-block),
  .pp-acrylic-rs #home > .pp-acrylic-rs__shape-wrap {
    order: 10 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-block {
    margin: 0 0 8px !important;
    padding: 8px !important;
    border: 1px solid #e8dfd0 !important;
    border-radius: 8px !important;
    background: #fbf8f1 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 6px !important;
    min-height: 13px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-head .museum {
    margin: 0 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #7f6a43 !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-actions {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-actions label {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-actions input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__crop-desktop {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__crop-mobile {
    display: inline !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-actions .open-shape-preview {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-actions .open-cropper {
    color: #92702f !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row,
  .pp-acrylic-rs .budget-radio-canvs-sip.pp-acrylic-rs__shape-row {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row label span.category_shape_type {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 2px 1px !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
    border-radius: 6px !important;
    border: 1px solid #e8e1d5 !important;
    background: #fff !important;
    color: #676156 !important;
    box-shadow: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame.active,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row label:has(input:checked) .category_shape_type {
    border-color: #b88b3e !important;
    background: #fbf1dc !important;
    color: #735628 !important;
  }

  /* Shape symbols (desktop CSS only had these at ≥992px) */
  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame::before {
    content: "" !important;
    display: block !important;
    width: 17px;
    height: 12px;
    border: 2px solid #b8b3a8;
    background: #ebe6dc;
    border-radius: 2px;
    flex-shrink: 0;
    margin: 0 auto 1px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="square"]::before,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="rounded-square"]::before {
    width: 14px;
    height: 14px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="rounded-square"]::before,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="rounded-portrait"]::before,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="rounded-landscape"]::before {
    border-radius: 5px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="circle"]::before {
    width: 14px;
    height: 14px;
    border-radius: 50%;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="portrait"]::before,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="rounded-portrait"]::before {
    width: 10px;
    height: 14px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="landscape"]::before,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="rounded-landscape"]::before {
    width: 16px;
    height: 10px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame[data-shape_type="pebble"]::before {
    border-radius: 42% 58% 55% 45% / 48% 40% 60% 52%;
  }

  .pp-acrylic-rs .pp-acrylic-rs__shape-row .category_shape_type.acrylic-photo-frame.active::before,
  .pp-acrylic-rs .pp-acrylic-rs__shape-row label:has(input:checked) .category_shape_type.acrylic-photo-frame::before {
    border-color: #a77b30;
    background: #d8c7a4;
  }

  .pp-acrylic-rs .pp-acrylic-rs__size-block {
    order: 30 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__size-head {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__ratio-footer {
    display: none !important;
  }

  .pp-acrylic-rs #resultTable.budget-radio,
  .pp-acrylic-rs .pp-acrylic-rs__size-block #resultTable {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin: 0 !important;
  }

  .pp-acrylic-rs #resultTable .calc-price,
  .pp-acrylic-rs #resultTable label.gallery-price-span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 4px !important;
    border: 1px solid #e8e1d5 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #4e4a41 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    font-variant-numeric: tabular-nums;
  }

  .pp-acrylic-rs #resultTable .calc-price .a2,
  .pp-acrylic-rs #resultTable label.gallery-price-span .a2,
  .pp-acrylic-rs #resultTable .calc-price span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .pp-acrylic-rs #resultTable .calc-price.active,
  .pp-acrylic-rs #resultTable label.gallery-price-span.active,
  .pp-acrylic-rs #resultTable .calc-price.selected {
    border-color: #b88b3e !important;
    background: #fbf1dc !important;
    color: #725627 !important;
    box-shadow: inset 0 0 0 1px rgba(184, 139, 62, 0.12) !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__quality-row {
    order: 40 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid #eee7dc !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__quality-left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__quality-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
    background: #f5eddd !important;
    color: #8e6b31 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__quality-text {
    font-size: 9px !important;
    font-weight: 600 !important;
    color: #504a3d !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__quality-crop {
    border: none !important;
    background: transparent !important;
    color: #92702f !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0;
    line-height: 1.2 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* MagicPath price card: left meta · right stacked MRP + sell + % OFF */
  .pp-acrylic-rs .pp-rs-price-head,
  .pp-acrylic-rs .pp-acrylic-rs__price-card {
    order: 50 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    padding: 8px 12px !important;
    border: 1px solid #e6dac2 !important;
    border-radius: 8px !important;
    background: linear-gradient(to right, #fffaf0, #f7eedc) !important;
    box-shadow: none !important;
    grid-template-columns: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__price-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__price-label-desk,
  .pp-acrylic-rs .pp-acrylic-rs__price-hint-desk,
  .pp-acrylic-rs .pp-acrylic-rs__price-dot,
  .pp-acrylic-rs .pp-rs-price-label,
  .pp-acrylic-rs .pp-rs-savings-badge {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__price-label-mob {
    display: block !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__price-hint-mob {
    display: block !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__price-label {
    margin: 0 !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #8f6c32 !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__price-hint {
    margin: 0 !important;
    font-size: 8px !important;
    font-weight: 400 !important;
    color: #897e6a !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  .pp-acrylic-rs .price-product,
  .pp-acrylic-rs .pp-acrylic-rs__price-amount {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: auto !important;
    float: none !important;
  }

  .pp-acrylic-rs #rolledPriceDiv {
    display: block !important;
    text-align: right !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs #rolledPriceDiv .pp-acrylic-rs__price-amounts {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 1px !important;
  }

  .pp-acrylic-rs #rolledPriceDiv .rolled-price {
    display: block !important;
    margin: 0 !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    color: #918879 !important;
    text-decoration: line-through !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs #rolledPriceDiv .dis-price {
    display: block !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    color: #201e18 !important;
    line-height: 1.2 !important;
    font-variant-numeric: tabular-nums;
  }

  .pp-acrylic-rs #rolledPriceDiv .pp-acrylic-rs__price-off {
    display: inline !important;
    margin-left: 4px !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #7f692f !important;
    text-decoration: none !important;
    vertical-align: middle;
  }

  /* Resolution + thickness on one compact row (thickness moved in via JS) */
  html.pp-rs-mobile-premium .pp-acrylic-rs .tab-code-nav-recommended .new_row.pp-acrylic-rs__res-row,
  .pp-acrylic-rs .tab-code-nav-recommended .new_row.pp-acrylic-rs__res-row,
  .pp-acrylic-rs .pp-acrylic-rs__res-row {
    order: 60 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid #eee7dc !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  html.pp-rs-mobile-premium .pp-acrylic-rs .tab-code-nav-recommended .new_row.pp-acrylic-rs__res-row .type-product,
  .pp-acrylic-rs .tab-code-nav-recommended .new_row.pp-acrylic-rs__res-row .type-product,
  .pp-acrylic-rs .pp-acrylic-rs__res-row > .pp-acrylic-rs__resolution-block,
  .pp-acrylic-rs .pp-acrylic-rs__res-row > .pp-acrylic-rs__thickness-block,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-right: none !important;
    border-top: none !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    order: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__res-head .museum::before,
  .pp-acrylic-rs .pp-acrylic-rs__res-row .type-heading .museum::before {
    content: none !important;
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__res-head,
  .pp-acrylic-rs .pp-acrylic-rs__res-row .pp-acrylic-rs__thickness-head {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin: 0 !important;
    flex: 0 0 auto;
    min-width: 0;
  }

  .pp-acrylic-rs .pp-acrylic-rs__res-label-desk,
  .pp-acrylic-rs .pp-acrylic-rs__res-hint-desk,
  .pp-acrylic-rs .pp-acrylic-rs__res-hint-mob,
  .pp-acrylic-rs .pp-acrylic-rs__res-row .pp-acrylic-rs__thickness-hint {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__res-label-mob,
  .pp-acrylic-rs .pp-acrylic-rs__res-row .pp-acrylic-rs__thick-label-mob {
    display: block !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #6f6859 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .budget-radio-canvs-sip {
    display: flex !important;
    grid-template-columns: unset !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0;
    flex: 0 0 auto;
    padding: 2px !important;
    border-radius: 8px !important;
    background: #f6f1e7 !important;
    border: 1px solid #e4d9c5 !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .budget-radio-canvs-sip > label {
    margin: 0 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__resolution-block span.resolution_type {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 6px 4px !important;
    border: none !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    justify-content: center !important;
    gap: 0 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #6e624b !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .pp-acrylic-rs__res-sub,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block .pp-acrylic-rs__res-check {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__resolution-block span.resolution_type.active,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block label:has(input:checked) span.resolution_type {
    background: #171713 !important;
    color: #ead4a2 !important;
    box-shadow: 0 1px 3px rgba(22, 21, 17, 0.14);
  }

  .pp-acrylic-rs .pp-acrylic-rs__resolution-block span.resolution_type.active .pp-acrylic-rs__res-main::after,
  .pp-acrylic-rs .pp-acrylic-rs__resolution-block label:has(input:checked) .pp-acrylic-rs__res-main::after {
    content: " ✓";
    color: #ead4a2;
  }

  /* Standalone thickness before JS moves it into the res row */
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block {
    order: 70 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__res-row > .pp-acrylic-rs__thickness-block {
    order: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 0 !important;
    flex: 0 0 auto;
    min-width: 0;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-head .museum {
    font-size: 8px !important;
    font-weight: 700 !important;
    color: #6f6859 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-hint,
  .pp-acrylic-rs .pp-acrylic-rs__thick-label-desk {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thick-label-mob {
    display: block !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #6f6859 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .budget-radio-canvs-sip {
    display: flex !important;
    grid-template-columns: unset !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0;
    flex: 0 0 auto;
    padding: 2px !important;
    border-radius: 8px !important;
    background: #f6f1e7 !important;
    border: 1px solid #e4d9c5 !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .budget-radio-canvs-sip > label {
    margin: 0 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .category_thickness {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 6px 4px !important;
    border: none !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    justify-content: center !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #6e624b !important;
    box-sizing: border-box !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .pp-acrylic-rs__thick-sub,
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .pp-acrylic-rs__thick-check {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__thickness-block .category_thickness.active,
  .pp-acrylic-rs .pp-acrylic-rs__thickness-block label:has(input:checked) .category_thickness {
    background: #171713 !important;
    color: #ead4a2 !important;
    box-shadow: 0 1px 3px rgba(22, 21, 17, 0.14);
  }

  .pp-acrylic-rs .pp-acrylic-rs__cta-row,
  .pp-acrylic-rs .pp-rs-cta-row {
    order: 80 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #eee7dc !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__more-opts {
    order: 85 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    border: none !important;
    border-top: 1px solid #eee7dc !important;
    background: transparent !important;
    color: #8a6b30 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-align: left;
    cursor: pointer;
  }

  .pp-acrylic-rs .pp-acrylic-rs__more-opts-icon {
    font-size: 12px;
    line-height: 1;
    color: #8a6b30;
  }

  .pp-acrylic-rs .pp-acrylic-rs__more-opts-panel {
    order: 86 !important;
    margin: 8px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid #eee7dc;
  }

  .pp-acrylic-rs .pp-acrylic-rs__more-opts-panel[hidden] {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__more-opts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .pp-acrylic-rs .pp-acrylic-rs__more-opts-action {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 10px;
    border: 1px solid #e8e1d5;
    border-radius: 6px;
    background: #fff;
    color: #676156;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
  }

  .pp-acrylic-rs .pp-acrylic-rs__more-opts-action:hover {
    border-color: #c5a66b;
    background: #fffdf7;
  }

  .pp-acrylic-rs .pp-acrylic-rs__cta-row .pp-acrylic-rs__qty,
  .pp-acrylic-rs .pp-acrylic-rs__cta-row .quantity-input {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__cta-row .product-customize,
  .pp-acrylic-rs .pp-acrylic-rs__cta-row .width-attached-code {
    width: 100% !important;
  }

  /* Toolbar short labels: 3D / BG / Custom */
  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions .pp-acrylic-rs__tool-full {
    display: none !important;
  }

  html .pp-acrylic-rs #Zoom-slide .pp-preview-actions .pp-acrylic-rs__tool-short {
    display: inline !important;
    font-size: 7px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }
}

/* Desktop-only: hide MagicPath mobile chrome (do NOT put these outside a media query) */
@media (min-width: 992px) {
  .pp-acrylic-rs .pp-acrylic-rs__sticky,
  .pp-acrylic-rs .pp-acrylic-rs__edit-finish,
  .pp-acrylic-rs .pp-acrylic-rs__change-photo,
  .pp-acrylic-rs .pp-acrylic-rs__quality-row,
  .pp-acrylic-rs .pp-acrylic-rs__crop-mobile,
  .pp-acrylic-rs .pp-acrylic-rs__price-label-mob,
  .pp-acrylic-rs .pp-acrylic-rs__price-hint-mob,
  .pp-acrylic-rs .pp-acrylic-rs__config-title-mob,
  .pp-acrylic-rs .pp-acrylic-rs__config-sub-mob,
  .pp-acrylic-rs .pp-acrylic-rs__tab-short,
  .pp-acrylic-rs .pp-acrylic-rs__tool-short,
  .pp-acrylic-rs .pp-acrylic-rs__res-label-mob,
  .pp-acrylic-rs .pp-acrylic-rs__thick-label-mob,
  .pp-acrylic-rs .pp-acrylic-rs__more-opts,
  .pp-acrylic-rs .pp-acrylic-rs__more-opts-panel {
    display: none !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__crop-desktop,
  .pp-acrylic-rs .pp-acrylic-rs__price-label-desk,
  .pp-acrylic-rs .pp-acrylic-rs__price-hint-desk,
  .pp-acrylic-rs .pp-acrylic-rs__tab-full,
  .pp-acrylic-rs .pp-acrylic-rs__config-eyebrow--desk,
  .pp-acrylic-rs .pp-acrylic-rs__tool-full,
  .pp-acrylic-rs .pp-acrylic-rs__res-label-desk,
  .pp-acrylic-rs .pp-acrylic-rs__thick-label-desk {
    display: inline !important;
  }
}

/* ---- Below-config “More” band (all viewports) ---- */
.pp-acrylic-rs .pp-acrylic-rs__more.individual-1,
.pp-acrylic-rs .individual-1.pp-acrylic-rs__more {
  margin: 28px 0 0 !important;
  padding: 28px 0 40px !important;
  background:
    radial-gradient(90% 60% at 10% 0%, rgba(212, 175, 98, 0.12), transparent 55%),
    linear-gradient(180deg, #f7f3ea 0%, #f5f2eb 40%, #f3efe6 100%) !important;
  border-top: 1px solid #e5dccb;
}

.pp-acrylic-rs .pp-acrylic-rs__more-eyebrow {
  margin: 0 0 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a07832 !important;
}

.pp-acrylic-rs .pp-acrylic-rs__story.title-heading-inner,
.pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner.individual {
  margin: 0 0 28px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.pp-acrylic-rs .pp-acrylic-rs__story > h2,
.pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner > h2 {
  margin: 0 0 18px !important;
  max-width: 22ch;
  font-size: clamp(1.35rem, 3.2vw, 1.85rem) !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: #201e18 !important;
}

.pp-acrylic-rs .pp-acrylic-rs__story .row,
.pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner .row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  margin: 0 !important;
  align-items: center !important;
}

.pp-acrylic-rs .pp-acrylic-rs__story .row > [class*="col-"],
.pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner .row > [class*="col-"] {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  float: none !important;
}

.pp-acrylic-rs .pp-acrylic-rs__story .content-img,
.pp-acrylic-rs .pp-acrylic-rs__story .showcase-your-photo-child,
.pp-acrylic-rs .pp-acrylic-rs__more .content-img,
.pp-acrylic-rs .pp-acrylic-rs__more .showcase-your-photo-child {
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid #e4d9c4 !important;
  background: #fffefa !important;
  box-shadow: 0 14px 36px rgba(40, 30, 12, 0.1) !important;
}

.pp-acrylic-rs .pp-acrylic-rs__story img,
.pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 180px !important;
  max-height: 320px !important;
  object-fit: cover !important;
}

.pp-acrylic-rs .pp-acrylic-rs__story p,
.pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #5f574a !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related {
  margin: 8px 0 0 !important;
  padding: 8px 0 0 !important;
  background: transparent !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related-head {
  margin: 0 0 18px !important;
  max-width: 36rem;
}

.pp-acrylic-rs .pp-acrylic-rs__related-title {
  margin: 0 0 6px !important;
  font-size: clamp(1.25rem, 3vw, 1.7rem) !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  color: #201e18 !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related-sub {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #746b5c !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related-grid.row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin: 0 !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related-col {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  float: none !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related-card.box-ppt-image-cont-all,
.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image-cont-all {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e4d9c4 !important;
  border-radius: 16px !important;
  background: #fffefa !important;
  box-shadow: 0 10px 28px rgba(40, 30, 12, 0.07) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.pp-acrylic-rs .pp-acrylic-rs__related-card:hover {
  transform: translateY(-2px);
  border-color: #d3c19a !important;
  box-shadow: 0 16px 36px rgba(40, 30, 12, 0.11) !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image {
  margin: 0 !important;
  overflow: hidden !important;
  background: #efe9dc !important;
  aspect-ratio: 4 / 3;
}

.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.35s ease;
}

.pp-acrylic-rs .pp-acrylic-rs__related-card:hover .box-ppt-image img {
  transform: scale(1.03);
}

.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image-cont-price {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 6px !important;
  padding: 14px 14px 16px !important;
  text-align: left !important;
  background: transparent !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image-cont-price h3 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  color: #201e18 !important;
}

/* Image-first cards: hide leftover description markup */
.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image-cont-price p,
.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image-cont-price > div,
.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image-cont-price > span:not(.pp-acrylic-rs__related-from):not(.pp-acrylic-rs__related-arrow) {
  display: none !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related-cta,
.pp-acrylic-rs .pp-acrylic-rs__related .box-ppt-image-cont-price a.pp-acrylic-rs__related-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: fit-content !important;
  margin-top: auto !important;
  padding: 8px 12px !important;
  border: 1px solid #dcc9a0 !important;
  border-radius: 999px !important;
  background: #fffdf8 !important;
  color: #3e3424 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(90, 70, 30, 0.06);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pp-acrylic-rs .pp-acrylic-rs__related-cta:hover {
  border-color: #b58a3e !important;
  background: #171713 !important;
  color: #ead4a2 !important;
}

.pp-acrylic-rs .pp-acrylic-rs__related-from {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: inherit !important;
  opacity: 0.75;
}

.pp-acrylic-rs .pp-acrylic-rs__related-cta strong {
  font-size: 14px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
}

.pp-acrylic-rs .pp-acrylic-rs__related-arrow {
  font-size: 13px !important;
  line-height: 1 !important;
}

@media (min-width: 576px) {
  .pp-acrylic-rs .pp-acrylic-rs__related-grid.row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  .pp-acrylic-rs .pp-acrylic-rs__more.individual-1 {
    margin-top: 40px !important;
    padding: 44px 0 56px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__story .row,
  .pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner .row {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
    gap: 28px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__story img,
  .pp-acrylic-rs .pp-acrylic-rs__more .title-heading-inner img {
    min-height: 280px !important;
    max-height: 380px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__related-grid.row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .pp-acrylic-rs .pp-acrylic-rs__related-head {
    margin-bottom: 24px !important;
  }
}