/* Packs and catalogue entry: one commercial language, scoped away from Studio geometry. */
.garment-tone-black { filter: brightness(.22) contrast(1.2) drop-shadow(0 12px 12px rgba(7,17,27,.18)); }
.garment-tone-navy { filter: sepia(.8) saturate(5) hue-rotate(180deg) brightness(.52) drop-shadow(0 12px 12px rgba(7,17,27,.18)); }
.garment-tone-slate { filter: grayscale(.8) brightness(.65) contrast(1.08) drop-shadow(0 12px 12px rgba(7,17,27,.14)); }
.garment-tone-white { filter: brightness(1.08) contrast(.96) drop-shadow(0 12px 12px rgba(7,17,27,.12)); }

.commercial-entry-view { width:min(1280px,calc(100% - 40px)); }
.commercial-entry-heading { max-width:850px; margin-bottom:46px; }
.commercial-entry-heading h1 { max-width:100%; text-wrap:balance; }
.commercial-entry-grid { gap:28px; }
.commercial-entry-card { min-height:690px; padding:clamp(26px,3vw,42px); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.commercial-entry-pack .entry-number { margin-bottom:12px; }
.commercial-entry-pack .entry-recommendation { display:inline-flex; align-items:center; gap:6px; margin:0 0 24px; padding:7px 11px; border:1px solid #efbd89; border-radius:999px; background:#fff4e8; color:#8c3d00; font-size:12px; font-weight:800; letter-spacing:.01em; }
.commercial-entry-custom { background:linear-gradient(145deg,#f7f4ee 0%,#fff 72%); }
.commercial-entry-view .entry-illustration { position:relative; height:250px; margin-bottom:28px; overflow:hidden; background:linear-gradient(145deg,#eee8dd,#faf7f2); isolation:isolate; }
.commercial-entry-view .entry-illustration::before { content:""; position:absolute; inset:18% 14%; border:1px solid rgba(255,121,0,.18); border-radius:50%; }
.commercial-entry-view .entry-illustration img { position:relative; z-index:1; width:auto; height:230px; margin:0; object-fit:contain; transform:none; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.entry-illustration-pack .entry-visual-card { position:absolute; top:8px; bottom:20px; width:46%; display:grid; place-items:center; }
.entry-visual-card-back { left:9%; transform:rotate(-5deg); }
.entry-visual-card-front { right:8%; transform:rotate(5deg); }
.entry-illustration-custom img { position:absolute !important; bottom:-20px; height:225px !important; }
.entry-illustration-custom img:nth-child(1) { left:5%; transform:rotate(-7deg) scale(.88); }
.entry-illustration-custom img:nth-child(2) { left:34%; z-index:2; transform:translateY(-7px); }
.entry-illustration-custom img:nth-child(3) { right:3%; transform:rotate(7deg) scale(.9); }
.entry-visual-caption { position:absolute; z-index:4; left:16px; bottom:14px; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.9); color:#07111b; font-size:11px; font-weight:750; box-shadow:0 7px 20px rgba(7,17,27,.1); }
.entry-category-list { display:flex; flex-wrap:wrap; gap:8px; margin:-10px 0 24px; padding:0; list-style:none; }
.entry-category-list li { padding:7px 11px; border:1px solid #ded9d1; border-radius:999px; background:#fff; color:#4f5b66; font-size:12px; font-weight:700; }
.commercial-entry-pack-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
.commercial-entry-action-team { grid-column:1/-1; min-height:98px; border-color:#ff7900; }
.commercial-entry-action-team .commercial-entry-action-arrow { color:#fff; background:#ff7900; }
.commercial-entry-action-catalogue { min-height:68px; background:#ff7900; color:#07111b; border-color:#ff7900; }
.commercial-entry-action:focus-visible { outline:3px solid #ff7900; outline-offset:4px; }

.home-packs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1180px; }
.home-pack-card { padding:32px; }
.home-pack-card.pack-team { grid-column:1/-1; width:100%; min-height:450px; padding:70px clamp(30px,5vw,64px) 42px; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:clamp(26px,5vw,70px); align-items:center; text-align:left; background:#07111b; color:#fff; border-color:#ff7900; }
.home-pack-card.pack-team .pack-highlight { color:#07111b; background:#ff7900; text-align:center; }
.pack-team-content,.pack-team-visual { min-width:0; }
.home-pack-card.pack-team .pack-eyebrow,.home-pack-card.pack-team h3,.home-pack-card.pack-team .pack-price { color:#fff; }
.home-pack-card.pack-team .pack-volume,.home-pack-card.pack-team .pack-team-invitation { color:#d9e0e6; }
.home-pack-card.pack-team .pack-commercial-value { margin-inline:0; background:#fff4e8; }
.home-pack-card.pack-team ul { color:#d9e0e6; text-align:left; }
.home-pack-card.pack-team .pack-garments { height:230px; margin:0 0 24px; }
.home-pack-card.pack-team .pack-garments img { width:190px; height:220px; }
.home-pack-card.pack-team .pack-garments > span { color:#ff7900; }
.home-view .home-pack-card.pack-team .pack-choose { width:100%; max-width:420px; margin-inline:auto; color:#07111b; background:#ff7900; }
.home-view .home-pack-card.pack-team .pack-choose span { color:#fff; background:#07111b; }
.home-pack-card.pack-team:hover { border-color:#ff9b42; }

.floating-selection-bar .f-btn > .es-icon { flex:0 0 auto; }

@media (hover:hover) {
  .commercial-entry-card:hover { transform:translateY(-3px); border-color:#f0a25c; box-shadow:0 24px 60px rgba(7,17,27,.1); }
  .commercial-entry-card:hover .entry-visual-card-back img { transform:translateX(-4px) scale(1.02); }
  .commercial-entry-card:hover .entry-visual-card-front img { transform:translateX(4px) scale(1.02); }
  .commercial-entry-custom:hover .entry-illustration img:nth-child(1) { transform:rotate(-7deg) translateX(-3px) scale(.9); }
  .commercial-entry-custom:hover .entry-illustration img:nth-child(2) { transform:translateY(-11px) scale(1.02); }
  .commercial-entry-custom:hover .entry-illustration img:nth-child(3) { transform:rotate(7deg) translateX(3px) scale(.92); }
  .home-pack-card.pack-team:hover .pack-garments img:first-child { transform:translateX(-4px) scale(1.02); }
  .home-pack-card.pack-team:hover .pack-garments img:last-child { transform:translateX(4px) scale(1.02); }
}

@media (max-width:900px) {
  .commercial-entry-card { min-height:0; }
  .home-packs-grid { grid-template-columns:1fr; }
  .home-pack-card.pack-team { grid-column:auto; grid-template-columns:1fr; text-align:center; }
  .home-pack-card.pack-team ul { text-align:center; }
  .home-pack-card.pack-team .pack-commercial-value { margin-inline:auto; }
}

@media (max-width:600px) {
  .commercial-entry-view { width:min(100% - 24px,520px); padding-top:32px; }
  .commercial-entry-heading { margin-bottom:28px; }
  .commercial-entry-heading h1 { font-size:clamp(35px,12vw,50px); }
  .commercial-entry-card { padding:22px 18px; border-radius:24px; }
  .commercial-entry-view .entry-illustration { height:210px; }
  .commercial-entry-view .entry-illustration img { height:195px; }
  .entry-illustration-custom img { height:190px !important; }
  .commercial-entry-pack-links { grid-template-columns:1fr; }
  .commercial-entry-action-team { grid-column:auto; }
  .home-pack-card.pack-team { min-height:0; padding:66px 22px 28px; gap:10px; }
  .home-pack-card.pack-team .pack-garments { height:180px; }
  .home-pack-card.pack-team .pack-garments img { width:135px; height:170px; }
}

@media (prefers-reduced-motion:reduce) {
  .commercial-entry-card,.commercial-entry-view .entry-illustration img,.home-pack-card.pack-team .pack-garments img { transition:none !important; transform:none !important; animation:none !important; }
}

/* Dedicated pack catalogue; garment photos remain neutral illustrative assets. */
.packs-view { max-width:1440px; margin-inline:auto; padding-inline:clamp(18px,4vw,60px); }
.packs-heading { max-width:860px; margin-bottom:clamp(30px,4vw,58px); }
.packs-heading h1 { margin:8px 0 16px; font:750 clamp(42px,6vw,82px)/.98 var(--font-display); letter-spacing:-.055em; text-wrap:balance; }
.packs-heading > p:last-child { max-width:660px; color:#56616c; font-size:clamp(16px,1.8vw,20px); line-height:1.55; }
.packs-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.packs-offer { position:relative; display:flex; flex-direction:column; min-width:0; overflow:hidden; padding:clamp(24px,3vw,42px); border:1px solid #ded8d0; border-radius:28px; background:#fff; box-shadow:0 18px 48px #07111b0b; }
.packs-offer-copy { position:relative; z-index:1; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.packs-offer h2 { margin:0 0 12px; font:750 clamp(28px,3vw,42px)/1.06 var(--font-display); letter-spacing:-.035em; }
.packs-offer-copy > p:not(.pack-eyebrow,.packs-price) { max-width:50ch; margin:0 0 20px; line-height:1.55; color:#53606a; }
.packs-price { margin:0 0 18px; font:800 clamp(40px,4vw,58px)/1 var(--font-display); }
.packs-price small { font:700 17px var(--font-body); }
.packs-offer ul { margin:0 0 24px; padding:0; list-style:none; display:grid; gap:10px; }
.packs-offer li { line-height:1.4; }
.packs-offer li::before { content:"✓"; margin-right:9px; color:#d75e00; font-weight:900; }
.packs-offer .button { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:54px; margin-top:auto; text-decoration:none; }
.packs-offer .button:focus-visible,.packs-final-cta .button:focus-visible { outline:3px solid #ff7900; outline-offset:4px; }
.packs-offer .is-disabled { color:#68717b; background:#eeece8; cursor:not-allowed; }
.packs-offer-art { display:flex; justify-content:center; align-items:center; gap:clamp(8px,2vw,26px); min-height:205px; margin-top:24px; border-radius:20px; background:linear-gradient(145deg,#f0ece5,#e5e9ed); }
.packs-offer-art img { width:min(43%,220px); height:190px; object-fit:contain; filter:drop-shadow(0 12px 12px #07111b26); }
.packs-offer-duo { background:#f9f6f1; }
.packs-offer-team { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:28px; padding-top:72px; background:#071725; border-color:#ff7900; color:#fff; }
.packs-team-badge { position:absolute; top:0; left:0; right:0; padding:14px 24px; background:#ff7900; color:#07111b; font-size:12px; font-weight:850; letter-spacing:.12em; }
.packs-offer-team .pack-eyebrow { color:#ffa449; }
.packs-offer-team .packs-offer-copy > p:not(.pack-eyebrow,.packs-price) { color:#d7dfe5; }
.packs-offer-team li::before { color:#ff7900; }
.packs-offer-team .button { background:#ff7900; color:#07111b; }
.packs-offer-team .packs-offer-art { align-self:stretch; margin:0; background:radial-gradient(circle,#344456,#0c2434); }
.packs-offer-team .packs-offer-art img { height:300px; width:min(44%,260px); }
.packs-tax-note { max-width:780px; margin:22px auto 70px; color:#65717a; text-align:center; font-size:13px; line-height:1.6; }
.packs-final-cta { display:grid; justify-items:center; padding:clamp(35px,5vw,72px) 24px; border-radius:28px; background:#fff0de; text-align:center; }
.packs-final-cta h2 { max-width:750px; margin:10px 0; font:750 clamp(30px,4vw,56px)/1.08 var(--font-display); letter-spacing:-.04em; text-wrap:balance; }
.packs-final-cta > p:not(.eyebrow) { margin:0 0 24px; color:#4d5963; }
.packs-final-cta .button { display:inline-flex; align-items:center; gap:18px; min-height:54px; text-decoration:none; }
@media (max-width:900px) {
  .packs-list { grid-template-columns:1fr; }
  .packs-offer-team { grid-template-columns:1fr; }
  .packs-offer-team .packs-offer-art { min-height:230px; }
  .packs-offer-team .packs-offer-art img { height:220px; }
}
@media (max-width:600px) {
  .packs-view { padding-top:36px; }
  .packs-offer { border-radius:22px; }
  .packs-offer .button { width:100%; }
  .packs-offer-team { padding-top:68px; }
  .packs-offer-team .packs-offer-art img { height:175px; }
}

/* Catalogue-backed Pack mockups; these are indicative renders, never recoloured product photos. */
[data-pack-visual] { position:relative; isolation:isolate; }
.pack-motion-stage { position:relative; width:100%; min-height:240px; height:100%; overflow:hidden; }
.pack-motion-frame { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; gap:0; opacity:0; will-change:opacity,transform; }
.pack-motion-frame:first-child { opacity:1; }
.pack-motion-frame img,.commercial-entry-view .entry-illustration .pack-motion-frame img,.packs-offer-art .pack-motion-frame img { position:relative; width:48%; height:100%; max-height:290px; object-fit:contain; margin:0; filter:drop-shadow(0 10px 12px #07111b24); }
.pack-motion-start .pack-motion-frame img:first-child { transform:translateX(7%) scale(1.05); z-index:2; }
.pack-motion-start .pack-motion-frame img:last-child { transform:translateX(-7%) scale(.91); }
.pack-motion-equipe .pack-motion-frame img:first-child { transform:translateX(10%) scale(.95); z-index:2; }
.pack-motion-equipe .pack-motion-frame img:last-child { transform:translateX(-10%) scale(1.07); }
.packs-offer-team .packs-offer-art .pack-motion-frame img { width:48%; height:100%; max-height:290px; }
.pack-motion-caption { position:absolute; z-index:4; left:12px; bottom:10px; padding:6px 10px; border-radius:999px; color:#263440; background:#fffffff2; font-size:11px; font-weight:750; box-shadow:0 4px 15px #07111b18; }
.commercial-entry-view .entry-illustration-pack .pack-motion-stage { min-height:250px; }
.packs-offer-team .packs-offer-art { background:#f3eee5; }
.packs-offer-team .pack-motion-stage { min-height:300px; }
@media(max-width:600px) {
  .commercial-entry-view .entry-illustration-pack .pack-motion-stage { min-height:210px; }
  .pack-motion-stage { min-height:205px; }
  .packs-offer-team .pack-motion-stage { min-height:230px; }
  .pack-motion-frame img,.commercial-entry-view .entry-illustration .pack-motion-frame img,.packs-offer-art .pack-motion-frame img { max-height:225px; }
}
@media(prefers-reduced-motion:reduce) { .pack-motion-frame { will-change:auto; } }
