/* ═══════════════════════════════════════════════════════════════════════════════════════════
   fooNN.css — the cache-bust file. Renaming it changes the minified bundle's crc32 on
   production, which is how we force browsers to re-fetch. It was empty; the rules below were
   moved here from style.css on 2026-08-15 for a specific reason:

   style.css is served at a STABLE url. On dev (minify_assets=false) that means a browser which
   cached it before a change keeps serving the stale copy, and the fooNN rename does nothing for
   it because fooNN is a different file. The owner hit this three times running — panel styling
   "vanished", then links "still green" — while the server was serving correct CSS all along.

   fooNN, by contrast, gets a NEW url every time it is renamed, so nothing can have it cached.
   Putting the newest rules here means they land immediately for everyone, stale style.css or not.
   Loaded AFTER style.css in main.tpl.php, so these win on equal specificity.

   Housekeeping: at the next fooNN bump these can be folded back into style.css if preferred —
   by then every browser will have re-fetched style.css anyway.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
/* Author block colours stated EXPLICITLY (2026-08-15). They used to depend on the block sitting
   inside .tab-pane, which the template's inline <style> blues via ".cat-long-desc a, .tab-pane a".
   On the new layout the author bio moves out of .tab-pane (so the FAQ can sit above it), and the
   heading and links fell back to the site-wide green. Setting them here fixes the new layout and
   is a no-op on the old one, where they were already blue.                                      */
.article-author-block h3,
.article-author-block h3 a,
.article-author-block a {
    color: #1c4c82;
}

.article-author-block a:hover {
    color: #428302;
}

/* ── KEY-FACTS PANEL (owner-directed 2026-08-15) ───────────────────────────────
   The decision panel between the product list and the base article.
   Matches the established "by our own numbers" data panel: light blue ground,
   blue left rule. Headings must be BLUE, not the site-wide green h3 (.green, h3),
   and the H3 items must sit clearly BELOW the panel H2 in size -- the default h3
   is 24px, which rendered the items LARGER than their own heading.            */
.cat-key-facts {
    background: #f4f7fb;
    border: 1px solid #dbe4ef;
    border-left: 4px solid #1c4c82;
    border-radius: 6px;
    padding: 24px 28px;
    margin: 28px 0;
}
.cat-key-facts h2.key-facts-title,
.cat-wrapper .tab-pane .cat-key-facts h2.key-facts-title {
    color: #1c4c82;
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 14px;
    padding: 0;
}
.cat-key-facts h3,
.cat-wrapper .tab-pane .cat-key-facts h3 {
    color: #1c4c82;
    font-size: 18px;
    line-height: 1.1;
    margin: 20px 0 8px;
    padding: 0;
}
.cat-key-facts p {
    margin-bottom: 10px;
}
/* Links: match the blue used for body links elsewhere on the page. The template's own
   <style> block only covers ".cat-long-desc a, .tab-pane a", so panel links would
   otherwise fall through to the site-default green. Hover matches the site too.      */
.cat-key-facts a {
    color: #1c4c82;
}
.cat-key-facts a:hover {
    color: #428302;
}
/* Once the panel is inside the article, its own 28px lower margin supplies the CTA gap. */
.cat-wrapper .tab-pane .cat-key-facts + h2 {
    padding-top: 0;
}

/* ── NEW-LAYOUT VERTICAL RHYTHM (owner-directed 2026-08-15) ─────────────────────────────
   Scoped to a DIRECT child of .col-md-9, which only happens on the new layout — on the old
   layout the author block sits inside .tab-pane and the FAQ is outside this column entirely,
   so neither rule can reach it.
     margin-top    41px  — matches the article-end → FAQ-top gap exactly (measured 41px,
                           which is the <hr> plus its margins), so the FAQ sits in even space
     margin-bottom 20px  — the author-end → reviews gap was 40px; +20px makes it 60px, the
                           50% increase asked for                                            */
.col-md-9 > .article-author-block {
    margin-top: 41px;
    margin-bottom: 20px;
}
/* With the <hr> removed from above the FAQ (owner-directed), the article-end -> FAQ-top gap
   collapsed to 10px while the gap below stayed 41px. This restores the symmetry the owner asked
   for: 41px of space above the FAQ block and 41px below it.                                    */
.col-md-9 .cat-faqs {
    margin-top: 41px;
}

/* ── ⛔ FAQ HEADING PANEL — THE ONE PLACE THIS BOX IS DECIDED (owner 2026-09-01) ─────────
   "make this a hard coded fix."

   THE BUG CLASS, TWICE OVER. The FAQ heading renders in a DIFFERENT container per layout:
   inside `.subcat` on a leaf category (subcategory.tpl.php), outside it on a parent
   (category.tpl.php). So any rule scoped to one of those containers reaches ONE layout only,
   and the two silently drift:
     · 2026-08-31 — `.subcat h2 { margin: 0 }` (style.css ~1098) flattened the leaf heading's
       margins. Fixed with a `.subcat`-scoped override.
     · 2026-09-01 — that same override carried a `padding-bottom: 0` it never needed, which
       made the leaf BAND 10px shallower: backpacks 25.39px vs pens 35.39px.
   Both were caught by the owner by eye. The second was CAUSED by the fix for the first — a
   container-scoped patch is itself the hazard, so this stops patching per layout.

   THE HARD-CODED FIX. One unscoped rule owns the whole box, and every property carries
   `!important` DELIBERATELY. That is not decoration and not a shortcut: it lifts this box out
   of container specificity altogether, so a rule scoped to `.subcat`, `.col-md-9`, `.tab-pane`
   or anything else can no longer move the panel on one layout and not the other — nor can an
   inline `style` attribute, which outranks a normal stylesheet rule but not this one. The
   `.subcat` override that lived here is DELETED: with the box pinned it is dead weight, and it
   was the source of both regressions.

   ⛔ THESE VALUES ARE ALSO HARD-CODED AS `PANEL_BOX` IN link-audit/faq_panel_parity.py,
   which renders one page of EACH layout and refuses a box that does not match them. Change a
   value here and the gate fails until you change it there too — deliberately, so the number
   cannot move in one place only. `app/views/includes/category-faq.tpl.php` still carries the
   same values in its inline <style> as the no-stylesheet fallback; this rule outranks it. */
.cat-faqs .faq-title {
    padding: 10px !important;
    margin: 20px 0 10px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: bold !important;
    text-align: center !important;
    background: #f0f0f0 !important;
}

.cat-faqs__home-intro {
    padding-top: 4px;
    padding-bottom: 18px;
    text-align: center;
}

.cat-faqs__home-heading {
    margin: 0 0 8px;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.12;
}

.cat-faqs__home-copy {
    margin: 0;
    color: #444;
    font-size: 14px;
    line-height: 1.45;
}

/* ── HOMEPAGE DESIGNED CATEGORY TILES (owner-supplied artwork, 2026-09-14) ─────
   Category names and straplines are part of the supplied image designs, so the
   old black visual title bars are replaced by an off-screen text label. The
   text remains in the link for semantics while the image sets the card height. */
.home-top-panel {
    position: relative;
    left: 50%;
    width: 100vw;
    margin: 0 0 0 -50vw;
    padding: 36px 0 22px;
    background: #f1f5fa;
}

.home-top-panel__inner,
.home-best-sellers__inner,
.home-why-products__intro,
.home-why-products__reasons-inner,
.home-brand-experts__copy-inner,
.home-brand-experts__services-inner,
.home-trusted-panel__inner,
.home-global-brands__inner {
    width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.home-top-panel__intro {
    text-align: center;
}

.home-top-panel__intro h1.decorated {
    margin: 0 0 16px;
    overflow: visible;
    font-size: 26px;
    line-height: 1.2;
}

.home-top-panel__intro h1.decorated > span::before,
.home-top-panel__intro h1.decorated > span::after {
    display: none;
}

.home-top-panel__intro p {
    margin: 0 35px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

.home-top-panel__tiles {
    width: auto;
    margin-right: 0;
    margin-left: 0;
}

.home-top-panel__tiles > .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.home-top-panel .trust-panel {
    flex-wrap: nowrap;
    margin-top: 18px;
    margin-bottom: 0;
    padding: 24px 18px 20px;
    border-top: 1px solid #d6e1ed;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.home-top-panel .trust-panel .tp-item {
    flex: 1 1 33.333333%;
    justify-content: center;
    gap: 10px;
    padding: 0 18px;
    border-right: none;
}

.home-top-panel .trust-panel .tp-icon {
    display: flex;
    flex: 0 0 57.5px;
    align-items: center;
    justify-content: center;
    height: 55px;
}

.home-top-panel .trust-panel .tp-icon--delivery {
    flex-basis: 81.25px;
}

.home-top-panel .trust-panel .tp-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 55px;
}

.home-top-panel .trust-panel .tp-stat {
    font-family: 'Baumans', cursive;
    font-size: 21.25px;
    font-weight: 500;
    line-height: 1.1;
}

.home-top-panel .trust-panel .tp-label {
    margin-top: 3px;
    font-size: 15px;
    line-height: 1.25;
}

.home-cats--designed a {
    height: auto;
    overflow: visible;
}

.home-cats--designed a img {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    object-fit: initial;
}

.home-cats--designed a h4.home-cat-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    background: transparent;
}

/* Keep the white row gap equal to the existing white column gap. Percentage
   vertical margins resolve from the grid width, matching flex's space-between
   calculation at the two multi-column breakpoints. */
.home-cats--designed .home-cat {
    margin-bottom: 15px;
}

.home-best-sellers {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    padding: 40px 0 38px;
    background: #fff;
}

.home-best-sellers__intro {
    text-align: center;
}

.home-best-sellers__intro h3.decorated {
    margin: 0 0 10px;
    padding: 0;
    overflow: visible;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
}

.home-best-sellers__intro h3.decorated > span {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.home-best-sellers__intro h3.decorated > span::before,
.home-best-sellers__intro h3.decorated > span::after {
    display: none;
}

.home-best-sellers__intro p {
    margin: 0 35px 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

@media only screen and (min-width: 768px) {
    .home-cats--designed .home-cat {
        margin-bottom: 2%;
    }
}

@media only screen and (min-width: 992px) {
    .home-cats--designed .home-cat {
        margin-bottom: 1.333333%;
    }
}

/* ── HOMEPAGE: WHY PROMOTIONAL PRODUCTS WORK (owner-supplied design, 2026-09-14) ──
   The photograph is the only rasterised part of the supplied PDF. All copy, links,
   numbering and panels remain real responsive HTML. */
.home-why-products {
    position: relative;
    left: 50%;
    width: 100vw;
    margin: 0 0 28px -50vw;
    background: #f1f5fa;
    color: #333;
    text-align: left;
}

.home-why-products__intro {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    background: #f1f5fa;
}

.home-why-products__copy {
    position: relative;
    z-index: 2;
    width: 47%;
    padding: 34px 18px 24px 0;
}

.home-why-products__copy h2 {
    margin: 0 0 15px;
    padding: 0;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.08;
    white-space: nowrap;
}

.home-why-products__copy h2 span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.home-section-heading,
.home-section-heading > span {
    font-size: 28px;
}

.home-why-products__copy p {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.48;
}

.home-why-products__copy > p:first-of-type {
    color: #555;
    font-size: 15px;
    font-weight: 700;
}

.home-why-products__image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    overflow: hidden;
    -webkit-clip-path: polygon(22% 0, 100% 0, 100% 100%, 6% 100%);
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 6% 100%);
}

.home-why-products__image img {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-why-products__reasons {
    background: #0f4b81;
}

.home-why-products__reasons-inner {
    padding: 28px 0 34px;
}

.home-why-products__lead {
    margin: 0 0 2px;
    color: #fff;
    font-family: 'Baumans', cursive;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
}

.home-why-products__reasons ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: why-products;
    gap: 24px;
}

.home-why-products__reasons li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    margin-top: 43px;
    padding: 44px 24px 22px;
    border-radius: 20px;
    background: #f1f5fa;
    counter-increment: why-products;
}

.home-why-products__reasons li::before {
    position: absolute;
    top: -29px;
    left: 50%;
    width: 58px;
    height: 58px;
    margin-left: -29px;
    border-radius: 50%;
    background: #8eb832;
    color: #fff;
    content: counter(why-products);
    font-size: 30px;
    font-weight: 700;
    line-height: 58px;
    text-align: center;
}

.home-why-products__reasons li p {
    margin: 0;
    font-size: 13px;
    line-height: 1.48;
}

.home-why-products__reasons a,
.home-why-products__how-to a {
    color: #1c4c82;
    text-decoration: underline;
}

.home-why-products__reasons a:hover,
.home-why-products__how-to a:hover {
    color: #428302;
}

.home-why-products__how-to {
    margin-top: 24px;
    border-radius: 20px;
    background: #f1f5fa;
}

.home-why-products__how-to-inner {
    padding: 22px 24px 12px;
}

.home-why-products__how-to h3 {
    margin: 0 0 10px;
    padding: 0;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
}

.home-why-products__how-to p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
}

/* ── HOMEPAGE: BRAND EXPERIENCE EXPERTS (owner-supplied design, 2026-09-15) ──
   The supplied PDF is recreated as responsive HTML: the existing distributor
   copy and links are preserved, while all four service captions remain real
   text and the simple line icons remain resolution-independent vectors. */
.home-brand-experts {
    position: relative;
    left: 50%;
    width: 100vw;
    margin: 0 0 28px -50vw;
    color: #333;
    text-align: left;
}

.home-brand-experts__copy {
    background: #fff;
}

.home-brand-experts__copy-inner {
    padding: 32px 0 60px;
}

.home-brand-experts__copy h2 {
    margin: 0 0 20px;
    padding: 0;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.1;
}

.home-brand-experts__copy p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.5;
}

.home-brand-experts__copy p:last-child {
    margin-bottom: 0;
}

.home-brand-experts a {
    color: #1c4c82;
    text-decoration: underline;
}

.home-brand-experts a:hover {
    color: #428302;
}

.home-brand-experts__services {
    background: #f1f5fa;
}

.home-brand-experts__services-inner {
    padding: 30px 0 38px;
}

.home-brand-experts__services h3 {
    margin: 0 0 28px;
    padding: 0;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
}

.home-brand-experts__services ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-brand-experts__services li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    min-width: 0;
    padding: 0 24px;
    border-left: 2px solid #8eb832;
}

.home-brand-experts__services li:first-child {
    padding-left: 0;
    border-left: 0;
}

.home-brand-experts__services li:last-child {
    padding-right: 0;
}

.home-brand-experts__icon {
    display: block;
    width: 96px;
    height: 72px;
    margin: 0 auto 15px;
    overflow: visible;
    fill: none;
    stroke: #14558c;
    stroke-width: 3.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-brand-experts__service-title {
    color: #14558c;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 1.2 !important;
}

.home-brand-experts__service-title span {
    color: #8eb832;
}

.home-brand-experts__services li > p:last-child {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.45;
}

/* ── HOMEPAGE: REVIEWS AND TRUSTED BRANDS (owner-supplied design, 2026-09-15) ──
   Keeps the existing live Reviews.io carousel, then loops two identical logo
   groups for a seamless, continuously moving strip without duplicating the
   brand names for assistive technology. */
.home-trusted-panel {
    position: relative;
    left: 50%;
    width: 100vw;
    margin: 0 0 28px -50vw;
    color: #333;
    text-align: left;
}

.home-trusted-panel__reviews {
    background: #fff;
}

.home-trusted-panel__reviews .home-trusted-panel__inner {
    padding: 34px 0 9px;
}

.home-trusted-panel h2,
.home-trusted-panel h3 {
    margin: 0;
    padding: 0;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
}

.home-trusted-panel__reviews-widget {
    padding-top: 8px;
}

.home-trusted-panel__reviews-logo {
    display: block;
    width: 231px;
    max-width: 90%;
    margin: 20px auto 5px;
}

.home-trusted-panel__reviews-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.home-trusted-panel .CarouselWidget__footer {
    display: none !important;
}

.home-trusted-panel__brands {
    overflow: hidden;
    background: #fff;
}

.home-trusted-panel__brands .home-trusted-panel__inner {
    padding: 9px 0 14px;
}

.home-trusted-panel__brands h3 {
    margin-bottom: 13px;
}

.home-trusted-panel__logo-window {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
}

.home-trusted-panel__logo-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: max-content;
    -webkit-animation: home-trusted-logos-scroll 34s linear infinite;
    animation: home-trusted-logos-scroll 34s linear infinite;
    will-change: transform;
}

.home-trusted-panel__logo-window:hover .home-trusted-panel__logo-track {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.home-trusted-panel__logo-group {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 34px 0 0;
}

.home-trusted-panel__logo-group img {
    display: block;
    width: 1900px;
    max-width: none;
    height: auto;
}

@-webkit-keyframes home-trusted-logos-scroll {
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes home-trusted-logos-scroll {
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* ── HOMEPAGE: WHY GLOBAL BRANDS TRUST US (owner-supplied layout, 2026-09-15) ──
   The established homepage copy and links are retained; only the heading hierarchy
   and responsive presentation follow the supplied replacement-panel artwork. */
.home-global-brands {
    position: relative;
    left: 50%;
    width: 100vw;
    margin: 0 0 28px -50vw;
    padding: 36px 0 40px;
    background: #f1f5fa;
    color: #444;
    text-align: left;
}

.home-global-brands__intro {
    margin-bottom: 28px;
    text-align: center;
}

.home-global-brands h2,
.home-global-brands h3 {
    margin: 0;
    padding: 0;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-weight: 500;
}

.home-global-brands h2 {
    font-size: 28px;
    line-height: 1.12;
}

.home-global-brands h3 {
    margin-bottom: 7px;
    font-size: 20px;
    line-height: 1.2;
}

.home-global-brands p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.5;
}

.home-global-brands a {
    color: #1c4c82;
    text-decoration: underline;
}

.home-global-brands a:hover {
    color: #428302;
}

.home-global-brands__approach {
    margin-bottom: 30px;
    padding: 24px 28px 10px;
    border-radius: 20px;
    background: #fff;
}

.home-global-brands__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 64px;
}

.home-global-brands__column {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
}

.home-global-brands__column > section {
    margin-bottom: 25px;
}

.home-global-brands__cta {
    margin-top: 28px;
    padding: 22px 28px 10px;
    border-radius: 20px;
    background: #fff;
    text-align: center;
}

.home-global-brands__cta .home-global-brands__cta-kicker {
    margin-bottom: 1px;
    color: #1c4c82;
    font-family: 'Baumans', cursive;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.home-global-brands__cta h3 {
    margin-bottom: 8px;
}

/* Keep all standard homepage body copy typographically consistent with the
   "How to use promotional products" paragraphs. Heading-like paragraphs and
   the deliberately bold cost-effectiveness introduction remain distinct. */
.home-top-panel__intro > p,
.home-best-sellers__intro > p,
.home-why-products__copy > p:not(:first-of-type),
.home-why-products__reasons li > p,
.home-why-products__how-to-inner > p,
.home-brand-experts__copy-inner > p,
.home-brand-experts__services li > p:not(.home-brand-experts__service-title),
.home-global-brands__approach > p,
.home-global-brands__column section > p,
.home-global-brands__cta > p:not(.home-global-brands__cta-kicker),
.cat-faqs__home-copy,
.cat-faqs .panel-body,
.cat-faqs .panel-body p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

@media only screen and (max-width: 1199px) {
    .home-top-panel__inner,
    .home-best-sellers__inner,
    .home-why-products__intro,
    .home-why-products__reasons-inner,
    .home-brand-experts__copy-inner,
    .home-brand-experts__services-inner,
    .home-trusted-panel__inner,
    .home-global-brands__inner {
        width: 940px;
    }

    .home-why-products__copy h2 {
        white-space: normal;
    }

    .home-why-products__copy h2 span {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .home-top-panel__inner,
    .home-best-sellers__inner,
    .home-why-products__intro,
    .home-why-products__reasons-inner,
    .home-brand-experts__copy-inner,
    .home-brand-experts__services-inner,
    .home-trusted-panel__inner,
    .home-global-brands__inner {
        width: 720px;
    }

    .home-top-panel .trust-panel .tp-item {
        flex: 1 1 33.333333%;
        padding: 0 8px;
    }

    .home-top-panel .trust-panel .tp-icon {
        flex-basis: 57.5px;
        height: 55px;
    }

    .home-top-panel .trust-panel .tp-icon--delivery {
        flex-basis: 81.25px;
    }

    .home-top-panel .trust-panel .tp-icon img {
        max-height: 55px;
    }

    .home-top-panel .trust-panel .tp-stat {
        font-size: 20px;
        white-space: normal;
    }

    .home-top-panel .trust-panel .tp-label {
        white-space: normal;
    }

    .home-why-products__intro {
        min-height: 390px;
    }

    .home-why-products__copy {
        width: 55%;
        padding-left: 0;
    }

    .home-why-products__image {
        width: 55%;
        -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 25% 100%);
        clip-path: polygon(40% 0, 100% 0, 100% 100%, 25% 100%);
    }

    .home-why-products__image img {
        object-position: left center;
    }

    .home-why-products__copy h2 {
        font-size: 27px;
    }

    .home-best-sellers__intro h3.decorated,
    .home-best-sellers__intro h3.decorated > span {
        font-size: 27px;
    }

    .home-section-heading,
    .home-section-heading > span {
        font-size: 27px;
    }

    .home-why-products__reasons ol {
        gap: 14px;
    }

    .home-why-products__reasons li {
        padding-right: 17px;
        padding-left: 17px;
    }

    .home-brand-experts__services ol {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 34px;
    }

    .home-brand-experts__services li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .home-brand-experts__services li:nth-child(3) {
        padding-left: 0;
        border-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .home-top-panel__inner,
    .home-best-sellers__inner,
    .home-why-products__intro,
    .home-why-products__reasons-inner,
    .home-brand-experts__copy-inner,
    .home-brand-experts__services-inner,
    .home-trusted-panel__inner,
    .home-global-brands__inner {
        width: calc(100% - 30px);
    }

    .home-top-panel__intro p {
        margin-right: 15px;
        margin-left: 15px;
    }

    .home-best-sellers__intro p {
        margin-right: 15px;
        margin-left: 15px;
    }

    .home-top-panel .trust-panel {
        display: block;
        padding: 18px 18px 10px;
    }

    .home-top-panel .trust-panel .tp-item {
        justify-content: flex-start;
        width: 100%;
        padding: 10px 0;
    }

    .home-top-panel .trust-panel .tp-icon,
    .home-top-panel .trust-panel .tp-icon--delivery {
        flex: 0 0 65px;
    }

    .home-why-products__intro {
        min-height: 0;
    }

    .home-why-products__copy {
        width: auto;
        padding: 26px 22px 16px 0;
    }

    .home-why-products__copy h2 {
        font-size: 26px;
    }

    .home-best-sellers__intro h3.decorated,
    .home-best-sellers__intro h3.decorated > span {
        font-size: 26px;
    }

    .home-section-heading,
    .home-section-heading > span {
        font-size: 26px;
    }

    .home-why-products__image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        height: auto;
        -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
    }

    .home-why-products__image img {
        width: 100%;
        height: auto;
        object-position: center;
    }

    .home-why-products__reasons-inner {
        padding: 25px 0 34px;
    }

    .home-why-products__lead {
        margin-bottom: 5px;
    }

    .home-why-products__reasons ol {
        display: block;
    }

    .home-why-products__reasons li {
        margin-top: 48px;
        padding: 41px 20px 22px;
    }

    .home-why-products__how-to-inner {
        padding: 22px 20px 12px;
    }

    .home-brand-experts__copy-inner {
        padding: 26px 0 54px;
    }

    .home-brand-experts__copy h2,
    .home-brand-experts__services h3 {
        font-size: 26px;
    }

    .home-brand-experts__services-inner {
        padding: 27px 0 32px;
    }

    .home-brand-experts__services h3 {
        margin-bottom: 8px;
    }

    .home-brand-experts__services ol {
        display: block;
    }

    .home-brand-experts__services li,
    .home-brand-experts__services li:first-child,
    .home-brand-experts__services li:nth-child(3),
    .home-brand-experts__services li:last-child {
        padding: 24px 0;
        border-top: 1px solid #8eb832;
        border-left: 0;
    }

    .home-brand-experts__services li:first-child {
        border-top: 0;
    }

    .home-trusted-panel__reviews .home-trusted-panel__inner {
        padding: 28px 0 8px;
    }

    .home-trusted-panel h2,
    .home-trusted-panel h3 {
        font-size: 26px;
    }

    .home-trusted-panel__reviews-widget {
        padding-top: 6px;
    }

    .home-trusted-panel__brands .home-trusted-panel__inner {
        padding: 8px 0 9px;
    }

    .home-trusted-panel__brands h3 {
        margin-bottom: 9px;
    }

    .home-trusted-panel__logo-group {
        padding-right: 24px;
    }

    .home-trusted-panel__logo-group img {
        width: 1500px;
    }

    .home-global-brands {
        padding: 30px 0 32px;
    }

    .home-global-brands__intro {
        margin-bottom: 23px;
    }

    .home-global-brands h2 {
        font-size: 26px;
    }

    .home-global-brands__approach {
        padding: 22px 20px 8px;
    }

    .home-global-brands__columns {
        display: block;
    }

    .home-global-brands__cta {
        margin-top: 24px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .cat-faqs__home-intro {
        padding-bottom: 15px;
    }

    .cat-faqs__home-heading {
        font-size: 26px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-trusted-panel__logo-window {
        overflow-x: auto;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .home-trusted-panel__logo-track {
        -webkit-animation: none;
        animation: none;
    }

    .home-trusted-panel__logo-group[aria-hidden="true"] {
        display: none;
    }
}