/* PATCH SAFE: contact buttons + home slider clarity
   Scope:
   - Product detail contact card on desktop only.
   - Home slider image clarity and spacing.
   No PHP logic, no cart/order/admin, no product media JS.
*/

/* =========================
   1) PRODUCT CONTACT CARD — DESKTOP ONLY
   ========================= */
@media (min-width: 901px){

  .jamia-pdp45 .jamia-pdp45-contact-card{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) minmax(0,auto)!important;
    align-items:center!important;
    gap:14px!important;
    padding:16px 18px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .jamia-pdp45 .jamia-pdp45-contact-copy{
    min-width:0!important;
    max-width:none!important;
  }

  .jamia-pdp45 .jamia-pdp45-contact-copy h3,
  .jamia-pdp45 .jamia-pdp45-contact-copy p,
  .jamia-pdp45 .jamia-pdp45-contact-copy strong,
  .jamia-pdp45 .jamia-pdp45-contact-copy span{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .jamia-pdp45 .jamia-pdp45-contact-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .jamia-pdp45 .jamia-pdp45-contact-actions a{
    flex:0 0 auto!important;
    min-width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-sizing:border-box!important;
  }

  .jamia-pdp45 .jamia-pdp45-contact-actions a[href^="tel:"]{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* If the desktop column is not wide enough, put buttons below text instead of clipping */
@media (min-width:901px) and (max-width:1280px){
  .jamia-pdp45 .jamia-pdp45-contact-card{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }

  .jamia-pdp45 .jamia-pdp45-contact-actions{
    justify-content:flex-start!important;
    width:100%!important;
  }
}

/* Desktop thumbnails: allow all images to be reachable */
@media (min-width:901px){
  .jamia-pdp45 .jamia-pdp45-thumbs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-width:100%!important;
    width:100%!important;
    padding:10px 4px 12px!important;
    box-sizing:border-box!important;
    scrollbar-width:thin!important;
  }

  .jamia-pdp45 .jamia-pdp45-thumbs button{
    flex:0 0 74px!important;
    width:74px!important;
    min-width:74px!important;
    height:74px!important;
  }

  .jamia-pdp45 .jamia-pdp45-thumbs::-webkit-scrollbar{
    height:8px!important;
  }

  .jamia-pdp45 .jamia-pdp45-thumbs::-webkit-scrollbar-thumb{
    background:rgba(23,59,44,.38)!important;
    border-radius:999px!important;
  }
}

/* =========================
   2) HOME SLIDER — CLEAR IMAGE, NO FOG
   ========================= */

/* Keep slider size controlled but do not affect product images */
.as-home-pro .as-hero-slider--visual,
.as-home-pro .as-hero-slider--visual.as-js{
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* Remove decorative/fog layers only on home slider */
.as-home-pro .as-hero-slider--visual:before,
.as-home-pro .as-hero-slider--visual:after,
.as-home-pro .as-hero-slide:before,
.as-home-pro .as-hero-slide:after,
.as-home-pro .as-visual-slide__frame:before,
.as-home-pro .as-visual-slide__frame:after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* No internal padding: frame = image container */
.as-home-pro .as-hero-slider--visual .as-hero-slide{
  padding:0!important;
  background:transparent!important;
  filter:none!important;
  -webkit-filter:none!important;
}

.as-home-pro .as-hero-slider--visual .as-visual-slide__frame{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* The image must be clear */
.as-home-pro .as-hero-slider--visual .as-visual-slide__img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  background:transparent!important;
}

/* Prevent zoom effect */
.as-home-pro .as-hero-slider--visual .as-hero-slide.is-active .as-visual-slide__img{
  transform:none!important;
}

/* Slider ratio only */
@media (min-width:901px){
  .as-home-pro .as-hero-slider--visual,
  .as-home-pro .as-hero-slider--visual.as-js{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/7!important;
  }
}

@media (max-width:900px){
  .as-home-pro .as-hero-slider--visual,
  .as-home-pro .as-hero-slider--visual.as-js{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
  }
}

@media (max-width:520px){
  .as-home-pro .as-hero-slider--visual,
  .as-home-pro .as-hero-slider--visual.as-js{
    aspect-ratio:16/10!important;
  }
}