/* Carrusel continuo de la colección: tarjetas más grandes y desplazamiento suave. */
.collection { overflow:hidden; padding:32px 0 20px; background:var(--olive); }
.collection-title,
.collection-row a { color:var(--cream); }
.collection-title i { background:var(--cream); }
.collection-row { display:flex; grid-template-columns:none; gap:clamp(12px, 1.2vw, 24px); overflow-x:auto; scroll-snap-type:none; scroll-behavior:auto; scrollbar-width:none; padding:14px 0 28px; }
.collection-row::-webkit-scrollbar { display:none; }
.collection-row a { flex:0 0 clamp(205px, 17vw, 330px); height:clamp(220px, 18vw, 340px); scroll-snap-align:start; padding:clamp(12px, 1vw, 20px); border-radius:7px; display:grid; grid-template-columns:minmax(0, 1fr); grid-template-rows:minmax(0, 1fr) auto; align-items:start; transform-origin:center; transition:transform .42s cubic-bezier(.22, 1, .36, 1), background .42s ease, box-shadow .42s ease; }
.collection-row a:hover { transform:scale(1.035); background:#ffffff12; box-shadow:0 14px 30px #10100445; position:relative; z-index:2; }
.collection-row img { width:100%; height:100%; max-height:none; object-fit:contain; object-position:center top; align-self:start; transform-origin:center bottom; }
/* Normalización por el contorno visible de cada PNG, no por su lienzo transparente. */
.collection-card--caballero img { transform:translateY(2.42%) scale(.917); }
.collection-card--dama img { transform:translateY(5.42%) scale(1.022); }
.collection-card--unisex img { transform:translateY(10%) scale(1.032); }
.collection-card--aromatizante img { transform:translateY(4.15%) scale(.929); }
.collection-card--crema img { transform:translateY(54.1%) scale(2); }
.collection-card--desodorante img { transform:translateY(5.42%) scale(.994); }
.collection-card--difusor img { transform:translateY(17.05%) scale(1.222); }
.collection-card--aceite img { transform:translateY(1.49%) scale(.933); }
.collection-card--rollon img { transform:translateY(4.33%) scale(.965); }
.collection-row b { width:100%; justify-self:center; text-align:center; font-size:clamp(12px, .62vw, 16px); }
.collection-foot { padding-inline:0; }

@media (max-width:700px) { .collection { padding-top:24px; }.collection-row { gap:12px; padding-bottom:12px; }.collection-row a { flex-basis:min(76vw, 290px); height:260px; }.collection-row a:hover { transform:none; }.collection-title,.collection-foot { margin-inline:20px; } }