/*!
 * libellus-detalji.css — krug 7, stranica proizvoda
 * Libellus / Crew803, 06.10.2026.
 *
 * Učitava se POSLIJE libellus-ponuda.css.
 *
 * Pisano prema izmjerenoj zatečenoj kaskadi (02-MJERENJA/41). DOM se ne dira.
 *
 * Doseg: `aside.product_details_content` — postoji samo na stranici proizvoda.
 *
 * Zatečeni DOM (izmjereno na 1920):
 *   aside.product_details_content              padding: 60px 0
 *     section.product_details_inner      1200  ← tvrdo, ovdje puca 801–1199
 *       nav                               240  float: left
 *       div.product_details_right_cnt_container  900  float: right
 *         aside.product_details_left_cnt  297  float: left
 *           figure                        297  display: table-cell
 *             a.group > img                     thumb 600×790, prikaz 297×391
 *             figcaption > span.sale      64×64 žuti kvadrat, table-cell
 *         aside.product_details_right_cnt 603  float: right, bijela, pad 25/30/30
 *           h1                            543  28px/600
 *           section.product_price_button_cnt 543 display: table
 *             del.kn_oldprice             14px/600
 *             strong.kn_price             20px/700 CRNA  (na popisu je crvena)
 *             a.add_to_cart_btn           200×57, bg #B30000, 18px 15px
 *               span.material-icons + strong
 *           dl                            543  display: table
 *         aside.product_details_tabs_cnt  900  padding: 30px 0 60px
 *         section.related_products_cnt    900
 *           h1 + article × 4              225  float: left, padding 0 0 60px
 */


/* ====================================================================
   1. KONTEJNER — ista rupa kao na Ponudi

   IZMJERENO: `section.product_details_inner` je tvrdih 1200 px i
   vodoravni scroll je točno `1200 − širina` na svakoj širini od 1199
   do 801 px. Isti lijek kao u krugu 6.                                */

aside.product_details_content{
  padding: 34px 0 60px;          /* bilo 60px 0 */
}

aside.product_details_content > section.product_details_inner{
  display: flex;
  align-items: flex-start;
  gap: 40px;
  width: auto;                   /* bilo: 1200px fiksno */
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

aside.product_details_content > section.product_details_inner > nav{
  float: none;
  flex: 0 0 240px;
  width: auto;
  min-width: 0;
}

aside.product_details_content div.product_details_right_cnt_container{
  float: none;
  width: auto;                   /* bilo: 900px */
  flex: 1 1 auto;
  min-width: 0;
}


/* ====================================================================
   2. KAZALO — isti izgled kao na Ponudi                               */

aside.product_details_content section.product_details_inner > nav{
  background: var(--lb-bijela, #fff);
  border: 1px solid var(--lb-linija, rgba(20,18,16,.13));
  border-radius: var(--lb-r, 4px);
  padding: 18px 0 8px;
  position: sticky;
  top: 148px;
}
aside.product_details_content section.product_details_inner > nav::before{
  content: 'AUTORI I SERIJALI';
  display: block;
  margin: 0 18px 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--lb-linija, rgba(20,18,16,.13));
  font-size: 11px; font-weight: 700; letter-spacing: .14em;
  color: var(--lb-siva, #6B645C);
}
aside.product_details_content section.product_details_inner > nav > ul{
  max-height: 560px; overflow-y: auto;
  margin: 0; padding: 0 6px 0 0; list-style: none; scrollbar-width: thin;
}
aside.product_details_content section.product_details_inner > nav > ul::-webkit-scrollbar{ width: 8px; }
aside.product_details_content section.product_details_inner > nav > ul::-webkit-scrollbar-thumb{
  background: rgba(20,18,16,.18); border-radius: 999px;
}
aside.product_details_content section.product_details_inner > nav li{ margin: 0; padding: 0; list-style: none; }
aside.product_details_content section.product_details_inner > nav li > a{
  display: block; padding: 7px 18px;
  font-size: 13.5px; line-height: 1.35;
  color: var(--lb-siva, #6B645C); text-decoration: none;
  border-left: 2px solid transparent;
  transition: color .16s linear, background .16s linear, border-color .16s linear;
}
aside.product_details_content section.product_details_inner > nav li > a:hover{
  color: var(--lb-tinta, #141210);
  background: var(--lb-papir, #FAF7F2);
  border-left-color: var(--lb-zuta, #F5C518);
}
/* zatečeni aktivni zapis serijala je crven s bijelim tekstom */
aside.product_details_content section.product_details_inner > nav li > a.active,
aside.product_details_content section.product_details_inner > nav li.active > a{
  background: var(--lb-tinta, #141210);
  color: var(--lb-zuta, #F5C518);
  border-left-color: var(--lb-zuta, #F5C518);
  font-weight: 700;
}


/* ====================================================================
   3. GORNJI BLOK — korica i podaci jedan uz drugi

   Zatečeno su dva floata (297 + 603). Flex ih drži bez praznina i bez
   `clear` trikova, a na uskim širinama se slože jedan ispod drugog.   */

aside.product_details_content div.product_details_right_cnt_container{
  display: grid;
  grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
  grid-template-areas:
    'korica podaci'
    'tabovi tabovi'
    'srodni srodni';
  gap: 34px 40px;
  align-items: start;
}
aside.product_details_content aside.product_details_left_cnt{
  grid-area: korica;
  float: none; width: auto;
}
aside.product_details_content aside.product_details_right_cnt{
  grid-area: podaci;
  float: none; width: auto;
}
aside.product_details_content aside.product_details_tabs_cnt{ grid-area: tabovi; }
aside.product_details_content section.related_products_cnt{ grid-area: srodni; }


/* ====================================================================
   4. KORICA

   `aspect-ratio` na poveznici drži okvir i kad slike NEMA. Izmjereno:
   11,5 % proizvoda nema `600x790`, pa bi se bez ovoga lijevi stupac
   srušio na 44 px i stranica bi izgledala slomljeno. Okvir ostaje,
   vidi se tamna ploha s diskretnim znakom umjesto rupe.               */

aside.product_details_content aside.product_details_left_cnt > figure{
  display: block;                /* bilo: table-cell */
  width: auto; max-width: none;
  margin: 0; padding: 0;
  position: relative;
  border-radius: var(--lb-r, 4px);
  overflow: hidden;
  background: linear-gradient(150deg, #2E2823 0%, #171412 100%);
  box-shadow: var(--lb-sjena, 0 12px 32px rgba(20,18,16,.08));
}
aside.product_details_content aside.product_details_left_cnt figure > a{
  display: block;
  aspect-ratio: 600 / 790;       /* okvir stoji i kad slika ne stigne */
  line-height: 0;
  padding: 22px;
  box-sizing: border-box;
}
aside.product_details_content aside.product_details_left_cnt figure img{
  width: 100%; height: 100%;
  max-width: none;
  object-fit: contain;           /* korica se ne reže i ne rasteže */
  display: block;
  box-shadow: 0 14px 34px rgba(0,0,0,.5);
  /* kad slike nema, preglednik ispiše `alt` preko plohe. Prozirna boja
     ga sakrije, a atribut ostaje za čitače ekrana. */
  color: transparent;
}
/* znak umjesto rupe — stoji ISPOD slike, vidi se samo ako slike nema */
aside.product_details_content aside.product_details_left_cnt figure > a::before{
  content: 'KORICA U PRIPREMI';
  position: absolute; left: 0; right: 0; top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  text-align: center;
  font-size: 11px; font-weight: 700; letter-spacing: .16em;
  color: rgba(255,255,255,.34);
}
aside.product_details_content aside.product_details_left_cnt figure img{ position: relative; z-index: 1; }

/* značka akcije — iz žutog kvadrata u kut korice, kao na popisu */
aside.product_details_content aside.product_details_left_cnt figcaption{
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  width: auto; height: auto;
  z-index: 2;
}
aside.product_details_content aside.product_details_left_cnt figcaption span.sale{
  position: absolute; top: 14px; right: 14px;
  display: block;                /* bilo: table-cell 64×64 */
  width: auto; height: auto;
  padding: 7px 10px;
  border-radius: 3px;
  background: var(--lb-crvena, #D42A1C);
  color: #fff;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 13px; font-weight: 700; line-height: 1;
  box-shadow: 0 2px 10px rgba(0,0,0,.35);
}


/* ====================================================================
   5. PODACI O PROIZVODU                                               */

aside.product_details_content aside.product_details_right_cnt{
  background: var(--lb-bijela, #fff);
  border: 1px solid var(--lb-linija, rgba(20,18,16,.13));
  border-radius: var(--lb-r, 4px);
  padding: 28px 30px 30px;
}

aside.product_details_content aside.product_details_right_cnt > h1{
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: -.015em;
  color: var(--lb-tinta, #141210);
  margin: 0 0 18px;
  padding: 0;
}

/* cijena */
aside.product_details_content section.product_price_button_cnt{
  display: block;                /* bilo: table */
  width: auto;
  margin: 0 0 24px;
  padding: 18px 0 0;
  border-top: 1px solid rgba(20,18,16,.08);
}
aside.product_details_content aside.prod_details_price_left_cnt{
  display: block; width: auto;
}
aside.product_details_content aside.prod_details_price_left_cnt > div{
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px;
}
aside.product_details_content section.product_price_button_cnt p{
  margin: 0; font-size: 12px; letter-spacing: .1em; font-weight: 700;
  color: var(--lb-siva, #6B645C); text-transform: uppercase;
}
aside.product_details_content div.pricing_cnt > div{
  display: flex; align-items: baseline; gap: 12px;
}
aside.product_details_content del.kn_oldprice{
  font-size: 15px; font-weight: 500;
  color: var(--lb-siva, #6B645C);
  margin: 0;
}
/* IZMJERENO: ovdje je cijena CRNA 20px, a na popisu crvena 23px.
   Ista roba, ista cijena — ista boja. */
aside.product_details_content strong.kn_price{
  font-size: 32px; font-weight: 800; line-height: 1;
  letter-spacing: -.02em;
  color: var(--lb-crvena, #D42A1C);
  margin: 0;
}

/* sidrena cijena i najniža u 30 dana — zakonska obveza, ostaje, ali tiho */
aside.product_details_content div.remained_price_cnt{
  display: block; margin: 10px 0 0;
}
aside.product_details_content div.remained_price_cnt p,
aside.product_details_content div.lowest_price p{
  font-size: 11.5px; font-weight: 400; letter-spacing: 0;
  text-transform: none;
  line-height: 1.5;
  color: rgba(20,18,16,.55);
  margin: 0;
}
aside.product_details_content div.remained_price_cnt strong,
aside.product_details_content div.lowest_price strong{
  font-weight: 600; color: rgba(20,18,16,.72); font-size: 11.5px;
}

/* IZMJERENO: gumb je u `form.shop_add` koji je `display:inline-block`
   i širok 202 px, pa je `width:100%` na gumbu značilo 100 % od 202.
   Forma prvo mora postati blok pune širine. */
aside.product_details_content section.product_price_button_cnt form.shop_add{
  display: block;
  width: 100%;
  margin: 0;
}

/* GUMB — na zalihi */
aside.product_details_content a.add_to_cart_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  margin: 22px 0 0;
  padding: 0 20px;
  border-radius: var(--lb-r, 4px);
  background: var(--lb-tinta, #141210);   /* bilo: #B30000 */
  color: var(--lb-zuta, #F5C518);
  font-size: 15px; font-weight: 700;
  text-decoration: none;
  transition: background .2s linear, transform .12s linear;
}
aside.product_details_content a.add_to_cart_btn:hover{ background: #000; }
aside.product_details_content a.add_to_cart_btn:active{ transform: scale(.99); }
aside.product_details_content a.add_to_cart_btn strong{
  font-size: 15px; font-weight: 700; color: inherit; margin: 0;
}
aside.product_details_content a.add_to_cart_btn .material-icons{
  color: inherit;
  font-size: 20px !important;
  margin: 0 !important;
  text-transform: none !important;   /* G52 */
  letter-spacing: 0 !important;
}

/* GUMB — na upit.
   IZMJERENO: modul ovdje ispisuje „Rasprodano", a popis za isti proizvod
   kaže „NA UPIT". Roba nije rasprodana nego se naručuje — to je stanje
   oko 73 % kataloga. Dvije stranice ne smiju govoriti različito. */
aside.product_details_content a.add_to_cart_btn.disabled_cart_dts{
  background: none !important;
  background-color: transparent !important;
  border: 1px dashed var(--lb-linija, rgba(20,18,16,.13)) !important;
  color: rgba(20,18,16,.45) !important;
  box-shadow: none !important;
  cursor: default;
  pointer-events: none;
}
aside.product_details_content a.add_to_cart_btn.disabled_cart_dts .material-icons,
aside.product_details_content a.add_to_cart_btn.disabled_cart_dts strong{
  display: none !important;
}
aside.product_details_content a.add_to_cart_btn.disabled_cart_dts::after{
  content: 'NA UPIT';
  font-size: 13px; font-weight: 700; letter-spacing: .12em;
  color: rgba(20,18,16,.45);
}

/* specifikacija */
/* IZMJERENO: `dl` NE sadrži `dt`/`dd` izravno — svaki par je omotan u
   `div`. Mreža mora biti na tom `div`-u, inače se stupci slažu po
   omotačima i tekst se preklapa. Prvi put sam je stavio na `dl` i
   dobio „Naz / Zagor kolor biblioteka" jedno preko drugog. */
aside.product_details_content aside.product_details_right_cnt dl{
  display: block;
  width: auto;
  margin: 24px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid rgba(20,18,16,.08);
}
aside.product_details_content aside.product_details_right_cnt dl > div{
  display: grid;
  grid-template-columns: minmax(0, 118px) minmax(0, 1fr);
  gap: 0 14px;
  align-items: start;
}
aside.product_details_content aside.product_details_right_cnt dt,
aside.product_details_content aside.product_details_right_cnt dd{
  display: block;
  margin: 0;
  padding: 9px 0;
  border-bottom: 1px solid rgba(20,18,16,.06);
  font-size: 13.5px;
  line-height: 1.45;
}
aside.product_details_content aside.product_details_right_cnt dt{
  color: var(--lb-siva, #6B645C);
  font-weight: 600;
}
aside.product_details_content aside.product_details_right_cnt dd{
  color: var(--lb-tinta, #141210);
}
aside.product_details_content aside.product_details_right_cnt dd a{
  color: var(--lb-tinta, #141210);
  text-decoration: none;
  border-bottom: 1px solid rgba(20,18,16,.22);
}
aside.product_details_content aside.product_details_right_cnt dd a:hover{
  color: var(--lb-zuta-t, #D9A800);
  border-bottom-color: var(--lb-zuta, #F5C518);
}

/* opis ispod specifikacije */
aside.product_details_content aside.product_details_right_cnt > p{
  font-size: 14.5px; line-height: 1.6;
  color: rgba(20,18,16,.78);
  margin: 16px 0 0;
}


/* ====================================================================
   6. TABOVI I SRODNI PROIZVODI                                        */

aside.product_details_content aside.product_details_tabs_cnt{
  display: block;                /* bilo: table */
  width: auto;
  padding: 0;
  margin: 0;
}
aside.product_details_content aside.product_details_tabs_cnt > div.container{
  display: block; width: auto;
}

aside.product_details_content section.related_products_cnt{
  display: grid;                 /* bilo: table + floatovi */
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  width: auto;
  padding: 30px 0 0;
  border-top: 1px solid var(--lb-linija, rgba(20,18,16,.13));
}
aside.product_details_content section.related_products_cnt > h1{
  grid-column: 1 / -1;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -.015em;
  color: var(--lb-tinta, #141210);
  margin: 0;
  padding: 0;
}

/* kartica — isti `article` kao na Ponudi, samo drugi doseg */
aside.product_details_content section.related_products_cnt > article{
  float: none; width: auto; max-width: none;
  margin: 0; padding: 0;         /* bilo: 0 0 60px */
  display: flex; flex-direction: column;
  position: relative; overflow: hidden;
  background: var(--lb-bijela, #fff);
  border: 1px solid var(--lb-linija, rgba(20,18,16,.13));
  border-radius: var(--lb-r, 4px);
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s linear, border-color .28s linear;
}
aside.product_details_content section.related_products_cnt > article:hover{
  transform: translateY(-6px);
  box-shadow: var(--lb-sjena, 0 12px 32px rgba(20,18,16,.08));
  border-color: rgba(20,18,16,.25);
}
aside.product_details_content section.related_products_cnt > article > figure{
  display: flex; align-items: center; justify-content: center;   /* G60 — ne grid */
  width: auto; max-width: none; height: auto; min-height: 0;
  float: none; margin: 0; padding: 18px 12px;
  overflow: hidden; position: relative;
  background: linear-gradient(150deg, #2E2823 0%, #171412 100%);
}
aside.product_details_content section.related_products_cnt > article > figure > a{
  display: block; line-height: 0; width: 190px; max-width: 100%;
}
aside.product_details_content section.related_products_cnt > article > figure img{
  width: 100%; height: auto; max-width: none; display: block;
  box-shadow: 0 10px 26px rgba(0,0,0,.45);
  transition: transform .45s cubic-bezier(.2,.8,.2,1);
}
aside.product_details_content section.related_products_cnt > article:hover figure img{
  transform: translateY(-4px) scale(1.02);
}
aside.product_details_content section.related_products_cnt > article > h1{
  font-size: 14.5px; line-height: 1.3; font-weight: 700;
  letter-spacing: -.005em; text-transform: none;
  margin: 14px 13px 0; padding: 0;
}
aside.product_details_content section.related_products_cnt > article > h1 > a{
  color: var(--lb-tinta, #141210); text-decoration: none;
}
aside.product_details_content section.related_products_cnt > article:hover > h1 > a{
  color: var(--lb-zuta-t, #D9A800);
}
aside.product_details_content section.related_products_cnt > article > em{
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  font-style: normal; font-size: 13px; line-height: 1.45;
  color: var(--lb-siva, #6B645C);
  margin: 6px 13px 0; padding: 0; min-height: 52px;
}
aside.product_details_content section.related_products_cnt > article div.price_cnt{
  display: block; margin: 12px 13px 0; padding-top: 14px;
  border-top: 1px solid rgba(20,18,16,.07);
}
aside.product_details_content section.related_products_cnt > article div.price_cnt > div{
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px;
}
aside.product_details_content section.related_products_cnt > article del.kn_oldprice{
  display: inline; font-size: 13px; font-weight: 500; color: var(--lb-siva, #6B645C); margin: 0;
}
aside.product_details_content section.related_products_cnt > article strong.kn_price{
  display: inline; font-size: 21px; font-weight: 800; line-height: 1;
  letter-spacing: -.02em; color: var(--lb-crvena, #D42A1C); margin: 0;
}
aside.product_details_content section.related_products_cnt > article span.sale{
  position: absolute; top: 12px; right: 12px; z-index: 3;
  width: auto; height: auto; margin: 0; padding: 6px 9px;
  border-radius: 3px;
  background: var(--lb-crvena, #D42A1C); color: #fff;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px; font-weight: 700; line-height: 1;
  box-shadow: 0 2px 10px rgba(0,0,0,.3);
}
aside.product_details_content section.related_products_cnt > article > div.cart_cnt{
  display: flex; align-items: stretch; gap: 8px;
  margin: 13px; margin-top: auto; padding: 13px 0 0;
}
aside.product_details_content section.related_products_cnt > article form.shop_add{ flex: 1; margin: 0; }
aside.product_details_content section.related_products_cnt > article a.shop_btn_add_to_basket{
  display: flex; align-items: center; justify-content: center; gap: 9px;
  width: 100%; height: 42px;
  border-radius: var(--lb-r, 4px);
  background: var(--lb-tinta, #141210);
  color: var(--lb-zuta, #F5C518);
  font-size: 13px; font-weight: 700; white-space: nowrap;
  text-decoration: none; cursor: pointer;
  transition: background .2s linear, transform .12s linear;
}
aside.product_details_content section.related_products_cnt > article a.shop_btn_add_to_basket::after{ content: "U košaricu"; }
aside.product_details_content section.related_products_cnt > article a.shop_btn_add_to_basket:hover{ background: #000; }
aside.product_details_content section.related_products_cnt > article a.shop_btn_add_to_basket .material-icons{
  color: inherit;
  font-size: 19px !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
aside.product_details_content section.related_products_cnt > article a.details_btn_icon{
  display: grid; place-items: center; flex: none;
  width: 42px; height: 42px;
  border: 1px solid var(--lb-linija, rgba(20,18,16,.13));
  border-radius: var(--lb-r, 4px);
  color: var(--lb-siva, #6B645C); text-decoration: none;
  transition: border-color .2s linear, color .2s linear, background .2s linear;
}
aside.product_details_content section.related_products_cnt > article a.details_btn_icon:hover{
  border-color: var(--lb-tinta, #141210);
  color: var(--lb-tinta, #141210);
  background: var(--lb-papir, #FAF7F2);
}
aside.product_details_content section.related_products_cnt > article a.details_btn_icon .material-icons{
  color: inherit;
  font-size: 19px !important;
  text-transform: none !important; letter-spacing: 0 !important;
}
aside.product_details_content section.related_products_cnt > article a.sendrequest_btn_group_home{
  flex: 1;
  border: 1px dashed var(--lb-linija, rgba(20,18,16,.13)) !important;
  border-radius: var(--lb-r, 4px) !important;
}


/* ====================================================================
   7. PRIJELOMI — isti pragovi kao krug 6                              */

@media only screen and (max-width: 1339px){
  aside.product_details_content section.related_products_cnt{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 1100px){
  aside.product_details_content > section.product_details_inner{
    display: block;
    padding: 0 20px;
  }
  aside.product_details_content section.product_details_inner > nav{
    position: static; margin: 0 0 24px; padding: 14px 0 6px;
  }
  aside.product_details_content section.product_details_inner > nav > ul{ max-height: 190px; }
}

/* korica ide iznad podataka */
@media only screen and (max-width: 900px){
  aside.product_details_content{ padding: 26px 0 48px; }
  aside.product_details_content div.product_details_right_cnt_container{
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'korica' 'podaci' 'tabovi' 'srodni';
    gap: 24px;
  }
  aside.product_details_content aside.product_details_left_cnt{
    max-width: 320px;
    margin: 0 auto;
  }
  aside.product_details_content section.related_products_cnt{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media only screen and (max-width: 560px){
  aside.product_details_content > section.product_details_inner{ padding: 0 16px; }
  aside.product_details_content aside.product_details_right_cnt{ padding: 22px 18px 24px; }
  aside.product_details_content strong.kn_price{ font-size: 27px; }
  aside.product_details_content aside.product_details_right_cnt dl > div{
    grid-template-columns: minmax(0, 1fr);
  }
  aside.product_details_content aside.product_details_right_cnt dt{
    padding: 9px 0 0; border-bottom: 0;
  }
  aside.product_details_content aside.product_details_right_cnt dd{ padding: 2px 0 9px; }
  aside.product_details_content section.related_products_cnt{ gap: 14px; }
  aside.product_details_content section.related_products_cnt > article > em{
    min-height: 0; -webkit-line-clamp: 2;
  }
}

@media only screen and (max-width: 430px){
  aside.product_details_content section.related_products_cnt{
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce){
  aside.product_details_content section.related_products_cnt > article,
  aside.product_details_content section.related_products_cnt > article figure img{ transition: none; }
  aside.product_details_content section.related_products_cnt > article:hover{ transform: none; }
  aside.product_details_content section.related_products_cnt > article:hover figure img{ transform: none; }
}