/* Accessories page — isolated from legacy portfolio floats/positioning */
.accessories-page #nav2 .active{color:#e21b2d!important}
.accessories-page #portfolioLayout.accessories-main{
  position:static!important; float:none!important; clear:both!important;
  display:block!important; width:auto!important; height:auto!important;
  max-width:1120px!important; min-width:0!important;
  margin:0 auto!important; padding:34px 24px 80px!important;
  overflow:visible!important;
}
.accessories-main *{box-sizing:border-box}
.accessories-intro{display:block!important;float:none!important;width:100%!important;max-width:820px;margin:18px 0 54px!important}
.accessories-intro .eyebrow{font-size:12px;letter-spacing:.2em;color:#e21b2d;font-weight:700;margin:0 0 10px}
.accessories-intro h1{font-size:46px;line-height:1.02;font-weight:600;margin:0 0 20px;color:#111}
.accessories-intro>p:last-child{font-size:17px;line-height:1.65;color:#555;max-width:760px;margin:0}
.accessory-section{display:block!important;float:none!important;clear:both!important;width:100%!important;border-top:1px solid #d8d8d8;padding:30px 0 56px;margin:0!important}
.section-copy{display:grid!important;float:none!important;width:100%!important;grid-template-columns:44px minmax(0,1fr);column-gap:14px;margin:0 0 24px!important}
.section-copy span{color:#e21b2d;font-size:12px;font-weight:700;padding-top:4px}
.section-copy h2{font-size:17px;line-height:1.25;letter-spacing:.06em;margin:0 0 7px;color:#111}
.section-copy p{grid-column:2;margin:0;color:#666;line-height:1.55;max-width:760px;font-size:14px}
.accessory-grid{display:grid!important;float:none!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0!important;padding:0!important}
.accessory-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.accessory-grid.single{grid-template-columns:minmax(0,420px)}
.accessory-grid figure{display:flex!important;float:none!important;position:static!important;width:100%!important;height:390px!important;min-height:0!important;margin:0!important;padding:0!important;background:#f5f5f5;align-items:center;justify-content:center;overflow:hidden}
.accessory-grid.bags figure{height:430px!important}
.accessory-grid.bags figure.wide{grid-column:1/-1;height:560px!important}
.accessory-grid img{display:block!important;position:static!important;float:none!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover}
.accessory-grid.three img,.accessory-grid.single img{object-fit:contain;background:#fff}
.last{padding-bottom:34px}
.preview-note{display:block!important;float:none!important;clear:both!important;width:100%!important;font-size:12px;line-height:1.5;color:#888;border-top:1px solid #ddd;padding-top:18px;margin:0}
@media(max-width:760px){
 .accessories-page #portfolioLayout.accessories-main{padding:24px 16px 60px!important}
 .accessories-intro h1{font-size:36px}
 .accessory-grid,.accessory-grid.three{grid-template-columns:1fr!important}
 .accessory-grid.bags figure.wide{grid-column:auto;height:440px!important}
 .accessory-grid figure,.accessory-grid.bags figure{height:auto!important;min-height:280px!important}
 .accessory-grid img{height:auto!important;object-fit:contain!important}
 .section-copy{grid-template-columns:34px minmax(0,1fr)}
 .accessory-grid.single{grid-template-columns:1fr}
}

/* Watches & Timepieces */
.accessories-page .accessory-grid.watches {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}
.accessories-page .accessory-grid.watches figure { margin: 0 !important; min-width: 0 !important; }
.accessories-page .accessory-grid.watches img { display:block !important; width:100% !important; height:auto !important; object-fit:contain !important; }
.accessories-page .accessory-grid.watches figcaption { margin-top:8px !important; font-size:11px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#666 !important; }
@media (max-width:760px){ .accessories-page .accessory-grid.watches { grid-template-columns:1fr !important; } }


/* Watch feature / collection */
.watches-section .section-copy{margin-bottom:28px}
.watch-feature{max-width:920px;margin:0 auto 58px;padding-top:6px}
.watch-feature h3,.watch-collection-head h3{font:700 14px/1.2 Arial,sans-serif;letter-spacing:.08em;margin:0 0 7px;color:#111}
.watch-desc,.watch-collection-head p{font:12px/1.55 Arial,sans-serif;color:#555;margin:0 0 16px}
.watch-slider{max-width:760px;margin:0 auto}
.watch-slider .twentytwenty-container{width:100%;max-width:760px;margin:0 auto;overflow:hidden}
.watch-slider .twentytwenty-container img{width:100%!important;max-width:100%!important;height:auto!important}
.watch-collection-head{max-width:920px;margin:8px auto 18px;border-top:1px solid #d7d7d7;padding-top:22px}
.watch-family{max-width:920px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.watch-family figure{margin:0;background:#f5f5f5}
.watch-family img{display:block;width:100%;height:220px;object-fit:contain;background:#f5f5f5}
.watch-family figcaption{font:10px/1.3 Arial,sans-serif;color:#555;padding:8px 3px 4px;background:#fff}
.watch-skills{max-width:920px;margin:22px auto 0;text-align:center;font:10px/1.5 Arial,sans-serif;letter-spacing:.03em;color:#666}
.watch-skills b{color:#e21b2d;padding:0 5px}
@media(max-width:760px){.watch-family{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.watch-family img{height:180px}.watch-feature{margin-bottom:42px}.watch-slider{max-width:100%}}

/* 2026-10 watch expansion */
.watch-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.watch-ba figure{margin:0;position:relative;background:#f4f4f4;min-width:0}
.watch-ba figure>span{position:absolute;z-index:2;left:10px;top:10px;background:rgba(255,255,255,.9);padding:5px 7px;font:700 9px/1 Arial,sans-serif;letter-spacing:.12em;color:#222}
.watch-ba img{display:block;width:100%;height:430px;object-fit:contain;background:#f4f4f4}
.watch-family{grid-template-columns:repeat(4,minmax(0,1fr))}
.watch-family img{height:235px}
.watch-family figcaption span{color:#888}
@media(max-width:760px){.watch-ba{grid-template-columns:1fr}.watch-ba img{height:auto}.watch-family{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-family img{height:190px}}

/* Manufacturer grouped watch collection */
.watch-brand{max-width:920px;margin:30px auto 42px}
.watch-brand h4{font:700 12px/1.2 Arial,sans-serif;letter-spacing:.16em;color:#111;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #ddd}
.watch-slider .twentytwenty-container{background:#f4f4f4}
.watch-slider .twentytwenty-container img{display:block;width:100%!important;height:auto!important}

/* 2026-10-01: four featured watch sliders, 2 x 2 */
.watch-slider-grid{max-width:920px;margin:0 auto 54px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px;align-items:start}
.watch-slider-grid .watch-feature.compact{max-width:none;margin:0;padding:0;min-width:0}
.watch-slider-grid .watch-feature.compact h3{min-height:34px;margin-bottom:10px}
.watch-slider-grid .watch-slider{max-width:none;margin:0}
.watch-slider-grid .twentytwenty-container{width:100%;max-width:none!important;margin:0 auto;overflow:hidden;background:#f4f4f4}
.watch-slider-grid .twentytwenty-container img{width:100%!important;max-width:100%!important;height:auto!important}
.watch-family{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.watch-family img{height:270px}
@media(max-width:760px){.watch-slider-grid{grid-template-columns:1fr;gap:36px}.watch-slider-grid .watch-feature.compact h3{min-height:0}.watch-family{grid-template-columns:repeat(2,minmax(0,1fr))!important}.watch-family img{height:190px}}
@media(max-width:480px){.watch-family{grid-template-columns:1fr!important}.watch-family img{height:auto}}

/* 2026-10-02: watch collection scale — match Product page three-across presentation */
.watch-collection-head,
.watch-brand,
.watch-skills{
  max-width:1072px!important;
}
.watch-family{
  max-width:1072px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.watch-family figure{
  min-width:0!important;
}
.watch-family img{
  width:100%!important;
  height:340px!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  .watch-family{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .watch-family img{height:260px!important}
}
@media(max-width:480px){
  .watch-family{grid-template-columns:1fr!important}
  .watch-family img{height:auto!important}
}
