.rpe-k-catalogue{--k-navy:#103f5d;--k-blue:#176b83;--k-teal:#2b9a9a;--k-mint:#e9f7f5;--k-ink:#173e57;--k-muted:#6d7d86;--k-line:#dbe6ea;--k-bg:#f5f8f9;--k-radius:14px;background:var(--k-bg);color:var(--k-ink);padding-bottom:110px;min-height:70vh}
.rpe-k-catalogue *{box-sizing:border-box}
.rpe-k-hero{background:linear-gradient(118deg,#0d4160,#176b83 68%,#238b8e);color:#fff;position:relative;overflow:hidden}
.rpe-k-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-170px;top:-210px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.rpe-k-hero-inner{max-width:1180px;margin:auto;padding:54px 24px 48px;position:relative;z-index:1}
.rpe-k-kicker{font-size:10px;font-weight:900;letter-spacing:.2em;color:#74ddd2}
.rpe-k-hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.03;margin:10px 0 12px;color:#fff}
.rpe-k-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.7}
.rpe-k-hero-stats{display:flex;gap:10px;margin-top:22px;align-items:center;font-size:12px;color:rgba(255,255,255,.72)}
.rpe-k-hero-stats b{color:#fff;font-size:16px}
.rpe-k-shell{max-width:1180px;margin:auto;padding:26px 24px 0}
.rpe-k-topbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.rpe-k-search{display:flex;align-items:center;background:#fff;border:1px solid var(--k-line);border-radius:10px;min-height:54px;box-shadow:0 6px 20px rgba(15,55,70,.05)}
.rpe-k-search>span{font-size:24px;color:var(--k-teal);padding:0 14px}
.rpe-k-search input{border:0;outline:0;flex:1;min-width:0;font-size:14px;color:var(--k-ink);background:transparent}
.rpe-k-search button{border:0;background:transparent;color:#809099;font-size:11px;font-weight:800;padding:10px 14px;cursor:pointer}
.rpe-k-review{min-height:54px;border:0;border-radius:10px;background:var(--k-navy);color:#fff;padding:0 17px;display:flex;align-items:center;gap:9px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(16,63,93,.18)}
.rpe-k-review .rpe-count{min-width:24px;height:24px;border-radius:99px;background:var(--k-teal);display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.rpe-k-review i{font-style:normal;font-size:16px}
.rpe-k-search-note{margin:10px 0;padding:10px 13px;border-radius:8px;background:#e9f7f5;color:#176d68;font-size:12px}
.rpe-k-categories{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.rpe-k-cat-label{width:100%;font-size:10px;letter-spacing:.14em;font-weight:900;color:#78909a;margin-bottom:2px}
.rpe-k-categories button{border:1px solid #d3e1e5;background:#fff;color:#355666;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}
.rpe-k-categories button span{opacity:.55;margin-left:4px}
.rpe-k-categories button:hover,.rpe-k-categories button.active{background:#e8f7f5;border-color:#72c8c2;color:#126e72}
.rpe-k-az{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:18px 0 8px;padding:11px 0;border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.rpe-k-az>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#78909a;margin-right:6px}
.rpe-k-az button{width:29px;height:29px;border:1px solid #d9e4e7;background:#fff;border-radius:6px;color:#41606e;font-size:11px;font-weight:800;cursor:pointer}
.rpe-k-az button:hover,.rpe-k-az button.active{background:var(--k-navy);color:#fff;border-color:var(--k-navy)}
.rpe-k-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px}
.rpe-k-toolbar strong{display:block;font-size:16px;color:var(--k-navy)}
.rpe-k-toolbar span{font-size:11px;color:var(--k-muted);margin-left:9px}
.rpe-k-loading{color:var(--k-teal)!important;font-weight:800}
.rpe-k-list{background:#fff;border:1px solid var(--k-line);border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(20,55,70,.05)}
.rpe-k-list-head{display:grid;grid-template-columns:70px minmax(0,1fr) 190px 180px;gap:12px;padding:11px 15px;background:#f0f5f6;color:#73858d;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.rpe-k-row{display:grid;grid-template-columns:70px 54px minmax(0,1fr) 190px 180px;gap:12px;align-items:center;padding:13px 15px;border-top:1px solid #e8eef0;background:#fff;transition:.15s}
.rpe-k-row:hover{background:#f8fbfb}.rpe-k-row.is-selected{background:#eef9f7}
.rpe-k-check{display:flex;justify-content:center;cursor:pointer}
.rpe-k-check input{position:absolute;opacity:0;pointer-events:none}
.rpe-k-check span{width:21px;height:21px;border:1px solid #b9cbd0;border-radius:6px;background:#fff;position:relative}
.rpe-k-check input:checked+span{background:var(--k-teal);border-color:var(--k-teal)}
.rpe-k-check input:checked+span:after{content:"✓";color:#fff;font-weight:900;position:absolute;left:4px;top:-1px;font-size:14px}
.rpe-k-thumb{width:50px;height:50px;border-radius:9px;background:#edf5f5;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--k-teal);font-weight:900}
.rpe-k-thumb img{width:100%;height:100%;object-fit:cover}
.rpe-k-main{min-width:0}.rpe-k-name{font-size:14px;font-weight:900;color:var(--k-ink);text-decoration:none}.rpe-k-name:hover{color:var(--k-teal)}
.rpe-k-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.rpe-k-meta span{background:#f2f6f7;border-radius:4px;padding:3px 6px;font-size:9px;color:#6d7d86}.rpe-k-meta b{color:#46636f}
.rpe-k-category{font-size:11px;color:#5f747e;line-height:1.4}
.rpe-k-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.rpe-k-add{border:1px solid #b9dedd;background:#f2fbfa;color:#16767a;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}
.rpe-k-add:hover,.rpe-k-row.is-selected .rpe-k-add{background:var(--k-teal);border-color:var(--k-teal);color:#fff}
.rpe-k-view{font-size:11px;font-weight:900;color:var(--k-navy);text-decoration:none;white-space:nowrap}.rpe-k-view span{color:var(--k-teal)}
.rpe-k-empty{padding:70px 20px;text-align:center}.rpe-k-empty strong{display:block;font-size:18px;color:var(--k-navy);margin-bottom:6px}.rpe-k-empty span{font-size:12px;color:var(--k-muted)}
.rpe-k-loadmore-wrap{text-align:center;padding:20px 0}.rpe-k-loadmore{border:1px solid #b9dedd;background:#fff;color:#166e73;border-radius:8px;padding:11px 16px;font-weight:900;font-size:12px;cursor:pointer}.rpe-k-loadmore:hover{background:#e9f7f5}.rpe-k-loadmore-wrap small{display:block;color:#829097;font-size:10px;margin-top:8px}
.rpe-k-selectionbar{position:fixed;z-index:99990;left:50%;bottom:18px;transform:translate(-50%,20px);width:min(760px,calc(100% - 30px));background:#103f5d;color:#fff;border-radius:13px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 18px 45px rgba(10,45,65,.28);opacity:0;pointer-events:none;transition:.2s}
.rpe-k-selectionbar.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.rpe-k-selectionbar b{display:block;font-size:13px}.rpe-k-selectionbar small{display:block;color:rgba(255,255,255,.65);font-size:10px;margin-top:2px}
.rpe-k-selectionbar button{border:0;border-radius:8px;background:#2b9a9a;color:#fff;padding:11px 14px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}
@media(max-width:900px){.rpe-k-list-head{display:none}.rpe-k-row{grid-template-columns:38px 48px minmax(0,1fr);gap:9px}.rpe-k-category{display:none}.rpe-k-actions{grid-column:3;justify-content:flex-start;margin-top:4px}.rpe-k-add{font-size:10px}.rpe-k-view{font-size:10px}.rpe-k-topbar{grid-template-columns:1fr}.rpe-k-review{justify-content:center}.rpe-k-shell{padding-left:15px;padding-right:15px}}
@media(max-width:560px){.rpe-k-hero-inner{padding:38px 18px}.rpe-k-shell{padding-top:18px}.rpe-k-az button{width:26px;height:26px}.rpe-k-row{padding:12px 9px}.rpe-k-name{font-size:13px}.rpe-k-selectionbar{bottom:10px}.rpe-k-selectionbar button{padding:10px}.rpe-k-thumb{width:44px;height:44px}}


/* =========================================================
   RACHITA CATALOGUE V2.2.2
   Full-width Astra integration + responsive/mobile layout
   CSS-only enhancement: leaves CRM/product logic untouched.
   ========================================================= */

/* Remove Astra's archive/sidebar constraint around the catalogue. */
body.tax-rpe_product_category .site-content > .ast-container,
body.post-type-archive-rpe_product .site-content > .ast-container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block !important;
}

body.tax-rpe_product_category .content-area,
body.post-type-archive-rpe_product .content-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.tax-rpe_product_category .widget-area,
body.post-type-archive-rpe_product .widget-area {
    display: none !important;
}

/* Make the catalogue itself use the complete content viewport. */
.rpe-k-catalogue {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow-x: clip;
}

.rpe-k-hero-inner,
.rpe-k-shell {
    width: min(100% - 48px, 1320px);
    max-width: 1320px;
}

.rpe-k-hero-inner {
    margin-left: auto;
    margin-right: auto;
}

.rpe-k-shell {
    margin-left: auto;
    margin-right: auto;
}

/* Keep the search/category interface from becoming cramped on wide screens. */
.rpe-k-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
}

.rpe-k-search {
    width: 100%;
}

/* Better product density on desktop. */
.rpe-k-list-head {
    grid-template-columns: 58px minmax(280px, 1fr) minmax(170px, 230px) minmax(190px, 220px);
}

.rpe-k-row {
    grid-template-columns: 58px 54px minmax(280px, 1fr) minmax(170px, 230px) minmax(190px, 220px);
}

/* Large screens: use the space rather than leaving an empty right column. */
@media (min-width: 1200px) {
    .rpe-k-hero-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .rpe-k-shell {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Tablet */
@media (max-width: 1000px) {
    .rpe-k-hero-inner,
    .rpe-k-shell {
        width: calc(100% - 32px);
    }

    .rpe-k-hero h1 {
        font-size: clamp(34px, 6vw, 52px);
    }

    .rpe-k-row {
        grid-template-columns: 42px 52px minmax(0, 1fr) 170px;
    }

    .rpe-k-list-head {
        grid-template-columns: 42px 52px minmax(0, 1fr) 170px;
    }

    .rpe-k-list-head span:nth-child(2)::before {
        content: "";
    }

    .rpe-k-category {
        display: none;
    }

    .rpe-k-actions {
        grid-column: 4;
    }
}

/* Mobile */
@media (max-width: 700px) {
    body.tax-rpe_product_category .site-content > .ast-container,
    body.post-type-archive-rpe_product .site-content > .ast-container {
        padding: 0 !important;
    }

    .rpe-k-hero-inner,
    .rpe-k-shell {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .rpe-k-hero-inner {
        padding-top: 34px;
        padding-bottom: 32px;
    }

    .rpe-k-hero h1 {
        font-size: clamp(30px, 9vw, 42px);
        line-height: 1.05;
        overflow-wrap: anywhere;
    }

    .rpe-k-hero p {
        font-size: 13px;
        line-height: 1.55;
    }

    .rpe-k-hero-stats {
        margin-top: 17px;
    }

    .rpe-k-topbar {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 9px;
    }

    .rpe-k-search {
        min-height: 50px;
    }

    .rpe-k-review {
        width: 100%;
        justify-content: center;
        min-height: 48px;
    }

    .rpe-k-search-note {
        font-size: 11px;
    }

    /* Horizontal scroll for category pills instead of wrapping into a giant block. */
    .rpe-k-categories {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 4px 0 9px;
        margin-right: -16px;
        padding-right: 16px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .rpe-k-cat-label {
        flex: 0 0 100%;
    }

    .rpe-k-categories {
        flex-wrap: wrap;
    }

    .rpe-k-categories button {
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 8px 11px;
    }

    /* A-Z stays one compact horizontal rail on phones. */
    .rpe-k-az {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 10px 0;
        margin-right: -16px;
        padding-right: 16px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .rpe-k-az > span {
        flex: 0 0 auto;
    }

    .rpe-k-az button {
        flex: 0 0 29px;
    }

    .rpe-k-toolbar {
        padding: 14px 0 10px;
        display: block;
    }

    .rpe-k-toolbar strong {
        font-size: 15px;
    }

    .rpe-k-toolbar span {
        display: block;
        margin: 4px 0 0;
    }

    .rpe-k-list {
        border-radius: 10px;
    }

    .rpe-k-list-head {
        display: none;
    }

    /* Mobile product row: checkbox + image + information, actions below. */
    .rpe-k-row {
        grid-template-columns: 34px 46px minmax(0, 1fr);
        gap: 9px;
        padding: 13px 10px;
    }

    .rpe-k-check {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        padding-top: 2px;
    }

    .rpe-k-thumb {
        grid-column: 2;
        grid-row: 1;
        width: 46px;
        height: 46px;
    }

    .rpe-k-main {
        grid-column: 3;
        grid-row: 1;
    }

    .rpe-k-category {
        display: none !important;
    }

    .rpe-k-actions {
        grid-column: 3;
        grid-row: 2;
        justify-content: flex-start;
        margin-top: 2px;
        gap: 8px;
    }

    .rpe-k-add {
        padding: 8px 10px;
    }

    .rpe-k-view {
        padding: 8px 5px;
    }

    .rpe-k-name {
        font-size: 13px;
        line-height: 1.25;
    }

    .rpe-k-meta {
        max-height: 43px;
        overflow: hidden;
    }

    .rpe-k-selectionbar {
        width: calc(100% - 20px);
        bottom: 10px;
        padding: 11px;
        border-radius: 12px;
        gap: 10px;
    }

    .rpe-k-selectionbar > div {
        min-width: 0;
    }

    .rpe-k-selectionbar b {
        font-size: 12px;
    }

    .rpe-k-selectionbar small {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 170px;
    }

    .rpe-k-selectionbar button {
        padding: 10px 11px;
        font-size: 10px;
    }
}

/* Small phones */
@media (max-width: 420px) {
    .rpe-k-hero-inner,
    .rpe-k-shell {
        padding-left: 12px;
        padding-right: 12px;
    }

    .rpe-k-hero-inner {
        padding-top: 28px;
        padding-bottom: 27px;
    }

    .rpe-k-kicker {
        font-size: 8px;
    }

    .rpe-k-hero h1 {
        font-size: 30px;
    }

    .rpe-k-row {
        grid-template-columns: 30px 42px minmax(0, 1fr);
        padding-left: 8px;
        padding-right: 8px;
    }

    .rpe-k-thumb {
        width: 42px;
        height: 42px;
    }

    .rpe-k-meta span {
        font-size: 8px;
    }

    .rpe-k-selectionbar {
        align-items: center;
    }

    .rpe-k-selectionbar button {
        white-space: nowrap;
        max-width: 145px;
    }
}

/* =========================================================
   RACHITA CATALOGUE 2.4.0 — DISPLAY + BRAND SYSTEM
   ========================================================= */
.rpe-k-catalogue{
  --k-navy:var(--rpe-navy,#123B5D);
  --k-blue:var(--rpe-blue,#60727D);
  --k-teal:var(--rpe-teal,#299B9B);
  --k-ink:var(--rpe-ink,#123B5D);
  --k-muted:var(--rpe-muted,#60727D);
  --k-line:var(--rpe-line,#D7E0E5);
  --k-bg:var(--rpe-mist,#F4EEE3);
  background:var(--k-bg);
}
.rpe-k-hero{background:var(--rpe-navy,#123B5D)}
.rpe-k-hero h1{color:var(--rpe-white,#fff)}
.rpe-k-search{border-color:var(--rpe-line,#D7E0E5)}
.rpe-k-categories button{border-color:var(--rpe-line,#D7E0E5);color:var(--rpe-navy,#123B5D)}
.rpe-k-categories button:hover,.rpe-k-categories button.active{background:color-mix(in srgb,var(--rpe-teal,#299B9B) 10%,white);border-color:var(--rpe-teal,#299B9B);color:var(--rpe-navy,#123B5D)}
.rpe-k-list{border-color:var(--rpe-line,#D7E0E5)}
.rpe-k-list-head{background:color-mix(in srgb,var(--rpe-mist,#F4EEE3) 65%,white);color:var(--rpe-muted,#60727D)}
.rpe-k-row{grid-template-columns:54px minmax(0,1fr) 180px}
.rpe-k-row.rpe-k-row-no-category{grid-template-columns:54px minmax(0,1fr) 180px}
.rpe-k-list-no-thumb .rpe-k-row,.rpe-k-list-no-thumb .rpe-k-row.rpe-k-row-no-category{grid-template-columns:minmax(0,1fr) 180px}
.rpe-k-list-thumb-category .rpe-k-list-head{grid-template-columns:54px minmax(0,1fr) 190px 180px}
.rpe-k-list-thumb-no-category .rpe-k-list-head{grid-template-columns:54px minmax(0,1fr) 180px}
.rpe-k-list-no-thumb-category .rpe-k-list-head{grid-template-columns:minmax(0,1fr) 190px 180px}
.rpe-k-list-no-thumb-no-category .rpe-k-list-head{grid-template-columns:minmax(0,1fr) 180px}
.rpe-k-list-thumb-category .rpe-k-row{grid-template-columns:54px minmax(0,1fr) 190px 180px}
.rpe-k-list-no-thumb-category .rpe-k-row{grid-template-columns:minmax(0,1fr) 190px 180px}
.rpe-k-add{border-color:color-mix(in srgb,var(--rpe-teal,#299B9B) 35%,white);background:color-mix(in srgb,var(--rpe-teal,#299B9B) 7%,white);color:var(--rpe-teal,#299B9B)}
.rpe-k-add:hover,.rpe-k-row.is-selected .rpe-k-add{background:var(--rpe-teal,#299B9B);border-color:var(--rpe-teal,#299B9B)}
.rpe-k-view{color:var(--rpe-navy,#123B5D)}
.rpe-k-hero-category{display:inline-flex;margin-top:16px;padding:8px 12px;border-radius:999px;background:var(--rpe-teal,#299B9B);color:#fff;font-size:11px;font-weight:800}
.rpe-k-az button.active,.rpe-k-az button:hover{background:var(--rpe-navy,#123B5D);border-color:var(--rpe-navy,#123B5D)}

@media(max-width:1000px){
  .rpe-k-list-thumb-category .rpe-k-row,.rpe-k-list-thumb-no-category .rpe-k-row{grid-template-columns:48px minmax(0,1fr) 160px}
  .rpe-k-list-no-thumb-category .rpe-k-row,.rpe-k-list-no-thumb-no-category .rpe-k-row{grid-template-columns:minmax(0,1fr) 160px}
  .rpe-k-list-thumb-category .rpe-k-list-head,.rpe-k-list-thumb-no-category .rpe-k-list-head{grid-template-columns:48px minmax(0,1fr) 160px}
  .rpe-k-list-no-thumb-category .rpe-k-list-head,.rpe-k-list-no-thumb-no-category .rpe-k-list-head{grid-template-columns:minmax(0,1fr) 160px}
}

@media(max-width:700px){
  .rpe-k-list-thumb-category .rpe-k-row,.rpe-k-list-thumb-no-category .rpe-k-row{grid-template-columns:46px minmax(0,1fr)}
  .rpe-k-list-no-thumb-category .rpe-k-row,.rpe-k-list-no-thumb-no-category .rpe-k-row{grid-template-columns:minmax(0,1fr)}
  .rpe-k-list-thumb-category .rpe-k-actions,.rpe-k-list-thumb-no-category .rpe-k-actions,.rpe-k-list-no-thumb-category .rpe-k-actions,.rpe-k-list-no-thumb-no-category .rpe-k-actions{grid-column:1/-1;justify-content:flex-start;margin-top:7px}
  .rpe-k-list-thumb-category .rpe-k-list-head,.rpe-k-list-thumb-no-category .rpe-k-list-head,.rpe-k-list-no-thumb-category .rpe-k-list-head,.rpe-k-list-no-thumb-no-category .rpe-k-list-head{display:none}
  .rpe-k-list-thumb-category .rpe-k-category,.rpe-k-list-no-thumb-category .rpe-k-category{display:none}
}


/* =========================================================
   RACHITA PRODUCT ENGINE 2.4.3 — MOBILE POLISH
   - Full-viewport catalogue on phones
   - Prevent long product names from clipping
   - Keep rows/actions inside the viewport
   - Minimal catalogue hero: title + description only
   ========================================================= */

/* The catalogue should own the mobile viewport instead of inheriting
   Astra's narrow content container. */
@media (max-width: 700px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.tax-rpe_product_category .site-content,
  body.post-type-archive-rpe_product .site-content,
  body.tax-rpe_product_category .site-main,
  body.post-type-archive_rpe_product .site-main,
  body.tax-rpe_product_category #primary,
  body.post-type-archive_rpe_product #primary,
  body.tax-rpe_product_category .content-area,
  body.post-type-archive_rpe_product .content-area,
  body.tax-rpe_product_category .ast-container,
  body.post-type-archive_rpe_product .ast-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .rpe-k-catalogue {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .rpe-k-hero-inner,
  .rpe-k-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Only title + description in the category hero. */
  .rpe-k-kicker,
  .rpe-k-hero-stats,
  .rpe-k-hero-category {
    display: none !important;
  }

  .rpe-k-hero-inner {
    padding-top: 32px !important;
    padding-bottom: 28px !important;
  }

  .rpe-k-hero h1 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    max-width: 100% !important;
    font-size: clamp(30px, 8.8vw, 40px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .rpe-k-hero p {
    max-width: 100% !important;
    margin: 0 !important;
  }

  .rpe-k-topbar {
    width: 100% !important;
    min-width: 0 !important;
  }

  .rpe-k-search,
  .rpe-k-review {
    width: 100% !important;
    min-width: 0 !important;
  }

  .rpe-k-search input {
    min-width: 0 !important;
    width: 100% !important;
  }

  .rpe-k-categories {
    width: 100% !important;
    min-width: 0 !important;
  }

  .rpe-k-categories button {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
  }

  .rpe-k-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .rpe-k-row,
  .rpe-k-list-thumb-category .rpe-k-row,
  .rpe-k-list-thumb-no-category .rpe-k-row,
  .rpe-k-list-no-thumb-category .rpe-k-row,
  .rpe-k-list-no-thumb-no-category .rpe-k-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 13px 10px !important;
    align-items: start !important;
  }

  .rpe-k-thumb {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }

  .rpe-k-main {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .rpe-k-name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  .rpe-k-meta {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .rpe-k-actions,
  .rpe-k-list-thumb-category .rpe-k-actions,
  .rpe-k-list-thumb-no-category .rpe-k-actions,
  .rpe-k-list-no-thumb-category .rpe-k-actions,
  .rpe-k-list-no-thumb-no-category .rpe-k-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 2px !important;
    gap: 10px !important;
  }

  .rpe-k-add,
  .rpe-k-view {
    flex: 0 0 auto !important;
  }

  .rpe-k-selectionbar {
    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    left: 50% !important;
    bottom: 10px !important;
    padding: 10px 11px !important;
    gap: 8px !important;
  }

  .rpe-k-selectionbar > div {
    min-width: 0 !important;
  }

  .rpe-k-selectionbar button {
    max-width: 52% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
\n\n/* =========================================================\n   RACHITA PRODUCT ENGINE 2.4.4 — FORWARD MOBILE + TITLE POLISH\n   ========================================================= */\n.rpe-k-row-no-image .rpe-k-main { grid-column: 1 / 4; }\n.rpe-k-list-no-thumb .rpe-k-row-no-image .rpe-k-main { grid-column: 1; }\n.rpe-k-row-no-image .rpe-k-actions { grid-column: 4; }\n\n/* The catalogue hero is intentionally minimal: title + description. */\n.rpe-k-hero-stats,\n.rpe-k-hero-category,\n.rpe-k-kicker { display:none !important; }\n\n@media (max-width: 700px) {\n  body.tax-rpe_product_category,\n  body.post-type-archive-rpe_product { overflow-x:hidden !important; }\n\n  body.tax-rpe_product_category .site-content,\n  body.post-type-archive-rpe_product .site-content,\n  body.tax-rpe_product_category .site-main,\n  body.post-type-archive-rpe_product .site-main,\n  body.tax-rpe_product_category #primary,\n  body.post-type-archive-rpe_product #primary,\n  body.tax-rpe_product_category .content-area,\n  body.post-type-archive-rpe_product .content-area {\n    width:100% !important;\n    max-width:none !important;\n    margin:0 !important;\n    padding:0 !important;\n    min-width:0 !important;\n  }\n\n  .rpe-k-catalogue {\n    width:100% !important;\n    max-width:none !important;\n    margin:0 !important;\n    padding-bottom:100px !important;\n    overflow:hidden !important;\n  }\n\n  .rpe-k-hero { width:100% !important; }\n  .rpe-k-hero-inner {\n    width:100% !important;\n    max-width:none !important;\n    padding:30px 16px 26px !important;\n  }\n  .rpe-k-hero h1 {\n    font-size:32px !important;\n    line-height:1.08 !important;\n    margin:0 0 10px !important;\n    overflow-wrap:normal !important;\n    word-break:normal !important;\n  }\n  .rpe-k-hero p {\n    font-size:13px !important;\n    line-height:1.55 !important;\n    max-width:100% !important;\n  }\n\n  .rpe-k-shell {\n    width:100% !important;\n    max-width:none !important;\n    padding:16px !important;\n  }\n  .rpe-k-topbar {\n    display:flex !important;\n    flex-direction:column !important;\n    width:100% !important;\n    gap:9px !important;\n  }\n  .rpe-k-search, .rpe-k-review {\n    width:100% !important;\n    max-width:none !important;\n  }\n  .rpe-k-search { min-height:50px !important; }\n  .rpe-k-review { min-height:48px !important; justify-content:center !important; }\n\n  .rpe-k-categories {\n    width:100% !important;\n    display:flex !important;\n    flex-wrap:wrap !important;\n    gap:7px !important;\n    overflow:visible !important;\n    margin:16px 0 0 !important;\n    padding:0 !important;\n  }\n  .rpe-k-cat-label { flex:0 0 100% !important; }\n  .rpe-k-categories button {\n    max-width:100% !important;\n    white-space:normal !important;\n    text-align:center !important;\n    padding:8px 10px !important;\n    font-size:10px !important;\n  }\n\n  .rpe-k-toolbar {\n    display:flex !important;\n    flex-direction:column !important;\n    align-items:flex-start !important;\n    gap:5px !important;\n    padding:14px 0 9px !important;\n  }\n  .rpe-k-toolbar strong { font-size:15px !important; }\n\n  .rpe-k-list {\n    width:100% !important;\n    max-width:none !important;\n    border-radius:11px !important;\n    overflow:hidden !important;\n  }\n  .rpe-k-list-head { display:none !important; }\n\n  .rpe-k-row,\n  .rpe-k-list-thumb-category .rpe-k-row,\n  .rpe-k-list-thumb-no-category .rpe-k-row,\n  .rpe-k-list-no-thumb-category .rpe-k-row,\n  .rpe-k-list-no-thumb-no-category .rpe-k-row {\n    display:grid !important;\n    grid-template-columns:46px minmax(0,1fr) !important;\n    width:100% !important;\n    min-width:0 !important;\n    padding:14px 10px !important;\n    gap:10px !important;\n    align-items:start !important;\n  }\n\n  .rpe-k-row-no-image .rpe-k-main { grid-column:1 / -1 !important; }\n  .rpe-k-thumb {\n    grid-column:1 !important;\n    grid-row:1 !important;\n    width:42px !important;\n    height:42px !important;\n  }\n  .rpe-k-main {\n    grid-column:2 !important;\n    grid-row:1 !important;\n    min-width:0 !important;\n    width:auto !important;\n  }\n  .rpe-k-name {\n    display:block !important;\n    width:auto !important;\n    max-width:100% !important;\n    font-size:13px !important;\n    line-height:1.3 !important;\n    white-space:normal !important;\n    overflow-wrap:anywhere !important;\n    word-break:break-word !important;\n  }\n  .rpe-k-meta { max-width:100% !important; }\n  .rpe-k-category { display:none !important; }\n  .rpe-k-actions,\n  .rpe-k-list-thumb-category .rpe-k-actions,\n  .rpe-k-list-thumb-no-category .rpe-k-actions,\n  .rpe-k-list-no-thumb-category .rpe-k-actions,\n  .rpe-k-list-no-thumb-no-category .rpe-k-actions {\n    grid-column:1 / -1 !important;\n    grid-row:2 !important;\n    width:100% !important;\n    min-width:0 !important;\n    display:flex !important;\n    justify-content:flex-start !important;\n    align-items:center !important;\n    flex-wrap:wrap !important;\n    gap:8px !important;\n    margin-top:3px !important;\n  }\n  .rpe-k-add { font-size:10px !important; padding:8px 10px !important; }\n  .rpe-k-view { font-size:10px !important; padding:8px 4px !important; }\n\n  .rpe-k-selectionbar {\n    width:calc(100% - 20px) !important;\n    left:50% !important;\n    max-width:none !important;\n    bottom:10px !important;\n    padding:10px !important;\n    gap:8px !important;\n  }\n  .rpe-k-selectionbar button {\n    max-width:52% !important;\n    padding:10px !important;\n    font-size:10px !important;\n  }\n}\n\n@media (max-width:420px) {\n  .rpe-k-hero-inner { padding:26px 14px 24px !important; }\n  .rpe-k-hero h1 { font-size:29px !important; }\n  .rpe-k-shell { padding:14px !important; }\n  .rpe-k-categories button { font-size:9.5px !important; }\n  .rpe-k-row { padding:13px 9px !important; }\n}\n

/* =========================================================
   RACHITA PRODUCT ENGINE 2.4.5 — STABLE TABLE + MOBILE ROWS
   Fixes the 2.4.4 grid regression caused by the no-image rules.
   Desktop: clean tabular Product / Action layout.
   Mobile: simple stacked product card with name on the left,
   never pushed into a narrow right-hand column.
   ========================================================= */

/* Reset the 2.4.4 no-image grid overrides. */
.rpe-k-row-no-image .rpe-k-main,
.rpe-k-list-no-thumb .rpe-k-row-no-image .rpe-k-main,
.rpe-k-row-no-image .rpe-k-actions {
    grid-column: auto !important;
}

/* Desktop/table layout — exact columns follow the enabled display settings. */
.rpe-k-list-thumb-category .rpe-k-row {
    grid-template-columns: 54px minmax(0,1fr) 190px 180px !important;
}
.rpe-k-list-thumb-no-category .rpe-k-row {
    grid-template-columns: 54px minmax(0,1fr) 180px !important;
}
.rpe-k-list-no-thumb-category .rpe-k-row {
    grid-template-columns: minmax(0,1fr) 190px 180px !important;
}
.rpe-k-list-no-thumb-no-category .rpe-k-row {
    grid-template-columns: minmax(0,1fr) 180px !important;
}

.rpe-k-list-no-thumb .rpe-k-main {
    grid-column: 1 !important;
    min-width: 0 !important;
}
.rpe-k-list-no-thumb .rpe-k-actions {
    grid-column: -2 !important;
    min-width: 0 !important;
}

/* No artificial letter/avatar when a product has no image. */
.rpe-k-row-no-image::before,
.rpe-k-row-no-image::after {
    content: none !important;
}

/* Mobile: product information is always the first readable block. */
@media (max-width: 700px) {
    .rpe-k-list-thumb-category .rpe-k-row,
    .rpe-k-list-thumb-no-category .rpe-k-row {
        grid-template-columns: 42px minmax(0,1fr) !important;
    }

    .rpe-k-list-no-thumb-category .rpe-k-row,
    .rpe-k-list-no-thumb-no-category .rpe-k-row {
        grid-template-columns: minmax(0,1fr) !important;
    }

    .rpe-k-list-thumb-category .rpe-k-thumb,
    .rpe-k-list-thumb-no-category .rpe-k-thumb {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 42px !important;
        height: 42px !important;
    }

    .rpe-k-list-thumb-category .rpe-k-main,
    .rpe-k-list-thumb-no-category .rpe-k-main {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .rpe-k-list-no-thumb-category .rpe-k-main,
    .rpe-k-list-no-thumb-no-category .rpe-k-main,
    .rpe-k-list-no-thumb .rpe-k-row-no-image .rpe-k-main {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .rpe-k-list-thumb-category .rpe-k-actions,
    .rpe-k-list-thumb-no-category .rpe-k-actions,
    .rpe-k-list-no-thumb-category .rpe-k-actions,
    .rpe-k-list-no-thumb-no-category .rpe-k-actions {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 5px !important;
    }

    .rpe-k-list-no-thumb .rpe-k-actions {
        grid-column: 1 !important;
    }

    .rpe-k-name {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        hyphens: auto;
    }

    .rpe-k-meta {
        display: flex !important;
        flex-wrap: wrap !important;
        max-width: 100% !important;
    }

    .rpe-k-meta span {
        max-width: 100% !important;
        overflow-wrap: break-word !important;
    }
}

@media (max-width: 420px) {
    .rpe-k-list-thumb-category .rpe-k-row,
    .rpe-k-list-thumb-no-category .rpe-k-row {
        grid-template-columns: 38px minmax(0,1fr) !important;
        padding: 13px 9px !important;
        gap: 9px !important;
    }

    .rpe-k-list-thumb-category .rpe-k-thumb,
    .rpe-k-list-thumb-no-category .rpe-k-thumb {
        width: 38px !important;
        height: 38px !important;
    }

    .rpe-k-name {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }
}

/* =========================================================
   RACHITA PRODUCT ENGINE 2.4.6 — CATALOGUE TABLE + MOBILE CARDS
   Desktop: Product | Category | CAS | Action
   Mobile: Product details on the left + compact + button on right
   ========================================================= */

.rpe-k-list-head,
.rpe-k-list-thumb-category .rpe-k-list-head,
.rpe-k-list-thumb-no-category .rpe-k-list-head,
.rpe-k-list-no-thumb-category .rpe-k-list-head,
.rpe-k-list-no-thumb-no-category .rpe-k-list-head {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 220px 150px 210px !important;
    align-items:center !important;
    gap:20px !important;
    padding:11px 16px !important;
}

.rpe-k-list-thumb-category .rpe-k-row,
.rpe-k-list-thumb-no-category .rpe-k-row,
.rpe-k-list-no-thumb-category .rpe-k-row,
.rpe-k-list-no-thumb-no-category .rpe-k-row,
.rpe-k-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 220px 150px 210px !important;
    align-items:center !important;
    gap:20px !important;
    padding:17px 16px !important;
    min-height:78px !important;
}

.rpe-k-main { grid-column:1 !important; min-width:0 !important; }
.rpe-k-category { grid-column:2 !important; display:block !important; min-width:0 !important; font-size:12px !important; line-height:1.35 !important; color:var(--rpe-navy,#123B5D) !important; }
.rpe-k-cas { grid-column:3 !important; min-width:0 !important; font-size:12px !important; color:var(--rpe-muted,#60727D) !important; overflow-wrap:anywhere !important; }
.rpe-k-empty-cas { color:#a3afb4; }
.rpe-k-actions { grid-column:4 !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:14px !important; min-width:0 !important; }
.rpe-k-name { display:block !important; font-size:14px !important; line-height:1.35 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; }
.rpe-k-add { flex:0 0 auto !important; }
.rpe-k-view { flex:0 0 auto !important; }

/* We deliberately do not show the catalogue thumbnail in the table.
   Product images remain available for individual product pages. */
.rpe-k-thumb { display:none !important; }

@media (min-width:701px) and (max-width:1100px) {
    .rpe-k-list-head,
    .rpe-k-row {
        grid-template-columns:minmax(0,1fr) 170px 120px 190px !important;
        gap:14px !important;
    }
}

@media (max-width:700px) {
    .rpe-k-list-head { display:none !important; }

    .rpe-k-row,
    .rpe-k-list-thumb-category .rpe-k-row,
    .rpe-k-list-thumb-no-category .rpe-k-row,
    .rpe-k-list-no-thumb-category .rpe-k-row,
    .rpe-k-list-no-thumb-no-category .rpe-k-row {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 48px !important;
        grid-template-rows:auto auto auto !important;
        column-gap:12px !important;
        row-gap:4px !important;
        align-items:start !important;
        padding:15px 12px !important;
        min-height:0 !important;
    }

    .rpe-k-main {
        grid-column:1 !important;
        grid-row:1 !important;
        min-width:0 !important;
    }

    .rpe-k-name {
        font-size:14px !important;
        line-height:1.35 !important;
        padding-right:4px !important;
    }

    .rpe-k-category {
        grid-column:1 !important;
        grid-row:2 !important;
        display:block !important;
        font-size:11px !important;
        line-height:1.35 !important;
        color:var(--rpe-muted,#60727D) !important;
    }

    .rpe-k-cas {
        grid-column:1 !important;
        grid-row:3 !important;
        display:block !important;
        font-size:11px !important;
        line-height:1.35 !important;
        color:var(--rpe-muted,#60727D) !important;
    }

    .rpe-k-cas::before { content:'CAS: '; font-weight:700; color:var(--rpe-navy,#123B5D); }
    .rpe-k-empty-cas::before { content:''; }

    .rpe-k-actions {
        grid-column:2 !important;
        grid-row:1 / span 3 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:0 !important;
        align-self:center !important;
    }

    .rpe-k-add {
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        padding:0 !important;
        border-radius:50% !important;
        font-size:0 !important;
        line-height:1 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .rpe-k-add::after {
        content:'+';
        font-size:22px !important;
        line-height:1 !important;
        font-weight:500 !important;
    }

    .rpe-k-row.is-selected .rpe-k-add::after { content:'✓'; font-size:16px !important; }
    .rpe-k-view { display:none !important; }
}

@media (max-width:420px) {
    .rpe-k-row { padding:14px 10px !important; grid-template-columns:minmax(0,1fr) 44px !important; }
    .rpe-k-add { width:38px !important; height:38px !important; min-width:38px !important; }
    .rpe-k-name { font-size:13px !important; }
}


/* =========================================================
   RACHITA PRODUCT ENGINE 2.4.7 — MOBILE CATALOGUE FINAL
   Mobile is deliberately simpler than desktop:
   Product name + category on the LEFT, compact + on the RIGHT.
   CAS is hidden on mobile. No thumbnail, no View action.
   ========================================================= */
@media (max-width:700px) {
  .rpe-k-catalogue .rpe-k-list .rpe-k-row,
  .rpe-k-catalogue .rpe-k-list .rpe-k-list-no-thumb-category .rpe-k-row,
  .rpe-k-catalogue .rpe-k-list .rpe-k-list-no-thumb-no-category .rpe-k-row,
  .rpe-k-catalogue .rpe-k-list .rpe-k-list-thumb-category .rpe-k-row,
  .rpe-k-catalogue .rpe-k-list .rpe-k-list-thumb-no-category .rpe-k-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 44px !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:
      "main actions"
      "category actions" !important;
    width:100% !important;
    min-width:0 !important;
    gap:3px 10px !important;
    padding:14px 12px !important;
    align-items:start !important;
    position:relative !important;
    overflow:hidden !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-main,
  .rpe-k-catalogue .rpe-k-list .rpe-k-list-no-thumb .rpe-k-row .rpe-k-main {
    grid-area:main !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-name {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.35 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-category {
    grid-area:category !important;
    grid-column:1 !important;
    grid-row:2 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.35 !important;
    color:var(--rpe-muted,#60727D) !important;
    text-align:left !important;
    overflow-wrap:anywhere !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-cas {
    display:none !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-actions {
    grid-area:actions !important;
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    width:44px !important;
    min-width:44px !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:stretch !important;
    gap:0 !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-add {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-add::after {
    content:'+' !important;
    font-size:21px !important;
    line-height:1 !important;
    font-weight:500 !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row.is-selected .rpe-k-add::after {
    content:'✓' !important;
    font-size:16px !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-view {
    display:none !important;
  }

  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-thumb {
    display:none !important;
  }
}

@media (max-width:420px) {
  .rpe-k-catalogue .rpe-k-list .rpe-k-row {
    grid-template-columns:minmax(0,1fr) 42px !important;
    padding:13px 10px !important;
    gap:3px 8px !important;
  }
  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-actions {
    width:42px !important;
    min-width:42px !important;
  }
  .rpe-k-catalogue .rpe-k-list .rpe-k-row .rpe-k-add {
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    max-width:36px !important;
  }
}

/* Rachita Product Engine v2.4.8 — mobile table header cleanup */
@media (max-width: 767px) {
  .rpe-k-catalogue .rpe-k-list-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    align-items: center !important;
  }

  .rpe-k-catalogue .rpe-k-list-head span {
    display: none !important;
  }

  .rpe-k-catalogue .rpe-k-list-head span:first-child {
    display: block !important;
    grid-column: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .12em !important;
  }
}


/* Rachita Product Engine 2.4.9 — deterministic mobile first render.
   These rules intentionally come last so the initial server-rendered rows
   and AJAX-refreshed rows use exactly the same mobile structure. */
@media (max-width: 700px) {
  .rpe-k-catalogue .rpe-k-list-head {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    min-height:40px !important;
  }
  .rpe-k-catalogue .rpe-k-list-head span { display:none !important; }
  .rpe-k-catalogue .rpe-k-list-head span:first-child { display:block !important; }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] {
    width:100% !important;
    min-width:0 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row {
    grid-template-columns:minmax(0,1fr) 42px !important;
    grid-template-areas:"main actions" "category actions" !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-main {
    grid-area:main !important;
    min-width:0 !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-name {
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-category {
    grid-area:category !important;
    display:block !important;
    text-align:left !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-cas,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-view,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-thumb {
    display:none !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-actions {
    grid-area:actions !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    min-width:42px !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-add {
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    padding:0 !important;
    border-radius:50% !important;
    font-size:0 !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-add::after {
    content:'+' !important;
    font-size:21px !important;
    line-height:1 !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row.is-selected .rpe-k-add::after {
    content:'✓' !important;
    font-size:16px !important;
  }
}


/* =========================================================
   RACHITA PRODUCT ENGINE 2.4.12 — DATA GRID REFINEMENT
   Built from stable 2.4.10 baseline.
   Presentation-only: clean Excel-style product table on desktop,
   with the approved compact mobile layout preserved.
   ========================================================= */

/* Desktop: explicit four-column data grid with both horizontal and vertical rules. */
@media (min-width: 701px) {
  .rpe-k-catalogue .rpe-k-list {
    border: 1px solid var(--rpe-line, #d7e0e5) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  .rpe-k-catalogue .rpe-k-list-head,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row {
    grid-template-columns: minmax(0, 1fr) 220px 150px 210px !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .rpe-k-catalogue .rpe-k-list-head {
    min-height: 44px !important;
    padding: 0 !important;
    background: var(--rpe-muted-bg, #f4eee3) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rpe-line, #d7e0e5) !important;
  }

  .rpe-k-catalogue .rpe-k-list-head > span {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-left: 1px solid var(--rpe-line, #d7e0e5) !important;
    color: var(--rpe-navy, #123b5d) !important;
    font-size: 9px !important;
    letter-spacing: .12em !important;
  }

  .rpe-k-catalogue .rpe-k-list-head > span:first-child {
    border-left: 0 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row {
    min-height: 66px !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--rpe-line, #d7e0e5) !important;
    background: #fff !important;
    transition: background .15s ease !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row:first-child {
    border-top: 0 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row:hover {
    background: #fafcfc !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row.is-selected {
    background: #f1f9f8 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-main,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-category,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-cas,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-actions {
    min-width: 0 !important;
    min-height: 66px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    border-left: 1px solid var(--rpe-line, #d7e0e5) !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-main {
    grid-column: 1 !important;
    border-left: 0 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-category {
    grid-column: 2 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: var(--rpe-navy, #123b5d) !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-cas {
    grid-column: 3 !important;
    font-size: 11px !important;
    color: var(--rpe-muted, #60727d) !important;
    overflow-wrap: anywhere !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-actions {
    grid-column: 4 !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-name {
    display: block !important;
    width: 100% !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: var(--rpe-navy, #123b5d) !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-meta {
    display: none !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-add {
    padding: 8px 10px !important;
  }
}

/* Tablet: retain the same four-column grid while tightening widths. */
@media (min-width: 701px) and (max-width: 1100px) {
  .rpe-k-catalogue .rpe-k-list-head,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row {
    grid-template-columns: minmax(0, 1fr) 170px 120px 190px !important;
  }
}

/* Mobile: approved simple data row — Product + Category on left, + on right. */
@media (max-width: 700px) {
  .rpe-k-catalogue .rpe-k-list {
    border: 1px solid var(--rpe-line, #d7e0e5) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  .rpe-k-catalogue .rpe-k-list-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    min-height: 40px !important;
    padding: 0 !important;
    background: var(--rpe-muted-bg, #f4eee3) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rpe-line, #d7e0e5) !important;
  }

  .rpe-k-catalogue .rpe-k-list-head > span {
    display: none !important;
  }

  .rpe-k-catalogue .rpe-k-list-head > span:first-child {
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 0 !important;
    text-align: left !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    grid-template-areas: "main actions" "category actions" !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 13px 10px !important;
    gap: 3px 8px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-top: 1px solid var(--rpe-line, #d7e0e5) !important;
    background: #fff !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row:first-child {
    border-top: 0 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-main {
    grid-area: main !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    display: block !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-name {
    display: block !important;
    width: 100% !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-category {
    grid-area: category !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    color: var(--rpe-muted, #60727d) !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-cas,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-view,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-thumb,
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-meta {
    display: none !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-actions {
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    min-height: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 8px !important;
    border-left: 1px solid var(--rpe-line, #d7e0e5) !important;
    box-sizing: border-box !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-add {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-add::after {
    content: '+' !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
  }

  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row.is-selected .rpe-k-add::after {
    content: '✓' !important;
    font-size: 15px !important;
  }
}

@media (max-width: 420px) {
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-row {
    grid-template-columns: minmax(0, 1fr) 40px !important;
    min-height: 74px !important;
    padding: 12px 9px !important;
    gap: 3px 7px !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-actions {
    width: 40px !important;
    min-width: 40px !important;
    padding-left: 7px !important;
  }
  .rpe-k-catalogue .rpe-k-list > [data-rpe-results] .rpe-k-add {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }
}


/* =========================================================
   RACHITA PRODUCT ENGINE 2.7.0 — CATEGORY-AWARE DATA TABLE
   ========================================================= */
.rpe-k-list { overflow-x:auto; }
.rpe-k-list-head,
.rpe-k-dynamic-row { min-width:900px; }
.rpe-k-list-head { align-items:center; }
.rpe-k-dynamic-row { align-items:center; }
.rpe-k-cell { min-width:0; overflow-wrap:anywhere; line-height:1.35; }
.rpe-k-cell-product_type { font-weight:700; }
.rpe-k-cell-specifications,
.rpe-k-cell-regulatory_filings,
.rpe-k-cell-structure,
.rpe-k-cell-end_use { white-space:normal; }
@media (max-width:900px){
  .rpe-k-list { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .rpe-k-list-head,.rpe-k-dynamic-row { min-width:780px; }
}