/* Red Pons page-specific hero and editorial styling. Product cards use the shared standalone stylesheet. */
.red-collection { color:#000; font-family:Inter,Arial,Helvetica,sans-serif; font-size:16px; }
.red-collection *, .red-collection *::before, .red-collection *::after { box-sizing:border-box; }
.red-collection h1,.red-collection h2,.red-collection h3,.red-collection p,.red-collection a,.red-collection li,.red-collection blockquote,.red-collection button { font-family:Inter,Arial,Helvetica,sans-serif; }
.red-collection p { font-size:.8rem; font-weight:200; line-height:1.3rem; letter-spacing:.075rem; margin:0 0 20px; padding:0; }
.red-collection h2 { font-size:1rem; font-weight:200; line-height:1.3; letter-spacing:.075rem; text-transform:uppercase; margin:13.28px 0 24px; padding:0; }
.red-collection h3 { font-size:.85rem; font-weight:300; line-height:1.35; letter-spacing:.75px; text-transform:none; }
.red-collection a { color:#000; }
.red-collection :focus-visible { outline:2px solid #814b3f; outline-offset:4px; }
.red-collection figure { margin:0; }
.red-hero.row { display:grid; grid-template-columns:1fr 1fr; margin:0; }
.red-hero__media { min-width:0; height:703.125px; }
.red-hero__media picture,.red-hero__media img { display:block; width:100%; height:100%; }
/* Keep the hands as the desktop focal point while retaining the shoes in wide crops. */
.red-hero__media img { object-fit:cover; object-position:center 88%; }
.red-hero .red-hero__panel { display:flex; flex-direction:column; width:100%; margin:0; background:#f1f1f1; min-width:0; }
/* Ordered list avoids the global nav rule that paints the main navigation brown. */
.red-hero ol.red-breadcrumbs { background:transparent; margin:0 0 8px; padding:16px 48px 0; width:100%; text-align:left; }
.red-breadcrumbs li,.red-breadcrumbs li a,.red-breadcrumbs li span { font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:300; letter-spacing:normal; line-height:normal; text-transform:none; }
.red-breadcrumbs li + li::before { content:'›'; font-size:9px; margin:0 4px; }
.red-hero .column-copy { display:flex; flex:1; flex-direction:column; padding:16px 48px 40px; }
.red-hero .column-copy h1 { font-size:1.7em; font-weight:100; line-height:normal; letter-spacing:.75px; text-transform:none; padding:.2em 0 0; margin:.67em 0; }
.red-hero .column-copy h2 { width:75%; font-size:1.5em; font-weight:100; line-height:normal; letter-spacing:.75px; text-transform:none; margin:.83em 0; }
.red-hero .column-copy p { margin:auto 0 0; padding:20px 0; }
.red-hero .column-copy .button { flex-shrink:0; }
.red-intro { width:min(880px,88%); margin:64px auto 48px; text-align:center; }
.red-collection .red-products--kids { margin-bottom:48px; }
.red-button { display:inline-block; align-self:flex-start; padding:1em; border:1px solid #000; border-radius:.5em; font-size:.8rem; font-weight:200; line-height:1.5em; letter-spacing:.075rem; text-align:center; text-decoration:none; transition:background .3s,color .3s; }
.red-button:hover { color:#fff; background:#000; text-decoration:none; }
.red-editorial { display:grid; grid-template-columns:35% 65%; align-items:center; margin:0 auto 80px; width:min(1440px,100%); }
.red-editorial--reverse { grid-template-columns:65% 35%; }
.red-editorial--reverse .red-editorial__copy { grid-column:2; grid-row:1; }
.red-editorial--reverse .red-slider { grid-column:1; grid-row:1; }
.red-editorial__copy { padding:48px; }
.red-slider { min-width:0; overflow:hidden; }
.red-slider .swiper-container { width:100%; }
/* Every session uses the same fixed portrait frame and control-row height. */
.red-slider .swiper-slide { aspect-ratio:2/3; height:auto; margin:0; }
.red-slider img { display:block; width:100%; height:100%; max-height:none; aspect-ratio:2/3; object-fit:cover; object-position:center bottom; }
.red-slider__controls { display:flex; justify-content:center; align-items:center; gap:16px; padding:12px; }
.red-slider__controls > button { width:44px; height:44px; border:0; background:transparent; color:#000; font-size:20px; cursor:pointer; padding:0; }
.red-slider__controls > button:disabled { opacity:.25; cursor:default; }
.red-pagination { display:flex; align-items:center; gap:4px; }
.red-pagination .swiper-pagination-bullet { display:inline-flex; align-items:center; justify-content:center; width:28px; height:44px; background:transparent; border:0; border-radius:0; opacity:1; padding:0; cursor:pointer; }
.red-pagination .swiper-pagination-bullet::after { content:''; width:8px; height:8px; border-radius:50%; background:#ccc; }
.red-pagination .swiper-pagination-bullet-active::after { background:#000; }
.red-slider:not(.is-ready) .swiper-wrapper { overflow-x:auto; gap:10px; }
.red-slider:not(.is-ready) .swiper-slide { flex:0 0 49%; }
.red-kids { display:grid; grid-template-columns:1fr 1fr; align-items:center; width:min(1100px,100%); margin:0 auto 80px; }
.red-kids figure img { display:block; width:100%; height:auto; max-height:600px; object-fit:contain; }
.red-wp { margin-bottom:64px; }
.red-questions { width:min(880px,88%); margin:0 auto 64px; }
.red-questions h3 { margin:28px 0 12px; }
.red-collection-page #cookie-alert-banner[hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:1024px) {
 .red-hero__media { height:60vh; }
 .red-hero__media img { object-position:right center; }
 .red-editorial { grid-template-columns:44% 56%; }
 .red-editorial--reverse { grid-template-columns:56% 44%; }
 .red-editorial__copy { padding:32px; }
}
@media (max-width:768px) {
 .red-hero.row { grid-template-columns:1fr; }
 .red-hero__media img { object-position:right center; }
 .red-hero .column-copy h1,.red-hero .column-copy h2 { font-weight:200; }
 .red-hero .column-copy { padding:16px 48px 48px; }
 .red-hero .column-copy h2 { width:100%; }
 .red-hero .column-copy p { padding:20px 0 32px; }
 .red-intro { margin:48px auto; }
 .red-editorial,.red-editorial--reverse,.red-kids { grid-template-columns:1fr; margin-bottom:48px; }
 .red-editorial--reverse .red-editorial__copy,.red-editorial--reverse .red-slider { grid-column:auto; grid-row:auto; }
 .red-editorial__copy { padding:24px 6vw 32px; }
 .red-editorial .red-slider { order:-1; }
 .red-slider:not(.is-ready) .swiper-slide { flex-basis:100%; }
}
@media (max-width:599px) { .red-hero__media img { object-position:center 58%; } }
@media (prefers-reduced-motion:reduce) { .red-collection *,.red-collection *::before,.red-collection *::after { transition-duration:0s !important; animation:none !important; scroll-behavior:auto !important; } }