/* Privacy Devices — shared device carousel (homepage + /product-category/devices/).
   Single horizontal row, exactly 4 cards on desktop, arrows + native touch swipe.
   Card visuals mirror the homepage (home-next) device cards. WooCommerce is the
   single data source (see /js/pd-device-carousel.js). 2026-06-23. */
/* One category row per Pixel generation (Pixel 10 Series / Pixel 9 Series …) */
.pdc-cat{margin:0}
.pdc-cat + .pdc-cat{margin-top:clamp(2.25rem,5vw,4rem)}
.pdc-cat__title{
  font-family:var(--fh,"Inter",system-ui,sans-serif);
  font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:#9a958c;margin:0 0 1.1rem;
}
.pdc{position:relative;--pdc-gap:clamp(1rem,2.2vw,2rem);--pdc-visible:4}
.pdc__track{
  display:flex;gap:var(--pdc-gap);
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  padding-block:.5rem;margin:0;
}
.pdc__track::-webkit-scrollbar{display:none}
.pdc__card{
  flex:0 0 calc((100% - (var(--pdc-visible) - 1) * var(--pdc-gap)) / var(--pdc-visible));
  scroll-snap-align:start;
  display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
  font-family:var(--fh,"Inter",system-ui,sans-serif);
}
.pdc__media{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden}
.pdc__media img{
  width:100%;height:100%;object-fit:contain;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.pdc__card:hover .pdc__media img{transform:scale(1.05)}
.pdc__meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem}
.pdc__name{font-weight:800;font-size:1.125rem;line-height:1.375;letter-spacing:-.01em;color:#f2ede4}
.pdc__price{font-weight:400;font-size:.875rem;letter-spacing:.025em;color:#c9b291;white-space:nowrap}
.pdc__price s{opacity:.5;margin-right:.35rem}
.pdc__cta{
  margin-top:.5rem;font-size:.68rem;font-weight:400;line-height:1;
  letter-spacing:.24em;text-transform:uppercase;color:#6e6960;
  transition:color .3s ease;
}
.pdc__card:hover .pdc__cta{color:#f2ede4}
.pdc__cta i{font-style:normal}
/* Arrows — far left / far right, centred on the device image */
.pdc__arrow{
  position:absolute;top:38%;transform:translateY(-50%);z-index:5;
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(20,19,17,.74);border:1px solid rgba(242,237,228,.18);
  color:#f2ede4;font-size:1.35rem;line-height:1;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:opacity .25s ease,background .2s ease,border-color .2s ease;
}
.pdc__arrow:hover{background:rgba(42,40,35,.92);border-color:rgba(242,237,228,.42)}
.pdc__arrow--prev{left:-12px}
.pdc__arrow--next{right:-12px}
.pdc__arrow[disabled]{opacity:0;pointer-events:none}
/* Tablet: 2 visible · Mobile: ~1 with peek, no arrows (swipe only) */
@media(max-width:1023px){.pdc{--pdc-visible:2}}
@media(max-width:639px){.pdc{--pdc-visible:1.15;--pdc-gap:1rem}.pdc__arrow{display:none}}