/* Collection navigation and typographic artwork, separate from owner logos. */
.hero-secondary{font-size:13px;margin-top:18px;display:inline-flex;gap:18px;align-items:center;min-height:36px;border-bottom:1px solid var(--line)}
@media(min-width:601px){.hero-copy .loving-logo{width:150px;margin-bottom:18px}.hero h1{font-size:clamp(54px,6vw,86px);margin:18px 0 20px}.hero-note{margin-top:18px}}
.collection-shop{padding-top:76px}
.collection-intro{text-align:center;margin-bottom:36px}
.collection-intro h2{margin:18px 0 20px}
.collection-intro h2 em{color:var(--rose)}
.collection-intro>p:last-child{font-size:16px}
.collection-navigation{border-bottom:1px solid var(--line);margin-bottom:28px;background:var(--paper)}
.collection-tabs{display:flex;justify-content:center;gap:40px;overflow-x:auto;scrollbar-width:thin}
.collection-tabs{justify-content:flex-start;width:max-content;max-width:100%;margin-inline:auto}
.collection-tabs button{min-height:58px;padding:14px 12px;font-size:15px;white-space:nowrap;border-bottom:2px solid transparent;flex-shrink:0;color:var(--muted)}
.collection-tabs button[aria-selected=true]{color:var(--rose);border-bottom-color:var(--rose);font-weight:700}
.collection-tabs button:focus-visible{outline-offset:-5px}
.collection-art{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:340px;background:#f2e7ec;overflow:hidden;margin-bottom:28px}
.collection-art-copy{position:relative;isolation:isolate;padding:40px 7%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}
.collection-art-copy:after{content:'♡';position:absolute;z-index:-1;right:4%;top:-35px;font:280px var(--serif);color:#ffffff70;transform:rotate(-12deg);pointer-events:none}
.collection-index{font-size:11px;letter-spacing:1.6px;color:var(--muted)}
.collection-wordmark{font:72px/1.1 var(--script);color:var(--rose);margin:18px 0;max-width:580px}
.collection-art-copy>p{font-size:15px;max-width:440px;line-height:1.8}
.collection-art-note{font-size:10px;letter-spacing:1.5px;margin-top:25px;color:var(--ink)}
.collection-art-photo{position:relative;min-height:340px;background:#eee6da}
.collection-art-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 10%}
.collection-art[data-theme=duo]{background:#eae5df}
.collection-art[data-theme=duo] .collection-wordmark{font-size:94px}
.collection-art[data-theme=duo] .collection-art-photo{background:#e5e2dd}
.collection-art[data-theme=duo] .collection-art-photo img{object-fit:contain;object-position:center}
.collection-art[data-theme=basic]{background:#efece5}
.collection-art[data-theme=basic] .collection-wordmark{font-family:var(--serif);font-size:76px;letter-spacing:-2px;color:var(--ink)}
.collection-art[data-theme=tre]{background:#f1e5eb}
.collection-art[data-theme=tre] .collection-wordmark{font-family:var(--serif);font-style:italic;font-size:86px}
.collection-art[data-theme=tre] .collection-art-photo{background:#f6f1e7}
.collection-art[data-theme=tre] .collection-art-photo img{object-fit:contain;object-position:center}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;min-height:48px}
.catalog-toolbar #result-count{padding:0;font-size:14px}
.saved-filter{font-size:13px;min-height:44px;display:flex;align-items:center;gap:12px}
.saved-filter span{font-size:24px;line-height:1}
.saved-filter[aria-pressed=true]{color:var(--rose);text-decoration:underline;text-underline-offset:5px}
.brand-story{background:#f5f0ed;margin-top:0}
.brand-story+.editorial{margin-top:70px}
#collection-panel:focus-visible{outline-offset:8px}
@media(max-width:900px){.collection-art{grid-template-columns:minmax(0,1fr) 270px;min-height:320px}.collection-art-photo{min-height:320px}.collection-wordmark{font-size:60px}.collection-art[data-theme=basic] .collection-wordmark{font-size:62px}.collection-art[data-theme=tre] .collection-wordmark{font-size:72px}.collection-tabs{gap:24px}}
@media(max-width:600px){
  .hero-copy{padding-bottom:28px}
  .hero-secondary{margin-top:12px;font-size:13px}
  .hero-note{margin-top:16px}
  .collection-shop{padding-top:46px}
  .collection-intro{margin-bottom:24px}
  .collection-intro h2{font-size:40px;margin:14px 0 16px}
  .collection-intro>p:last-child{font-size:15px}
  .collection-navigation{position:sticky;top:90px;z-index:3;margin-inline:-6.8%;padding-inline:6.8%;margin-bottom:20px;box-shadow:0 5px 14px #302d2b08}
  .collection-tabs{justify-content:flex-start;gap:16px}
  .collection-tabs button{font-size:14px;padding:14px 5px;min-height:54px}
  .collection-art{grid-template-columns:minmax(0,1fr) 110px;min-height:250px;margin-bottom:16px}
  .collection-art-copy{padding:25px 18px}
  .collection-index{font-size:9px;letter-spacing:1px;line-height:1.6}
  .collection-wordmark{font-size:44px;line-height:1.1;margin:14px 0}
  .collection-art-copy>p{font-size:13px;line-height:1.7}
  .collection-art-note{font-size:9px;letter-spacing:.8px;margin-top:18px;line-height:1.8}
  .collection-art-photo{min-height:250px}
  .collection-art-photo img{object-position:center}
  .collection-art[data-theme=duo] .collection-wordmark{font-size:53px}
  .collection-art[data-theme=basic] .collection-wordmark{font-size:43px;letter-spacing:-1px}
  .collection-art[data-theme=tre] .collection-wordmark{font-size:48px}
  .catalog-toolbar{margin-bottom:14px}
  .brand-story+.editorial{margin-top:40px}
}
@media(max-width:359px){.collection-art{grid-template-columns:1fr}.collection-art-photo{display:none}.collection-art-copy{min-height:230px;padding:25px}.collection-wordmark{font-size:51px}}

.product-price del,.detail-price del{display:block;font-size:12px;font-weight:400;color:var(--muted);text-decoration-thickness:1px}
.sale-price{color:#a72f52}
.product-price>small,.detail-price>small{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.sale-badge{position:absolute;top:12px;left:12px;z-index:1;display:inline-block;max-width:calc(100% - 70px);padding:7px 10px;background:#fffefaec;color:#a72f52;font-size:10px;font-weight:700;letter-spacing:.6px;line-height:1.5;pointer-events:none}
.clearance-badge{background:#a72f52;color:white}
#detail-badge .sale-badge{position:static;max-width:none;margin:12px 0 0;pointer-events:auto}
.detail-price del{font-size:15px;margin-bottom:4px}
.detail-price small{font-size:14px}
.collection-wordmark.with-collection-logo{margin:14px 0;line-height:1}
.collection-wordmark.with-collection-logo img{width:230px;height:140px;object-fit:contain;mix-blend-mode:multiply}
.collection-art[data-theme=alma]{background:#f3eee5}
.collection-art[data-theme=alma] .collection-art-photo img{object-position:center 15%}
.collection-art[data-theme=tulinea]{background:#e6efed}
.collection-art[data-theme=tulinea] .collection-wordmark{font-family:var(--serif);font-size:72px;letter-spacing:2px;color:#376c67}
.collection-art[data-theme=tulinea] .collection-art-photo img,.collection-art[data-theme=palmeiras] .collection-art-photo img{object-fit:contain;object-position:center}
.collection-art[data-theme=tulinea] .collection-art-photo{background:#e8e6de}
.collection-art[data-theme=palmeiras]{background:#edf0e4}
.collection-art[data-theme=palmeiras] .collection-art-photo{background:#f7f3ef}
.alma-editorial .editorial-photo{padding:0;min-width:0}
.alma-editorial .editorial-photo img{height:100%;max-height:700px;object-fit:cover;mix-blend-mode:normal}
.hero-photo>img[src*="aura-reading"]{object-position:center 20%}
.product-card{padding-top:40px}
.product-card>.sale-badge{top:0;left:0;max-width:100%;padding:5px 8px;line-height:1.4}
.product-card>.favorite{top:52px}
.new-collection-badge{background:#eee7dd;color:var(--ink)}
@media(max-width:600px){
  .sale-badge{top:8px;left:8px;max-width:calc(100% - 57px);padding:5px 7px;font-size:9px;letter-spacing:.3px}
  .product-card>.sale-badge{top:0;left:0;max-width:100%}
  .product-card>.favorite{top:48px}
  .collection-wordmark.with-collection-logo img{width:160px;max-width:100%;height:110px}
  .collection-art[data-theme=tulinea] .collection-wordmark{font-size:32px;letter-spacing:.5px}
  .alma-editorial .editorial-photo img{max-height:480px;aspect-ratio:4/5;width:100%;object-position:center 20%}
}
#photo-original-toggle{min-height:44px;padding:8px 4px;font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;margin:4px auto 0;display:block}

.hero-photo:has(#campaign-video) { background: #e7dcd6; }
.campaign-stage { position: absolute; inset: 0; overflow: hidden; }
.campaign-stage::before {
  content: '';
  position: absolute;
  inset: -20px;
  background: linear-gradient(#41273440, #41273480), var(--campaign-backdrop, url('assets/campaign/alma.webp')) center / cover;
  filter: blur(18px);
}
.hero-photo:has(#campaign-video)::after { content: none; }
.campaign-stage > #campaign-photo,
.campaign-stage > #campaign-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.campaign-controls {
  position: absolute;
  z-index: 2;
  right: 50%;
  bottom: 16px;
  transform: translateX(50%);
  border-radius: 32px;
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--line);
}
.campaign-controls button { min-width: 44px; min-height: 44px; font-size: 20px; }
.campaign-controls button:hover { background: var(--cream); }
#campaign-position { min-width: 36px; text-align: center; font-size: 12px; }
@media (max-width: 600px) {
  .hero:has(.campaign-stage) { grid-template-columns: minmax(0, 1fr); }
  .hero:has(.campaign-stage) .hero-copy { padding: 20px 7% 22px; }
  .hero:has(.campaign-stage) h1 {
    font-size: clamp(46px, 12.5vw, 66px);
    margin: 9px 0 12px;
  }
  .hero:has(.campaign-stage) .hero-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.5; }
  .hero:has(.campaign-stage) .button { margin-top: 14px; }
  .hero:has(.campaign-stage) .hero-secondary { margin-top: 7px; }
  .hero:has(.campaign-stage) .hero-note { margin-top: 9px; }
  .hero-photo:has(.campaign-stage) {
    height: auto;
    aspect-ratio: auto;
    background: var(--paper);
  }
  .campaign-stage {
    position: relative;
    inset: auto;
    width: min(100%, 43svh);
    aspect-ratio: 4 / 5;
    margin-inline: auto;
  }
  .campaign-controls {
    position: static;
    width: fit-content;
    margin: 6px auto;
    transform: none;
  }
}
