/* ================================================================
   OBRIS LAUNCH — SHOP SKIN
   Shared by every digital-products page:
     digital-products-shop.html            (shop landing)
     product-claude-skills-library.html
     product-n8n-workflow-library.html

   Purpose: the shop reads as its own place inside obris.co. Same
   Poppins, same brand blue, but a shop ribbon, a gradient hero
   instead of the photo breadcrumb bar, product cards, price cards
   and a sticky buy bar. Structure carries the difference, not a
   second brand palette.

   Adding a new product page? Link this file, open with the ribbon
   + .bd-prod-hero, and reuse the blocks below. Do not fork them.

   NOTE: this file is served with a one-year immutable cache
   (.htaccess). Bump ?v=YYYYMMDD in every page that links it
   whenever this file changes, or returning visitors keep the old one.
   ================================================================ */

/* ---------------------------------------------------------------
   0. SHOP-WIDE TYPE POLISH
   No lone last words on headings, no ragged orphans in body copy.
   --------------------------------------------------------------- */
.bd-shop-page h1,
.bd-shop-page h2,
.bd-shop-page h3,
.bd-shop-page h4 { text-wrap: balance; }
.bd-shop-page p,
.bd-shop-page li { text-wrap: pretty; }

/* Bootstrap's .g-5 raises --bs-gutter-x to 3rem, so the .row takes -24px side
   margins while its .container still pads only 12px. That 12px-per-side
   difference is a horizontal scrollbar on every screen size. Put the
   horizontal gutter back to the container's own value and keep .g-5's
   generous VERTICAL gutter, which is the part these layouts actually want. */
.bd-shop-page .row.g-5,
.bd-shop-page .row.gx-5 { --bs-gutter-x: 1.5rem; }

/* ---------------------------------------------------------------
   1. SHOP RIBBON
   The "you are in the shop" marker. Sits inside the hero, directly
   under the transparent site header, full bleed.
   --------------------------------------------------------------- */
.bd-shop-ribbon {
   /* brand blue only. An off-palette navy was used here first and pulled --
      Julia 2026-08-04: "can you please not change my website colors". */
   background: var(--bd-theme-primary);
}
.bd-shop-ribbon__inner {
   display: flex; align-items: center; justify-content: space-between;
   flex-wrap: wrap; gap: 10px 26px; padding: 11px 0;
}
.bd-shop-ribbon__brand {
   display: inline-flex; align-items: center; gap: 9px;
   font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
   color: #fff; line-height: 1.3;
}
.bd-shop-ribbon__brand:hover,
.bd-shop-ribbon__brand:focus-visible { color: #cfe4ff; }
.bd-shop-ribbon__brand i { font-size: 15px; color: rgba(255, 255, 255, .8); }
.bd-shop-ribbon__points {
   display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px;
   list-style: none; padding: 0; margin: 0;
}
.bd-shop-ribbon__points li {
   display: inline-flex; align-items: center; gap: 8px;
   font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, .88); line-height: 1.4;
}
.bd-shop-ribbon__points i { font-size: 13px; color: rgba(255, 255, 255, .8); }
@media (max-width: 767px) {
   .bd-shop-ribbon__inner { justify-content: center; text-align: center; }
   .bd-shop-ribbon__points { justify-content: center; gap: 6px 16px; }
   .bd-shop-ribbon__points li { font-size: 12px; }
}
@media (max-width: 420px) {
   /* keep the ribbon one clean line on small phones */
   .bd-shop-ribbon__points li:nth-child(3) { display: none; }
}

/* ---------------------------------------------------------------
   2. SHOP HERO
   Replaces the photo breadcrumb bar used elsewhere on obris.co.
   Top padding clears the absolutely positioned site header.
   --------------------------------------------------------------- */
.bd-prod-hero {
   background:
      radial-gradient(1100px 520px at 15% -10%, rgba(6, 96, 189, .10), transparent 62%),
      radial-gradient(820px 460px at 92% 8%, rgba(6, 96, 189, .07), transparent 60%),
      var(--bd-grey-1);
   padding-top: 92px;
}
/* padding-block only: .bd-prod-hero__body IS the Bootstrap .container, and a
   padding shorthand would zero its horizontal padding, which the .row relies on
   to absorb its negative gutter margins. */
.bd-prod-hero__body { padding-top: 58px; padding-bottom: 78px; }
.bd-prod-hero__crumb { margin-bottom: 14px; }
.bd-prod-hero__crumb a { font-size: 14px; font-weight: 600; color: var(--bd-theme-primary); }
/* No hero eyebrow pill here. Julia removed both of them 2026-08-04 -- they
   narrated who made the thing instead of telling the buyer anything. The
   heading is the first element in the hero on purpose. */
.bd-prod-hero h1 { font-size: 46px; line-height: 1.15; margin-bottom: 20px; }
.bd-prod-hero__sub { font-size: 19px; line-height: 1.65; color: #1a1a1a; margin-bottom: 30px; max-width: 620px; }
.bd-prod-hero__buy { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-bottom: 18px; }
.bd-prod-hero__note { font-size: 14px; color: var(--bd-text-body); margin: 0; }
.bd-prod-hero__note i { color: var(--bd-theme-primary); margin-right: 6px; }

/* The theme's .bd-border-btn is white-on-transparent, drawn for dark bands.
   On the light shop hero that is invisible, so repaint it in brand blue here.
   The .bd-cta-band override further down keeps it white where the band IS blue. */
.bd-prod-hero .bd-border-btn {
   color: var(--bd-theme-primary);
   border-color: var(--bd-theme-primary);
   letter-spacing: 2px;
   padding-left: 28px;
   padding-right: 52px;
}
.bd-prod-hero .bd-border-btn:hover,
.bd-prod-hero .bd-border-btn:focus-visible {
   background-color: var(--bd-theme-primary);
   border-color: var(--bd-theme-primary);
   color: #fff;
}
/* The site header is absolutely positioned, so the hero's top padding IS the
   clearance under it. Measured: 72px tall at >=992px, 91-94px below that, so
   the small-screen clearance has to be LARGER, not smaller. */
@media (max-width: 991px) {
   .bd-prod-hero { padding-top: 104px; }
   .bd-prod-hero h1 { font-size: 36px; }
}
@media (max-width: 575px) {
   .bd-prod-hero__body { padding-top: 44px; padding-bottom: 54px; }
   .bd-prod-hero h1 { font-size: 29px; }
   .bd-prod-hero__sub { font-size: 17px; }
}

/* hero stat strip */
.bd-prod-stats {
   display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
   background: #fff; border: 1px solid var(--bd-grey-2); border-radius: 16px; padding: 28px;
}
.bd-prod-stat { text-align: center; padding: 14px 8px; }
.bd-prod-stat b { display: block; font-size: 30px; font-weight: 800; color: var(--bd-theme-primary); line-height: 1.1; margin-bottom: 6px; }
.bd-prod-stat span { display: block; font-size: 13px; line-height: 1.45; color: var(--bd-text-body); font-weight: 500; }
@media (max-width: 991px) { .bd-prod-stats { margin-top: 40px; } }
@media (max-width: 359px) { .bd-prod-stats { grid-template-columns: 1fr; } }

/* hero side panel listing what is buyable right now (shop landing) */
.bd-shop-nowlist {
   background: #fff; border: 1px solid var(--bd-grey-2); border-radius: 16px;
   padding: 26px 26px 20px;
}
.bd-shop-nowlist__head {
   font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
   color: var(--bd-theme-primary); margin-bottom: 16px;
}
.bd-shop-nowlist ul { list-style: none; padding: 0; margin: 0; }
.bd-shop-nowlist li { padding: 16px 0; border-bottom: 1px solid var(--bd-grey-2); }
.bd-shop-nowlist li:last-child { border-bottom: 0; padding-bottom: 4px; }
.bd-shop-nowlist__name { display: block; font-size: 17px; font-weight: 700; color: var(--bd-common-black); line-height: 1.35; }
.bd-shop-nowlist__name:hover { color: var(--bd-theme-primary); }
.bd-shop-nowlist__name i { margin-left: 7px; font-size: 13px; color: var(--bd-theme-primary); }
.bd-shop-nowlist__meta { display: block; font-size: 14px; color: var(--bd-text-body); margin-top: 5px; line-height: 1.5; }
.bd-shop-nowlist__meta b { color: var(--bd-common-black); font-weight: 700; }
@media (max-width: 991px) { .bd-shop-nowlist { margin-top: 40px; } }

/* ---------------------------------------------------------------
   3. SHARED SECTION FURNITURE
   --------------------------------------------------------------- */
.bd-section-eyebrow {
   display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: 2px;
   text-transform: uppercase; color: var(--bd-theme-primary); margin-bottom: 12px;
}
/* a centred heading takes a centred eyebrow */
.text-center > .bd-section-eyebrow { display: block; }

.bd-section-dek {
   font-size: 16px; color: var(--bd-text-body);
   max-width: 640px; margin: 10px auto 0;
}

.bd-cta-band { background: var(--bd-theme-primary); border-radius: 16px; padding: 60px 40px; text-align: center; }
.bd-cta-band h2 { color: #fff; font-size: 34px; font-weight: 700; margin-bottom: 14px; }
.bd-cta-band p { color: rgba(255, 255, 255, .9); font-size: 17px; margin: 0 auto 28px; max-width: 560px; }
.bd-cta-band .bd-border-btn { color: #fff; border-color: rgba(255, 255, 255, .6); }
.bd-cta-band .bd-border-btn:hover { background: #fff; color: var(--bd-theme-primary); border-color: #fff; }
@media (max-width: 575px) { .bd-cta-band { padding: 44px 24px; } .bd-cta-band h2 { font-size: 26px; } }

.bd-footer__contact { list-style: none; padding: 0; margin: 0 0 6px; }
.bd-footer__contact li { padding: 6px 0; font-size: 15px; line-height: 1.5; }
.bd-footer__contact li i { color: var(--bd-theme-primary); margin-right: 10px; }
.bd-footer__contact li a { color: inherit; }
.bd-footer__contact li a:hover { color: var(--bd-theme-primary); }

/* ---------------------------------------------------------------
   4. PROBLEM CARDS
   --------------------------------------------------------------- */
.bd-prod-problem__card {
   background: #fff; border: 1px solid var(--bd-grey-2); border-left: 4px solid var(--bd-theme-primary);
   border-radius: 12px; padding: 30px 30px 26px; height: 100%;
}
.bd-prod-problem__card h3 { font-size: 19px; font-weight: 700; margin-bottom: 10px; }
.bd-prod-problem__card p { font-size: 15px; line-height: 1.65; color: var(--bd-text-body); margin: 0; }

/* ---------------------------------------------------------------
   5. CATEGORY ROWS  (what is inside)
   --------------------------------------------------------------- */
.bd-prod-cats { border: 1px solid var(--bd-grey-2); border-radius: 16px; overflow: hidden; background: #fff; }
.bd-prod-cat {
   display: flex; align-items: center; gap: 18px;
   padding: 18px 24px; border-bottom: 1px solid var(--bd-grey-2);
   transition: background .2s ease;
}
.bd-prod-cat:last-child { border-bottom: 0; }
.bd-prod-cat:hover { background: var(--bd-grey-1); }

/* The rows are links into the contents browser, so they have to READ as
   clickable while sitting still. Hover-only affordance does not exist on a
   phone. Drawn with borders rather than an icon glyph so it cannot depend on
   the thin Font Awesome subset. */
a.bd-prod-cat::after {
   content: "";
   flex-shrink: 0;
   width: 8px; height: 8px;
   margin-left: 2px;
   border-right: 2px solid var(--bd-theme-primary);
   border-bottom: 2px solid var(--bd-theme-primary);
   transform: rotate(-45deg);
   transition: transform .2s ease;
}
a.bd-prod-cat:hover::after { transform: rotate(-45deg) translate(2px, 2px); }
.bd-prod-cat__name { flex: 1; font-size: 16px; font-weight: 600; color: var(--bd-common-black); line-height: 1.4; }
.bd-prod-cat__count {
   flex-shrink: 0; font-size: 14px; font-weight: 700; color: var(--bd-theme-primary);
   background: rgba(6, 96, 189, .08); border-radius: 999px; padding: 5px 14px; white-space: nowrap;
}
@media (max-width: 575px) {
   .bd-prod-cat { gap: 13px; padding: 15px 16px; }
   .bd-prod-cat__name { font-size: 14px; }
   .bd-prod-cat__count { font-size: 13px; padding: 4px 11px; }
}

/* ---------------------------------------------------------------
   6. NUMBERED STEPS
   --------------------------------------------------------------- */
.bd-prod-step { text-align: center; padding: 0 12px; }
.bd-prod-step__num {
   width: 46px; height: 46px; border-radius: 50%; margin: 0 auto 18px;
   background: var(--bd-theme-primary); color: #fff;
   font-size: 20px; font-weight: 800; line-height: 46px;
}
.bd-prod-step h3 { font-size: 19px; font-weight: 700; margin-bottom: 10px; }
.bd-prod-step p { font-size: 15px; line-height: 1.65; color: var(--bd-text-body); margin: 0; }

/* landing-page variant of the same steps, laid out on its own grid */
.bd-shop-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
@media (max-width: 768px) { .bd-shop-steps { grid-template-columns: 1fr; gap: 34px; } }

/* ---------------------------------------------------------------
   7. VALUE CARDS
   --------------------------------------------------------------- */
.bd-prod-value {
   background: #fff; border: 1px solid var(--bd-grey-2); border-radius: 14px;
   padding: 32px 28px; height: 100%;
   transition: transform .3s ease, box-shadow .3s ease;
}
.bd-prod-value:hover { transform: translateY(-5px); box-shadow: 0 22px 46px rgba(6, 96, 189, .10); }
.bd-prod-value i { font-size: 26px; color: var(--bd-theme-primary); margin-bottom: 16px; display: block; }
.bd-prod-value h3 { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.bd-prod-value p { font-size: 15px; line-height: 1.65; color: var(--bd-text-body); margin: 0; }

/* ---------------------------------------------------------------
   8. PRICE CARD
   --------------------------------------------------------------- */
.bd-prod-price {
   max-width: 560px; margin: 0 auto; background: #fff;
   border: 2px solid var(--bd-theme-primary); border-radius: 18px; overflow: hidden;
   box-shadow: 0 30px 70px rgba(6, 96, 189, .14);
}
.bd-prod-price__flag {
   background: var(--bd-theme-primary); color: #fff; text-align: center;
   padding: 12px 16px; font-size: 14px; font-weight: 700; letter-spacing: .04em;
}
.bd-prod-price__top { padding: 34px 34px 26px; text-align: center; border-bottom: 1px solid var(--bd-grey-2); }
.bd-prod-price__top h3 { font-size: 22px; font-weight: 700; margin-bottom: 12px; }
.bd-prod-price__anchor { font-size: 15px; color: var(--bd-text-body); margin-bottom: 4px; }
.bd-prod-price__now { font-size: 58px; font-weight: 800; color: var(--bd-common-black); line-height: 1; margin: 6px 0 10px; letter-spacing: -.02em; }
.bd-prod-price__now sup { font-size: 26px; top: -.85em; font-weight: 700; color: var(--bd-text-body); }
.bd-prod-price__terms { font-size: 15px; color: var(--bd-text-body); margin: 0; }
.bd-prod-price__body { padding: 28px 34px 34px; }
.bd-prod-price__body ul { list-style: none; padding: 0; margin: 0 0 26px; }
.bd-prod-price__body li { position: relative; padding: 8px 0 8px 30px; font-size: 15px; line-height: 1.55; }
.bd-prod-price__body li::before {
   content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 600;
   position: absolute; left: 0; top: 10px; color: var(--bd-theme-primary); font-size: 13px;
}
.bd-prod-price__body .bd-btn { width: 100%; text-align: center; justify-content: center; }
@media (max-width: 575px) {
   .bd-prod-price__top, .bd-prod-price__body { padding-left: 22px; padding-right: 22px; }
   .bd-prod-price__now { font-size: 46px; }
}

/* ---------------------------------------------------------------
   9. TRANSPARENCY CARDS
   Deliberately carries no testimonials or seller counts. Stands on
   verifiable facts until real buyer quotes exist.
   --------------------------------------------------------------- */
.bd-prod-proof {
   background: #fff; border: 1px solid var(--bd-grey-2); border-radius: 14px;
   padding: 30px 28px; height: 100%;
}
.bd-prod-proof h3 { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.bd-prod-proof h3 i { color: var(--bd-theme-primary); margin-right: 9px; }
.bd-prod-proof p { font-size: 15px; line-height: 1.65; color: var(--bd-text-body); margin: 0; }

/* ---------------------------------------------------------------
   10. FAQ ACCORDION
   --------------------------------------------------------------- */
.bd-faq-accordion { --bs-accordion-border-color: var(--bd-grey-2); margin-bottom: 4px; }
.bd-faq-accordion .accordion-item {
   border: 1px solid var(--bd-grey-2); border-radius: 8px; margin-bottom: 12px;
   background: var(--bd-common-white); overflow: hidden;
}
.bd-faq-accordion .accordion-button {
   font-size: 18px; font-weight: 700; color: var(--bd-common-black);
   padding: 20px 22px; line-height: 1.4; background: var(--bd-common-white); box-shadow: none;
}
.bd-faq-accordion .accordion-button:not(.collapsed) {
   color: var(--bd-theme-primary); background: var(--bd-grey-1); box-shadow: none;
}
.bd-faq-accordion .accordion-button:focus {
   box-shadow: 0 0 0 .2rem rgba(6, 96, 189, .18); border-color: var(--bd-grey-2);
}
.bd-faq-accordion .accordion-button::after {
   content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 900;
   font-size: 14px; color: var(--bd-theme-primary);
   background-image: none; width: auto; height: auto; transition: transform .25s ease;
}
.bd-faq-accordion .accordion-button:not(.collapsed)::after { transform: rotate(180deg); }
.bd-faq-accordion .accordion-body { padding: 16px 22px 22px; font-size: 15px; line-height: 1.65; }
.bd-faq-accordion .accordion-body p { color: var(--bd-text-body); margin: 0; }

/* ---------------------------------------------------------------
   11. STICKY BUY BAR  (product pages)
   --------------------------------------------------------------- */
.bd-buybar {
   position: fixed; left: 0; right: 0; bottom: 0; z-index: 990;
   background: #fff; border-top: 1px solid var(--bd-grey-2);
   box-shadow: 0 -8px 30px rgba(0, 0, 0, .08);
   transform: translateY(110%); transition: transform .3s ease;
}
.bd-buybar.is-visible { transform: translateY(0); }
.bd-buybar__inner {
   display: flex; align-items: center; justify-content: space-between; gap: 18px;
   padding: 14px 0;
}
.bd-buybar__label { font-size: 15px; font-weight: 600; color: var(--bd-common-black); line-height: 1.35; }
.bd-buybar__label b { color: var(--bd-theme-primary); }
.bd-buybar__label span { display: block; font-size: 13px; font-weight: 500; color: var(--bd-text-body); }
.bd-buybar .bd-btn { flex-shrink: 0; }
@media (max-width: 575px) {
   .bd-buybar__inner { padding: 12px 0; gap: 12px; }
   .bd-buybar__label { font-size: 14px; }
   .bd-buybar__label span { font-size: 12px; }
}

/* ---------------------------------------------------------------
   12. SHELF CARDS  (shop landing)
   --------------------------------------------------------------- */
.bd-shelf-card {
   position: relative; display: flex; flex-direction: column; height: 100%;
   background: #fff; border: 1px solid var(--bd-grey-2); border-radius: 14px;
   padding: 34px 30px 30px; overflow: hidden;
   transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.bd-shelf-card::before {
   content: ""; position: absolute; inset: 0 0 auto 0; height: 4px;
   background: var(--bd-theme-primary); opacity: 0; transition: opacity .3s ease;
}
.bd-shelf-card:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(6, 96, 189, .12); border-color: var(--bd-theme-primary); }
.bd-shelf-card:hover::before { opacity: 1; }
.bd-shelf-card__icon {
   width: 56px; height: 56px; border-radius: 14px; flex-shrink: 0;
   background: var(--bd-grey-1); color: var(--bd-theme-primary);
   display: flex; align-items: center; justify-content: center;
   font-size: 24px; margin-bottom: 22px;
}
.bd-shelf-card__title { font-size: 21px; font-weight: 700; margin-bottom: 10px; line-height: 1.3; }
.bd-shelf-card__title a { color: inherit; }
.bd-shelf-card__title a:hover { color: var(--bd-theme-primary); }
.bd-shelf-card__text { font-size: 15px; line-height: 1.65; color: var(--bd-text-body); margin: 0 0 20px; }
.bd-shelf-card__meta {
   display: flex; align-items: center; justify-content: space-between; gap: 14px;
   margin-top: auto; padding-top: 18px; border-top: 1px solid var(--bd-grey-2);
}
.bd-shelf-card__price { font-size: 17px; font-weight: 800; color: var(--bd-common-black); line-height: 1.3; }
.bd-shelf-card__price span { display: block; font-weight: 500; color: var(--bd-text-body); font-size: 13px; }
.bd-shelf-card__link { font-size: 14px; font-weight: 700; color: var(--bd-theme-primary); white-space: nowrap; }
.bd-shelf-card__link i { margin-left: 6px; font-size: 13px; transition: transform .25s ease; display: inline-block; }
.bd-shelf-card__link:hover { color: var(--bd-theme-primary); }
.bd-shelf-card:hover .bd-shelf-card__link i { transform: translateX(4px); }

/* status flag */
.bd-shelf-flag {
   position: absolute; top: 20px; right: 20px;
   font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
   padding: 5px 11px; border-radius: 999px;
}
.bd-shelf-flag--live { background: rgba(6, 96, 189, .1); color: var(--bd-theme-primary); }
.bd-shelf-flag--soon { background: var(--bd-grey-1); color: var(--bd-text-body); }

/* upcoming cards read quieter but stay legible */
.bd-shelf-card--soon { background: var(--bd-grey-1); border-style: dashed; }
.bd-shelf-card--soon .bd-shelf-card__icon { background: #fff; color: var(--bd-border-2); }
.bd-shelf-card--soon:hover { transform: none; box-shadow: none; border-color: var(--bd-border-2); }
.bd-shelf-card--soon:hover::before { opacity: 0; }

/* ---------------------------------------------------------------
   13. PROMISE STRIP + WHO IT IS FOR  (shop landing)
   --------------------------------------------------------------- */
.bd-shop-promise { border: 1px solid var(--bd-grey-2); border-radius: 14px; padding: 40px 34px; background: #fff; }
.bd-shop-promise__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.bd-shop-promise-item { text-align: center; }
.bd-shop-promise-item i { font-size: 28px; color: var(--bd-theme-primary); margin-bottom: 14px; display: block; }
.bd-shop-promise-item h4 { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.bd-shop-promise-item p { font-size: 14px; line-height: 1.55; color: var(--bd-text-body); margin: 0; }
@media (max-width: 768px) { .bd-shop-promise__grid { grid-template-columns: repeat(2, 1fr); gap: 28px; } }
@media (max-width: 420px) { .bd-shop-promise__grid { grid-template-columns: 1fr; } }

.bd-shop-for ul { padding: 0; margin: 0; }
.bd-shop-for li {
   position: relative; padding: 9px 0 9px 30px; font-size: 16px; line-height: 1.6;
   list-style: none; color: #1a1a1a;
}
.bd-shop-for li::before {
   content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 600;
   position: absolute; left: 0; top: 11px; color: var(--bd-theme-primary); font-size: 13px;
}

/* ---------------------------------------------------------------
   14. MOTION PREFERENCES
   --------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
   .bd-prod-value, .bd-buybar, .bd-shelf-card, .bd-shelf-card__link i, .bd-prod-cat { transition: none; }
   .bd-prod-value:hover, .bd-shelf-card:hover { transform: none; }
   .bd-shelf-card:hover .bd-shelf-card__link i { transform: none; }
}