/* ============================================================
   THE COLLECTION SHOP
   WDCC DYNAMIC EDITION / SERIES — 2026

   PAGE-SPECIFIC PRESENTATION ONLY.
   Loaded after /css/tcs-collection-2026.css.

   This file intentionally does NOT change the shared collection
   stylesheet. Everything is scoped to .tcswdcc26.
   ============================================================ */


/* ============================================================
   01. WDCC PAGE WIDTH
   ============================================================ */

.tcswdcc26{
  --wdcc-ink:#28231f;
  --wdcc-copy:#5e5750;
  --wdcc-muted:#7f766d;
  --wdcc-line:#e4ddd5;
  --wdcc-warm:#faf7f2;
  --wdcc-gold:#8e6e43;
  --wdcc-wine:#690034;

  width:100%;
  overflow:hidden;
}

.tcswdcc26 .tcscol26__wide{
  width:calc(100% - 64px) !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;

  position:static !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}


/* ============================================================
   02. BREADCRUMBS
   ============================================================ */

.tcswdcc26 .tcscol26__breadcrumbs{
  border-bottom:1px solid var(--wdcc-line);
}

.tcswdcc26 .tcscol26__breadcrumbs-inner{
  min-height:46px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;

  color:#786f67;
  font-size:12px;
}

.tcswdcc26 .tcscol26__breadcrumbs-inner a{
  color:#615951;
  text-decoration:none;
}

.tcswdcc26 .tcscol26__breadcrumbs-inner a:hover{
  color:var(--wdcc-wine);
  text-decoration:underline;
}


/* ============================================================
   03. EDITION HERO
   ============================================================ */

.tcswdcc26 .tcscol26__hero{
  padding:46px 0 42px !important;
  background:#fff;
  border-bottom:1px solid var(--wdcc-line);
}

.tcswdcc26 .tcscol26__hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 118px !important;
  gap:38px !important;
  align-items:start !important;
}

.tcswdcc26 .tcscol26__hero-copy{
  min-width:0;
  max-width:none;
}

.tcswdcc26 .tcscol26__eyebrow{
  margin:0 0 8px !important;

  color:var(--wdcc-gold) !important;

  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.tcswdcc26 .tcscol26__title{
  margin:0 !important;

  color:var(--wdcc-ink) !important;

  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(30px,2.4vw,42px) !important;
  font-weight:400 !important;
  line-height:1.08 !important;
  letter-spacing:-.018em !important;
}

.tcswdcc26 .tcscol26__intro{
  width:90%;
  max-width:none !important;
  margin:18px 0 0 !important;

  color:var(--wdcc-copy) !important;

  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important;
  font-size:15px !important;
  line-height:1.78 !important;
}

.tcswdcc26 .tcscol26__hero-count{
  min-width:0 !important;
  padding:10px 0 0 !important;

  text-align:right !important;
}

.tcswdcc26 .tcscol26__hero-count strong{
  display:block !important;

  color:var(--wdcc-ink) !important;

  font-family:Georgia,"Times New Roman",serif !important;
  font-size:34px !important;
  font-weight:400 !important;
  line-height:1 !important;
}

.tcswdcc26 .tcscol26__hero-count span{
  display:block !important;
  margin-top:7px !important;

  color:var(--wdcc-muted) !important;

  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}


/* ============================================================
   04. RESULTS AREA
   ============================================================ */

.tcswdcc26 .tcswdcc26__body{
  padding-top:22px;
  padding-bottom:54px;
}

.tcswdcc26 .tcscol26__resultsbar{
  width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;

  margin:0 0 24px !important;
  padding:0 0 12px !important;

  border-bottom:1px solid var(--wdcc-line) !important;
}

.tcswdcc26 .tcscol26__results{
  margin:0 !important;

  color:#746c64 !important;

  font-size:12px !important;
}

.tcswdcc26 .tcscol26__results strong{
  color:#302b27 !important;
  font-weight:700 !important;
}

.tcswdcc26 .tcscol26__view-note{
  color:#8f867d !important;

  font-size:10px !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}


/* ============================================================
   05. PRODUCT GALLERY
   ============================================================ */

.tcswdcc26 .tcscol26__gallery-direct{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.tcswdcc26 .tcscol26__gallery-direct .pc-scope.tcs26-gallery-scope{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;
}

/*
  Standard WDCC edition:
  retain an orderly five-column gallery at desktop sizes.
*/
.tcswdcc26 .tcs26-grid{
  width:100% !important;

  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:34px 20px !important;

  margin:0 !important;
  padding:0 !important;
}

/*
  The renderer owns the product card itself.
  We only remove any inherited width constraints that make the
  card collapse into a narrow left-side legacy column.
*/
.tcswdcc26 .tcs26-grid > *{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
}


/* ============================================================
   06. SMALL-EDITION PRESENTATION
   ============================================================ */

/*
  One item should read as an intentional featured collectible,
  not as the first cell of an otherwise empty 5-column grid.
*/
.tcswdcc26--single .tcs26-grid{
  grid-template-columns:minmax(260px,330px) !important;
  justify-content:center !important;
}

.tcswdcc26--single .tcs26-grid > *{
  width:100% !important;
  max-width:330px !important;
  justify-self:center !important;
}


/* Two through four pieces are centered as a compact collection. */
.tcswdcc26--small .tcs26-grid{
  grid-template-columns:repeat(auto-fit,minmax(240px,290px)) !important;
  justify-content:center !important;
}

.tcswdcc26--small .tcs26-grid > *{
  max-width:290px !important;
  justify-self:center !important;
}


/* ============================================================
   07. FILTERS
   ============================================================ */

.tcswdcc26 .tcscol26__hero-filter{
  grid-column:1 / -1 !important;
  margin-top:4px;
}


/* ============================================================
   08. PAGINATION
   ============================================================ */

.tcswdcc26 .tcscol26__pagination{
  width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;

  margin:28px 0 !important;
  padding:15px 0 !important;

  border-top:1px solid var(--wdcc-line) !important;
  border-bottom:1px solid var(--wdcc-line) !important;
}

.tcswdcc26 .tcscol26__pagination a,
.tcswdcc26 .tcscol26__pagination span{
  min-width:36px;
  min-height:36px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 10px;

  color:#49423c;
  background:#fff;

  border:1px solid #ded5cd;
  border-radius:0;

  font-size:12px;
  font-weight:600;
  text-decoration:none;
}

.tcswdcc26 .tcscol26__pagination span[aria-current="page"]{
  color:#fff;
  background:var(--wdcc-wine);
  border-color:var(--wdcc-wine);
}


/* ============================================================
   09. EMPTY STATE
   ============================================================ */

.tcswdcc26 .tcscol26__empty{
  width:min(100%,760px) !important;
  margin:54px auto !important;
  padding:44px !important;

  text-align:center;

  background:var(--wdcc-warm);
  border:1px solid var(--wdcc-line);
}

.tcswdcc26 .tcscol26__empty h2{
  margin:0;

  color:var(--wdcc-ink);

  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  font-weight:400;
}

.tcswdcc26 .tcscol26__empty p{
  margin:15px auto 0;
  max-width:620px;

  color:var(--wdcc-copy);

  font-size:14px;
  line-height:1.7;
}


/* ============================================================
   10. TABLET
   ============================================================ */

@media(max-width:1180px){

  .tcswdcc26 .tcscol26__wide{
    width:calc(100% - 40px) !important;
  }

  .tcswdcc26 .tcs26-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .tcswdcc26--single .tcs26-grid{
    grid-template-columns:minmax(260px,330px) !important;
  }

  .tcswdcc26--small .tcs26-grid{
    grid-template-columns:repeat(auto-fit,minmax(230px,280px)) !important;
  }

}


/* ============================================================
   11. SMALL TABLET
   ============================================================ */

@media(max-width:900px){

  .tcswdcc26 .tcscol26__hero-grid{
    grid-template-columns:minmax(0,1fr) 82px !important;
    gap:24px !important;
  }

  .tcswdcc26 .tcs26-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .tcswdcc26--single .tcs26-grid{
    grid-template-columns:minmax(250px,320px) !important;
  }

  .tcswdcc26--small .tcs26-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,270px)) !important;
  }

}


/* ============================================================
   12. MOBILE
   ============================================================ */

@media(max-width:680px){

  .tcswdcc26 .tcscol26__wide{
    width:calc(100% - 24px) !important;
  }

  .tcswdcc26 .tcscol26__hero{
    padding:32px 0 28px !important;
  }

  .tcswdcc26 .tcscol26__hero-grid{
    grid-template-columns:1fr !important;
    gap:17px !important;
  }

  .tcswdcc26 .tcscol26__hero-count{
    display:flex !important;
    align-items:baseline !important;
    gap:7px !important;

    padding:0 !important;
    text-align:left !important;
  }

  .tcswdcc26 .tcscol26__hero-count strong{
    font-size:24px !important;
  }

  .tcswdcc26 .tcscol26__hero-count span{
    margin:0 !important;
  }

  .tcswdcc26 .tcscol26__title{
    font-size:30px !important;
  }

  .tcswdcc26 .tcscol26__intro{
    font-size:14px !important;
    line-height:1.68 !important;
  }

  .tcswdcc26 .tcscol26__resultsbar{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:5px !important;
  }

  .tcswdcc26 .tcs26-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 10px !important;
  }

  .tcswdcc26--single .tcs26-grid{
    grid-template-columns:minmax(0,310px) !important;
  }

  .tcswdcc26--small .tcs26-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

}


/* ============================================================
   13. NARROW PHONE
   ============================================================ */

@media(max-width:430px){

  .tcswdcc26 .tcs26-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .tcswdcc26--single .tcs26-grid{
    grid-template-columns:minmax(0,280px) !important;
  }

}