/** Shopify CDN: Minification failed

Line 654:27 Expected "*/" to terminate multi-line comment

**/
/* ==========================================================================
   Poster Kingz — PDP polish
   Injected via theme.liquid on every page; only overrides product-page selectors.
   Brand accent: #AE431E (burnt orange)
   ========================================================================== */

/* ----- Product title -------------------------------------------------- */
.product__title h1,
.product__title .h1 {
  font-size: clamp(1.6rem, 2.4vw + 0.8rem, 2.4rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  font-weight: 700;
  margin: 0 0 0.35em 0;
}

/* ----- Price ---------------------------------------------------------- */
.product__price {
  font-size: clamp(1.15rem, 1vw + 0.9rem, 1.5rem);
  font-weight: 600;
  line-height: 1.2;
}
.product__price .price__regular,
.product__price .price__sale {
  gap: 0.5rem;
  align-items: baseline;
}
.product__price .price-item--sale {
  color: #AE431E;
  font-weight: 700;
}
.product__price .price-item--regular {
  opacity: 0.55;
}

/* ----- Trust row (text block with icons) ----------------------------- */
[data-block-type="text"] .shopify-section-group-product,
.product__information [class*="text-with-icons"] {
  margin-top: 0.5rem;
}
.product__information .icon-with-text,
.product__information .text-with-icons__item {
  padding: 0.35rem 0;
  font-size: 0.92rem;
  line-height: 1.45;
}
.product__information .theme-icon {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
  vertical-align: middle;
  color: #AE431E;
}

/* ----- Variant picker pills ------------------------------------------ */
.product-form__input input[type="radio"] + label,
.product-form__input .product-form__input-label,
variant-radios label,
fieldset.product-form__input label {
  padding: 0.6rem 1rem;
  min-width: 3rem;
  min-height: 2.6rem;
  border: 1px solid #CFCFCF;
  border-radius: 2px;
  background: #FFFFFF;
  color: #111;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
  cursor: pointer;
}
.product-form__input input[type="radio"]:hover + label,
fieldset.product-form__input label:hover {
  border-color: #AE431E;
}
.product-form__input input[type="radio"]:checked + label,
.product-form__input .is-active,
.product-form__input label.is-selected {
  border-color: #000;
  background: #000;
  color: #FFF;
}
.product-form__input input[type="radio"]:disabled + label,
.product-form__input label.disabled,
.product-form__input label.unavailable {
  opacity: 0.35;
  text-decoration: line-through;
  cursor: not-allowed;
}

/* Variant picker spacing + label tone */
.product-form__input {
  margin: 1rem 0;
}
.product-form__input .form__label,
.product-form__input legend {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 0.5rem;
}

/* ==========================================================================
   Premium CTA buttons — Phase 5j
   Primary: Add to Cart (deep black, soft shadow, crisp hover lift)
   Secondary: Customily "Share Customization" + any adjacent buttons
             (ghost / outlined, inverts on hover)
   ========================================================================== */

/* ----- Primary: Add to Cart ----------------------------------------------- */
.product-form__submit,
button[name="add"].product-form__submit {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  font-family: var(--font-heading-family, inherit);
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF \!important;
  background-color: #0E0E0E \!important;
  background-image: linear-gradient(180deg, #1A1A1A 0%, #0A0A0A 100%) \!important;
  border: 1px solid #0A0A0A \!important;
  border-radius: 6px;
  padding: 1.1rem 1.25rem;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.06) inset,
    0 2px 6px rgba(0,0,0,0.10),
    0 10px 28px rgba(0,0,0,0.08);
  transition:
    background-color .22s ease,
    background-image .22s ease,
    border-color .22s ease,
    transform .14s ease,
    box-shadow .22s ease,
    color .22s ease;
  cursor: pointer;
  overflow: hidden;
}
/* Subtle top highlight for premium feel */
.product-form__submit::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.18) 50%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}
/* Basket / cart icon alignment (Area theme renders inline SVG inside the button) */
.product-form__submit svg,
.product-form__submit .icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  stroke-width: 1.8;
}
/* Hover: burnt-orange brand accent with lift */
.product-form__submit:hover:not([disabled]) {
  background-color: #AE431E \!important;
  background-image: linear-gradient(180deg, #C44D24 0%, #9E3C1A 100%) \!important;
  border-color: #9E3C1A \!important;
  color: #FFFFFF \!important;
  transform: translateY(-2px);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.10) inset,
    0 6px 16px rgba(174, 67, 30, 0.30),
    0 14px 32px rgba(174, 67, 30, 0.18);
}
.product-form__submit:active:not([disabled]) {
  transform: translateY(0) scale(0.99);
  box-shadow:
    0 1px 2px rgba(0,0,0,0.20) inset,
    0 2px 6px rgba(0,0,0,0.18);
}
.product-form__submit[disabled],
.product-form__submit.disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

/* ----- Secondary: Customily "Share Customization" + siblings ------------- */
/* Targets any button inside the product-form block that is NOT the ATC and
   NOT the dynamic checkout button (Shop Pay handled separately). Works for
   Customily's async-injected share button because we don't rely on its class. */
.product-form__buttons button:not([name="add"]):not(.shopify-payment-button__button),
.product-form__buttons a.button:not(.shopify-payment-button__button),
.cstmly-share-btn,
[class*="customily"] button,
[class*="cstmly"] button {
  display: flex \!important;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: 100%;
  font-family: var(--font-heading-family, inherit);
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #0E0E0E \!important;
  background: #FFFFFF \!important;
  background-image: none \!important;
  border: 1.5px solid #0E0E0E \!important;
  border-radius: 6px;
  padding: 0.95rem 1.15rem;
  margin-top: 0.6rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease,
    transform .14s ease,
    box-shadow .22s ease;
  cursor: pointer;
  text-decoration: none;
}
.product-form__buttons button:not([name="add"]):not(.shopify-payment-button__button):hover,
.product-form__buttons a.button:not(.shopify-payment-button__button):hover,
.cstmly-share-btn:hover,
[class*="customily"] button:hover,
[class*="cstmly"] button:hover {
  background: #0E0E0E \!important;
  color: #FFFFFF \!important;
  border-color: #0E0E0E \!important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.14);
}
.product-form__buttons button:not([name="add"]):not(.shopify-payment-button__button):active,
.cstmly-share-btn:active,
[class*="customily"] button:active,
[class*="cstmly"] button:active {
  transform: translateY(0) scale(0.99);
  box-shadow: 0 1px 3px rgba(0,0,0,0.18) inset;
}

/* ----- Dynamic checkout button (Shop Pay etc.) --------------------------- */
.shopify-payment-button {
  margin-top: 0.6rem;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  border-radius: 6px \!important;
  padding: 1.05rem 1.25rem \!important;
  font-weight: 700 \!important;
  letter-spacing: 0.08em \!important;
  text-transform: uppercase \!important;
}

/* ----- Collapsible tabs (accordion) ---------------------------------- */
.product__information [class*="collapsible"] details,
.product__information details.accordion,
.product__information .collapsible-tab,
.product__information [data-collapsible-content] {
  border-top: 1px solid #E5E5E5;
  padding: 0.15rem 0;
}
.product__information [class*="collapsible"] details:last-of-type,
.product__information details.accordion:last-of-type {
  border-bottom: 1px solid #E5E5E5;
}
.product__information [class*="collapsible"] summary,
.product__information details summary {
  cursor: pointer;
  padding: 1rem 0;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.product__information [class*="collapsible"] summary::-webkit-details-marker,
.product__information details summary::-webkit-details-marker { display: none; }
.product__information [class*="collapsible"] summary::after,
.product__information details summary::after {
  content: "+";
  margin-left: auto;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 300;
  color: #777;
  transition: transform .2s ease;
}
.product__information [class*="collapsible"] details[open] summary::after,
.product__information details[open] summary::after {
  content: "−";
  color: #AE431E;
}
.product__information [class*="collapsible"] .rte,
.product__information details .rte,
.product__information [class*="collapsible"] [class*="content"] {
  padding: 0 0 1.1rem;
  font-size: 0.92rem;
  line-height: 1.6;
  color: #3c3c3c;
}
.product__information [class*="collapsible"] .rte p + p {
  margin-top: 0.65rem;
}
.product__information [class*="collapsible"] .rte strong {
  color: #111;
}

/* ----- Message block ------------------------------------------------- */
.product__information [data-block-type="message"],
.product__information .product__message {
  font-size: 0.88rem;
  color: #555;
  padding: 0.4rem 0;
  margin-top: 0.25rem;
}
.product__information [data-block-type="message"] a,
.product__information .product__message a {
  color: #AE431E;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ----- Product information wrapper spacing --------------------------- */
.product__information {
  --pk-gap: 1.1rem;
}
.product__information > * + * {
  margin-top: var(--pk-gap);
}

/* Pull buy_buttons up tight after variant picker */
.product__information .product-form {
  margin-top: 0.25rem;
}

/* Sale / save badge */
.product__information [class*="badge"]:not([class*="countdown"]) {
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.7rem;
  padding: 0.3rem 0.55rem;
}

/* ----- Mobile polish ------------------------------------------------- */
@media (max-width: 749px) {
  .product__title h1 { font-size: clamp(1.45rem, 5vw, 1.85rem); }
  .product-form__submit { padding: 1.05rem 1rem; font-size: 0.85rem; }
  .product-form__buttons button:not([name="add"]):not(.shopify-payment-button__button),
  .cstmly-share-btn,
  [class*="customily"] button,
  [class*="cstmly"] button { padding: 0.9rem 1rem; font-size: 0.78rem; }
  .product__information { padding: 0 0.25rem; }
  .product__information [class*="collapsible"] summary,
  .product__information details summary { padding: 0.85rem 0; font-size: 0.92rem; }
}

/* ----- Focus ring for accessibility ---------------------------------- */
.product-form__submit:focus-visible,
.product-form__input label:focus-within,
.product__information details summary:focus-visible {
  outline: 2px solid #AE431E;
  outline-offset: 2px;
}

/* ==========================================================================
   Phase 4 — mobile flow + trust polish
   ========================================================================== */

/* ----- Thumb-friendly line-item property inputs (customization) ------- */
.product-form__input input[type="text"],
.product-form__input input[type="email"],
.product-form__input textarea,
.line-item-property__field input,
.line-item-property__field textarea,
input[name^="properties["],
textarea[name^="properties["] {
  min-height: 48px;
  padding: 0.75rem 0.9rem;
  font-size: 16px; /* prevents iOS zoom on focus */
  border: 1px solid #CFCFCF;
  border-radius: 2px;
  background: #FFF;
  width: 100%;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.product-form__input input[type="text"]:focus,
input[name^="properties["]:focus,
textarea[name^="properties["]:focus {
  outline: none;
  border-color: #AE431E;
  box-shadow: 0 0 0 3px rgba(174, 67, 30, 0.18);
}
.line-item-property__field label,
label[for^="properties_"],
.product-form__input > label {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #222;
}

/* Give the customization block a soft frame on mobile so users can't miss it */
@media (max-width: 749px) {
  .line-item-property__field,
  .product-form__input:has(input[name^="properties["]),
  .product-form__input:has(textarea[name^="properties["]) {
    background: #FBF6F3;
    border: 1px solid #E8D8CF;
    border-radius: 4px;
    padding: 0.85rem 0.9rem;
    margin-top: 0.5rem;
  }
}

/* ----- Sticky mobile Add-to-Cart --------------------------------------- */
@media (max-width: 749px) {
  .product-form__buttons,
  .product__information .product-form {
    /* natural in-flow button stays too - don't hide */
  }
  /* Clone target: build a sticky ghost CTA at the bottom of viewport.
     We use CSS-only via position:sticky on the inline .product-form__submit
     wrapper: when it scrolls past, its container pins to bottom. */
  .product-form__buttons {
    position: sticky;
    bottom: 0;
    z-index: 40;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #FFFFFF 30%, #FFFFFF 100%);
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
    margin: 0 -1rem;
    box-shadow: 0 -8px 20px rgba(0,0,0,0.05);
    border-top: 1px solid #EEE;
  }
}

/* ----- Sale / badge dedup (mobile) ------------------------------------- */
@media (max-width: 749px) {
  /* In product media gallery, hide every duplicate sale badge except the first one per product card */
  .product__media-list .badge--on-sale ~ .badge--on-sale,
  .product__media-wrapper .badge--on-sale ~ .badge--on-sale,
  .product__media .badge--on-sale ~ .badge--on-sale {
    display: none \!important;
  }
  /* Hide sale badge inside each thumbnail — single one on the hero image is enough */
  .product__media-list .media .badge,
  .product__media-list .thumbnail .badge {
    display: none \!important;
  }
}

/* ----- UK-Made eyebrow under price ----------------------------------- */
/* Replaces the previous chip treatment: a clean hairline + small uppercase
   eyebrow, tonally aligned with the brand (warm umber) and the burnt-orange
   accent. Reads as a trust mark rather than a tacked-on badge. */
.product__price::after {
  content: "Made in the UK \00A0 \2022 \00A0 Rugby, Warwickshire";
  display: block;
  margin-top: 0.6rem;
  padding-top: 0.5rem;
  border-top: 1px solid #EEE8E3;
  font-family: var(--font-body-family, inherit);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A6B5C;
  line-height: 1.35;
}
@media (max-width: 749px) {
  .product__price::after {
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    margin-top: 0.5rem;
    padding-top: 0.4rem;
  }
}

/* ==========================================================================
   Phase 5g — Payment badges (trust row under Add-to-Cart)
   Self-contained: does NOT touch Customily DOM. Lives here (pk-custom.css)
   because pk-customily.css was removed after it conflicted with Customily.
   ========================================================================== */
.pk-payment-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0.85rem 0 0;
  padding: 0.7rem 0.85rem;
  background: #FAF7F3;
  border: 1px solid #EEE8E3;
  border-radius: 4px;
  font-family: var(--font-body-family, inherit);
}
.pk-payment-badges__label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #6b6b6b;
  margin-right: 0.15rem;
  white-space: nowrap;
}
.pk-payment-badges__list {
  list-style: none \!important;
  margin: 0 \!important;
  padding: 0 \!important;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.pk-payment-badges__list > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pk-payment-badges__list > li::before { content: none \!important; }

.pk-payment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  min-height: 22px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  border: 1px solid transparent;
}
.pk-payment-badge--klarna   { background: #FFA8CD; color: #17120F; }
.pk-payment-badge--clearpay { background: #B2FCE4; color: #000000; }
.pk-payment-badge--shoppay  { background: #5A31F4; color: #FFFFFF; }
.pk-payment-badge--applepay { background: #000000; color: #FFFFFF; }
.pk-payment-badge--gpay     { background: #FFFFFF; color: #3C4043; border-color: #DADCE0; }

@media (max-width: 749px) {
  .pk-payment-badges {
    padding: 0.6rem 0.7rem;
    gap: 8px;
  }
  .pk-payment-badges__label {
    flex: 0 0 100%;
    margin: 0 0 0.25rem 0;
  }
  .pk-payment-badge {
    font-size: 9.5px;
    padding: 4px 8px;
    min-height: 20px;
  }
}

/* ----- Transparency / disclaimer treatment ----------------------------- */
.product__information .rte blockquote,
.product__information .pk-disclaimer {
  border-left: 3px solid #AE431E;
  padding: 0.6rem 0 0.6rem 0.9rem;
  font-size: 0.82rem;
  color: #555;
  background: #FBF6F3;
  margin: 1rem 0;
  border-radius: 0 2px 2px 0;
}

/* ==========================================================================
   Phase 5h — Customisation-first mobile PDP order
   On screens < 750px, hoist the variant picker + Customily inputs + buy
   buttons directly under the media gallery. Trust row, shipping, accordions
   and description slide below the CTA. Uses CSS :has() (iOS 15.4+ / Chrome
   105+); older browsers fall back to the default Liquid order — no breakage.
   Target container: .product-page__content-sidebar (Area theme column).
   ========================================================================== */
@media (max-width: 749px) {
  /* Flex is the safety-net for browsers where pk-mobile-reorder.js fails.
     Wrapped in a class qualifier (.product-page__content-sidebar twice) to
     bump specificity above anything the Area theme or third-party apps
     might inject. */
  .product-page__content-sidebar.product-page__content-sidebar {
    display: flex !important;
    flex-direction: column !important;
  }
  .product-page__content-sidebar.product-page__content-sidebar > * { order: 50; }

  /* 1. Customily inputs FIRST — colour swatches + text lines + image uploader.
        Hoisted directly under the media gallery because buyers come here
        specifically to CREATE something. Detects Customily-injected DOM
        OR native line-item-property fields as a fallback. */
  .product-page__content-sidebar > *:has([id*="customily"]),
  .product-page__content-sidebar > *:has([class*="customily"]),
  .product-page__content-sidebar > *:has([class*="Customily"]),
  .product-page__content-sidebar > *:has([name^="properties["]),
  .product-page__content-sidebar > *:has(.line-item-property__field) { order: 1; }

  /* 2. Title — confirms what they're customising */
  .product-page__content-sidebar > *:has(.product__title)   { order: 2; }

  /* 3. Inventory bar ("Just X left. Order soon\!") — urgency directly under title */
  .product-page__content-sidebar > *[id^="inventory-"],
  .product-page__content-sidebar > *:has([class*="inventory"]) { order: 3; }

  /* 4. Free-delivery bar ("FREE SHIPPING") — trust/reassurance next */
  .product-page__content-sidebar > #product-page-free-delivery,
  .product-page__content-sidebar > *:has(.free-delivery-bar),
  .product-page__content-sidebar > *:has(free-delivery-bar)   { order: 4; }

  /* 5. Price (with the MADE-IN-UK eyebrow directly beneath) */
  .product-page__content-sidebar > *:has(.product__price)   { order: 5; }

  /* 6. Variant selectors (size, paper type, frame) */
  .product-page__content-sidebar > *:has(variant-selects),
  .product-page__content-sidebar > *:has(variant-radios),
  .product-page__content-sidebar > *:has(fieldset.product-form__input) { order: 6; }

  /* 7. Buy buttons — Add to Cart + Shop Pay / Apple Pay / Google Pay */
  .product-page__content-sidebar > *:has(product-form),
  .product-page__content-sidebar > *:has(.product-form__buttons) { order: 7; }

  /* 8. Our wallet / BNPL trust row — sits flush under the CTA stack */
  .product-page__content-sidebar > .pk-payment-badges,
  .product-page__content-sidebar > *:has(.pk-payment-badges)     { order: 8; }

  /* 9. Shopify Pay-in-3 block (when it renders) */
  .product-page__content-sidebar > *:has(.payment_terms)         { order: 9; }

  /* 10. Icon-with-text trust row (gallery quality, tracked delivery, etc.) */
  .product-page__content-sidebar > *:has([class*="text-with-icons"]),
  .product-page__content-sidebar > *:has(.product__text)         { order: 10; }

  /* 11. Shipping + stock + in-stock messaging */
  .product-page__content-sidebar > *:has(.shipping_policy),
  .product-page__content-sidebar > *:has(.product__message)      { order: 11; }

  /* 12. Pickup availability */
  .product-page__content-sidebar > pickup-availability,
  .product-page__content-sidebar > *:has(pickup-availability)    { order: 12; }

  /* 20+. Description, acco