/* S08 test site mobile product UI. All desktop and options-popup layouts are excluded. */
#ink-mobile-product-bar { display: none; }
.ink-mobile-info-primary, .ink-mobile-info-meta, .ink-mobile-heading-reviews { display: none; }
#ink-mobile-choice-dialog:not([open]) { display: none !important; }
@media (max-width: 600px) {
  body[class*="product-product-"] h1.page-title { margin-top: 5px !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-buttons > div { display: flex !important; opacity: 1 !important; width: 34px !important; height: 34px !important; border: 1px solid #d8e2ee; border-radius: 50%; background: rgba(255,255,255,.94); box-shadow: 0 1px 4px rgba(0,0,0,.12); color: #174b91; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-buttons > div::before { font-size: 20px !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-buttons > .swiper-button-disabled { opacity: .4 !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-button-prev { left: 0 !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-button-next { right: 0 !important; }
  body.ink-mobile-product-active { padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
  body.ink-mobile-product-active.ink-mobile-sheet-open { overflow: hidden; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews.ink-mobile-no-reviews { display: none !important; }
  body.ink-mobile-product-active h1.page-title:has(+ .ink-mobile-heading-reviews:not(.ink-mobile-no-reviews)) { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
  body.ink-mobile-product-active h1.page-title:has(+ .ink-mobile-heading-reviews:not(.ink-mobile-no-reviews))::after,
  body.ink-mobile-product-active h1.page-title:has(+ .ink-mobile-heading-reviews:not(.ink-mobile-no-reviews)) > span::after { display: none !important; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews { display: block; position: relative; width: 100%; margin: 0 0 16px; padding: 8px 20px 12px; box-sizing: border-box; border: 0; text-align: left; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews::after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background: #e2e2e2; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews::before { content: ''; position: absolute; left: 20px; bottom: 0; width: 100px; height: 1px; background: #e96631; z-index: 1; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .rating { display: flex !important; flex-direction: row; align-items: center; justify-content: flex-start; gap: 7px; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; white-space: nowrap; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-links { display: flex; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 !important; white-space: nowrap; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-links a { font-size: 12px; line-height: 18px; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-links a[data-ink-review-count] { display: inline-flex; align-items: center; font-size: 0 !important; color: #1278a5 !important; text-decoration: none !important; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-links a[data-ink-review-count]::after { content: attr(data-ink-review-count); display: block !important; position: static; font-size: 12px; line-height: 18px; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .rating-stars { display: inline-flex; gap: 0; align-items: center; height: 16px; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .rating-stars .fa-stack { width: 18px !important; height: 16px !important; margin: 0 !important; font-size: 16px !important; line-height: 16px !important; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .rating-stars i { color: #fed430 !important; font-size: 16px !important; line-height: 16px !important; }
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-write-link,
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-links b,
  body.ink-mobile-product-active .ink-mobile-heading-reviews .rating::before,
  body.ink-mobile-product-active .ink-mobile-heading-reviews .rating::after,
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-links::before,
  body.ink-mobile-product-active .ink-mobile-heading-reviews .review-links::after { display: none !important; }
  body.ink-mobile-colour-product .product-info #product > .product-options,
  body.ink-mobile-colour-product .product-info #product > .button-group-page { display: none !important; }
  body.ink-mobile-product-active .product-info #product > .product-price-group { display: block !important; width: 100% !important; margin: 0 !important; padding: 12px 0 0 !important; border: 0 !important; pointer-events: auto !important; }
  body.ink-mobile-product-active .product-info #product > .product-price-group > .product-stats { display: none !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary { display: grid; grid-template-columns: minmax(90px, auto) minmax(0, 1fr); align-items: center; gap: 12px; width: 100%; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary > *,
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta > * { grid-area: auto !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary > * { align-self: center !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary .price-wrapper { margin: 0 !important; padding: 0 !important; min-width: 0; width: 100% !important; text-align: left !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary .price-group { justify-content: flex-start !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary .product-price,
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary .product-price-new { font-size: 30px !important; line-height: 30px !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary .product-tax { font-size: 14px !important; line-height: 20px !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary :is(.product-model, .product-mpn) { display: flex !important; flex-wrap: wrap; gap: 2px 5px; align-content: center; min-width: 0; margin: 0 !important; padding: 0 !important; color: #526174; font-size: 12px !important; line-height: 18px !important; list-style: none; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary :is(.product-model, .product-mpn)::before { display: none !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-primary :is(.product-model, .product-mpn) span { min-width: 0; overflow-wrap: anywhere; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-identifiers { display: flex; flex-direction: column; gap: 4px; min-width: 0; max-width: 100%; width: fit-content; justify-self: end; align-self: start !important; padding-top: 32px; box-sizing: border-box; text-align: left; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-identifiers :is(.product-model, .product-mpn) { display: grid !important; grid-template-columns: 43px minmax(0, 1fr); column-gap: 5px; width: 100%; justify-content: flex-start; text-align: left; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-identifiers :is(.product-model, .product-mpn) b { text-align: right; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-identifiers :is(.product-model, .product-mpn) span { white-space: normal !important; max-width: 100%; overflow-wrap: anywhere; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-brand { display: none !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-brand img { display: block; width: 56px; height: 28px; object-fit: contain; border: 0; background: transparent; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 12px; padding: 12px 0; border-top: 1px solid #e2e8ef; border-bottom: 1px solid #e2e8ef; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .ink-mobile-stock-native,
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .ink-stockcol,
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta ul { display: block !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .product-stock { display: flex !important; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px; white-space: nowrap; padding: 0 !important; margin: 0 !important; font-size: 12px !important; line-height: 18px !important; list-style: none; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .product-stock b { display: none !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .product-stock span { text-transform: uppercase; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .rating { display: flex !important; flex-direction: row; justify-content: flex-end; align-items: center; gap: 6px; margin: 0 !important; padding: 0 !important; width: auto !important; white-space: nowrap; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .rating-stars { white-space: nowrap; flex: 0 0 auto; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .review-links { display: flex; flex-direction: row; align-items: center; gap: 2px; padding: 0; font-size: 11px; line-height: 15px; text-align: center; white-space: nowrap; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .review-links b { display: none; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .review-links a { font-size: 11px !important; line-height: 15px !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta .review-write-link,
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-question { display: none !important; }
  body.ink-mobile-product-active .product-info #product > .ink-badges { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 16px 0 16px !important; padding: 0 !important; border: 0; background: transparent; box-shadow: none; }
  body.ink-mobile-product-active .product-info #product > .ink-badges > span { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0; min-height: 58px; margin: 0 !important; padding: 3px 2px !important; border: 1px solid #e6f1fa; border-radius: 8px !important; background: #f7fbff; box-shadow: 0 3px 8px rgba(27, 74, 121, .06); box-sizing: border-box; text-align: center; }
  body.ink-mobile-product-active .product-info #product > .ink-badges svg { width: 22px !important; height: 22px !important; flex: 0 0 22px; }
  body.ink-mobile-product-active .product-info #product > .ink-badges em { display: block; width: 100%; text-align: center; color: #35516d; font-size: 11px; font-weight: 500; line-height: 12px; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-question { display: flex; align-items: center; justify-content: center; justify-self: center; width: 30px; height: 30px; margin: 0; padding: 0; border: 1px solid #d5dbe3; border-radius: 6px; background: #eef1f5; color: #174f95; font: 600 18px/1 Arial,sans-serif; }
  body.ink-mobile-product-active .product-info #product [hidden] { display: none !important; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-info-meta { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; }
  body.ink-mobile-product-active .product-info #product > .button-group-page {
    position: static !important; width: 100% !important; inset: auto !important;
    height: auto !important; z-index: auto !important; margin-top: 16px !important;
  }
  body.ink-mobile-direct-product .product-info #product > .button-group-page { height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  body.ink-mobile-product-active #ink-mobile-product-bar {
    display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 8px; align-items: center;
    position: fixed; inset: auto 0 0; z-index: 2147483001;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px));
    background: #fff; border-top: 1px solid #dbe4ef; box-shadow: 0 -4px 18px rgba(15, 35, 65, .12);
    color: #183454; font: 14px/1.25 Arial, sans-serif;
  }
  #ink-mobile-product-bar button { margin: 0; box-sizing: border-box; font-family: inherit; cursor: pointer; text-transform: none; }
  #ink-mobile-product-bar .ink-mobile-stock {
    display: none; align-items: center; justify-content: flex-end; gap: 4px; min-width: 0;
    min-height: 44px; color: #5d6878; font-size: 11px; line-height: 15px; font-weight: 700;
  }
  #ink-mobile-product-bar .ink-mobile-stock-label { overflow-wrap: anywhere; }
  #ink-mobile-product-bar .ink-mobile-stock.is-in-stock .ink-mobile-stock-label { white-space: nowrap; }
  #ink-mobile-product-bar .ink-mobile-stock.is-in-stock { color: #248647; }
  #ink-mobile-product-bar .ink-mobile-stock-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: 0 0 6px; }
  #ink-mobile-product-bar .ink-mobile-select { display: flex; align-items: center; justify-content: center; text-align: center; width: calc(100% - 12px); justify-self: center; min-width: 0; height: 46px; min-height: 46px; padding: 0 4px; text-indent: 0; border: 1px solid #0d52d6; border-radius: 5px; background: #0d52d6; color: #fff; font-size: 14px; line-height: 18px; font-weight: 600; white-space: nowrap; }
  #ink-mobile-product-bar .ink-mobile-question { display: flex; align-items: center; justify-content: center; justify-self: start; min-height: 44px; width: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #174f95; font-size: 18px; line-height: 28px; font-weight: 600; }
  #ink-mobile-product-bar .ink-mobile-question > span { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid #d5dbe3; border-radius: 6px; background: #eef1f5; color: #174f95; transform: translateX(0); }
  #ink-mobile-product-bar.ink-mobile-no-question { grid-template-columns: minmax(0, 1fr); }
  #ink-mobile-product-bar [hidden] { display: none !important; }
  #ink-mobile-product-bar button:focus-visible, #ink-mobile-choice-dialog button:focus-visible,
  #ink-mobile-choice-dialog .ink-pill:focus-within { outline: 2px solid #0d52d6; outline-offset: 3px; }
  .product-info #product > #ink-mobile-choice-dialog {
    position: fixed !important; inset: auto 0 0 !important; margin: 0 auto !important;
    width: 100% !important; max-width: 600px !important; min-width: 0 !important;
    max-height: calc(100vh - 12px); max-height: calc(100dvh - 12px);
    padding: 0 20px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    border: 1px solid #d4dfed; border-bottom: 0; border-radius: 18px 18px 0 0;
    background: #fff; color: #203b59; overflow-x: hidden; overflow-y: auto; box-sizing: border-box;
    box-shadow: 0 -10px 36px rgba(10, 35, 65, .18); text-align: left;
  }
  #ink-mobile-choice-dialog::backdrop { background: rgba(14, 30, 49, .42); }
  #ink-mobile-choice-dialog .ink-mobile-sheet-head { position: relative; display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; padding: 20px 0 8px; }
  #ink-mobile-choice-dialog .ink-mobile-sheet-head:focus { outline: none; }
  #ink-mobile-choice-dialog .ink-mobile-sheet-head::after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; height: 1px; border: 0; background: #203b59; }
  #ink-mobile-choice-dialog .ink-mobile-sheet-head > div { min-width: 0; }
  #ink-mobile-choice-dialog .ink-mobile-model { margin: 0 0 5px; font: 12px/16px Arial, sans-serif; color: #63768d; }
  #ink-mobile-choice-dialog #ink-mobile-choice-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; margin: 0 0 6px; padding: 0; border: 0; color: #124c9e; font: 700 23px/29px Arial, sans-serif; text-transform: none; }
  #ink-mobile-choice-dialog .ink-mobile-sheet-tax { color: #60758b; font: 12px/18px Arial, sans-serif; }
  #ink-mobile-choice-dialog .ink-mobile-sheet-close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #344f70; font: 23px/44px Arial, sans-serif; transform: translateY(-10px); }
  .product-info #ink-mobile-choice-dialog .product-options { padding: 0 0 12px !important; margin: 0 !important; border-top: 0 !important; border-bottom: 0 !important; }
  #ink-mobile-choice-dialog .product-options > .options-title { display: none !important; }
  #ink-mobile-choice-dialog .ink-colour-opt { margin: 0 0 10px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt > .control-label { margin-bottom: 10px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt > .control-label::before { font-size: 13px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt > div[id^="input-option"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; padding: 4px 2px !important; margin-left: 16px !important; margin-right: 16px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio { width: auto !important; min-width: 0; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio label.ink-pill { width: 100% !important; min-width: 0 !important; min-height: 38px; padding: 5px 8px !important; font-size: 12px !important; line-height: 16px; white-space: normal; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio label.ink-pill:has(input:checked) { transform: none !important; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio:has(.ink-set),
  #ink-mobile-choice-dialog .ink-colour-opt .radio:nth-child(odd):not(:has(.ink-set)):has(+ .radio .ink-set) { grid-column: 1 / -1; }
  #ink-mobile-choice-dialog .ink-colour-opt .option-value { margin: 0 !important; font-size: inherit !important; line-height: inherit !important; }
  #ink-mobile-choice-dialog .ink-colour-opt .option-value > span { font-size: inherit !important; line-height: inherit !important; }
  .product-info #product #ink-mobile-choice-dialog .ink-mobile-sheet-actions {
    position: static !important; inset: auto !important; z-index: auto !important; width: calc(100% + 40px) !important;
    margin: 12px -20px 0 !important; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)) !important; background: #e9edf2 !important; border: 0 !important;
    border-top: 1px solid #cfd8e3 !important; height: auto !important;
  }
  /* Match the entry button rounding on the three mobile purchase controls. */
  #ink-mobile-choice-dialog .stepper,
  #ink-mobile-choice-dialog [data-quick-buy],
  #ink-mobile-choice-dialog #button-cart { border-radius: 8px !important; }
  #ink-mobile-choice-dialog .stepper { overflow: hidden; }
  .product-info #product > #ink-mobile-choice-dialog { padding-bottom: 0 !important; }
  .product-info #product #ink-mobile-choice-dialog .cart-group { justify-content: flex-start !important; }
  /* A price quote is not an add-to-cart submission: keep the native icon while it refreshes. */
  #ink-mobile-choice-dialog #button-cart.ink-mobile-price-refresh::before,
  #ink-mobile-choice-dialog #button-cart.ink-mobile-price-refresh > span { opacity: 1 !important; }
  #ink-mobile-choice-dialog #button-cart.ink-mobile-price-refresh::after { display: none !important; }
  body.ink-mobile-product-active #ink-mobile-product-bar.ink-mobile-direct-bar { display: none; }
  body.ink-mobile-product-active .product-info #product .ink-mobile-direct-actions {
    position: fixed !important; inset: auto 0 0 !important; z-index: 2147483001 !important;
    width: 100% !important; margin: 0 !important; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box; background: #e9edf2 !important; border-top: 1px solid #c3d0df !important; border-radius: 12px 12px 0 0; box-shadow: 0 -8px 24px rgba(15, 35, 65, .20);
  }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) [data-quick-buy] { background: #50ad55 !important; color: #fff !important; }
  .product-info #product .ink-mobile-direct-actions #button-cart { background: #0f3a8d !important; color: #fff !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) .cart-group {
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px !important; align-items: center; width: 100% !important; margin: 0 !important;
  }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) .extra-group { display: contents !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) .stepper { grid-column: 1; grid-row: 1; width: 100% !important; min-width: 0 !important; border-radius: 8px !important; overflow: hidden; margin: 0 !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) .stepper input[name="quantity"] { left: calc(50% - 16px) !important; right: auto !important; width: 32px !important; padding: 0 !important; text-align: center !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) .stepper .fa-angle-up { left: auto !important; right: 0 !important; width: calc(50% - 16px) !important; min-width: 0 !important; max-width: none !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) .stepper .fa-angle-down { left: 0 !important; right: auto !important; width: calc(50% - 16px) !important; min-width: 0 !important; max-width: none !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) [data-quick-buy] { grid-column: 2; grid-row: 1; width: 100% !important; min-width: 0 !important; padding-left: 2px !important; padding-right: 2px !important; margin: 0 !important; border-radius: 8px !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) #button-cart { grid-column: 3; grid-row: 1; display: flex !important; align-items: center; justify-content: center; gap: 5px; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-radius: 8px !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) #button-cart::before { order: 1; flex: 0 0 auto; position: static !important; margin: 0 !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) #button-cart .btn-text { display: inline-block !important; position: static !important; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; overflow: visible !important; margin: 0 !important; white-space: nowrap !important; order: 0; flex: 0 0 auto; font-size: 0 !important; line-height: 18px !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) #button-cart .btn-text::after { content: "ADD TO"; display: block; position: static; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: none; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) #button-cart .btn-text,
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) [data-quick-buy] .btn-text { display: flex !important; align-items: center; justify-content: center; height: 18px !important; line-height: 18px !important; padding: 0 !important; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) [data-quick-buy]::before { position: static !important; transform: none !important; align-self: center; }
  .product-info #product :is(.ink-mobile-direct-actions, #ink-mobile-choice-dialog) .stepper i::before { position: static !important; top: auto !important; transform: none !important; }
  .product-info #product .ink-mobile-direct-actions .btn-extra-93 { grid-column: 4; grid-row: 1; justify-self: center; display: flex !important; align-items: center; justify-content: center; width: 30px !important; height: 30px !important; min-width: 0 !important; min-height: 30px !important; padding: 0 !important; margin: 0 !important; border: 1px solid #d5dbe3 !important; border-radius: 6px !important; background: #eef1f5 !important; color: #174f95 !important; }
  .product-info #product .ink-mobile-direct-actions .btn-extra-93,
.product-info #product .ink-mobile-direct-actions .wishlist-compare { display: none !important; }
  .ink-mobile-direct-actions #button-cart.ink-mobile-price-refresh::before,
  .ink-mobile-direct-actions #button-cart.ink-mobile-price-refresh > span { opacity: 1 !important; }
  .ink-mobile-direct-actions #button-cart.ink-mobile-price-refresh::after { display: none !important; }
  /* Leave the native controls clickable below the merchant badge's floating surface. */
  body.ink-mobile-direct-product [id^="___ratingbadge_"] { bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
  html.popup-open body.ink-mobile-direct-product .product-info #product .ink-mobile-direct-actions { display: none !important; }
  html.popup-open body.ink-mobile-product-active #ink-mobile-product-bar { display: none !important; }
  html.mobile-cart-content-container-open body.ink-mobile-product-active #ink-mobile-product-bar,
  html.mobile-cart-content-container-open body.ink-mobile-product-active .product-info #product .ink-mobile-direct-actions { display: none !important; }
  #ink-mobile-choice-dialog .btn-extra-93, #ink-mobile-choice-dialog .wishlist-compare { display: none !important; }
  body.ink-mobile-product-active #cw-bubble-holder .woot-widget-bubble { bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* S08: keep desktop colour labels on one line except the two black variants. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) { max-width:650px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:1.05 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.3 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt .ink-pill:not(.ink-k):not(.ink-pk) .option-value { white-space:nowrap !important; }
}
@media (max-width: 359px) {
  body.ink-mobile-product-active #ink-mobile-product-bar { grid-template-columns: minmax(0, 1fr) 44px; gap: 6px; padding-left: 10px; padding-right: 10px; }
  #ink-mobile-product-bar .ink-mobile-select { font-size: 14px; padding-left: 1px; padding-right: 1px; letter-spacing: -.3px; }
  #ink-mobile-product-bar .ink-mobile-stock { font-size: 10px; }
  #ink-mobile-product-bar .ink-mobile-question > span { transform: translateX(0); }
  body.ink-mobile-product-active .product-info #product .ink-mobile-direct-actions { padding-left: 16px !important; padding-right: 16px !important; }
  .product-info #product > #ink-mobile-choice-dialog { padding-left: 16px !important; padding-right: 16px !important; }
  .product-info #product #ink-mobile-choice-dialog .ink-mobile-sheet-actions { width: calc(100% + 32px) !important; margin-left: -16px !important; margin-right: -16px !important; padding-left: 16px !important; padding-right: 16px !important; }
}
/* Short phones: reclaim panel whitespace without touching native purchase controls. */
@media (max-width: 600px) and (max-height: 560px) {
  #ink-mobile-choice-dialog .ink-mobile-sheet-head { padding-top: 12px; padding-bottom: 4px; }
  .product-info #ink-mobile-choice-dialog .product-options { padding-top: 0 !important; padding-bottom: 8px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt { margin-top: 0 !important; margin-bottom: 6px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt > div[id^="input-option"] { gap: 8px 8px; }
}
@media (min-width: 480px) and (max-width: 600px) and (max-height: 360px) {
  .product-info #product > #ink-mobile-choice-dialog { padding-bottom: 0 !important; }
  .product-info #product #ink-mobile-choice-dialog .ink-mobile-sheet-actions { padding-top: 8px !important; padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important; }
  #ink-mobile-choice-dialog .ink-mobile-sheet-head { padding-top: 8px; }
  #ink-mobile-choice-dialog .ink-mobile-model { display: none; }
  #ink-mobile-choice-dialog .ink-colour-opt > .control-label { margin-bottom: 6px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt > div[id^="input-option"] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio label.ink-pill { min-height: 30px; padding: 3px 1px !important; font-size: 12px !important; line-height: 14px; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio:nth-child(odd):not(:has(.ink-set)):has(+ .radio .ink-set) { grid-column: auto; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio:has(.ink-set) { grid-column: span 2; }
}

/* S08: larger quantity only in the mobile colour-choice dialog. */
@media (max-width: 767px) { .product-info #product #ink-mobile-choice-dialog .stepper input[name="quantity"] { font-size:16px !important; } }

/* S08: desktop product colours on one row, FullSet spanning the next. */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) { display:flex !important; flex-wrap:wrap !important; gap:10px !important; max-width:590px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio { flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> :is(.ink-k,.ink-pk)) { flex:1.65 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:.95 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.2 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-y) { flex:.85 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-lk) { flex:.7 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:has(> .ink-set) { flex:0 0 100% !important; order:1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:nth-child(1 of :has(> .ink-set)) { margin-top:8px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:not(.ink-set) .option-value { min-width:0 !important; margin:0 !important; overflow-wrap:normal; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-set .option-value { font-size:14px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input:checked) { transform:scale(1.04) !important; position:relative; z-index:1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill { box-sizing:border-box !important; width:100% !important; min-width:0 !important; height:100% !important; min-height:34px !important; padding:1px 4px !important; display:flex !important; justify-content:center !important; align-items:center !important; text-align:center !important; white-space:normal !important; overflow-wrap:normal; }
}

/* S08: phone product choice sheet: match production heading and emphasize selected text. */
@media (max-width:600px) {
  #ink-mobile-choice-dialog .ink-colour-opt > .control-label::before { font-size:15px !important; }
  #ink-mobile-choice-dialog .ink-colour-opt .radio label.ink-pill:has(input:checked) .option-value { font-size:13px !important; }
}

@media (max-width:600px) and (max-height:560px) { #ink-mobile-choice-dialog .ink-colour-opt > div[id^="input-option"] { row-gap:4px !important; } }

/* S08: squared purchase controls within the phone choice sheet only. */
@media (max-width:600px) {
  .product-info #product #ink-mobile-choice-dialog .stepper,
  .product-info #product #ink-mobile-choice-dialog .stepper input,
  .product-info #product #ink-mobile-choice-dialog .stepper i,
  .product-info #product #ink-mobile-choice-dialog #button-cart,
  .product-info #product #ink-mobile-choice-dialog [data-quick-buy] { border-radius:0 !important; }
}

/* S08: phone choice actions match the 5px Select Options entry corners. */
@media (max-width:600px) {
  .product-info #product #ink-mobile-choice-dialog .stepper,
  .product-info #product #ink-mobile-choice-dialog #button-cart,
  .product-info #product #ink-mobile-choice-dialog [data-quick-buy] { border-radius:5px !important; }
}

/* S08: enlarge the phone product options entry text. */
@media (max-width:600px) { body.ink-mobile-product-active #ink-mobile-product-bar .ink-mobile-select { font-size:16px !important; } }

/* S08: allow six single colours enough room while keeping standard labels on one line. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { max-width:650px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:1.1 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.35 1 0 !important; }
}

@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio { align-self:center !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="big black" i]),
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { min-height:40px !important; padding-block:3px !important; line-height:14px !important; }
}

/* S08: production-sized intrinsic pill widths, with sets on separate rows. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) { max-width:660px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { max-width:660px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:not(:has(> .ink-set)),
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:not(:has(> .ink-set)) { flex:0 0 auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill { width:auto !important; display:inline-flex !important; padding-inline:8px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:is(.ink-k,.ink-pk) { width:130px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-set { width:100% !important; }
}

@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-c { width:112px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-m { width:134px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-pk { width:140px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { column-gap:4px !important; }
}

/* S08: match Yellow width while retaining the current Full Set width. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-y { width:86.55px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)):has(> .radio > .ink-y) { max-width:679.1px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)):has(> .radio > .ink-y) > .radio > .ink-pill.ink-set { width:100% !important; max-width:100% !important; }
}

/* S08: make the shorter colour row fill the same width as Full Set. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) { flex:1 1 auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:100% !important; }
}

/* Four individual colours: size the set to the colour row instead of stretching the colours. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) { display:grid !important; grid-template-columns:repeat(4,max-content) !important; width:max-content !important; max-width:100% !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:has(> .ink-set) { grid-column:1 / -1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-c { width:112px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-m { width:134px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-y { width:86.55px !important; }
}

@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-k { width:80px !important; }
}

/* Five individual colours and a set: retain compact labels and align the set. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) { display:grid !important; grid-template-columns:repeat(5,max-content) !important; width:max-content !important; max-width:100% !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:has(> .ink-set) { grid-column:1 / -1; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:auto !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill:has(input[data-ink-mobile-name*="big black" i]) { width:130px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-c { width:112px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-m { width:134px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-y { width:86.55px !important; }
}

/* Two options share one row on desktop, including a set option. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; width:max-content !important; max-width:100% !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill { width:auto !important; height:100% !important; min-height:34px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding-inline:14px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill:has(input[data-ink-mobile-name*="big black" i]),
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; min-height:40px !important; padding-inline:8px !important; }
}

@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
}

/* Four options on one row, including a Full Set. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:100% !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio > .ink-pill { width:auto !important; display:flex !important; padding-inline:14px !important; min-height:34px !important; align-items:center !important; justify-content:center !important; text-align:center !important; }
}
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
}

/* Three options in one row on desktop. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))),
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:100% !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio,
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio > .ink-pill { width:auto !important; display:flex !important; min-height:34px !important; padding-inline:14px !important; align-items:center !important; justify-content:center !important; text-align:center !important; }
}

/* S08: mobile heading filled stars match the desktop rating color. */
@media (max-width:600px) { body.ink-mobile-product-active .ink-mobile-heading-reviews .rating-stars i.fa-star { color:#f5b301 !important; } }

/* S08: desktop product-detail Full Set slightly larger. */
@media (min-width:1200px) and (hover:hover) and (pointer:fine) {
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"] > .radio > .ink-pill.ink-set { height:38px !important; min-height:38px !important; max-height:none !important; align-items:center !important; }
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"] > .radio > .ink-pill.ink-set .option-value { font-size:15px !important; line-height:18px !important; }
}

/* S08: tablet detail uses desktop colour layout rules. */
@media (min-width:601px) and (max-width:1199px) {

  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) { max-width:650px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:1.05 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.3 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt .ink-pill:not(.ink-k):not(.ink-pk) .option-value { white-space:nowrap !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) { display:flex !important; flex-wrap:wrap !important; gap:10px !important; max-width:590px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio { flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> :is(.ink-k,.ink-pk)) { flex:1.65 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:.95 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.2 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-y) { flex:.85 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-lk) { flex:.7 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:has(> .ink-set) { flex:0 0 100% !important; order:1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:nth-child(1 of :has(> .ink-set)) { margin-top:8px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:not(.ink-set) .option-value { min-width:0 !important; margin:0 !important; overflow-wrap:normal; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-set .option-value { font-size:14px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input:checked) { transform:scale(1.04) !important; position:relative; z-index:1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill { box-sizing:border-box !important; width:100% !important; min-width:0 !important; height:100% !important; min-height:34px !important; padding:1px 4px !important; display:flex !important; justify-content:center !important; align-items:center !important; text-align:center !important; white-space:normal !important; overflow-wrap:normal; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { max-width:650px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:1.1 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.35 1 0 !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio { align-self:center !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="big black" i]),
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { min-height:40px !important; padding-block:3px !important; line-height:14px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) { max-width:660px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { max-width:660px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:not(:has(> .ink-set)),
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:not(:has(> .ink-set)) { flex:0 0 auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill { width:auto !important; display:inline-flex !important; padding-inline:8px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:is(.ink-k,.ink-pk) { width:130px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-set { width:100% !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-c { width:112px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-m { width:134px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-pk { width:140px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { column-gap:4px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-y { width:86.55px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)):has(> .radio > .ink-y) { max-width:679.1px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)):has(> .radio > .ink-y) > .radio > .ink-pill.ink-set { width:100% !important; max-width:100% !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) { flex:1 1 auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:100% !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) { display:grid !important; grid-template-columns:repeat(4,max-content) !important; width:max-content !important; max-width:100% !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:has(> .ink-set) { grid-column:1 / -1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-c { width:112px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-m { width:134px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-y { width:86.55px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-k { width:80px !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) { display:grid !important; grid-template-columns:repeat(5,max-content) !important; width:max-content !important; max-width:100% !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:has(> .ink-set) { grid-column:1 / -1; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:auto !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill:has(input[data-ink-mobile-name*="big black" i]) { width:130px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-c { width:112px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-m { width:134px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-y { width:86.55px !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; width:max-content !important; max-width:100% !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill { width:auto !important; height:100% !important; min-height:34px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding-inline:14px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill:has(input[data-ink-mobile-name*="big black" i]),
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; min-height:40px !important; padding-inline:8px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:100% !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio > .ink-pill { width:auto !important; display:flex !important; padding-inline:14px !important; min-height:34px !important; align-items:center !important; justify-content:center !important; text-align:center !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))),
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:100% !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio,
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio > .ink-pill { width:auto !important; display:flex !important; min-height:34px !important; padding-inline:14px !important; align-items:center !important; justify-content:center !important; text-align:center !important; }


 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"] > .radio > .ink-pill.ink-set { height:38px !important; min-height:38px !important; max-height:none !important; align-items:center !important; }
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"] > .radio > .ink-pill.ink-set .option-value { font-size:15px !important; line-height:18px !important; }

}

/* S08: fit five colour choices on narrow tablets. */
@media (min-width:601px) and (max-width:700px) {
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) { width:100% !important; max-width:100% !important; grid-template-columns:1.25fr 1fr 1.25fr .78fr 1.35fr !important; column-gap:5px !important; }
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:100% !important; min-width:0 !important; padding-inline:2px !important; }
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill .option-value { font-size:11px !important; }
}

/* S08: large touch tablets use desktop detail colour layout. */
@media (min-width:1200px) and (pointer:coarse) {


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) { max-width:650px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:1.05 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.3 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt .ink-pill:not(.ink-k):not(.ink-pk) .option-value { white-space:nowrap !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) { display:flex !important; flex-wrap:wrap !important; gap:10px !important; max-width:590px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio { flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> :is(.ink-k,.ink-pk)) { flex:1.65 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:.95 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.2 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-y) { flex:.85 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-lk) { flex:.7 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:has(> .ink-set) { flex:0 0 100% !important; order:1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:nth-child(1 of :has(> .ink-set)) { margin-top:8px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:not(.ink-set) .option-value { min-width:0 !important; margin:0 !important; overflow-wrap:normal; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-set .option-value { font-size:14px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input:checked) { transform:scale(1.04) !important; position:relative; z-index:1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill { box-sizing:border-box !important; width:100% !important; min-width:0 !important; height:100% !important; min-height:34px !important; padding:1px 4px !important; display:flex !important; justify-content:center !important; align-items:center !important; text-align:center !important; white-space:normal !important; overflow-wrap:normal; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { max-width:650px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-c) { flex:1.1 1 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:has(> .ink-m) { flex:1.35 1 0 !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio { align-self:center !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="big black" i]),
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { min-height:40px !important; padding-block:3px !important; line-height:14px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) { max-width:660px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { max-width:660px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) > .radio:not(:has(> .ink-set)),
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio:not(:has(> .ink-set)) { flex:0 0 auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill { width:auto !important; display:inline-flex !important; padding-inline:8px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:is(.ink-k,.ink-pk) { width:130px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-set { width:100% !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-c { width:112px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-m { width:134px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-pk { width:140px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)) { column-gap:4px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)) > .radio > .ink-pill.ink-y { width:86.55px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)):has(> .radio > .ink-y) { max-width:679.1px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(7)):has(> .radio > .ink-y) > .radio > .ink-pill.ink-set { width:100% !important; max-width:100% !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) { flex:1 1 auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:100% !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) { display:grid !important; grid-template-columns:repeat(4,max-content) !important; width:max-content !important; max-width:100% !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:has(> .ink-set) { grid-column:1 / -1; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:auto !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-c { width:112px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-m { width:134px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-y { width:86.55px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(5)):not(:has(> .radio:nth-child(6))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-k { width:80px !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) { display:grid !important; grid-template-columns:repeat(5,max-content) !important; width:max-content !important; max-width:100% !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:has(> .ink-set) { grid-column:1 / -1; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill { width:auto !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill:has(input[data-ink-mobile-name*="big black" i]) { width:130px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-c { width:112px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-m { width:134px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio:nth-child(6)):not(:has(> .radio:nth-child(7))) > .radio:not(:has(> .ink-set)) > .ink-pill.ink-y { width:86.55px !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; width:max-content !important; max-width:100% !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill { width:auto !important; height:100% !important; min-height:34px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding-inline:14px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill:has(input[data-ink-mobile-name*="big black" i]),
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))) > .radio > .ink-pill:has(input[data-ink-mobile-name*="small black" i]) { width:140px !important; min-height:40px !important; padding-inline:8px !important; }


  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(2)):not(:has(> .radio:nth-child(3))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:100% !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))) > .radio > .ink-pill { width:auto !important; display:flex !important; padding-inline:14px !important; min-height:34px !important; align-items:center !important; justify-content:center !important; text-align:center !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(4)):not(:has(> .radio:nth-child(5))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }


body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))),
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))):not(:has(> .radio > .ink-set)) { display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:100% !important; gap:10px !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio,
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))):not(:has(> .radio > .ink-set)) > .radio { flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio:has(> .ink-set) { flex:0 1 auto !important; order:0 !important; margin-top:0 !important; }
body[class*="product-product-"] .product-info #product .ink-colour-opt > div[id^="input-option"]:has(> .radio > .ink-set):has(> .radio > .ink-pill:not(.ink-set)):has(> .radio:nth-child(3)):not(:has(> .radio:nth-child(4))) > .radio > .ink-pill { width:auto !important; display:flex !important; min-height:34px !important; padding-inline:14px !important; align-items:center !important; justify-content:center !important; text-align:center !important; }


 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"] > .radio > .ink-pill.ink-set { height:38px !important; min-height:38px !important; max-height:none !important; align-items:center !important; }
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt > div[id^="input-option"] > .radio > .ink-pill.ink-set .option-value { font-size:15px !important; line-height:18px !important; }


}

/* S08: slightly smaller big/small black labels on tablets. */
@media (min-width:701px) and (max-width:1199px), (min-width:1200px) and (pointer:coarse) {
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt .ink-pill:has(input[data-ink-mobile-name*="big black" i]) .option-value,
 body[class*="product-product-"] .product-info #product#product .ink-colour-opt .ink-pill:has(input[data-ink-mobile-name*="small black" i]) .option-value { font-size:12px !important; }
}

/* S08: match mobile detail choice-sheet Full Set to list popup. */
@media (max-width:600px) {
 body.ink-mobile-product-active #ink-mobile-choice-dialog .ink-colour-opt .radio > label.ink-pill.ink-set { min-height:42px !important; display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; }
 body.ink-mobile-product-active #ink-mobile-choice-dialog .ink-colour-opt .radio > label.ink-pill.ink-set .option-value { font-size:15px !important; line-height:18px !important; }
 body.ink-mobile-product-active #ink-mobile-choice-dialog .ink-colour-opt .radio > label.ink-pill.ink-set:has(input:checked) .option-value { font-size:16px !important; }
}

/* S08: selected colour marker on product details and its mobile choice dialog. */
body[class*="product-product-"] .ink-colour-opt .radio > .ink-pill:has(input:checked) {
  position: relative !important;
  overflow: visible !important;
}
body[class*="product-product-"] .ink-colour-opt .radio > .ink-pill:has(input:checked)::after {
  content: "✓";
  position: absolute;
  top: -8px;
  right: -3px;
  width: 18px;
  height: 18px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1854a6;
  color: #fff;
  font: 700 12px/1 Arial, sans-serif;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  pointer-events: none;
  z-index: 2;
}

/* S08: reduce the main product image in portrait, retaining the left thumbnails. */
@media (max-width: 600px) and (orientation: portrait) {
  body[class*="product-product-"] .product-image.direction-vertical.position-left {
    width: calc(90% + 8px) !important;
    margin-inline: auto !important;
  }
}

/* S08: recover space on tablet portrait product pages. */
@media (min-width: 601px) and (max-width: 1199px) and (orientation: portrait) {
  body[class*="product-product-"] h1.page-title { margin-top: 5px !important; margin-bottom: 10px !important; }
  body[class*="product-product-"] .product-info #product > .rating { padding-top: 5px !important; padding-bottom: 5px !important; margin-bottom: 5px !important; }
  body[class*="product-product-"] .product-info #product > .product-price-group { margin-top: -8px !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .price-wrapper,
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats > ul,
  body[class*="product-product-"] .product-info #product .product-price-group .ink-stockcol { justify-content: flex-end !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-manufacturer img { margin-bottom: 0 !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-manufacturer img { transform: translateY(10px); }
  body[class*="product-product-"] .product-info #product .product-price-group .product-manufacturer img[alt="Canon"] { clip-path: inset(0 0 10px 0); }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .ink-stockcol { order: 0; flex: 0 1 auto !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .list-unstyled { order: 1; border-right: 0 !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .product-manufacturer { order: 2; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) { justify-content: flex-start !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .product-manufacturer { margin-left: auto !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .list-unstyled { padding-left: 8px !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .list-unstyled { margin-left: auto !important; align-items: flex-end !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .product-manufacturer { margin-left: 0 !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) :is(.product-model, .product-mpn) > b { flex: 0 0 42px !important; text-align: right !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) :is(.product-model, .product-mpn)::before { display: none !important; content: none !important; }
  body[class*="product-product-"] .product-info #product .product-price-group > .price-wrapper,
  body[class*="product-product-"] .product-info #product .product-price-group .product-stats:not(.ink-mobile-stock-native) > .ink-stockcol { border-right: 0 !important; background: linear-gradient(to bottom, transparent 12px, #e2e4e8 12px) right bottom / 1px 100% no-repeat !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-price { font-size: 30px !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-price-new { font-size: 30px !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-price-old { font-size: 18px !important; }
  body[class*="product-product-"] .product-info #product .product-price-group .product-tax { display: none !important; }
  body[class*="product-product-"] .product-info #product .product-price-group :is(.product-price, .product-price-new)::after { content: "incl. GST"; margin-left: 8px; font-size: 12px; font-weight: 400; color: #666; white-space: nowrap; }
  body[class*="product-product-"] .product-info .product-manufacturer a { border: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
  body[class*="product-product-"] .product-info #product > .product-options { padding-top: 8px !important; }
  body[class*="product-product-"] .product-info #product > .product-options:has(.ink-colour-opt) { padding-bottom: 10px !important; }
  body[class*="product-product-"] .product-info #product > .product-options .ink-colour-opt { margin-bottom: 0 !important; }
  body[class*="product-product-"] .product-info #product .ink-colour-opt > .control-label { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 10px !important; }
}
@media (min-width: 601px) and (max-width: 1199px) and (orientation: portrait) {
  body[class*="product-product-"] .product-image.direction-vertical.position-left {
    width: calc(76% + 15px) !important;
    margin-inline: auto !important;
  }
  /* Reserve the thumbnail viewport while Journal calculates the final height. */
  body[class*="product-product-"] .product-image.direction-vertical:not(.additional-images-loaded) .additional-images,
  body[class*="product-product-"] .product-image.direction-vertical:not(.additional-images-loaded) .additional-images .swiper-container { min-height: 240px !important; }
  /* Keep the existing gallery arrows visible outside the main image on tablets. */
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image { overflow: visible !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-buttons > div { display: flex !important; opacity: 1 !important; width: 44px !important; height: 44px !important; border: 1px solid #d8e2ee; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.12); color: #174b91; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-buttons > div::before { font-size: 24px !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-buttons > .swiper-button-disabled { opacity: .4 !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-button-prev { left: -48px !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)):has(.additional-images) .main-image .swiper-button-prev { left: -128px !important; }
  body[class*="product-product-"] .product-image:has(.main-image .swiper-slide:nth-child(2)) .main-image .swiper-button-next { right: -48px !important; }
}

@media (min-width: 601px) and (max-width: 700px) and (orientation: portrait) {
  body[class*="product-product-"] .product-info #product > .product-price-group { margin-top: 0 !important; }
  body[class*="product-product-"] .product-info #product .product-stats:not(.ink-mobile-stock-native) > :is(.ink-stockcol, .list-unstyled) { padding-left: 6px !important; padding-right: 6px !important; }
  body[class*="product-product-"] .product-info #product .product-stats:not(.ink-mobile-stock-native) :is(.product-model, .product-mpn) > b { flex-shrink: 0 !important; white-space: nowrap !important; }
}

/* S08: bring the coin closer to the Buy Now text on portrait tablets. */
@media (min-width: 601px) and (max-width: 1199px) and (orientation: portrait) {
  body[class*="product-product-"] .product-info #product .cart-group > .extra-group [data-quick-buy] { gap: 3px !important; }
  body[class*="product-product-"] .product-info #product .cart-group > .extra-group { margin-left: 10px !important; }
  body[class*="product-product-"] .product-info #product .cart-group > .extra-group .btn-extra + .btn-extra { margin-left: 10px !important; }
  body[class*="product-product-"] .product-info #product:not(:has(.product-options)) > .product-price-group { border-bottom: 1px solid #333 !important; margin-bottom: 10px !important; }
  body[class*="product-product-"] .product-info #product:not(:has(.product-options)) .product-price-group .product-manufacturer img { transform: translateY(16px); }
}