/* Accessory product-family PDPs. Isolated: does not alter devices, cart or checkout. */
.product-group-page:has(.accessory-pdp-experience) { background:#fff; }
.product-group-page:has(.accessory-pdp-experience) .product-page>.shell { max-width:1180px; }
.product-group-page:has(.accessory-pdp-experience) .product-layout { align-items:start;gap:clamp(24px,4vw,60px) }
.product-group-page:has(.accessory-pdp-experience) .product-group-visual { min-width:0; }
.product-group-page:has(.accessory-pdp-experience) .product-media-stage {
  position:relative;overflow:hidden;border-radius:26px;background:#f5f6f8;
  aspect-ratio:1 / 1;display:grid;place-items:center;
}
.product-group-page:has(.accessory-pdp-experience) .product-media-stage picture{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.product-group-page:has(.accessory-pdp-experience) .product-media-stage picture img{display:block;object-fit:contain;width:100%;height:100%;max-height:100%;padding:18px;mix-blend-mode:multiply}
.product-group-page:has(.accessory-pdp-experience) .product-media-thumbs{display:flex;gap:11px;overflow-x:auto;padding:13px 3px 5px;scroll-snap-type:x proximity;scrollbar-width:none}
.product-group-page:has(.accessory-pdp-experience) .product-media-thumbs>button{flex:0 0 75px;min-height:76px;scroll-snap-align:start;border:1px solid #e1e5e9;background:#f5f6f8;border-radius:15px;padding:6px;cursor:pointer}
.product-group-page:has(.accessory-pdp-experience) .product-media-thumbs>button[aria-pressed=true]{border-color:#0066cc;box-shadow:0 0 0 2px rgba(0,102,204,.12)}
.product-group-page:has(.accessory-pdp-experience) .product-media-thumbs img{height:100%;width:100%;object-fit:contain}
.accessory-pdp-inline{margin:12px 0 22px;border:1px solid #e5e8ec;background:#f9fafb;border-radius:16px;padding:17px 18px}
.accessory-pdp-inline p{font-size:13px;line-height:1.5;margin:0;color:#3f4855}
.accessory-pdp-inline .accessory-pdp-inline__fit{font-weight:600;color:#263c38}
.accessory-pdp-inline .accessory-pdp-inline__promise{margin-top:11px;font-size:12px;color:#68727e}
.accessory-pdp-inline .accessory-pdp-inline__pending{margin-top:13px;border-top:1px solid #e3e8ec;padding-top:12px;color:#734b20;font-weight:600}
.accessory-pdp-inline .accessory-pdp-inline__pending[hidden]{display:none}
.product-group-page:has(.accessory-pdp-experience) .product-summary__actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px}
.product-group-page:has(.accessory-pdp-experience) .product-summary__actions [data-group-checkout]{flex:1;min-width:min(220px,100%);min-height:54px;border-radius:999px;background:#0066cc;border:0;color:#fff;font-size:15px;font-weight:690}
.product-group-page:has(.accessory-pdp-experience) .product-summary__actions [data-group-checkout]:hover{background:#0052a6}
.product-group-page:has(.accessory-pdp-experience) .product-summary__actions .accessory-pdp-contact{display:flex;align-items:center;justify-content:center;min-height:51px;flex:1;padding:11px 16px;border:1px solid #b9c8da;border-radius:999px;text-align:center;color:#0066cc;font-weight:680;font-size:14px}
.product-group-page:has(.accessory-pdp-experience) [data-group-checkout][hidden]{display:none!important}
.product-group-page:has(.accessory-pdp-experience) [data-group-checkout][hidden]+.accessory-pdp-contact{background:#0066cc;color:#fff!important}
.accessory-pdp-experience{margin-top:clamp(36px,6vw,80px);color:#1b222b}
.accessory-pdp-experience *{box-sizing:border-box}
.accessory-pdp-kicker{font-size:11px;letter-spacing:.12em;color:#7b848d;font-weight:750;margin:0 0 12px}
.accessory-pdp-experience h2{font-size:clamp(30px,4.2vw,46px);line-height:1.12;letter-spacing:-.052em;font-weight:730;margin:0 0 11px}
.accessory-pdp-experience p{line-height:1.6}
.accessory-pdp-support{border-radius:28px;padding:clamp(25px,4vw,51px);background:#f5f6f9}
.accessory-pdp-header{max-width:700px}
.accessory-pdp-header>p:last-child,.accessory-pdp-pairs>div:first-child>p:last-child{font-size:15px;color:#626e7a;max-width:690px}
.accessory-pdp-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:31px}
.accessory-pdp-support-grid>div{border-top:1px solid #dce0e6;padding-top:20px}
.accessory-pdp-step{font-size:12px;letter-spacing:.1em;color:#0066cc;font-weight:750}
.accessory-pdp-support-grid h3{font-size:18px;letter-spacing:-.035em;font-weight:720;margin:10px 0 8px}
.accessory-pdp-support-grid p{font-size:13px;line-height:1.6;color:#5d6874;margin:0}
.accessory-pdp-pairs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:35px;margin:76px 0 74px;align-items:start}
.accessory-pdp-pair-grid{display:grid;gap:11px}
.accessory-pdp-pair{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px;border-radius:17px;background:#fafbfd;border:1px solid #e6eaf0;text-decoration:none!important;color:#212a35!important;min-height:106px}
.accessory-pdp-pair:hover{border-color:#acc4e7}
.accessory-pdp-pair strong,.accessory-pdp-pair small{display:block}
.accessory-pdp-pair strong{font-size:17px;letter-spacing:-.02em}
.accessory-pdp-pair small{font-size:13px;line-height:1.4;color:#65717f;margin-top:7px}
.accessory-pdp-pair>b{font-size:24px;font-weight:400;color:#0066cc}
.accessory-pdp-questions{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px;border-top:1px solid #e6e9ed;padding:58px 0 74px}
.accessory-pdp-desc{color:#68737e;font-size:14px}
.accessory-pdp-faq details{border-bottom:1px solid #e4e8ed;padding:2px 0}
.accessory-pdp-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 5px;color:#232b34;font-size:15px;font-weight:680;min-height:55px}
.accessory-pdp-faq summary::-webkit-details-marker{display:none}
.accessory-pdp-faq summary span{font-size:21px;font-weight:400;color:#0066cc}
.accessory-pdp-faq details[open] summary span{transform:rotate(45deg)}
.accessory-pdp-faq details>p{margin:0;padding:0 7px 19px;max-width:620px;font-size:14px;color:#606e7c}
.accessory-pdp-faq details>p a{color:#0066cc;text-decoration:underline}
.product-group-page:has(.accessory-pdp-experience) .product-mobile-cta{z-index:35}
.product-group-page:has(.accessory-pdp-experience) .product-mobile-cta__whatsapp{display:flex;align-items:center;justify-content:center;min-width:130px;min-height:47px;padding:0 12px;border-radius:999px;background:#0066cc;color:white!important;text-decoration:none;font-weight:680;font-size:13px}
.product-group-page:has(.accessory-pdp-experience) .product-mobile-cta__whatsapp[hidden]{display:none}
@media(max-width:820px){
  .product-group-page:has(.accessory-pdp-experience) .product-media-stage{border-radius:19px}
  .product-group-page:has(.accessory-pdp-experience) .product-media-stage img{padding:8px}
  .accessory-pdp-support-grid{gap:15px}
  .accessory-pdp-pairs,.accessory-pdp-questions{grid-template-columns:1fr;gap:21px}
  .accessory-pdp-pairs{margin:55px 0}
  .accessory-pdp-questions{padding-top:43px}
}
@media(max-width:520px){
  .product-group-page:has(.accessory-pdp-experience) .product-media-stage{border-radius:15px}
  .accessory-pdp-inline{padding:15px 14px}
  .accessory-pdp-experience{margin-top:34px}
  .accessory-pdp-support{border-radius:19px;padding:23px 18px}
  .accessory-pdp-support-grid{grid-template-columns:1fr;gap:19px;margin-top:23px}
  .accessory-pdp-support-grid>div{padding-top:14px}
  .accessory-pdp-experience h2{font-size:30px}
  .accessory-pdp-pairs{margin:47px 0}
  .accessory-pdp-pair{padding:16px;min-height:86px}
  .accessory-pdp-questions{padding-bottom:48px}
  .product-group-page:has(.accessory-pdp-experience) .product-mobile-cta{grid-template-columns:minmax(0,1fr) minmax(128px,auto)}
  .product-group-page:has(.accessory-pdp-experience) .product-mobile-cta__summary{display:block;min-width:0}
  .product-group-page:has(.accessory-pdp-experience) .product-mobile-cta__summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:365px){.product-group-page:has(.accessory-pdp-experience) .product-mobile-cta__summary{display:none}.product-group-page:has(.accessory-pdp-experience) .product-mobile-cta{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.accessory-pdp-experience *{scroll-behavior:auto!important;transition:none!important}}


/* 21 Oct — compact, trustworthy Apple-inspired accessory purchasing.
   Scope to accessory families only; do not touch phone configurators or checkout. */
.product-group-page:has(.accessory-pdp-experience) .product-layout {
  gap: clamp(17px, 3.2vw, 44px);
}
.product-group-page:has(.accessory-pdp-experience) .product-media-stage {
  aspect-ratio: 1 / 1;
  max-width: 100%;
  border: 1px solid #ededf0;
  border-radius: clamp(16px, 2.4vw, 25px);
  background: #f7f7f8;
  overflow: hidden;
}
.product-group-page:has(.accessory-pdp-experience) .product-media-stage picture {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.product-group-page:has(.accessory-pdp-experience) .product-media-stage picture img {
  box-sizing: border-box;
  position: static;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: clamp(16px, 3vw, 36px);
  margin: 0;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
  transform: none;
}
/* The owner photo is sideways (900x675). Rotate just this family photo to
   display the actual product packages upright without fabricating photography. */
body.product-group-page[data-product-group="camera-protector"] .product-media-stage picture img {
  width: 78%;
  height: 78%;
  padding: 0;
  transform: rotate(90deg) !important;
  transform-origin: center center;
}
.product-group-page:has(.accessory-pdp-experience) .product-card__image-note {
  position: absolute;
  inset: auto auto 13px 14px;
  max-width: calc(100% - 28px);
  border-radius: 999px;
  padding: 5px 8px;
  background: rgba(255,255,255,.94);
  color: #6e6e73;
  font-size: 10px;
  line-height: 1.2;
}
.product-group-page:has(.accessory-pdp-experience) .product-group-summary h1 {
  font-size: clamp(1.9rem, 4.4vw, 3.2rem);
  line-height: 1.08;
  letter-spacing: -.047em;
}
.product-group-page:has(.accessory-pdp-experience) .product-group-price {
  margin: 13px 0;
}
.product-group-page:has(.accessory-pdp-experience) .product-summary__price {
  font-size: clamp(1.14rem, 2vw, 1.45rem);
  line-height: 1.3;
}
.product-group-page:has(.accessory-pdp-experience) .product-summary__actions {
  margin-top: 15px;
  gap: 9px;
}
.product-group-page:has(.accessory-pdp-experience) .product-summary__actions .accessory-pdp-contact--order {
  flex-basis: 100%;
  width: 100%;
  color: #fff !important;
  background: #0066cc !important;
  border: 1px solid #0066cc !important;
  min-height: 52px;
  font-weight: 650;
  font-size: 15px;
  text-decoration: none;
}
.product-group-page:has(.accessory-pdp-experience) .product-summary__actions .accessory-pdp-contact--order:hover {
  background: #0055b0 !important;
}
.product-group-page:has(.accessory-pdp-experience) .accessory-pdp-inline {
  margin: 13px 0 14px;
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  background: #f5f5f7;
}
.product-group-page:has(.accessory-pdp-experience) .accessory-pdp-inline p {
  font-size: 12px;
  line-height: 1.45;
  color: #55555b;
}
.product-group-page:has(.accessory-pdp-experience) .accessory-pdp-inline .accessory-pdp-inline__fit {
  color: #424247;
  font-weight: 550;
}
.product-group-page:has(.accessory-pdp-experience) .accessory-pdp-inline__promise {
  display: none;
}
.product-group-page:has(.accessory-pdp-experience) .accessory-pdp-experience {
  margin-top: clamp(31px, 4vw, 48px);
}
.product-group-page:has(.accessory-pdp-experience) .accessory-pdp-support {
  padding: clamp(20px, 3vw, 31px);
  border-radius: 20px;
}
.product-group-page:has(.accessory-pdp-experience) .accessory-pdp-experience h2 {
  font-size: clamp(1.45rem, 3vw, 2.15rem);
}
@media (max-width: 820px) {
  .product-group-page:has(.accessory-pdp-experience) .product-media-stage picture img {
    padding: clamp(13px, 4vw, 26px);
  }
  body.product-group-page[data-product-group="camera-protector"] .product-media-stage picture img {
    width: 79%;
    height: 79%;
    padding: 0;
  }
}
@media (max-width: 520px) {
  .product-group-page:has(.accessory-pdp-experience) .product-media-stage {
    max-height: min(84vw, 390px);
  }
  .product-group-page:has(.accessory-pdp-experience) .product-group-summary {
    padding-top: 0;
  }
  .product-group-page:has(.accessory-pdp-experience) .accessory-pdp-support-grid {
    margin-top: 15px;
    gap: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-group-page:has(.accessory-pdp-experience) .product-media-stage picture img { transition: none; }
}