/* ==========================================================================
   Product page only — enqueued on is_product().
   Site-wide headings and shared primitives live in parkland-style.css.
   ========================================================================== */


   
   /* Navigation arrows */
   
   .pk-container-full .swiper-button-prev,
   .pk-container-full .swiper-button-next {
       width: 36px;
       height: 36px;
       border-radius: 50%;
       background: rgba(255,255,255,.92);
       box-shadow: 0 2px 8px rgba(0,0,0,.1);
       color: var(--pk-muted);
       transition: background .2s, color .2s, box-shadow .2s, transform .15s;
   }
   
   .pk-container-full .swiper-button-prev::after,
   .pk-container-full .swiper-button-next::after {
       font-size: var(--pk-fs-sm);
       font-weight: 700;
   }
   
   .pk-container-full .swiper-button-disabled {
       opacity: .3 !important;
       pointer-events: none;
   }
   
   /* Pagination bullets (global for all pk swipers) */
   
   .swiper-pagination-bullet {
       width: 8px;
       height: 8px;
       background: #ccc;
       opacity: 1;
       transition: background .2s, transform .2s;
   }
   
   .swiper-pagination-bullet-active {
       background: var(--pk-accent);
       transform: scale(1.25);
   }
   
   /* Scrollbar (if used) */
   
   .pk-container-full .swiper-scrollbar {
       background: var(--pk-border);
       border-radius: 4px;
       height: 4px;
   }
   
   .pk-container-full .swiper-scrollbar-drag {
       background: var(--pk-accent);
       border-radius: 4px;
   }
   
   /* Swipers with pagination need bottom clearance */
   
   .pk-feat-swiper,
   .pk-video2-swiper,
   .pk-review-swiper {
       --swiper-pagination-bottom: 0px;
       --swiper-pagination-color: var(--pk-accent);
       --swiper-pagination-bullet-inactive-color: #ccc;
       --swiper-pagination-bullet-inactive-opacity: 1;
       padding-bottom: 44px;
       margin-bottom: 8px;
   }
   
   .pk-video2-swiper .swiper-slide { height: auto; padding-bottom: 3em; }
   
   /* ==========================================================================
      5. VIDEO (Swiper cards + GLightbox/Plyr popup)
      ========================================================================== */
   
   body.pk-overlay-open { overflow: hidden; }
   
   .pk-video2-section {
       background: var(--pk-surface);
       padding: 40px 0;
   }

   .pk-video2-header {
       justify-content: flex-end;
       margin-bottom: 12px;
   }
   
   .pk-video2-card {
       border-radius: 8px;
       overflow: hidden;
       background: #fff;
       box-shadow: 0 2px 12px rgba(0,0,0,.06);
       transition: box-shadow .25s, transform .25s;
       cursor: pointer;
   }
   
   .pk-video2-player {
       position: relative;
       aspect-ratio: 16/9;
       background: var(--pk-ink);
       overflow: hidden;
   }
   
   .pk-video2-poster {
       position: relative;
       width: 100%;
       height: 100%;
   }
   
   .pk-video2-poster img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position: center center;
       width: 100%;
       height: 100% !important;
       transition: transform .35s ease;
   }
   
   .pk-video2-badge {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       background: var(--pk-accent);
       color: #fff;
       text-align: center;
       padding: 5px 0;
       font-weight: 700;
       font-size: var(--pk-fs-xs);
       z-index: 2;
       text-transform: uppercase;
       letter-spacing: 0.4px;
   }
   
   .pk-video2-play {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       z-index: 2;
       opacity: .8;
       transition: opacity .2s, transform .2s;
       pointer-events: none;
   }
   
   /* Shared card title + body copy (videos, features, description) */
   .pk-card-title {
       margin: 0 0 5px;
   }

   .pk-prose {
       font-size: var(--pk-fs-base);
       line-height: 1.5;
   }


   .pk-video2-info { padding: 14px 16px 16px; }
   
   .pk-video2-info h3,
   .pk-video2-info .pk-card-title {
       margin: 0 0 5px;
   }
   
   .pk-video2-info p,
   .pk-video2-info .pk-prose {
       margin: 0;
       font-size: var(--pk-fs-base);
       color: var(--pk-muted);
       line-height: 1.55;
   }
   
   
   /* ── Fancybox v5 video popup — Parkland theming ── */

   .pk-video2-popup { text-decoration: none; color: inherit; display: block; }

   /* Green accent for Fancybox chrome */
   .fancybox__container {
       --f-button-hover-bg: var(--pk-accent);
       --f-button-active-bg: var(--pk-accent);
       --fancybox-accent-color: var(--pk-accent);
   }
   .f-thumbs .f-thumb.is-nav-selected::after { border-color: var(--pk-accent); }

   /* Caption bar under the video: title / excerpt / source / Enquire CTA */
   .fancybox__caption .pk-fb-info {
       display: flex;
       align-items: center;
       gap: 1.2em;
       padding: .55em 1em;
       text-align: left;
       flex-wrap: wrap;
   }
   .pk-fb-info-text {
       flex: 1 1 auto;
       min-width: 0;
       display: flex;
       align-items: baseline;
       gap: .8em;
       flex-wrap: wrap;
   }
   .pk-fb-info-title { font-weight: 600; color: #fff; }
   .pk-fb-info-excerpt { font-size: var(--pk-fs-sm); color: #bbb; }
   .pk-fb-info-link {
       color: var(--pk-accent);
       text-decoration: none;
       font-weight: 500;
       white-space: nowrap;
   }
   .pk-fb-edit {
       font-size: var(--pk-fs-xs);
       color: #f0b429;
       text-decoration: none;
       font-weight: 600;
       white-space: nowrap;
       border: 1px solid rgba(240,180,41,.5);
       border-radius: 3px;
       padding: .15em .6em;
   }
   .pk-fb-enquire {
       flex-shrink: 0;
       padding: .5em 1.3em;
       font-weight: 600;
       color: #fff;
       background: var(--pk-accent);
       border: 2px solid var(--pk-accent);
       border-radius: 4px;
       cursor: pointer;
       transition: background .2s, border-color .2s, transform .15s;
   }
   .pk-fb-enquire:active { transform: scale(.97); }

   @media (max-width: 768px) {
       .fancybox__caption .pk-fb-info { gap: .6em; padding: .5em .6em; }
       .pk-fb-info-title { max-width: 100%; }
   }

   /* ── Legacy GLightbox overrides (unused after Fancybox migration) ── */

   .pk-video2-popup-legacy { text-decoration: none; color: inherit; display: block; }
   
   .pk-video2-lightbox .goverlay {background: rgb(0 0 0 / 70%) !important;}
   
   .pk-video2-lightbox .gslide-title { display: none; }
   
   /* ── Stage: flex-column — toolbar on top, 16:9 content below ── */
   
   .pk-gl-stage {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       height: 100%;
       width: 100%;
       box-sizing: border-box;
       padding: 1em 2em;
   }
   
   /* Toolbar — sits above the 16:9 wrapper */
   .pk-gl-toolbar {
       display: flex;
       gap: .5em;
       align-items: center;
       justify-content: flex-end;
       width: 100%;
       max-width: calc(100vh * 16 / 9);
       padding: 0 0 .5em;
       flex-shrink: 0;
   }
   
   /* 16:9 content wrapper — video + thumbs side by side */
   .pk-gl-content {
       display: flex;
       width: 100%;
       max-width: calc(100vh * 16 / 9);
       aspect-ratio: 16 / 9;
       max-height: calc(100% - 3.5em);
       border-radius: 6px;
       overflow: hidden;
       background: var(--pk-ink);
   }
   
   /* Video column */
   .pk-gl-main {
       flex: 1 1 0;
       min-width: 0;
       display: flex;
       flex-direction: column;
   }
   
   .pk-gl-main .gslider {
       flex: 1 1 0;
       min-width: 0;
       display: flex;
       align-items: center;
   }
   
   .pk-video2-lightbox .gcontainer {
       width: 100% !important;
       height: 100% !important;
       max-width: none !important;
       padding: 0 !important;
   }
   
   .pk-video2-lightbox .gslide-inner-content,
   .pk-video2-lightbox .ginner-container {
       max-width: none !important;
       max-height: none !important;
       width: 100% !important;
       height: 100% !important;
   }
   
   .pk-video2-lightbox .gslide-media {
       max-width: none !important;
       max-height: none !important;
       width: 100% !important;
   }
   
   .glightbox-container .gbtn.pk-gl-btn {
       min-width: 2.2em !important;
       height: 2.2em;
       border-radius: 50% !important;
       border: 2px solid var(--pk-accent);
       background-color: var(--pk-accent);
       color: #fff;
       cursor: pointer;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       padding: 0;
       opacity: 1;
       position: static;
       transition: background .2s, border-color .2s, box-shadow .2s, transform .15s;
   }
   
   .glightbox-container .gbtn.pk-gl-btn:active { transform: scale(.95); }
   .glightbox-container .gbtn.pk-gl-btn.disabled { opacity: .6; }
   .pk-gl-btn svg { display: block; }
   
   /* ── Plyr player — Parkland green accent ── */
   
   .pk-video2-lightbox .plyr {
       --plyr-color-main: var(--pk-accent);
       --plyr-video-control-color: #fff;
       --plyr-video-control-color-hover: #fff;
       --plyr-video-control-background-hover: var(--pk-accent);
       --plyr-range-fill-background: var(--pk-accent);
       --plyr-badge-background: var(--pk-accent);
       --plyr-menu-background: rgba(0,0,0,.85);
       --plyr-menu-color: #fff;
   }
   
   /* Custom prev / next / close buttons inside Plyr controls bar */
   
   .pk-plyr-sep {
       width: 1px;
       height: 20px;
       background: rgba(255,255,255,.25);
       margin: 0 4px;
       flex-shrink: 0;
   }
   
   .pk-plyr-ctrl {
       color: #fff !important;
       opacity: .8;
       transition: opacity .2s, color .2s;
       padding: 6px !important;
   }
   
   .pk-plyr-ctrl svg {
       display: block;
       pointer-events: none;
   }
   
   /* ── Thumbs panel (right 20% inside the 16:9 wrapper) ── */
   
   .pk-gl-thumbs-wrap {
       width: 20%;
       min-width: 10em;
       flex-shrink: 0;
       overflow-y: auto;
       -webkit-overflow-scrolling: touch;
       scrollbar-width: thin;
       scrollbar-color: var(--pk-accent) transparent;
       background: rgba(255,255,255,.03);
       border-left: 1px solid rgba(255,255,255,.08);
   }
   
   .pk-gl-thumbs-wrap::-webkit-scrollbar { width: 4px; }
   .pk-gl-thumbs-wrap::-webkit-scrollbar-thumb { background: var(--pk-accent); border-radius: 4px; }
   .pk-gl-thumbs-wrap::-webkit-scrollbar-track { background: transparent; }
   
   .pk-gl-thumbs {
       display: flex;
       flex-direction: column;
       gap: .5em;
       padding: .5em;
   }
   
   .pk-gl-thumb {
       flex: 0 0 auto;
       width: 100%;
       cursor: pointer;
       border: 2px solid transparent;
       border-radius: .35em;
       overflow: hidden;
       background: none;
       padding: 0;
       transition: border-color .2s, opacity .2s;
       opacity: .55;
       text-align: center;
   }
   
   .pk-gl-thumb--active {
       border-color: var(--pk-accent);
       opacity: 1;
   }
   
   .pk-gl-thumb img {
       width: 100%;
       aspect-ratio: 16/9;
       object-fit: cover;
       display: block;
       border-radius: .25em .25em 0 0;
   }
   
   .pk-gl-thumb-title {
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
       font-size: var(--pk-fs-xs);
       color: #bbb;
       padding: .3em .4em .35em;
       line-height: 1.3;
       text-align: left;
   }
   
   .pk-gl-thumb--active .pk-gl-thumb-title { color: var(--pk-accent); }
   
   /*  Video info bar (below video, left-aligned) */
   
   .pk-gl-video-info {
       flex-shrink: 0;
       display: flex;
       align-items: center;
       gap: 1.2em;
       padding: .55em 1em;
       background: rgba(255,255,255,.04);
       border-top: 1px solid rgba(255,255,255,.08);
       color: #ccc;
   }
   
   .pk-gl-info-text {
       flex: 1 1 0;
       min-width: 0;
       display: flex;
       align-items: baseline;
       gap: .8em;
       flex-wrap: wrap;
   }
   
   .pk-gl-info-title {
       font-size: var(--pk-fs-sm);
       font-weight: 600;
       color: #fff;
       margin: 0;
       line-height: 1.3;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       max-width: 40%;
   }
   
   .pk-gl-info-excerpt {
       font-size: var(--pk-fs-xs);
       color: #aaa;
       margin: 0;
       line-height: 1.4;
       flex: 1 1 0;
       min-width: 0;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }
   
   .pk-gl-info-link {
       font-size: var(--pk-fs-xs);
       color: var(--pk-accent);
       text-decoration: none;
       font-weight: 500;
       white-space: nowrap;
   }
   
   .pk-gl-info-cta {
       flex-shrink: 0;
       padding: .45em 1.2em;
       font-size: var(--pk-fs-xs);
       font-weight: 600;
       color: #fff;
       background: var(--pk-accent);
       border: 2px solid var(--pk-accent);
       border-radius: 4px;
       cursor: pointer;
       white-space: nowrap;
       transition: background .2s, border-color .2s, transform .15s;
   }
   
   .pk-gl-info-cta:active { transform: scale(.97); }
   
/* ── Mobile: stack vertically, thumbs become horizontal strip ── */

@media (max-width: 768px) {
    .pk-gl-stage { padding: .4em; }

    .pk-gl-toolbar { max-width: none; }

    .pk-gl-content {
        flex-direction: column;
        aspect-ratio: auto;
        max-height: calc(100% - 3em);
        max-width: none;
    }

    .pk-gl-main {
        flex: 0 0 auto;
        width: 100%;
    }

    .pk-gl-main .gslider {
        flex: 0 0 auto;
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .pk-gl-video-info {
        flex-direction: row;
        align-items: center;
        gap: .6em;
        padding: .5em .6em;
        background: rgba(20,20,20,.95);
    }

    .pk-gl-info-text {
        flex: 1 1 0;
        min-width: 0;
        gap: 0;
    }

    .pk-gl-info-title {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: var(--pk-fs-xs);
    }

    .pk-gl-info-excerpt { display: none; }
    .pk-gl-info-link { display: none; }

    .pk-gl-info-cta {
        flex-shrink: 0;
        width: auto;
        padding: .4em .9em;
        font-size: var(--pk-fs-xs);
    }

    .pk-gl-thumbs-wrap {
        width: 100%;
        min-width: 0;
        flex-shrink: 0;
        overflow-x: auto;
        overflow-y: hidden;
        border-left: none;
        border-top: 1px solid rgba(255,255,255,.08);
    }
    .pk-gl-thumbs {
        flex-direction: row;
        padding: .4em;
        gap: .4em;
    }
    .pk-gl-thumb { width: 10em; flex: 0 0 auto; }
    .pk-gl-thumb-title { font-size: var(--pk-fs-xs); }
}
   
   @media (max-width: 768px) {
       .pk-video2-section { padding: 24px 0; }
   }
   
   /* ==========================================================================
      7. TOP FEATURES (Swiper carousel)
      ========================================================================== */
   
   .pk-feat-swiper .swiper-slide { height: auto;padding-bottom: 3em; }
   
   .pk-feat-item {
       border-radius: 8px;
       overflow: hidden;
       background: #fff;
       box-shadow: 0 2px 12px rgba(0,0,0,.06);
       transition: box-shadow .25s, transform .25s;
       height: 100%;
       display: flex;
       flex-direction: column;
   }
   
   .pk-feat-image {
       aspect-ratio: 4/3;
       overflow: hidden;
       background: #f0f0f0;
       display: block;
   }
   
   .pk-feat-image img,
   .pk-feat-image video {
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position: center;
       display: block;
       transition: transform .3s ease;
   }
   
   .pk-feat-info { padding: 14px 16px 16px; }
   
   .pk-feat-info h3,
   .pk-feat-info .pk-card-title {
       margin: 0 0 5px;
   }
   
   .pk-feat-info p,
   .pk-feat-info .pk-prose {
       margin: 0;
       font-size: var(--pk-fs-base);
       color: var(--pk-muted);
       line-height: 1.55;
   }
   
   /* ==========================================================================
      8. CUSTOMER REVIEWS
      ========================================================================== */
   
   .pk-review-swiper .swiper-slide { height: auto; }
   
   .pk-review-card {
       border-radius: 8px;
       overflow: hidden;
       box-shadow: 0 2px 12px rgba(0,0,0,.07);
       background: #fff;
   }
   
   .pk-review-image {
       aspect-ratio: 16/10;
       overflow: hidden;
       background: var(--pk-surface);
   }
   
   .pk-review-image img {
       max-height: 350px;
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position: center;
       display: block;
   }
   
   .pk-review-header {
       padding: 14px 16px;
       border-bottom: 1px solid var(--pk-border);
   }
   
   .pk-review-stars .pk-review-star { color: #ffbf00; font-size: var(--pk-fs-base); }
   
   .pk-review-title {
       margin: 6px 0 0;
   }
   
   .pk-review-content {
       font-size: var(--pk-fs-sm);
       padding: 12px 16px 16px;
       line-height: 1.6;
       color: var(--pk-muted);
   }
   
   .pk-review-link { font-size: var(--pk-fs-sm); }
   
   .pk-review-name {
       display: block;
       margin-bottom: 4px;
       font-weight: 600;
       color: var(--pk-muted);
   }
   
   .pk-review-list { margin-top: 0; }
   
   .pk-review-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 1.5rem;
   }
   
   .pk-review-item { display: block; }
   .pk-review-item--hidden { display: none; }
   
   .pk-review-more-wrap { text-align: center; margin-top: 2rem; }
   
   .pk-review-more-btn {
       padding: 0.65rem 2rem;
       background-color: var(--pk-accent);
       color: #fff;
       border: none;
       border-radius: 6px;
       cursor: pointer;
       font-size: var(--pk-fs-sm);
       font-weight: 500;
       transition: background-color .2s, transform .15s;
   }
   
   @media (max-width: 768px) {
       .pk-review-grid { grid-template-columns: 1fr; gap: 1rem; }
   }
   
   /* ==========================================================================
      9. SPECIFICATIONS — shared hierarchy (PDP + series/compare tables)
         Title  → .pk-specs-title / detail accordion label
         Group  → .pk-specs-group-title (ENGINE & DRIVETRAIN)
         Label  → .pk-specs-label (Power Train…)
         Value  → .pk-specs-value
      ========================================================================== */

   .pk-specs-title {
       margin: 0 0 14px;
       color: var(--pk-ink);
       font-size: var(--pk-fs-lg);
       font-weight: 700;
       line-height: 1.2;
   }

   .pk-specs-group,
   .pk-spec-group {
       margin-bottom: 28px;
   }

   .pk-specs-group:last-child,
   .pk-spec-group:last-child {
       margin-bottom: 0;
   }

   .pk-specs-group-title,
   .pk-spec-heading,
   .pk-cmp-group-head {
       margin: 0;
       padding: 10px 20px;
       border-top: 1px solid var(--pk-border);
       border-bottom: 1px solid var(--pk-border);
       background: #dfdfdf;
       color: var(--pk-ink);
       font-size: var(--pk-fs-base);
       font-weight: 700;
       line-height: 1.3;
       letter-spacing: .06em;
       text-transform: uppercase;
       text-align: left;
   }

   th.pk-cmp-group-head {
       padding: 10px 14px;
   }

   /* Two-column wrapper (PDP single-product specs) */
   .pk-spec-columns {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 0 28px;
   }

   /* Shared table chrome */
   .pk-specs-table,
   table.pk-spec-table,
   .pk-series-compare-table,
   .pk-compare-table {
       width: 100%;
       border-collapse: collapse;
       border: 0;
       font-size: var(--pk-fs-sm);
       margin: 0;
   }

   .pk-specs-row td,
   .pk-spec-row td,
   .pk-series-compare-table th,
   .pk-series-compare-table td,
   .pk-compare-table th,
   .pk-compare-table td {
       padding: 10px 14px;
       vertical-align: top;
       text-align: left;
       border-bottom: 1px solid var(--pk-border);
   }

   .pk-specs-row:last-child td,
   .pk-spec-row:last-child td {
       border-bottom: none;
   }

   .pk-specs-row--even td,
   .pk-spec-row--even td,
   .pk-series-compare-table tr.pk-spec-row--even td,
   .pk-compare-table tr.pk-compare-row--even td {

   }

   .pk-specs-label,
   td.pk-spec-name,
   .pk-series-compare-table .pk-series-compare-spec,
   .pk-compare-label {
       color: var(--pk-ink);
       font-size: var(--pk-fs-sm);
       font-weight: 700;
       line-height: 1.35;
       padding-left: 20px;
   }

   td.pk-spec-name {
       width: 42%;
   }

   .pk-specs-value,
   td.pk-spec-value,
   .pk-cmp-val {
       color: var(--pk-muted);
       font-size: var(--pk-fs-sm);
       font-weight: 400;
       line-height: 1.45;
   }

   /* Corner cell above labels in compare tables — keep layout, hide “Specification” */
   .pk-specs-corner {
       width: 1%;
       white-space: nowrap;
       color: transparent;
       font-size: 0;
       border-bottom: 2px solid var(--pk-ink);
   }

   .pk-series-compare-table thead tr.pk-series-compare-thumbs .pk-specs-corner {
       border-bottom: 0;
   }

   @media (max-width: 768px) {
       .pk-spec-columns {
           grid-template-columns: 1fr;
       }

       table.pk-spec-table,
       table.pk-spec-table tbody,
       table.pk-spec-table tr,
       table.pk-spec-table td {
           display: block;
           width: 100%;
       }

       table.pk-spec-table {
           border: 0;
       }

       .pk-spec-row {
           margin-bottom: 10px;
           padding: 10px 12px;
           border: 1px solid var(--pk-border);
           border-radius: 6px;
           background: #fff;
       }

       .pk-spec-row--even,
       .pk-spec-row--even td {
           background: transparent;
       }

       td.pk-spec-name {
           width: 100%;
           padding: 0 0 4px;
           border: 0;
           color: var(--pk-ink);
           font-weight: 700;
           text-transform: none;
           letter-spacing: 0;
           font-size: var(--pk-fs-sm);
           background: transparent;
       }

       td.pk-spec-value {
           padding: 0;
           border: 0;
           background: transparent;
       }
   }
   /* ==========================================================================
      10. DOCUMENTS / BROCHURES
      ========================================================================== */
   
   .pk-doc-section { margin-bottom: 1em; }
   .pk-doc-section ul li { list-style: none; }
   
   .pk-doc-article {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 12px 16px;
       flex-wrap: wrap;
       background: transparent;
       border: 0;
       border-bottom: 1px solid var(--pk-border);
       border-radius: 0;
       margin: 0;
       padding: 16px 0;
   }

   .pk-doc-article:last-child {
       border-bottom: 0;
   }
   
   .pk-doc-title {
       flex: 1 1 200px;
       min-width: 0;
       margin: 0;
       font-weight:400
   }

   .pk-doc-section .pk-price-links {
       flex: 0 0 auto;
       margin-left: auto;
   }
   
   p.pk-doc-terms {
       font-size: var(--pk-fs-sm);
       margin: 12px 0 0;
   }
   .pk-container h3 {
    font-size: 1.3em;
}
   /* ==========================================================================
      11. WARRANTIES
      ========================================================================== */
   
   .pk-war-section {
       display: flex;
       flex-wrap: wrap;
       gap: 20px;
       justify-content: center;
   }
   
   .pk-war-item {
       flex: 1 1 280px;
       box-sizing: border-box;
       text-align: center;
       display: flex;
       flex-direction: column;
       align-content: center;
   }
   
   .pk-war-image {
       display: flex;
       justify-content: center;
   }
   
   .pk-war-image img {
       max-width: 100%;
       height: auto;
       display: block;
   }
   
   .pk-war-info {
       padding: 10px 0;
       text-align: center;
   }
   
   /* ==========================================================================
      12. ACCESSORIES — landscape cards
      ========================================================================== */
   
   .pk-acc-products-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 12px;
   }
   
   @media (max-width: 1024px) {
       .pk-acc-products-grid { grid-template-columns: repeat(2, 1fr); }
   }
   @media (max-width: 600px) {
       .pk-acc-products-grid { grid-template-columns: 1fr; }
   }
   
   /* --- Card (landscape) --- */
   
   .pk-acc-card {
       position: relative;
       background: #fff;
       border: 1px solid var(--pk-border);
       border-radius: 8px;
       overflow: hidden;
       transition: border-color .2s, box-shadow .2s;
   }

   .pk-acc-card:hover {
       border-color: var(--pk-accent);
   }

   .pk-acc-card-link,
   .pk-acc-card-link:hover,
   .pk-acc-card-link:focus {
       display: flex;
       flex-direction: row;
       align-items: center;
       gap: 12px;
       padding-right: 12px;
       text-decoration: none;
       color: inherit;
       min-height: 72px;
   }

   .pk-acc-card-img {
       width: 72px;
       min-height: 72px;
       align-self: stretch;
       flex-shrink: 0;
       background: #fafafa;
       overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .pk-acc-card-img img {
       width: 100%;
       height: 100%;
       object-fit: contain;
       mix-blend-mode: multiply;
   }

   .pk-acc-card-body {
       flex: 1;
       min-width: 0;
       display: flex;
       flex-direction: column;
       justify-content: center;
       gap: 2px;
   }

   .pk-acc-card-title {
       margin: 0;
       font-size: var(--pk-fs-sm);
       font-weight: 500;
       line-height: 1.3;
       color: var(--pk-ink);
       text-decoration: none;
   }

   .pk-acc-card-price {
       font-size: var(--pk-fs-sm);
       font-weight: 700;
       color: var(--pk-ink);
       line-height: 1.3;
   }

   .pk-acc-card-price .woocommerce-Price-taxLabel,
   .pk-acc-card-price small {
       font-size: var(--pk-fs-xs);
       font-weight: 400;
       color: var(--pk-muted);
   }

   .pk-acc-card-go {
       flex: 0 0 auto;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       width: 28px;
       height: 28px;
       border: 1px solid var(--pk-border);
       border-radius: 50%;
       color: var(--pk-ink);
   }

   .pk-acc-card-go svg {
       width: 14px;
       height: 14px;
   }

   .pk-acc-card:hover .pk-acc-card-go {
       border-color: var(--pk-accent);
       background: var(--pk-accent);
       color: #fff;
   }
   
   @media (max-width: 480px) {
       .pk-acc-card-img { width: 64px; min-height: 64px; }
   }
   
   /* --- Type group headings --- */
   
   .pk-acc-type-group { margin-bottom: 24px; }
   .pk-acc-type-group:last-child { margin-bottom: 0; }
   
   .pk-acc-type-heading {
       margin: 0 0 12px;
   }
   
   /* ==========================================================================
      13. REQUIRED ACCESSORIES (uses shared .pk-highlight)
      ========================================================================== */
   
   .pk-req-section.pk-highlight {
       max-width: none;
       margin-top: 18px;
       margin-bottom: 1.25em;
   }
   
   .pk-req-header.pk-highlight-title {
       display: flex;
       align-items: center;
       gap: 8px;
       margin: 0 0 12px;
   }
   
   .pk-req-grid {
       display: flex;
       flex-direction: column;
       gap: 8px;
       overflow: visible;
       padding-bottom: 0;
   }
   
   .pk-req-item {
       display: flex;
       align-items: center;
       gap: 10px;
       background: var(--pk-surface);
       border: 1px solid var(--pk-border);
       border-radius: var(--pk-radius);
       padding: 8px 12px 8px 8px;
       text-decoration: none;
       color: inherit;
       min-width: 0;
       max-width: none;
       width: 100%;
       flex-shrink: 1;
       transition: border-color .2s, box-shadow .2s;
   }
   
   .pk-req-item:hover,
   .pk-req-item:focus {
       border-color: var(--pk-ink);
   }
   
   .pk-req-item img {
       width: 56px;
       height: 56px;
       object-fit: contain;
       border-radius: 4px;
       border: 0;
       background: #fff;
       flex-shrink: 0;
   }
   
   .pk-req-info {
       display: flex;
       flex-direction: column;
       gap: 2px;
       min-width: 0;
   }
   
   .pk-req-name {
       font-weight: 500;
       font-size: var(--pk-fs-xs);
       line-height: 1.3;
       color: var(--pk-ink);
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }
   
   .pk-req-price { font-size: var(--pk-fs-xs); font-weight: 600; color: var(--pk-accent); }
   .pk-req-price del { color: #aaa; font-weight: 400; font-size: var(--pk-fs-xs); }
   .pk-req-price ins { text-decoration: none; }
   
   @media (max-width: 480px) {
       .pk-req-item img { width: 44px; height: 44px; }
   }
   
   /* 14. QUOTE / ENQUIRY — now uses shared pk-popup system above */
   
   /* ==========================================================================
      15. PRICING / PAYMENTS
      ========================================================================== */
   
   .pk-price-options {
       border-top: 1px solid var(--pk-border);
       background-color: #fff;
       padding: 14px 20px;
       margin-bottom: -4px;
       display: flex;
       justify-content: flex-start;
       column-gap: 20px;
       row-gap: 0;
       flex-wrap: wrap;
       width: 100%;
   }
   
   .pk-price-option {
       display: flex;
       flex-direction: column;
       align-items: flex-start;
   }
   
   .pk-price-option.price {
       font-size: var(--pk-fs-lg);
       display: flex;
       align-items: baseline;
       gap: 3px;
       min-width: 100px;
   }
   
   .pk-price-option.price del {
       color: #bbb;
       font-size: var(--pk-fs-base);
       text-decoration: line-through;
   }
   
   .pk-price-option.udc {
       font-size: var(--pk-fs-lg);
       display: flex;
       align-items: center;
       gap: 3px;
       flex-direction: row;
       flex-wrap: wrap;
   }
   
   .pk-price-option.zip,
   .pk-price-option.after-pay { max-width: 220px; }
   
   
   .pk-price-cta {
       color: var(--pk-ink);
       text-decoration: none;
       font-weight: 700;
   }
   
   .pk-price-note { margin-bottom: 10px; font-size: var(--pk-fs-sm); color: var(--pk-muted); }
   
   .pk-price-enquire {
       display: flex;
       margin: 0;
       background-color: #fff;

       border-radius: 0 0 8px 8px;
       box-shadow: 0 3px 8px rgba(0,0,0,.06);
       margin-bottom: 1.5em;
   }
   
   .pk-price-enquire .button { flex-grow: 6; text-align: center; }
   
   @media screen and (min-width: 720px) {
       .pk-price-options > .pk-price-option:not(:first-child) {
           border-left: 1px solid var(--pk-border);
           padding-left: 20px;
       }
   }
   
   @media screen and (max-width: 719px) {
       .pk-price-options { flex-direction: column; }
       .pk-price-options > .pk-price-option:not(:first-child) {
           border-top: 1px solid var(--pk-border);
           padding-top: 6px;
           margin-top: 6px;
       }
   }
   
   /* ==========================================================================
      16. COMPLEMENTARY LINKS
      ========================================================================== */
   
   .pk-price-links {
       display: flex;
       column-gap: 8px;
       row-gap: 8px;
       flex-wrap: nowrap;
       align-items: center;
       justify-content: flex-start;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
   }

   .pk-price-links .pk-pill {
       margin: 0;
   }

   /* ==========================================================================
      16b. VARIABLE PRODUCT — attribute select
      ========================================================================== */

   .woocommerce div.product form.cart .variations {
       margin: 0 0 18px;
       width: 100%;
       border: 0;
   }

   .woocommerce div.product form.cart .variations tbody,
   .woocommerce div.product form.cart .variations tr {
       display: block;
       width: 100%;
   }


   .woocommerce div.product form.cart .variations th.label {
       padding: 0 0 8px;
   }

   .woocommerce div.product form.cart .variations th.label label {
       margin: 0;
       color: var(--pk-ink);
       font-size: var(--pk-fs-base);
       font-weight: 700;
       line-height: 1.2;
   }

   /* Kadence "label above" + our display:block on th fight — keep one Colours label */
   .woocommerce div.product form.cart .kadence-sk-variation-wrap-hide-label table.variations th.label {
       display: none !important;
   }

   .woocommerce div.product form.cart .kt-variation-label {
       margin: 0 0 8px;
   }

   .woocommerce div.product form.cart .kt-variation-label > label {
       margin: 0;
       color: var(--pk-ink);
       font-size: var(--pk-fs-base);
       font-weight: 700;
       line-height: 1.2;
   }

   .woocommerce div.product form.cart .variations td.value {
       position: relative;
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       gap: 10px;
   }

   .woocommerce div.product form.cart .variations select {
       flex: 1 1 220px;
       min-width: 0;
       width: auto;
       max-width: 100%;
       margin: 0;
       padding: 12px 40px 12px 14px;
       border: 1px solid var(--pk-border);
       border-radius: 8px;
       background-color: #fff;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23555' d='M1.4 1.4L6 6l4.6-4.6L12 2.8 6 8.8 0 2.8z'/%3E%3C/svg%3E");
       background-repeat: no-repeat;
       background-position: right 14px center;
       background-size: 12px 8px;
       color: var(--pk-ink);
       font-size: var(--pk-fs-sm);
       font-weight: 500;
       line-height: 1.3;
       appearance: none;
       -webkit-appearance: none;
       cursor: pointer;
   }

   .woocommerce div.product form.cart .variations select:focus {
       outline: none;
       border-color: var(--pk-ink);
       box-shadow: 0 0 0 1px var(--pk-ink);
   }

   .woocommerce div.product form.cart .reset_variations {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       padding: 6px 14px;
       border: 1px solid var(--pk-ink);
       border-radius: 999px;
       background: #fff;
       color: var(--pk-ink);
       font-size: var(--pk-fs-sm);
       font-weight: 600;
       line-height: 1.2;
       text-decoration: none;
       white-space: nowrap;
   }

   .woocommerce div.product form.cart .woocommerce-variation-description,
   .woocommerce div.product form.cart .woocommerce-variation-price,
   .woocommerce div.product form.cart .woocommerce-variation-availability {
       display: block !important;
       margin: 0 0 10px;
       color: var(--pk-muted);
       font-size: var(--pk-fs-sm);
       line-height: 1.45;
   }

   .woocommerce div.product form.cart .woocommerce-variation-description:empty,
   .woocommerce div.product form.cart .woocommerce-variation-price:empty,
   .woocommerce div.product form.cart .woocommerce-variation-availability:empty {
       display: none !important;
       margin: 0;
   }

   .woocommerce div.product form.cart .woocommerce-variation-price {
       color: var(--pk-ink);
   }

   .woocommerce div.product form.cart .woocommerce-variation-price .price {
       color: var(--pk-ink);
       font-size: var(--pk-fs-lg);
       font-weight: 700;
       line-height: 1.2;
   }

   .woocommerce div.product form.cart .woocommerce-variation-price .price .pk-price-after,
   .woocommerce div.product form.cart .woocommerce-variation-price .price .woocommerce-Price-currencySymbol {
       font-weight: 600;
   }

   /* Variable ATC: stack description/price above a full-width Add to cart */
   .woocommerce div.product form.variations_form.cart {
       display: block;
       width: 100%;
   }

   .woocommerce div.product form.variations_form .single_variation_wrap {
       display: block;
       width: 100%;
   }

   .woocommerce div.product form.variations_form .woocommerce-variation {
       display: block;
       width: 100%;
       margin: 0 0 14px;
   }

   .woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart,
   .woocommerce div.product form.variations_form .variations_button {
       display: flex;
       flex-direction: column;
       align-items: stretch;
       gap: 10px;
       width: 100%;
       margin: 0;
   }

   .woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart .quantity {
       width: 100%;
       max-width: 140px;
   }

   .woocommerce div.product form.variations_form .single_add_to_cart_button,
   .woocommerce div.product form.variations_form button.single_add_to_cart_button {
       width: 100% !important;
       max-width: none;
       flex: none;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       text-align: center;
   }

   .woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart .button.secoundary,
   .woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart #productEnquire {
       width: 100%;
       text-align: center;
   }

   body.pk-dev-quiet-cta form.variations_form.cart {
       display: block;
       align-items: stretch;
   }

   body.pk-dev-quiet-cta form.variations_form.cart .single_add_to_cart_button,
   body.pk-dev-quiet-cta form.variations_form.cart button.single_add_to_cart_button {
       flex: none;
       width: 100%;
       min-width: 0;
   }

   /* Enquire-only variable products: keep Size dropdown, hide Add to cart.
      Kadence colour-swatch radios are unreadable for long size labels. */
   body.pk-variable-enquire form.variations_form .single_add_to_cart_button,
   body.pk-variable-enquire form.variations_form button.single_add_to_cart_button,
   body.pk-variable-enquire form.variations_form .quantity {
       display: none !important;
   }

   /* Kadence hides this wrapper when using swatches; show it so the select is visible. */
   body.pk-variable-enquire .kt-radio-variation-container {
       display: block !important;
   }

   body.pk-variable-enquire .kad_radio_variations {
       display: none !important;
   }

   body.pk-variable-enquire form.variations_form select {
       display: block !important;
       position: static !important;
       left: auto !important;
       top: auto !important;
       clip: auto !important;
       width: 100% !important;
       max-width: 100%;
       height: auto !important;
       min-height: 44px;
       opacity: 1 !important;
       visibility: visible !important;
   }
   
   /* ==========================================================================
      18. GALLERY MAGNIFY OVERLAY
      ========================================================================== */
   
   .pk-magnify-overlay {
       position: absolute;
       top: 10px;
       right: 10px;
       background: rgba(0,0,0,.6);
       border-radius: 50%;
       width: 38px;
       height: 38px;
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 10;
       transition: background .2s ease, transform .2s ease;
       pointer-events: none;
   }
   
   .pk-magnify-icon { color: #fff; width: 18px; height: 18px; }
   .pk-magnify-icon svg { width: 100%; height: 100%; stroke: currentColor; fill: none; }
   
   .ksk-gallery .product_image { position: relative; }
   
   /* ==========================================================================
      19. SWIPER PRE-INIT (CLS prevention)
      ========================================================================== */
   
   .pk-feat-swiper:not(.swiper-initialized) .swiper-wrapper,
   .pk-review-swiper:not(.swiper-initialized) .swiper-wrapper,
   .pk-video2-swiper:not(.swiper-initialized) .swiper-wrapper {
       display: flex;
       overflow: hidden;
   }
   
   .pk-review-swiper:not(.swiper-initialized) .swiper-slide,
   .pk-feat-swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 33.333%; min-width: 0; }
   
   .pk-video2-swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 33.333%; min-width: 0; }
   
   @media (max-width: 1024px) {
       .pk-video2-swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 50%; }
   }
   
   @media (max-width: 768px) {
       .pk-feat-swiper:not(.swiper-initialized) .swiper-slide,
       .pk-review-swiper:not(.swiper-initialized) .swiper-slide,
       .pk-video2-swiper:not(.swiper-initialized) .swiper-slide { flex: 0 0 100%; }
   }
   
   /* ==========================================================================
      19b. PRODUCT SERIES (Toro-style model switcher under the title)
      ========================================================================== */
   
   .pk-series-switcher-section {
       margin: -1em 0 1em;
   }

   .pk-series-block {
       margin: 0 0 1.25em;
   }

   .pk-series-block-inner {
       display: block;
   }

   /* Under title in the product summary column */
   .woocommerce div.product .summary .pk-series-block,
   .woocommerce div.product .summary .pk-series-block.pk-container-full,
   .woocommerce div.product .summary .pk-series-block .pk-container,
   .woocommerce div.product .summary .pk-series-block-inner {
       width: 100%;
       max-width: none;
       margin-left: 0;
       margin-right: 0;
       padding-left: 0;
       padding-right: 0;
   }

   .pk-series-block .pk-series-switcher {
       margin: 0 0 4px;
   }

   .pk-series-compare-acc {
       margin: 0;
   }

   .pk-series-compare-toggle {
       margin: 0;

       border-top: 1px solid var(--pk-border);
       border-bottom: 1px solid var(--pk-border);
       padding: 14px 0;
   }

   .pk-series-compare-panel {
       padding-top: 12px;
       padding-bottom: 8px;
   }
   
   .pk-series-switcher {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       /* Wider column gap so adjacent underlines stay readable as separate links. */
       gap: 8px 18px;
       padding-top: 0;
       padding-bottom: 0;
   }
   
   .pk-series-switcher-label {
       font-size: var(--pk-fs-sm);
       font-weight: 600;
       color: var(--pk-muted);
       margin-right: 4px;
   }
   
   /* The models read as underlined links; the compare action carries the pill. */
   a.pk-series-button {
       display: inline-block;
       padding: 0;
       border: 0;
       background: none;
       font-size: var(--pk-fs-sm);
       font-weight: 600;
       line-height: 1.2;
       color: var(--pk-ink);
       text-decoration: underline;
       text-underline-offset: 3px;
       transition: color .15s ease;
   }
   
   a.pk-series-button:hover,
   a.pk-series-button:focus {
       color: var(--pk-accent);
       background: none;
       text-decoration: underline;
   }
   
   span.pk-series-button.is-current {
       display: inline-block;
       padding: 0;
       border: 0;
       background: none;
       font-size: var(--pk-fs-sm);
       font-weight: 700;
       line-height: 1.2;
       color: var(--pk-muted);
       text-decoration: none;
       cursor: default;
   }
   
   a.pk-series-view-all {
       margin-left: 8px;
   }
   
   /* Series landing page: model comparison table */
   
   .pk-series-compare {
       margin: 2em 0;
   }
   
   .pk-series-compare-title {
       margin: 0 0 16px;
       color: var(--pk-ink);
       font-size: var(--pk-fs-lg);
       font-weight: 700;
       line-height: 1.2;
   }
   
   .pk-series-compare-scroll {
       overflow-x: auto;
       overflow-y: clip;
       -webkit-overflow-scrolling: touch;
   }
   
   .pk-series-compare-table {
       min-width: 100%;
       border-collapse: separate;
       border-spacing: 0;
   }
   
   .pk-series-compare-table th,
   .pk-series-compare-table td {
       min-width: 160px;
   }
   
   .pk-series-compare-table thead th {
       font-weight: 700;
   }

   .pk-series-compare-table thead tr.pk-series-compare-thumbs th {
       border-bottom: 0;
       font-weight: 400;
   }

   .pk-series-compare-table thead tr.pk-series-compare-names th {
       position: sticky;
       top: var(--pk-series-sticky-top, 0px);
       z-index: 6;
       border-bottom: 2px solid var(--pk-ink);
       background: #fff;
       box-shadow: 0 1px 0 var(--pk-border);
       vertical-align: middle;
   }

   .pk-series-compare-table thead tr.pk-series-compare-names th.is-current {
       background: var(--pk-surface);
   }
   
   .pk-series-compare-table thead th.pk-series-compare-product {
       text-align: center;
       vertical-align: bottom;
       min-width: 140px;
   }
   
   .pk-series-compare-head {
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 8px;
       color: var(--pk-ink);
       text-decoration: none;
   }
   
   .pk-series-compare-thumb-wrap {
       display: block;
       width: 100%;
       max-width: 120px;
   }
   
   .pk-series-compare-thumb-wrap img,
   .pk-series-compare-table img.pk-series-compare-thumb {
       display: block;
       width: 100%;
       max-width: 120px;
       height: auto;
       margin: 0 auto;
       object-fit: contain;
   }
   
   .pk-series-compare-name {
       display: block;
       line-height: 1.3;
       font-weight: 700;
       color: var(--pk-ink);
       text-decoration: none;
   }
   
   .pk-series-compare-table thead th a {
       color: var(--pk-ink);
       text-decoration: none;
   }
   
   .pk-series-compare-table th.is-current,
   .pk-series-compare-table td.is-current {
       background: var(--pk-surface);
   }
   
   .pk-series-compare-table tr.pk-spec-row--even td.is-current {
       background: var(--pk-surface);
   }
   
   .pk-series-compare-badge {
       display: inline-block;
       margin-left: 6px;
       padding: 2px 8px;
       border-radius: 999px;
       background: var(--pk-ink);
       color: #fff;
       font-size: var(--pk-fs-xs);
       font-weight: 600;
       vertical-align: middle;
   }
   /* ==========================================================================
      WooCommerce PDP — gallery / summary column widths
      ========================================================================== */

   @media (min-width: 769px) {
       .woocommerce div.product div.images,
       .woocommerce #content div.product div.images,
       .woocommerce-page div.product div.images,
       .woocommerce-page #content div.product div.images {
           width: 50%;
       }

       .woocommerce div.product div.summary,
       .woocommerce #content div.product div.summary,
       .woocommerce-page div.product div.summary,
       .woocommerce-page #content div.product div.summary {
           float: right;
           width: 38%;
           clear: none;
       }
   }

/* Size table: one row per size, qty + add on the last column. */

body.pk-size-table-pdp form.cart.grouped_form,
body.pk-size-table-pdp form.grouped_form,
body.pk-size-table-pdp form.variations_form,
body.pk-size-table-pdp form.cart.variations_form,
body.pk-size-table-pdp .kt-radio-variation-container,
body.pk-size-table-pdp .kad_radio_variations {
	display: none !important;
}

.pk-size-table-block {
	margin: 0 0 1.25em;
}

.pk-size-table-intro {
	margin: -4px 0 14px;
	max-width: 42em;
	color: var(--pk-muted);
	font-size: var(--pk-fs-sm);
	line-height: 1.5;
}

/* Values shared by every size, stated once instead of filling a column. */
.pk-size-table-constants {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
	margin: 0 0 14px;
	padding: 0;
}

.pk-size-table-constant {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.pk-size-table-constant dt {
	margin: 0;
	color: var(--pk-muted);
	font-size: var(--pk-fs-sm);
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pk-size-table-constant dd {
	margin: 0;
	color: var(--pk-ink);
	font-size: var(--pk-fs-sm);
}

.pk-size-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.pk-size-table {
	width: 100%;
	min-width: 880px;
	border-collapse: collapse;
	border: 0;
	font-size: var(--pk-fs-sm);
	margin: 0;
}

.pk-size-table th,
.pk-size-table td {
	padding: 10px 14px;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid var(--pk-border);
}

.pk-size-table thead th {
	background: #dfdfdf;
	color: var(--pk-ink);
	font-size: var(--pk-fs-sm);
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

.pk-size-table td.pk-size-table-model {
	white-space: nowrap;
}

.pk-size-table .pk-size-table-extra-head,
.pk-size-table td.pk-size-table-extra {
	white-space: normal;
	max-width: 16em;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.pk-size-table .pk-size-table-add-head,
.pk-size-table .pk-size-table-add-cell {
	white-space: nowrap;
}

.pk-size-table-row-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pk-size-table-qty {
	width: 4.5em;
	padding: 6px 8px;
	text-align: center;
	border: 1px solid var(--pk-border);
	border-radius: 4px;
	font-size: var(--pk-fs-sm);
	color: var(--pk-ink);
}

.pk-size-table-add {
	background: var(--pk-accent);
	border-color: var(--pk-accent);
	color: #fff;
	white-space: nowrap;
	padding: 6px 12px;
	min-width: 0;
}

.pk-size-table-add.is-loading {
	opacity: .7;
	pointer-events: none;
}

.pk-size-table-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
}

.pk-size-table-feedback {
	font-size: var(--pk-fs-sm);
}

.pk-size-table-feedback.is-error {
	color: #b12704;
}

.pk-size-table-feedback a {
	font-weight: 600;
}

/* Featured spec rows stay visible when "Show differences only" is on. */
.pk-cmp.is-diff-only .pk-cmp-keep {
	display: table-row;
}