.product-recommendations-title.large {
  font-size: calc(var(--title4-font-size) * 1.2);
}
.product-recommendations-title.small {
  font-size: calc(var(--title4-font-size) * 0.8);
}
.product-recommendations-title.medium {
  font-size: calc(var(--title4-font-size) * 1);
}

@media (min-width: 960px) {
  .slider-product-recommendations.no-slider-pc > .slider {
    flex-wrap: wrap;
  }
  .slider-product-recommendations.no-slider-pc
    .slider-product-recommendations__button {
    display: none;
  }
}

.slider-product-recommendations.no-slider-mobile > .slider {
  flex-wrap: wrap;
}

.slider-product-recommendations.no-slider-mobile
  .slider-product-recommendations__button {
  display: none;
}

@media (max-width: 959px) {
  .slider-product-recommendations > .slider.slider--mobile {
    margin-inline: calc(var(--page-padding) * -1) !important;
    padding-inline: var(--page-padding);
    scroll-padding-left: var(--page-padding);
  }

  .slider-product-recommendations > .slider.slider--mobile > .slider__slide {
    width: calc((200vw - var(--page-padding)) / (2 * var(--mobile-cols) + 1));
  }
}

.slider-product-recommendations__button {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(var(--color-page-background));
  border: 1px solid rgba(var(--color-entry-line));
  cursor: pointer;
  color: rgba(var(--color-text));
  z-index: 2;
}

.slider-product-recommendations__button.previous {
  inset-inline-start: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.slider-product-recommendations__button.next {
  inset-inline-end: 0;
  transform: translate(50%, -50%) rotate(-90deg);
}

.slider-product-recommendations__button:disabled {
  color: rgba(var(--color-text), 0.3);
}

.slider-product-recommendations__button:hover:not(:disabled) {
  border-color: rgba(var(--color-text));
}

/* The ipad end responds to the mobile end in vertical screen */

/* @custom-media --tablet (max-width: 959px); */

/* @custom-media --gt-mobile (min-width: 751px); */

/* detectingScreen need to consider the configuration of the tablet */
/* ==== Semco style for "You May Also Like" on product page ==== */

/* Full-width band just for the recommendations section */
div.page-width.section-padding.color-scheme-none:has(> product-recommendations){
  --semco-brand:#FF7500;
  --semco-bg:#05070B;
  --semco-card:#0C1016;
  --semco-border:rgba(255,255,255,0.10);
  --semco-ink:#F7FAFF;
  --semco-muted:#A7B3C7;
  --semco-shadow-soft:0 22px 70px rgba(0,0,0,0.82);
  background:radial-gradient(circle at top left,#111623 0%,#05070B 55%,#020309 100%);
  color:var(--semco-ink);
  padding:32px 4vw 38px;
  border-top:1px solid rgba(255,255,255,0.06);
  border-bottom:1px solid rgba(255,255,255,0.06);
  box-shadow:var(--semco-shadow-soft);
}

/* Fallback if :has() isn’t supported – still give the inner block our style */
product-recommendations{
  display:block;
  background:radial-gradient(circle at top left,#111623 0%,#05070B 55%,#020309 100%);
  color:#F7FAFF;
  padding:24px 0 30px;
}

/* Heading inside the recommendations block */
product-recommendations .product-recommendations-title{
  margin:0 0 8px;
  font-size:clamp(22px,2.4vw,28px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:-0.02em;
  background:linear-gradient(90deg,#FFFFFF,#FFD9B1);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Short text under the title (if present) */
product-recommendations p{
  font-size:14px;
  color:var(--semco-muted,#A7B3C7);
}

/* Slider cards inside product recommendations */
product-recommendations .slider-product-recommendations .slider__slide{
  border-radius:16px;
  background:linear-gradient(180deg,rgba(19,25,38,0.96),rgba(10,14,22,0.96));
  border:1px solid rgba(255,255,255,0.10);
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,0.78);
  display:flex;
  flex-direction:column;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease,background .26s ease;
}

/* Card hover */
product-recommendations .slider-product-recommendations .slider__slide:hover{
  transform:translateY(-4px);
  border-color:rgba(255,117,0,0.85);
  background:linear-gradient(180deg,rgba(20,26,40,0.98),rgba(8,12,20,1));
  box-shadow:0 22px 52px rgba(0,0,0,0.9);
}

/* Product title and price inside the card */
product-recommendations .slider-product-recommendations .slider__slide h3,
product-recommendations .slider-product-recommendations .slider__slide .product-title{
  font-size:14px;
  font-weight:700;
  color:#F7FAFF;
}

product-recommendations .slider-product-recommendations .slider__slide .price,
product-recommendations .slider-product-recommendations .slider__slide .product-price{
  font-size:15px;
  font-weight:700;
  color:#FF7500;
}

/* Responsive tweaks */
@media (max-width:1024px){
  div.page-width.section-padding.color-scheme-none:has(> product-recommendations){
    padding:26px 3vw 32px;
  }
}
@media (max-width:540px){
  div.page-width.section-padding.color-scheme-none:has(> product-recommendations){
    padding:24px 16px 28px;
  }
}