/** Shopify CDN: Minification failed

Line 1543:0 All "@import" rules must come first
Line 1544:0 All "@import" rules must come first

**/
.bg-color-sandal {
    background-color: #a89166;
    border-color: #a89166;
}

.bg-color-cyan {
    background-color: #25bdb0;
    border-color: #25bdb0;
}

.bg-color-pink {
    background-color: #fcc6de;
    border-color: #fcc6de;
}

.bg-color-black {
    background-color: #000;
    border-color: #000;
}

.bg-color-grey {
    background-color: #ccc;
    border-color: #ccc;
}

.bg-color-green {
    background-color: #e1eb78;
    border-color: #e1eb78;
}

.bg-color-golden {
    background-color: #ffd700;
    border-color: #ffd700;
}

.bg-color-sliver {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.bg-color-blue {
    background-color: #a8bcd4;
    border-color: #a8bcd4;
}

.bg-color-purple {
    background-color: #7e0b80;
    border-color: #7e0b80;
}

.bg-color-white {
    background-color: #fff;
    border-color: #fff;
    border: 1px solid #e3e0e0 !important;
}

.bg-color-red {
    background-color: #f63400;
    border-color: #f63400;
}

.bg-color-brown,
.bg-color-brow {
    background-color: #ad8111;
    border-color: #ad8111;
}

.bg-color-gold {
    background-color: #cea525;
    border-color: #cea525;
}

.bg-color-beige {
    background-color: #f0deba;
    border-color: #f0deba;
}

.bg-color-gray {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.bg-color-orange {
    background-color: #ff7900;
    border-color: #ff7900;
}

.bg-color-yellow {
    background-color: #dcdb79;
    border-color: #dcdb79;
}

.bg-color-navy {
    background-color: #001f3f;
    border-color: #001f3f;
}

.bg-color-aqua {
    background-color: #7fdbff;
    border-color: #7fdbff;
}

.bg-color-teal {
    background-color: #39cccc;
    border-color: #39cccc;
}

.bg-color-gun-smoke {
    background-color: #12221f;
    border-color: #12221f;
}

.bg-color-olive {
    background-color: olive;
    border-color: olive;
}

.bg-color-lime {
    background-color: #0f0;
    border-color: #0f0;
}

.bg-color-rose-gold {
    background-color: #fcdbd6;
    border-color: #fcdbd6;
}

.bg-color-clear {
    background-color: #caf6ea;
    border-color: #caf6ea;
}

.bg-color-maroon {
    background-color: maroon;
    border-color: maroon;
}

.bg-color-ivory {
    background-color: ivory;
    border-color: ivory;
}

.bg-color-lavenderblush {
    background-color: #b0e0e6;
    border-color: #b0e0e6;
}

.bg-color-powderblue {
    background-color: #f012be;
    border-color: #f012be;
}

.bg-color-darkgreen {
    background-color: #006400;
    border-color: #006400;
}

.bg-color-saddlebrown {
    background-color: #8b4513;
    border-color: #8b4513;
}

.bg-color-lightcoral {
    background-color: #f08080;
    border-color: #f08080;
}

.bg-color-palevioletred {
    background-color: #db7093;
    border-color: #db7093;
}

.bg-color-chocolate {
    background-color: #d2691e;
    border-color: #d2691e;
}

.bg-color-darkolivegreen {
    background-color: #556b2f;
    border-color: #556b2f;
}

.bg-color-darkred {
    background-color: #8b0000;
    border-color: #8b0000;
}

.bg-color-mediumaquamarine {
    background-color: #66cdaa;
    border-color: #66cdaa;
}

.bg-color-sandybrown {
    background-color: #f4a460;
    border-color: #f4a460;
}

.bg-color-darkslategray {
    background-color: #2f4f4f;
    border-color: #2f4f4f;
}

.bg-color-salmon {
    background-color: salmon;
    border-color: salmon;
}

.bg-color-slateblue {
    background-color: #6a5acd;
    border-color: #6a5acd;
}

.bg-color-lightgray {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.bg-color-lemonchiffon {
    background-color: #fffacd;
    border-color: #fffacd;
}

.bg-color-thistle {
    background-color: #d8bfd8;
    border-color: #d8bfd8;
}

.bg-color-wheat {
    background-color: wheat;
    border-color: wheat;
}

.bg-color-lightsalmon {
    background-color: #ffa07a;
    border-color: #ffa07a;
}

.bg-color-hotpink {
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.bg-color-lawngreen {
    background-color: #7cfc00;
    border-color: #7cfc00;
}

.bg-color-snow {
    background-color: snow;
    border-color: snow;
}

.bg-color-darkslateblue {
    background-color: #483d8b;
    border-color: #483d8b;
}

.bg-color-coral {
    background-color: coral;
    border-color: coral;
}

.bg-color-limegreen {
    background-color: #32cd32;
    border-color: #32cd32;
}

.bg-color-lightgrey {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.bg-color-royalblue {
    background-color: #4169e1;
    border-color: #4169e1;
}

.bg-color-dimgrey {
    background-color: #696969;
    border-color: #696969;
}

.bg-color-lightseagreen {
    background-color: #20b2aa;
    border-color: #20b2aa;
}

.bg-color-skyblue {
    background-color: #87ceeb;
    border-color: #87ceeb;
}

.bg-color-orchid {
    background-color: orchid;
    border-color: orchid;
}

.bg-color-darksalmon {
    background-color: #e9967a;
    border-color: #e9967a;
}

.bg-color-darkorchid {
    background-color: #9932cc;
    border-color: #9932cc;
}

.bg-color-cornflowerblue {
    background-color: #6495ed;
    border-color: #6495ed;
}

.bg-color-cornsilk {
    background-color: #fff8dc;
    border-color: #fff8dc;
}

.bg-color-lightslategrey {
    background-color: #789;
    border-color: #789;
}

.bg-color-whitesmoke {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.bg-color-seagreen {
    background-color: #2e8b57;
    border-color: #2e8b57;
}

.bg-color-crimson {
    background-color: #dc143c;
    border-color: #dc143c;
}

.bg-color-azure {
    background-color: azure;
    border-color: azure;
}

.bg-color-paleturquoise {
    background-color: #afeeee;
    border-color: #afeeee;
}

.bg-color-darkkhaki {
    background-color: #bdb76b;
    border-color: #bdb76b;
}

.bg-color-mediumvioletred {
    background-color: #c71585;
    border-color: #c71585;
}

.bg-color-lightgoldenrodyellow {
    background-color: #fafad2;
    border-color: #fafad2;
}

.bg-color-violet {
    background-color: violet;
    border-color: violet;
}

.bg-color-peachpuff {
    background-color: #ffdab9;
    border-color: #ffdab9;
}

.bg-color-steelblue {
    background-color: #4682b4;
    border-color: #4682b4;
}

.bg-color-blanchedalmond {
    background-color: #ffebcd;
    border-color: #ffebcd;
}

.bg-color-moccasin {
    background-color: #ffe4b5;
    border-color: #ffe4b5;
}

.bg-color-antiquewhite {
    background-color: #faebd7;
    border-color: #faebd7;
}

.bg-color-mediumturquoise {
    background-color: #48d1cc;
    border-color: #48d1cc;
}

.bg-color-lightskyblue {
    background-color: #87cefa;
    border-color: #87cefa;
}

.bg-color-darkorange {
    background-color: #ff8c00;
    border-color: #ff8c00;
}

.bg-color-darkblue {
    background-color: #00008b;
    border-color: #00008b;
}

.bg-color-springgreen {
    background-color: #00ff7f;
    border-color: #00ff7f;
}

.bg-color-lavender {
    background-color: #e6e6fa;
    border-color: #e6e6fa;
}

.bg-color-mediumpurple {
    background-color: #9370db;
    border-color: #9370db;
}

.bg-color-deepskyblue {
    background-color: #00bfff;
    border-color: #00bfff;
}

.bg-color-mintcream {
    background-color: #f5fffa;
    border-color: #f5fffa;
}

.bg-color-deeppink {
    background-color: #ff1493;
    border-color: #ff1493;
}

.bg-color-darkseagreen {
    background-color: #8fbc8f;
    border-color: #8fbc8f;
}

.bg-color-papayawhip {
    background-color: #ffefd5;
    border-color: #ffefd5;
}

.bg-color-orangered {
    background-color: #ff4500;
    border-color: #ff4500;
}

.bg-color-tomato {
    background-color: tomato;
    border-color: tomato;
}

.bg-color-navajowhite {
    background-color: #ffdead;
    border-color: #ffdead;
}

.bg-color-mediumorchid {
    background-color: #ba55d3;
    border-color: #ba55d3;
}

.bg-color-ghostwhite {
    background-color: #f8f8ff;
    border-color: #f8f8ff;
}

.bg-color-slategrey {
    background-color: #708090;
    border-color: #708090;
}

.bg-color-forestgreen {
    background-color: #228b22;
    border-color: #228b22;
}

.bg-color-dodgerblue {
    background-color: #1e90ff;
    border-color: #1e90ff;
}

.bg-color-linen {
    background-color: linen;
    border-color: linen;
}

.bg-color-blueviolet {
    background-color: #8a2be2;
    border-color: #8a2be2;
}

.bg-color-gainsboro {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
}

.bg-color-lightgreen {
    background-color: #90ee90;
    border-color: #90ee90;
}

.bg-color-chartreuse {
    background-color: #7fff00;
    border-color: #7fff00;
}

.bg-color-mistyrose {
    background-color: #ffe4e1;
    border-color: #ffe4e1;
}

.bg-color-darkgray {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}

.bg-color-peru {
    background-color: peru;
    border-color: peru;
}

.bg-color-tan {
    background-color: tan;
    border-color: tan;
}

.bg-color-palegreen {
    background-color: #98fb98;
    border-color: #98fb98;
}

.bg-color-rebeccapurple {
    background-color: #639;
    border-color: #639;
}

.bg-color-darkcyan {
    background-color: #008b8b;
    border-color: #008b8b;
}

.bg-color-oldlace {
    background-color: #fdf5e6;
    border-color: #fdf5e6;
}

.bg-color-rosybrown {
    background-color: #bc8f8f;
    border-color: #bc8f8f;
}

.bg-color-darkslategrey {
    background-color: #2f4f4f;
    border-color: #2f4f4f;
}

.bg-color-lightslategray {
    background-color: #789;
    border-color: #789;
}

.bg-color-turquoise {
    background-color: #40e0d0;
    border-color: #40e0d0;
}

.bg-color-darkgoldenrod {
    background-color: #b8860b;
    border-color: #b8860b;
}

.bg-color-honeydew {
    background-color: #f0fff0;
    border-color: #f0fff0;
}

.bg-color-mediumslateblue {
    background-color: #7b68ee;
    border-color: #7b68ee;
}

.bg-color-mediumspringgreen {
    background-color: #00fa9a;
    border-color: #00fa9a;
}

.bg-color-plum {
    background-color: plum;
    border-color: plum;
}

.bg-color-darkgrey {
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}

.bg-color-slategray {
    background-color: #708090;
    border-color: #708090;
}

.bg-color-darkmagenta {
    background-color: #8b008b;
    border-color: #8b008b;
}

.bg-color-lightblue {
    background-color: #add8e6;
    border-color: #add8e6;
}

.bg-color-floralwhite {
    background-color: #fffaf0;
    border-color: #fffaf0;
}

.bg-color-dimgray {
    background-color: #696969;
    border-color: #696969;
}

.bg-color-greenyellow {
    background-color: #adff2f;
    border-color: #adff2f;
}

.bg-color-fuchsia {
    background-color: #f0f;
    border-color: #f0f;
}

.bg-color-cadetblue {
    background-color: #5f9ea0;
    border-color: #5f9ea0;
}

.bg-color-yellowgreen {
    background-color: #9acd32;
    border-color: #9acd32;
}

.bg-color-darkviolet {
    background-color: #9400d3;
    border-color: #9400d3;
}

.bg-color-sienna {
    background-color: sienna;
    border-color: sienna;
}

.bg-color-lightpink {
    background-color: #ffb6c1;
    border-color: #ffb6c1;
}

.bg-color-mediumblue {
    background-color: #0000cd;
    border-color: #0000cd;
}

.bg-color-bisque {
    background-color: bisque;
    border-color: bisque;
}

.bg-color-aquamarine {
    background-color: #7fffd4;
    border-color: #7fffd4;
}

.bg-color-palegoldenrod {
    background-color: #eee8aa;
    border-color: #eee8aa;
}

.bg-color-aliceblue {
    background-color: #f0f8ff;
    border-color: #f0f8ff;
}

.bg-color-olivedrab {
    background-color: #6b8e23;
    border-color: #6b8e23;
}

.bg-color-indigo {
    background-color: indigo;
    border-color: indigo;
}

.bg-color-lightcyan {
    background-color: #e0ffff;
    border-color: #e0ffff;
}

.bg-color-midnightblue {
    background-color: #191970;
    border-color: #191970;
}

.bg-color-khaki {
    background-color: khaki;
    border-color: khaki;
}

.bg-color-burlywood {
    background-color: #deb887;
    border-color: #deb887;
}

.bg-color-lightyellow {
    background-color: #ffffe0;
    border-color: #ffffe0;
}

.bg-color-lightsteelblue {
    background-color: #b0c4de;
    border-color: #b0c4de;
}

.bg-color-goldenrod {
    background-color: #daa520;
    border-color: #daa520;
}

.bg-color-darkturquoise {
    background-color: #00ced1;
    border-color: #00ced1;
}

.bg-color-magenta {
    background-color: #f0f;
    border-color: #f0f;
}

.bg-color-seashell {
    background-color: #fff5ee;
    border-color: #fff5ee;
}

.bg-color-indianred {
    background-color: #cd5c5c;
    border-color: #cd5c5c;
}

.bg-color-mediumseagreen {
    background-color: #3cb371;
    border-color: #3cb371;
}

.bg-color-firebrick {
    background-color: #b22222;
    border-color: #b22222;
}

.bg-color-metallic-sunburst {
    border-color: #9e7a48;
    background-color: #9e7a48;
}

.bg-color-deep-taupe {
    border-color: #816059;
    background-color: #816059;
}

.bg-color-rose-taupe {
    border-color: #945754;
    background-color: #945754;
}

.bg-color-nickel {
    border-color: #70756e;
    background-color: #70756e;
}

.bg-color-police-blue {
    border-color: #3f506e;
    background-color: #3f506e;
}

.bg-color-stormcloud {
    border-color: #4f636c;
    background-color: #4f636c;
}

.bg-color-feldgrau {
    border-color: #45604d;
    background-color: #45604d;
}

.bg-color-independence {
    border-color: #4a5163;
    background-color: #4a5163;
}

.bg-color-melon {
    border-color: #fbaca8;
    background-color: #fbaca8;
}

.bg-color-dark-vanilla {
    border-color: #d7bdb0;
    background-color: #d7bdb0;
}

.bg-color-pastel-gray {
    border-color: #d2d6bd;
    background-color: #d2d6bd;
}

.bg-color-color_pale-cerulean {
    border-color: #9dcbd8;
    background-color: #9dcbd8;
}

.bg-color-columbia-blue {
    border-color: #cddbe6;
    background-color: #cddbe6;
}

.bg-color-chinese-silver {
    border-color: #c6d0cf;
    background-color: #c6d0cf;
}

.bg-color-bright-gray {
    border-color: #eaeaea;
    background-color: #eaeaea;
}

.bg-color-feldgrau {
    border-color: #4f7053;
    background-color: #4f7053;
}

.bg-color-pale-silver {
    border-color: #d9bcc0;
    background-color: #d9bcc0;
}

.bg-color-water {
    border-color: #d0eff4;
    background-color: #d0eff4;
}

.bg-color-ash-gray {
    border-color: #adbeb6;
    background-color: #adbeb6;
}

.bg-color-jelly-bean {
    border-color: #d76a49;
    background-color: #d76a49;
}

.bg-color-deer {
    border-color: #c07e68;
    background-color: #c07e68;
}

.bg-color-opera-mauve {
    border-color: #b47eb2;
    background-color: #b47eb2;
}

.bg-color-cool-grey {
    background-color: #8883ab;
    border-color: #8883ab;
}

.bg-color-old-rose {
    border-color: #b2817d;
    background-color: #b2817d;
}

.bg-color-deep-amethyst {
    border-color: #9c8e9b;
    background-color: #9c8e9b;
}

.bg-color-desert-sand {
    border-color: #e4c7a9;
    background-color: #e4c7a9;
}

.bg-color-pastel-pink {
    border-color: #dea89c;
    background-color: #dea89c;
}

.bg-color-pastel-purple {
    border-color: #b8a0b0;
    background-color: #b8a0b0;
}

.bg-color-unbleached-silk {
    border-color: #f9dac6;
    background-color: #f9dac6;
}

.bg-color-brown-yellow {
    background-color: #ce925e;
    border-color: #ce925e;
}

.bg-color-dark-vanilla {
    border-color: #d5b8aa;
    background-color: #d5b8aa;
}

.bg-color-iceberg {
    background-color: #68bbd9;
    border-color: #68bbd9;
}

.bg-color-cadet-grey {
    border-color: #97a6ad;
    background-color: #97a6ad;
}

.bg-color-light-taupe {
    border-color: #b48e6a;
    background-color: #b48e6a;
}

.bg-color-copper-rose {
    border-color: #916f6d;
    background-color: #916f6d;
}

.bg-color-pastel-brown {
    border-color: #767058;
    background-color: #767058;
}

.bg-color-grullo {
    border-color: #a1a290;
    background-color: #a1a290;
}

.bg-color-sonic-silver {
    border-color: #777777;
    background-color: #777777;
}

.bg-color-redwood {
    border-color: #97544e;
    background-color: #97544e;
}

.bg-color-laurel-green {
    border-color: #b1b897;
    background-color: #b1b897;
}

.bg-color-pale-cerulean {
    border-color: #9dcbd8;
    background-color: #9dcbd8;
}

.bg-color-chinese-white {
    border-color: #dbe3e6;
    background-color: #dbe3e6;
}

.bg-color-rocket-metallic {
    border-color: #89806f;
    background-color: #89806f;
}

.bg-color-silver-pink {
    border-color: #cbadab;
    background-color: #cbadab;
}

.bg-color-pale-chestnut {
    border-color: #deb1ae;
    background-color: #deb1ae;
}

.bg-color-opal {
    border-color: #a0bdc5;
    background-color: #a0bdc5;
}

.bg-color-gold-fusion {
    border-color: #7d7a57;
    background-color: #7d7a57;
}

.bg-color-old-silver {
    border-color: #818286;
    background-color: #818286;
}

.bg-color-dust-storm {
    border-color: #e0cdc7;
    background-color: #e0cdc7;
}

.bg-color-alabaster {
    border-color: #f0e7e8;
    background-color: #f0e7e8;
}

.bg-color-english-lavender {
    border-color: #ae8e9d;
    background-color: #ae8e9d;
}

.bg-color-azureish-white {
    border-color: #d8f1ee;
    background-color: #d8f1ee;
}

.bg-color-silver-pink {
    border-color: #ccafb3;
    background-color: #ccafb3;
}

.bg-color-metallic {
    border-color: #aaa8b6;
    background-color: #aaa8b6;
}

.bg-color-coffee {
    border-color: #724d30;
    background-color: #724d30;
}

.bg-color-sugar-plum {
    border-color: #914671;
    background-color: #914671;
}

.bg-color-white {
    border: 1px solid #e3e0e0;
}

.bg-color-navy-blue {
    background: navy;
}

/**************/

.item-swiper-init .products {
    display: grid;
}

.home-grid-2 .grid-banner-block-image,
.home-grid-1 .grid-banner-block-image {
    display: block;
}

.cst_topical_us .card__inner {
    height: 400px;
    position: relative;
    overflow: hidden;
}

.cst_topical_us .card__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.card__heading a.full-unstyled-link {
    color: #000;
    z-index: 999;
    position: relative;
}


.cont-img iframe {
    width: 100%;
}

nav.breadcrumb {
    background: #023e8a;
}













@media screen and (max-width: 1199px) {

section.dt-sc-header-top-bar ul li span {
    font-size: 14px;
}
.footer__blocks-wrapper {
    padding-top: 20px !important;
     padding-bottom: 20px !important;
}
.footer__copyright small.copyright__content {
    font-size: 11px !important;
    text-align: left !important;
}
}

@media screen and (max-width: 989px) {
    .footer-style3 .footer-block.grid__item:last-child {
        justify-self: flex-start !important;
    }
.footer__content-bottom-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.footer__copyright small.copyright__content {
    text-align: center !important;
}
}

@media screen and (max-width:749px) {
    .footer-style3 .footer-block.grid__item:last-child {
        width: 100% !important;
    }

    .footer-style3 .list-payment {
        flex-wrap: wrap;
        row-gap: 10px;
    }
}

@media screen and (max-width:575px) {
    .cst_brand_logos .brand-logos-card__image-wrapper .brand-logos-card__image {
        max-width: 250px;
    }
}
/* ============================================================
   ORENXT — clean/clinical hero + polish overrides
   ============================================================ */

/* Hero: reframe image + legible text over any crop */
.orenxt-hero { position: relative; }

.orenxt-hero .swiper-slide,
.orenxt-hero .slideshow__slide { position: relative; overflow: hidden; }

/* Better image focus point — pushes crop up so faces don't dominate desktop */
.orenxt-hero .slideshow__media img,
.orenxt-hero .swiper-slide img,
.orenxt-hero picture img {
  object-fit: cover;
  object-position: center 30%;
}

/* Add bottom-up dark scrim so text is always legible, regardless of image */
.orenxt-hero .slideshow__slide::after,
.orenxt-hero .swiper-slide::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(31,74,61,0.15) 0%,
    rgba(31,74,61,0.35) 45%,
    rgba(31,74,61,0.75) 100%);
  pointer-events: none;
  z-index: 1;
}

/* Text container above the scrim */
.orenxt-hero .slideshow__text-wrapper,
.orenxt-hero .slideshow__text,
.orenxt-hero .swiper-slide .slideshow__text-container {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Fix visual hierarchy — heading big & white, subheading small badge-like below */
.orenxt-hero .slideshow__heading,
.orenxt-hero .slideshow__title,
.orenxt-hero h2.slideshow__heading {
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 12px rgba(0,0,0,0.35);
  margin-bottom: 16px;
}

.orenxt-hero .slideshow__subheading,
.orenxt-hero .slideshow__subtitle {
  color: rgba(255,255,255,0.92) !important;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
  text-shadow: 0 1px 6px rgba(0,0,0,0.35);
}

.orenxt-hero .slideshow__text,
.orenxt-hero .slideshow__body,
.orenxt-hero p.slideshow__text {
  color: rgba(255,255,255,0.95) !important;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 32px;
  text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}

/* CTA button — solid white on green, generous tap target */
.orenxt-hero .slideshow__btns .btn,
.orenxt-hero .button,
.orenxt-hero .slideshow__buttons a {
  background: #ffffff !important;
  color: #1f4a3d !important;
  border: none !important;
  padding: 16px 40px !important;
  font-weight: 600;
  letter-spacing: 0.06em;
  min-height: 52px;
  border-radius: 4px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.orenxt-hero .slideshow__btns .btn:hover,
.orenxt-hero .button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}

/* Mobile-specific: stronger scrim + tighter typography */
@media (max-width: 749px) {
  .orenxt-hero .slideshow__slide::after,
  .orenxt-hero .swiper-slide::after {
    background: linear-gradient(
      to bottom,
      rgba(31,74,61,0.35) 0%,
      rgba(31,74,61,0.55) 40%,
      rgba(31,74,61,0.85) 100%);
  }
  .orenxt-hero .slideshow__media img,
  .orenxt-hero .swiper-slide img,
  .orenxt-hero picture img {
    object-position: center 25%;
  }
  .orenxt-hero .slideshow__heading {
    font-size: 34px !important;
    line-height: 1.15;
  }
  .orenxt-hero .slideshow__subheading {
    font-size: 11px;
    letter-spacing: 0.16em;
  }
  .orenxt-hero .slideshow__text {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .orenxt-hero .slideshow__btns .btn,
  .orenxt-hero .button {
    width: auto;
    padding: 14px 32px !important;
  }
}

/* ============================================================
   Trust bar polish
   ============================================================ */
.orenxt-trust-bar { border-top: 1px solid #eae5db; border-bottom: 1px solid #eae5db; }
.orenxt-trust-bar .brand-logos-card__image { max-height: 56px; width: auto; }

/* ============================================================
   Category tiles — softer edges, consistent hover
   ============================================================ */
.orenxt-categories .multicolumn-card__image-wrapper { transition: transform .3s ease; }
.orenxt-categories .multicolumn-card:hover .multicolumn-card__image-wrapper { transform: translateY(-4px); }
.orenxt-categories .multicolumn-card__title { font-weight: 500; letter-spacing: 0.01em; }

/* ============================================================
   Human/Pet split — consistent button treatment
   ============================================================ */
.orenxt-split .grid-banner__card,
.orenxt-split .grid-banner-item {
  border-radius: 6px;
  overflow: hidden;
}
.orenxt-split .grid-banner__title { font-weight: 600; letter-spacing: -0.01em; }

/* ============================================================
   FAQ container
   ============================================================ */
.orenxt-faq { --content-radius: 8px; }
.orenxt-faq .collapsible-row__title { font-size: 17px; font-weight: 500; }

/* ============================================================
   Mobile-first universal readability
   ============================================================ */
@media (max-width: 749px) {
  body { font-size: 16px; line-height: 1.55; }
  .button, .btn { min-height: 44px; }
}

/* ============================================================
   ORENXT hero — mobile: text moves BELOW the image
   ============================================================ */
@media (max-width: 749px) {
  /* Kill the overlay scrim on mobile since text now sits below image */
  .orenxt-hero .slideshow__slide::after,
  .orenxt-hero .swiper-slide::after { display: none; }

  /* Style the text block that appears below the image */
  .orenxt-hero .mobile-text-below .slideshow__text-wrapper,
  .orenxt-hero.mobile-text-below .slideshow__text-wrapper,
  .orenxt-hero .banner--mobile-bottom .slideshow__text-wrapper {
    background: #1f4a3d;
    padding: 28px 20px !important;
    text-align: center;
  }
  .orenxt-hero .banner--mobile-bottom .slideshow__text {
    background: transparent !important;
    padding: 0 !important;
  }

  /* Mobile image — keep unobstructed */
  .orenxt-hero .slideshow__media img,
  .orenxt-hero .swiper-slide img {
    object-position: center center;
    max-height: 62vh;
  }

  /* Mobile text on the green block */
  .orenxt-hero .banner--mobile-bottom .slideshow__heading,
  .orenxt-hero .banner--mobile-bottom .slideshow__title {
    color: #ffffff !important;
    text-shadow: none;
    font-size: 26px !important;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .orenxt-hero .banner--mobile-bottom .slideshow__subheading,
  .orenxt-hero .banner--mobile-bottom .slideshow__subtitle {
    color: rgba(255,255,255,0.85) !important;
    text-shadow: none;
    font-size: 10px !important;
    letter-spacing: 0.18em;
    margin-bottom: 14px;
    display: block;
  }
  .orenxt-hero .banner--mobile-bottom .slideshow__text {
    color: rgba(255,255,255,0.92) !important;
    text-shadow: none;
    font-size: 15px !important;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 0 !important;
  }

  /* CTA on the green block — white pill for contrast */
  .orenxt-hero .banner--mobile-bottom .slideshow__btns .btn,
  .orenxt-hero .banner--mobile-bottom .button {
    background: #ffffff !important;
    color: #1f4a3d !important;
    display: inline-block;
    width: auto;
    padding: 14px 36px !important;
  }
}

/* ============================================================
   ORENXT hero mobile — kill gray gap + force centered text
   ============================================================ */
@media (max-width: 749px) {
  /* Kill fixed slide heights so image + text-below flow naturally */
  .orenxt-hero .swiper,
  .orenxt-hero .swiper-wrapper,
  .orenxt-hero .swiper-slide,
  .orenxt-hero .slideshow__slide,
  .orenxt-hero .banner--large,
  .orenxt-hero .banner--medium,
  .orenxt-hero .banner--small,
  .orenxt-hero .slide-banner {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Image column — natural aspect, no forced gap */
  .orenxt-hero .slideshow__media,
  .orenxt-hero .media,
  .orenxt-hero .swiper-slide .media {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 4 / 3;
  }
  .orenxt-hero .slideshow__media img,
  .orenxt-hero .media img,
  .orenxt-hero .swiper-slide img {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center 30%;
    display: block;
  }

  /* Text block below — full width, no gap, centered content */
  .orenxt-hero .slideshow__text-wrapper,
  .orenxt-hero .banner__content,
  .orenxt-hero .banner--mobile-bottom .slideshow__text-wrapper,
  .orenxt-hero .banner--mobile-bottom .banner__content {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #1f4a3d !important;
    display: block !important;
  }

  .orenxt-hero .slideshow__text,
  .orenxt-hero .banner__box,
  .orenxt-hero .slideshow__text.banner__box {
    background: #1f4a3d !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 32px 20px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  /* Nuke the theme's mobile-only white overlay pseudo-element */
  .orenxt-hero .slideshow__text.banner__box::before,
  .orenxt-hero .banner__box::before {
    display: none !important;
    content: none !important;
  }

  /* Text alignment — force center for every child */
  .orenxt-hero .slideshow__text > *,
  .orenxt-hero .banner__box > * {
    text-align: center !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    word-break: normal;
    overflow-wrap: break-word;
    box-sizing: border-box;
  }

  /* Sizing hierarchy */
  .orenxt-hero .slideshow__heading,
  .orenxt-hero .slideshow__title,
  .orenxt-hero h2.slideshow__heading,
  .orenxt-hero .banner__heading {
    font-size: 26px !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
  }

  .orenxt-hero .slideshow__subheading,
  .orenxt-hero .slideshow__subtitle,
  .orenxt-hero .banner__subheading,
  .orenxt-hero .subtitle {
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.8) !important;
    text-shadow: none !important;
    margin: 0 0 14px 0 !important;
    font-weight: 500 !important;
    text-align: center !important;
    line-height: 1.5 !important;
  }

  .orenxt-hero .slideshow__text p,
  .orenxt-hero .banner__box p,
  .orenxt-hero .slideshow__body,
  .orenxt-hero p {
    color: rgba(255,255,255,0.92) !important;
    text-shadow: none !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin: 0 0 22px 0 !important;
    text-align: center !important;
  }

  /* Button — centered white pill */
  .orenxt-hero .slideshow__btns,
  .orenxt-hero .banner__buttons {
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .orenxt-hero .slideshow__btns .btn,
  .orenxt-hero .button,
  .orenxt-hero a.button {
    background: #ffffff !important;
    color: #1f4a3d !important;
    display: inline-block !important;
    width: auto !important;
    padding: 14px 36px !important;
    border: none !important;
    text-align: center !important;
  }
}

/* ============================================================
   ORENXT — global typography (Fraunces headlines + Inter body)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html, body,
input, textarea, select, button {
  font-family: var(--font-sans) !important;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.005em;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.slideshow__heading, .slideshow__title,
.banner__heading, .banner__title,
.section-heading, .section__title,
.multicolumn-card__title, .grid-banner__title,
.card__heading, .card-title,
.product-title, .product__title,
.collection__title, .collection-hero__title,
.newsletter__heading, .footer__heading,
.collapsible-row__title,
.title, .h0 {
  font-family: var(--font-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
}

/* Slightly bolder for very large hero heads */
.h0, .slideshow__heading, .banner__heading {
  font-weight: 600 !important;
}

/* Body text — improve baseline size for 50+ readability */
body, p, li, td, .rte, .product__description {
  font-size: 16px;
  line-height: 1.6;
}

/* Buttons keep sans, uppercase optional */
button, .button, .btn, a.button, input[type="submit"] {
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}

/* Navigation menu — sans, clean */
.header nav, .header__menu, .header__inline-menu, nav .menu-list, .nav-menu a {
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* Announcement bar — small clean sans */
.announcement-bar, .announcement, .announcement-bar__message {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  font-weight: 400 !important;
}

/* Prices */
.price, .price__regular, .price-item, .product__price {
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
}

/* ============================================================
   ORENXT — Product page: cap image sizes (desktop + mobile)
   ============================================================ */

/* Desktop: constrain gallery to reasonable width so info panel doesn't get pushed off */
@media (min-width: 990px) {
  .product__media-wrapper {
    max-width: 46% !important;
    flex: 0 0 46% !important;
  }
  .product__info-wrapper,
  .product__info-container {
    max-width: 54% !important;
    flex: 0 0 54% !important;
  }
  .product__media-item .media,
  .product__media-item img {
    max-height: 620px !important;
    object-fit: contain !important;
    width: auto;
    margin: 0 auto;
    display: block;
  }
  .product__media-gallery {
    max-width: 100%;
  }
}

/* Tablet: modest cap */
@media (min-width: 750px) and (max-width: 989px) {
  .product__media-item .media,
  .product__media-item img {
    max-height: 520px !important;
    object-fit: contain !important;
  }
}

/* Mobile: keep image visible but leave room for title/price above the fold */
@media (max-width: 749px) {
  .product__media-wrapper {
    max-width: 100% !important;
    margin-bottom: 20px;
  }
  .product__media-item,
  .product__media-list .slider__slide {
    max-height: 62vh !important;
  }
  .product__media-item .media,
  .product__media-item img {
    max-height: 60vh !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
  }
  /* Thumbnail row — smaller so it doesn't take too much room */
  .thumbnail-list__item,
  .thumbnail-slider__item {
    max-width: 60px;
    max-height: 60px;
  }
}

/* Zoom modal — clean background */
.product-media-modal__content { background: #ffffff !important; }

/* ============================================================
   Trust bar — always 4-across, horizontal, tidy on all screens
   ============================================================ */
.orenxt-trust-bar .brand-logos-card,
.orenxt-trust-bar .swiper-slide,
.orenxt-trust-bar .grid__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.orenxt-trust-bar .brand-logos-list,
.orenxt-trust-bar .row,
.orenxt-trust-bar .brand-logos-inner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px;
  align-items: center;
}
.orenxt-trust-bar .brand-logos-card__image {
  max-height: 60px;
  width: auto;
  object-fit: contain;
}
@media (max-width: 749px) {
  .orenxt-trust-bar .brand-logos-list,
  .orenxt-trust-bar .row,
  .orenxt-trust-bar .brand-logos-inner {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px;
    padding: 12px 8px !important;
  }
  .orenxt-trust-bar .brand-logos-card__image {
    max-height: 40px;
  }
}

/* ============================================================
   Best sellers — equal card heights + square images (no jumping)
   ============================================================ */
.orenxt-bestsellers .card-wrapper,
.orenxt-bestsellers .card,
.orenxt-bestsellers .grid__item,
.orenxt-bestsellers .swiper-slide {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.orenxt-bestsellers .card__media,
.orenxt-bestsellers .card-wrapper .media,
.orenxt-bestsellers .card__inner {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
  background: #f5f1ea;
}
.orenxt-bestsellers .card__media img,
.orenxt-bestsellers .card-wrapper img,
.orenxt-bestsellers .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.orenxt-bestsellers .card__content,
.orenxt-bestsellers .card-information {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 12px;
}
/* Consistent title + price sizing */
.orenxt-bestsellers .card__heading,
.orenxt-bestsellers .card__title {
  font-size: 15px !important;
  line-height: 1.35;
  min-height: 40px;
  margin-bottom: 6px;
}
.orenxt-bestsellers .price {
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* ============================================================
   Trust bar — FIX (image wrapper vs actual img)
   ============================================================ */
.orenxt-trust-bar .brand-logos-card,
.orenxt-trust-bar .brand-logos-card__image-wrapper {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px;
  box-sizing: border-box;
}
.orenxt-trust-bar .brand-logos-card__image {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  overflow: visible !important;
}
.orenxt-trust-bar .brand-logos-card__image img,
.orenxt-trust-bar .brand-logos-card img,
.orenxt-trust-bar img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: 72px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}
@media (max-width: 749px) {
  .orenxt-trust-bar .brand-logos-card__image img,
  .orenxt-trust-bar .brand-logos-card img,
  .orenxt-trust-bar img {
    max-height: 48px !important;
  }
  .orenxt-trust-bar .brand-logos-card,
  .orenxt-trust-bar .brand-logos-card__image-wrapper {
    padding: 4px;
  }
}

/* ============================================================
   Trust bar — FINAL fix. Override everything above.
   .brand-logos-card__image IS the <img> tag.
   ============================================================ */
.orenxt-trust-bar,
.orenxt-trust-bar * { box-sizing: border-box; }

.orenxt-trust-bar .brand-logos-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: space-around;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  margin: 0;
}
.orenxt-trust-bar .brand-logos-list__item {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 25% !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.orenxt-trust-bar .brand-logos-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.orenxt-trust-bar .brand-logos-card__image-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* THE IMAGE ITSELF */
.orenxt-trust-bar img.brand-logos-card__image,
.orenxt-trust-bar .brand-logos-card__image {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 72px !important;
  min-width: 60px !important;
  object-fit: contain !important;
}
@media (max-width: 749px) {
  .orenxt-trust-bar .brand-logos-list {
    padding: 8px 6px;
    gap: 4px;
  }
  .orenxt-trust-bar img.brand-logos-card__image,
  .orenxt-trust-bar .brand-logos-card__image {
    max-height: 48px !important;
    min-width: 40px !important;
  }
}

/* ============================================================
   Trust bar — bigger + guaranteed centered (grid, not flex)
   ============================================================ */
.orenxt-trust-bar .brand-logos-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
  justify-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 20px 24px !important;
}
.orenxt-trust-bar .brand-logos-list__item {
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  text-align: center !important;
}
.orenxt-trust-bar .brand-logos-card,
.orenxt-trust-bar .brand-logos-card__image-wrapper {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.orenxt-trust-bar img.brand-logos-card__image,
.orenxt-trust-bar .brand-logos-card__image {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 110px !important;
  min-width: 90px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}
@media (max-width: 749px) {
  .orenxt-trust-bar .brand-logos-list {
    gap: 8px !important;
    padding: 14px 8px !important;
  }
  .orenxt-trust-bar img.brand-logos-card__image,
  .orenxt-trust-bar .brand-logos-card__image {
    max-height: 68px !important;
    min-width: 60px !important;
  }
}

/* ============================================================
   Best sellers — smaller cards on both mobile and desktop
   ============================================================ */
@media (min-width: 990px) {
  .orenxt-bestsellers {
    max-width: 1000px !important;
    margin: 0 auto !important;
  }
  .orenxt-bestsellers .grid,
  .orenxt-bestsellers .row {
    max-width: 900px !important;
    margin: 0 auto !important;
    gap: 32px !important;
  }
  .orenxt-bestsellers .grid__item,
  .orenxt-bestsellers .card-wrapper {
    max-width: 400px !important;
  }
  .orenxt-bestsellers .card__media {
    max-width: 340px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 749px) {
  .orenxt-bestsellers .grid,
  .orenxt-bestsellers .row {
    gap: 12px !important;
    padding: 0 12px !important;
  }
  .orenxt-bestsellers .grid__item,
  .orenxt-bestsellers .card-wrapper {
    max-width: 100% !important;
  }
  .orenxt-bestsellers .card__heading,
  .orenxt-bestsellers .card__title {
    font-size: 13px !important;
    min-height: 34px;
  }
  .orenxt-bestsellers .price {
    font-size: 13px !important;
  }
  /* Button/qty add-to-cart smaller */
  .orenxt-bestsellers .card__quick-add,
  .orenxt-bestsellers .btn,
  .orenxt-bestsellers .button {
    font-size: 12px !important;
    padding: 8px 12px !important;
    min-height: 36px !important;
  }
}

/* ============================================================
   Best sellers — force IDENTICAL card heights on mobile
   ============================================================ */
@media (max-width: 749px) {
  /* Grid rows all equal */
  .orenxt-bestsellers .grid,
  .orenxt-bestsellers .row {
    grid-auto-rows: 1fr !important;
    align-items: stretch !important;
  }
  .orenxt-bestsellers .grid__item,
  .orenxt-bestsellers .card-wrapper,
  .orenxt-bestsellers .card,
  .orenxt-bestsellers .swiper-slide {
    height: 100% !important;
    min-height: 340px !important;
    display: flex !important;
    flex-direction: column !important;
  }
  /* Image identical square */
  .orenxt-bestsellers .card__media,
  .orenxt-bestsellers .card__inner,
  .orenxt-bestsellers .media {
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
  }
  /* Info panel takes remaining space, arranged in fixed slots */
  .orenxt-bestsellers .card__content,
  .orenxt-bestsellers .card-information {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 8px 6px !important;
  }
  /* Title fixed 2-line height, no matter the length */
  .orenxt-bestsellers .card__heading,
  .orenxt-bestsellers .card__title,
  .orenxt-bestsellers .card__title a {
    font-size: 13px !important;
    line-height: 1.3 !important;
    min-height: 34px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 0 0 4px 0 !important;
  }
  /* Rating slot fixed height even when missing */
  .orenxt-bestsellers .rating,
  .orenxt-bestsellers .jdgm-widget,
  .orenxt-bestsellers .yotpo-widget {
    min-height: 18px !important;
    max-height: 18px !important;
    overflow: hidden !important;
    margin: 0 0 4px 0 !important;
  }
  /* Price line fixed height */
  .orenxt-bestsellers .price,
  .orenxt-bestsellers .price__regular,
  .orenxt-bestsellers .price-container {
    min-height: 22px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 0 6px 0 !important;
  }
  /* Add-to-cart / quick-buy button always at bottom, fixed height */
  .orenxt-bestsellers .card__quick-add,
  .orenxt-bestsellers .quick-add,
  .orenxt-bestsellers form .button,
  .orenxt-bestsellers .card__button {
    margin-top: auto !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
  /* Vendor / label lines don't push things around */
  .orenxt-bestsellers .card__vendor,
  .orenxt-bestsellers .caption { display: none !important; }
}

/* ============================================================
   Categories — 3 across, centered, no slider
   ============================================================ */
.orenxt-categories .multicolumn-list,
.orenxt-categories .row,
.orenxt-categories .grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  justify-content: center !important;
  padding: 0 20px !important;
}
.orenxt-categories .multicolumn-card,
.orenxt-categories .grid__item {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}
/* Kill any swiper leftover */
.orenxt-categories .swiper-button-next,
.orenxt-categories .swiper-button-prev,
.orenxt-categories .swiper-pagination { display: none !important; }
@media (max-width: 749px) {
  .orenxt-categories .multicolumn-list,
  .orenxt-categories .row,
  .orenxt-categories .grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    padding: 0 12px !important;
  }
}

/* ============================================================
   Categories — fix broken layout (title above, cards wide enough)
   ============================================================ */
.orenxt-categories {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
.orenxt-categories > *,
.orenxt-categories .page-width,
.orenxt-categories .row {
  display: block !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Title: full-width block ABOVE the cards */
.orenxt-categories .title-wrapper-with-link,
.orenxt-categories .section-header,
.orenxt-categories .title-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin: 0 auto 40px auto !important;
  padding: 0 !important;
  float: none !important;
}
.orenxt-categories h2,
.orenxt-categories .title,
.orenxt-categories .section-heading {
  text-align: center !important;
  margin: 0 auto !important;
  width: 100% !important;
  display: block !important;
}

/* Cards grid — 3 wide, guaranteed enough width per card */
.orenxt-categories .multicolumn-list,
.orenxt-categories .grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(200px, 1fr)) !important;
  gap: 40px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.orenxt-categories .multicolumn-list__item,
.orenxt-categories .grid__item {
  min-width: 180px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Card content — image on top, title below */
.orenxt-categories .multicolumn-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}
.orenxt-categories .multicolumn-card__image-wrapper,
.orenxt-categories .multicolumn-card__image-container {
  width: 140px !important;
  height: 140px !important;
  max-width: 100% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto 16px auto !important;
}
.orenxt-categories .multicolumn-card__image-wrapper img,
.orenxt-categories .multicolumn-card__image-container img,
.orenxt-categories .multicolumn-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Title — one line, big enough, no character wrap */
.orenxt-categories .multicolumn-card__title,
.orenxt-categories .multicolumn-card__info h3,
.orenxt-categories .multicolumn-card h3 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  display: block !important;
}

@media (max-width: 749px) {
  .orenxt-categories .multicolumn-list,
  .orenxt-categories .grid {
    grid-template-columns: repeat(3, minmax(90px, 1fr)) !important;
    gap: 12px !important;
    padding: 0 8px !important;
  }
  .orenxt-categories .multicolumn-list__item,
  .orenxt-categories .grid__item {
    min-width: 80px !important;
  }
  .orenxt-categories .multicolumn-card__image-wrapper,
  .orenxt-categories .multicolumn-card__image-container {
    width: 82px !important;
    height: 82px !important;
    margin-bottom: 10px !important;
  }
  .orenxt-categories .multicolumn-card__title {
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }
}

/* ============================================================
   Human/Pet split — clean editorial cards
   image on top, content on cream card below (no overlap issues)
   ============================================================ */
.orenxt-split .grid-banner-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* Section title above the two tiles */
.orenxt-split .title-wrapper-with-link,
.orenxt-split .section-header,
.orenxt-split .title-wrapper {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto 40px auto !important;
}
.orenxt-split .title-wrapper-with-link h2,
.orenxt-split .title {
  text-align: center !important;
  margin: 0 auto !important;
}

/* Grid of 2 side by side */
.orenxt-split .row,
.orenxt-split .grid-banner-wrapper > .row {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 32px !important;
  margin: 0 !important;
}

/* Each tile becomes a clean vertical card */
.orenxt-split .grid-banner-section {
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
.orenxt-split .grid-banner-wrapper .grid-banner-wrapper,
.orenxt-split .grid-banner-section > * {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1px solid #eae5db !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  height: 100% !important;
}

/* Image on top — clean crop */
.orenxt-split .grid-banner-block-image {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
.orenxt-split .grid-banner-block-image a,
.orenxt-split .grid-banner-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.orenxt-split .grid-banner-block-image img,
.orenxt-split .grid-banner-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
/* Kill any theme overlay on image */
.orenxt-split .grid-banner-block-image::after,
.orenxt-split .grid-banner-block-image::before {
  display: none !important;
}

/* Content below image — cream card body */
.orenxt-split .grid-banner-content {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  background: #ffffff !important;
  padding: 28px 28px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  flex: 1 1 auto !important;
}
.orenxt-split .grid-banner-content.hidden { display: flex !important; }
.orenxt-split .grid-banner-inner {
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

/* Titles + text */
.orenxt-split .grid-banner-inner .sub-title { display: none !important; }
.orenxt-split .grid-banner-inner .title,
.orenxt-split .grid-banner-inner h3,
.orenxt-split .grid-banner-inner h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #1f4a3d !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  text-align: left !important;
}
.orenxt-split .grid-banner-inner .desc,
.orenxt-split .grid-banner-inner p {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #444 !important;
  margin: 0 !important;
  max-width: 46ch;
}

/* Button — solid green pill */
.orenxt-split .grid-banner-inner .button-link,
.orenxt-split .grid-banner-inner a,
.orenxt-split .grid-banner-inner .btn,
.orenxt-split .grid-banner-inner button {
  display: inline-block !important;
  background: #1f4a3d !important;
  color: #ffffff !important;
  padding: 14px 32px !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border: none !important;
  margin-top: 8px !important;
  transition: transform .2s ease, background .2s ease !important;
  text-decoration: none !important;
}
.orenxt-split .grid-banner-inner a:hover,
.orenxt-split .grid-banner-inner .btn:hover {
  background: #163628 !important;
  transform: translateY(-1px);
}

/* MOBILE — stacked cards */
@media (max-width: 749px) {
  .orenxt-split .grid-banner-wrapper {
    padding: 0 12px !important;
  }
  .orenxt-split .row,
  .orenxt-split .grid-banner-wrapper > .row {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .orenxt-split .grid-banner-block-image {
    aspect-ratio: 4 / 3 !important;
  }
  .orenxt-split .grid-banner-content {
    padding: 22px 20px 24px !important;
  }
  .orenxt-split .grid-banner-inner .title,
  .orenxt-split .grid-banner-inner h3 {
    font-size: 26px !important;
  }
  .orenxt-split .grid-banner-inner .desc,
  .orenxt-split .grid-banner-inner p {
    font-size: 15px !important;
  }
  .orenxt-split .grid-banner-inner .button-link,
  .orenxt-split .grid-banner-inner a,
  .orenxt-split .grid-banner-inner .btn {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
  }
}

/* ============================================================
   Human/Pet split — RESET all previous overrides, let theme
   render its native "grid" style, add only polish
   ============================================================ */
.orenxt-split .grid-banner-wrapper,
.orenxt-split .grid-banner-section,
.orenxt-split .grid-banner-block-image,
.orenxt-split .grid-banner-image,
.orenxt-split .grid-banner-content,
.orenxt-split .grid-banner-inner {
  all: revert;
}

/* Now light polish on top of theme defaults */
.orenxt-split {
  padding-top: 40px;
  padding-bottom: 60px;
}
.orenxt-split .title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #1f4a3d !important;
  text-align: center !important;
  font-weight: 600 !important;
  margin: 0 auto 40px !important;
}
/* Card polish only */
.orenxt-split .grid-banner-section {
  border-radius: 8px;
  overflow: hidden;
}
.orenxt-split .grid-banner-inner .title,
.orenxt-split .grid-banner-inner h3 {
  font-family: 'Fraunces', Georgia, serif !important;
  color: #1f4a3d !important;
  font-weight: 600 !important;
}
.orenxt-split .grid-banner-inner .desc,
.orenxt-split .grid-banner-inner p {
  font-family: 'Inter', sans-serif !important;
  color: #444 !important;
}
.orenxt-split .grid-banner-inner .button-link,
.orenxt-split .grid-banner-inner a[href][class*="button"] {
  background: #1f4a3d !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.04em !important;
}

/* Split — center the whole section container */
.orenxt-split .grid-banner-wrapper,
.orenxt-split .page-width,
.orenxt-split .row {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.orenxt-split .grid-banner-inner {
  text-align: center !important;
  align-items: center !important;
}
.orenxt-split .grid-banner-inner .title,
.orenxt-split .grid-banner-inner .desc,
.orenxt-split .grid-banner-inner p,
.orenxt-split .grid-banner-inner h3 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.orenxt-split .grid-banner-inner .button-link {
  margin-left: auto !important;
  margin-right: auto !important;
  display: inline-block !important;
}

/* Split — undo aggressive width caps that caused clipping */
.orenxt-split .grid-banner-wrapper,
.orenxt-split .page-width,
.orenxt-split .row {
  max-width: none !important;
  overflow: visible !important;
}
.orenxt-split {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

/* Split — final: full-width content, single button, no clipping */
.orenxt-split .grid-banner-section,
.orenxt-split .grid-banner-section > *,
.orenxt-split .grid-banner-block-image,
.orenxt-split .grid-banner-content,
.orenxt-split .grid-banner-inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.orenxt-split .grid-banner-content {
  padding: 24px !important;
  position: static !important;
  transform: none !important;
  inset: auto !important;
  background: #ffffff !important;
}
.orenxt-split .grid-banner-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Title = TEXT, not button. Kill any button styling on title link. */
.orenxt-split .grid-banner-inner .title,
.orenxt-split .grid-banner-inner .title a,
.orenxt-split .grid-banner-inner h3,
.orenxt-split .grid-banner-inner h3 a,
.orenxt-split .grid-banner-inner .grid-banner__title,
.orenxt-split .grid-banner-inner .grid-banner__title a {
  background: transparent !important;
  color: #1f4a3d !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  letter-spacing: -0.005em !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}
.orenxt-split .grid-banner-inner .desc,
.orenxt-split .grid-banner-inner p {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #444 !important;
  margin: 0 !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
}
/* Only the actual CTA is a button */
.orenxt-split .grid-banner-inner .button-link,
.orenxt-split a.button-link {
  background: #1f4a3d !important;
  color: #ffffff !important;
  padding: 12px 28px !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  text-decoration: none !important;
  border: none !important;
}

@media (max-width: 749px) {
  .orenxt-split .grid-banner-inner .title,
  .orenxt-split .grid-banner-inner h3 {
    font-size: 24px !important;
  }
  .orenxt-split .grid-banner-content {
    padding: 20px 16px !important;
  }
}

/* Split — center the whole two-card block on the page */
.orenxt-split {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.orenxt-split .page-width,
.orenxt-split > .row,
.orenxt-split .row {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}
@media (max-width: 749px) {
  .orenxt-split {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Split — desktop: force real centering via grid */
@media (min-width: 750px) {
  .orenxt-split .page-width {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    width: 100% !important;
  }
  .orenxt-split .row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    justify-items: stretch !important;
  }
  .orenxt-split .grid-banner-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: unset !important;
  }
}

/* Split — title is .main-title (h4), NOT .title. Kill any button styling on it. */
.orenxt-split .grid-banner-inner .main-title,
.orenxt-split .grid-banner-inner .main-title a,
.orenxt-split .grid-banner-inner h4.main-title,
.orenxt-split .grid-banner-inner h4.main-title a {
  background: transparent !important;
  background-color: transparent !important;
  color: #1f4a3d !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.005em !important;
  text-transform: none !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

/* Split — desktop: make cards actually wide (they were too narrow) */
@media (min-width: 750px) {
  .orenxt-split {
    max-width: 1200px !important;
    padding: 40px 24px 60px !important;
  }
  .orenxt-split .page-width {
    max-width: 100% !important;
    padding: 0 !important;
  }
  .orenxt-split .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .orenxt-split .grid-banner-section {
    width: 100% !important;
    max-width: none !important;
    flex: unset !important;
  }
  .orenxt-split .grid-banner-block-image {
    aspect-ratio: 4 / 3 !important;
    width: 100% !important;
  }
  .orenxt-split .grid-banner-content {
    padding: 32px 36px !important;
  }
  .orenxt-split .grid-banner-inner .desc,
  .orenxt-split .grid-banner-inner p {
    max-width: 100% !important;
    padding: 0 !important;
    font-size: 16px !important;
  }
}

/* Also make sure BOTH cards match height and align the button to bottom */
.orenxt-split .grid-banner-section {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.orenxt-split .grid-banner-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.orenxt-split .grid-banner-inner .button-link {
  margin-top: auto !important;
}

/* Split — force 2-column ROW at the actual container element */
@media (min-width: 750px) {
  .orenxt-split .grid-banner-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
  }
  .orenxt-split .row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  .orenxt-split .grid-banner-section.two-column,
  .orenxt-split .grid-banner-section {
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
    grid-column: auto !important;
  }
}

/* Split — FINAL: target .grid-banner-section (the actual 2-block container) */
@media (min-width: 750px) {
  .orenxt-split .grid-banner-section {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: unset !important;
  }
  /* Nested .grid-banner-wrapper (per-block) — full cell width */
  .orenxt-split .grid-banner-section > .grid-banner-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: unset !important;
    display: flex !important;
    flex-direction: column !important;
  }
  /* Outer .grid-banner-wrapper stays block */
  .orenxt-split > .page-width > .row > .grid-banner-wrapper {
    display: block !important;
    max-width: 100% !important;
  }
}