/* PH_V2_PROMOS_081C - only banner and global best */

.ph2-banner {
  width:100%;
  min-width:0;
  margin:12px 0 20px;
  box-sizing:border-box;
}
.ph2-banner-window {
  position:relative;
  width:100%;
  aspect-ratio:5/1;
  min-height:145px;
  border-radius:15px;
  overflow:hidden;
  background:#fff1b4;
}
.ph2-banner-slide {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 5%;
  box-sizing:border-box;
  color:#17191d;
}
.ph2-banner-slide[hidden] {display:none!important}
.ph2-slide-1 {
  background:linear-gradient(110deg,#fff9e2,#ffe69a,#ffcf45);
}
.ph2-slide-2 {
  background:linear-gradient(110deg,#fff9ed,#ffe5b4,#f9ca55);
}
.ph2-slide-3 {
  background:linear-gradient(110deg,#f6f9ff,#e5edf8,#ffe38b);
}
.ph2-banner-copy {
  display:flex;
  flex-direction:column;
  min-width:0;
  max-width:75%;
  gap:8px;
}
.ph2-banner-copy small {
  font-size:11px;
  font-weight:700;
}
.ph2-banner-copy strong {
  font-size:clamp(17px,2.2vw,29px);
  line-height:1.15;
  font-weight:800;
}
.ph2-banner-copy > span {
  font-size:clamp(11px,1vw,14px);
  color:#626b79;
}
.ph2-banner-symbol {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:clamp(54px,9vw,110px);
  aspect-ratio:1;
  border-radius:22%;
  background:#ffcc00;
  color:#17191d;
  box-shadow:7px 8px 0 #222;
  font-size:clamp(34px,6vw,72px);
  font-weight:900;
  transform:rotate(-10deg);
}
.ph2-banner-controls {
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:29px;
  margin-top:5px;
}
.ph2-banner-dots,.ph2-banner-arrows {
  display:flex;
  align-items:center;
  gap:7px;
}
.ph2-banner-dots button {
  border:0;
  padding:0;
  width:9px;
  height:9px;
  border-radius:99px;
  background:#c8ced7;
  cursor:pointer;
}
.ph2-banner-dots button[aria-current="true"] {
  width:25px;
  background:#ffcc00;
}
.ph2-banner-arrows button {
  width:28px;
  height:28px;
  padding:0;
  background:#fff;
  border:1px solid #dee2e8;
  border-radius:8px;
  font-size:21px;
  color:#222;
  cursor:pointer;
}
.ph2-best {
  margin:22px 0;
  padding:16px;
  border:1px solid #f0e2b0;
  border-radius:15px;
  background:#fff9e8;
}
.ph2-best-head {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
}
.ph2-best-head h2 {
  margin:0;
  font-size:clamp(17px,1.6vw,22px);
  color:#17191d;
}
.ph2-best-head > span {
  color:#7b8491;
  font-size:12px;
}
.ph2-best-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ph2-best-tile {
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:6px;
  padding:10px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e3e8ee;
  border-radius:12px;
}
.ph2-best-media {
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:3/2;
  border-radius:9px;
  background:#ffe7a0;
}
.ph2-best-tile:nth-child(2) .ph2-best-media {
  background:#222730;
  color:#ffcc00;
}
.ph2-best-tile:nth-child(3) .ph2-best-media {
  background:#e8f0ff;
}
.ph2-best-tile:nth-child(4) .ph2-best-media {
  background:#edf0f4;
}
.ph2-best-media span {
  font-size:clamp(25px,3vw,46px);
  font-weight:800;
}
.ph2-best-tile strong {
  font-size:13px;
  color:#17191d;
}
.ph2-best-tile small {
  font-size:11px;
  color:#798391;
}
@media(max-width:700px) {
  .ph2-banner-window {
    aspect-ratio:12/5;
    min-height:0;
    border-radius:12px;
  }
  .ph2-banner-slide {padding:10px 4%}
  .ph2-banner-copy {gap:4px}
  .ph2-banner-copy small {font-size:9px}
  .ph2-banner-copy strong {
    font-size:clamp(14px,4vw,19px);
  }
  .ph2-banner-copy > span {font-size:10px}
  .ph2-banner-symbol {
    width:52px;
    font-size:30px;
    border-radius:12px;
    box-shadow:4px 5px 0 #222;
  }
  .ph2-best {padding:12px}
  .ph2-best-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
}


/* PH_V2_BANNER_COMPACT_082 */

/* Standard medium rectangle proportions */
.ph2-banner {
    width: min(100%, 970px);
    max-width: 970px;
    margin: 12px auto 17px;
}

.ph2-banner-window {
    aspect-ratio: 970 / 250;
    min-height: 0;
}

/* Temporarily hide global best on every page */
.ph2-best-container {
    display: none !important;
}

@media (min-width: 701px) and (max-width: 1200px) {
    .ph2-banner {
        max-width: 728px;
    }

    .ph2-banner-window {
        aspect-ratio: 728 / 180;
        min-height: 0;
    }
}

@media (max-width: 700px) {
    .ph2-banner {
        width: 100%;
        max-width: 100%;
        margin: 10px auto 14px;
    }

    .ph2-banner-window {
        aspect-ratio: 320 / 100;
        min-height: 0;
    }

    .ph2-banner-copy {
        gap: 3px;
    }

    .ph2-banner-copy strong {
        font-size: clamp(12px, 3.4vw, 16px);
    }

    .ph2-banner-copy > span:last-child {
        font-size: 9px;
    }

    .ph2-banner-symbol {
        width: 36px;
        font-size: 23px;
        border-radius: 9px;
    }
}


/* PH_V2_BANNER_FULL_WIDTH_083 */

/* Full width of content column */
.catalog-main .ph2-banner {
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 16px !important;
}

/* Reduce only banner height */
.catalog-main .ph2-banner-window {
    width: 100% !important;
    aspect-ratio: auto !important;
    height: 160px !important;
    min-height: 0 !important;
}

/* Hide global collection temporarily */
.ph2-best-container {
    display: none !important;
}

@media (min-width: 701px) and (max-width: 1100px) {
    .catalog-main .ph2-banner-window {
        height: 140px !important;
    }
}

@media (max-width: 700px) {
    .catalog-main .ph2-banner-window {
        height: 110px !important;
    }

    .catalog-main .ph2-banner-copy {
        gap: 3px;
    }

    .catalog-main .ph2-banner-copy strong {
        font-size: 15px;
    }

    .catalog-main .ph2-banner-symbol {
        width: 45px;
        font-size: 26px;
    }
}


/* PH_V2_BANNER_WIDTH_FIX_084 */

/* Remove all earlier 970px / 728px constraints */
html body .catalog-layout .catalog-main .ph2-banner {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Stretch the actual slide to the full banner width */
html body .catalog-layout .catalog-main .ph2-banner-window {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 160px !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
}

html body .catalog-layout .catalog-main .ph2-banner-slide {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (min-width: 701px) and (max-width: 1100px) {
    html body .catalog-layout .catalog-main .ph2-banner-window {
        height: 140px !important;
    }
}

@media (max-width: 700px) {
    html body .catalog-layout .catalog-main .ph2-banner-window {
        height: 110px !important;
    }
}

/* Global best stays hidden */
html body .ph2-best-container {
    display: none !important;
}

/* PH_BANNER_CAMPAIGNS_085: picture-driven slides */
.catalog-main .ph2-campaign-mif-wordmark { position:absolute; z-index:2; left:0; top:0; bottom:0; width:18%; display:flex; align-items:center; padding-left:3%; box-sizing:border-box; background:linear-gradient(90deg,#f7f0e0 0%,#f7f0e0 87%,rgba(247,240,224,0) 100%); font:800 clamp(25px,3vw,49px)/1 sans-serif; letter-spacing:-.06em; color:#151515; }
.catalog-main .ph2-banner-window { background: #f8e9bb; }
.catalog-main .ph2-campaign-slide { padding:0!important; text-decoration:none!important; color:inherit; }
.catalog-main .ph2-campaign-img { display:block; width:100%; height:100%; object-fit:cover; object-position:center center; border:0; border-radius:0; }
.catalog-main .ph2-campaign-mobile-copy { display:none; }
@media(max-width:700px) {
 .catalog-main .ph2-campaign-img { object-position:right center; }
 .catalog-main .ph2-campaign-mif-wordmark {display:none;}
 .catalog-main .ph2-campaign-slide::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.85) 48%,rgba(255,255,255,0) 86%); }
 .catalog-main .ph2-campaign-mobile-copy { display:flex; position:absolute; z-index:2; left:12px; top:6px; bottom:6px; max-width:68%; flex-direction:column; justify-content:center; gap:2px; color:#131b23; }
 .catalog-main .ph2-campaign-mobile-copy b { font-size:10px; }
 .catalog-main .ph2-campaign-mobile-copy strong { font-size:14px; line-height:1.07; }
 .catalog-main .ph2-campaign-mobile-copy small { font-size:9px; }
 .catalog-main .ph2-campaign-cta { font-size:9px; font-weight:700; color:#6c4e00; }
}