.theme-picker{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;background:#261124;color:#f4e6d9;font-size:12px}.theme-picker a{padding:9px 15px;border:1px solid #9d8292;border-radius:6px;color:#f4e6d9}.theme-picker a[aria-current=page]{background:#efbc83;color:#21110e;border-color:#efbc83;font-weight:600}.theme-picker a:focus-visible{outline:3px solid #fff0d3;outline-offset:3px}body.noir .theme-picker{background:#090a0c;border-bottom:1px solid #44372a;color:#f0e9dc}body.noir .theme-picker a{color:#e8d8bf;border-color:#806547}body.noir .theme-picker a[aria-current=page]{background:#d5b475;color:#17110a;border-color:#d5b475}@media(max-width:450px){.theme-picker{gap:7px}.theme-picker span{font-size:11px}.theme-picker a{padding:8px 12px}}

/* v0.9.10 · Perfumes en cascada: una fila por perfume. Izquierda: foto + vistas + acordes. Derecha: datos, notas, tamaño y precio (rows.js arma las dos columnas) */
.products{grid-template-columns:1fr!important;gap:22px!important}
.product{display:grid!important;grid-template-columns:minmax(220px,36%) 1fr;column-gap:30px;align-items:start;text-align:left}
.product>.pcol-media{grid-column:1;display:flex;flex-direction:column;gap:12px;min-width:0}
.product>.pcol-info{grid-column:2;display:flex;flex-direction:column;gap:6px;min-width:0}
.pcol-media .product-art{height:400px!important;min-height:0;width:100%}
.pcol-media .photo-tabs{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;margin:0}
.pcol-media .image-volume-caption{text-align:center;margin:0;font-size:12px}
.pcol-media .noir-accords{display:flex!important;flex-direction:column;gap:6px;margin:4px 0 0}
.pcol-media .noir-accords>*{width:100%;text-align:center}
.pcol-info .noir-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product:has(.noir-info) .product-notes{display:none}
.product-notes{font-size:13px;line-height:1.55;opacity:.9;margin:2px 0}
.variant-label:has(select[data-presentation]){display:none!important}
.product .product-actions{justify-content:flex-start;gap:14px}
.cat-grid{grid-template-columns:1fr!important;gap:14px!important}
.cat-card{display:grid!important;grid-template-columns:minmax(150px,30%) 1fr;column-gap:22px;row-gap:4px;align-items:start}
.cat-card>.photo-frame{grid-column:1;grid-row:1/span 20;align-self:stretch;height:auto!important;min-height:210px}
.cat-card>:not(.photo-frame){grid-column:2;min-width:0}
.cat-card a.ask{justify-self:start;margin-top:8px;padding:10px 22px}
@media(max-width:620px){.product,.cat-card{grid-template-columns:1fr}.product>.pcol-media,.product>.pcol-info{grid-column:1}.pcol-media .product-art{height:300px!important}.pcol-info .noir-notes{grid-template-columns:1fr}.cat-card>.photo-frame{grid-column:1;grid-row:auto;min-height:0;height:230px!important}.cat-card>:not(.photo-frame){grid-column:1}}
.blanco .product .text-button{color:#8a3d62!important;opacity:1!important}
.pcol-media .noir-accords{height:auto!important;overflow:visible!important}.pcol-media .noir-accords>*{flex:none!important;height:auto!important;min-height:34px;line-height:1.2!important;padding:9px 12px!important;display:flex;align-items:center;justify-content:center;border-radius:6px}

.img-legal{font-size:11.5px;line-height:1.5;opacity:.72;max-width:78ch;margin:18px auto 0;text-align:center}.img-legal-mini{display:block;font-size:10.5px;opacity:.65;text-align:center;line-height:1.4}

/* v0.9.10 · Compacto: ~20 % más chico en PC y cada perfume entra mejor en la pantalla del celular */
@media(min-width:621px){.product{zoom:.82}.cat-card{zoom:.86}}
.note-ico{width:40px!important;height:40px!important}.note-chips li{width:56px!important}.note-name{font-size:9.5px!important}
.noir-accords>*{font-size:11px!important}
@media(max-width:620px){
 .product{padding:12px!important}
 .pcol-media{gap:8px}
 .pcol-media .product-art{height:220px!important}
 .product h3{font-size:21px!important;margin:3px 0!important;line-height:1.1!important}
 .product-brand{font-size:8.5px!important;margin-top:4px!important}
 .product p,.pcol-info p{font-size:11px!important;line-height:1.4!important;margin:3px 0!important}
 .pcol-info{gap:3px}
 .note-ico{width:32px!important;height:32px!important}.note-chips li{width:46px!important}.note-name{font-size:8.5px!important}
 .note-chips{gap:5px 6px!important;margin-top:3px!important}
 .noir-notes{gap:6px!important;margin-bottom:6px!important}.noir-notes h4{font-size:9.5px!important;margin-bottom:2px!important}
 .pcol-media .noir-accords{flex-direction:row!important;flex-wrap:wrap;gap:4px!important}
 .pcol-media .noir-accords>*{width:auto!important;flex:1 1 30%!important;min-height:24px!important;padding:4px 6px!important;font-size:9.5px!important}
 .noir-share button,.noir-share a{font-size:9.5px!important;padding:5px 7px!important}
 .variant-label{margin:6px 0!important;font-size:9px!important}.variant-label select,select{padding:7px 12px!important;font-size:12px!important}
 .price{font-size:15px!important}
 .product-actions{margin-top:4px!important}.product-actions .add{width:34px!important;height:34px!important}
 .pcol-media .photo-tabs button{font-size:9.5px!important;padding:5px 8px!important}
 .image-volume-caption,.img-legal-mini{font-size:9px!important}
 .cat-card>.photo-frame{height:170px!important}.cat-card h3{font-size:17px!important}.cat-card{padding:10px!important}
}

/* Efecto de contorno: recorta ~1 px del borde del recorte (donde quedan los restos blancos) y suma un halo fino del color de cada diseño */
.product-art img,.cat-card .photo-frame img{filter:drop-shadow(0 0 2px var(--rim,#d5b475)) drop-shadow(0 0 7px rgba(213,180,117,.18))}
.blanco .product-art img,.blanco .cat-card .photo-frame img{filter:drop-shadow(0 0 2px #e56a9c) drop-shadow(0 0 7px rgba(229,106,156,.2))}

/* v0.9.10c · celular: tarjeta lo más corta posible */
@media(max-width:620px){
 .product{zoom:.9}
 .conc,.noir-use,.noir-use small{font-size:10.5px!important;margin:2px 0!important}
 .noir-share{gap:4px!important;margin:4px 0!important}.noir-share>*:not(:first-child){display:none!important}
 .product-volume,.catalog-note{display:none!important}
 .notes-pend{font-size:10.5px!important;font-style:italic;opacity:.7;margin:2px 0!important}
 .pcol-info .noir-notes.notes-unknown{display:none!important}
 .product .product-contact{font-size:13px!important;margin-top:4px!important}
 .product .product-actions .text-button{font-size:11px!important}
}

/* v0.9.10e · +10 % de tamaño (texto y fotos), fotos más grandes dentro del cuadro, marca más visible */
@media(min-width:621px){.product{zoom:.9}.cat-card{zoom:.94}}
@media(max-width:620px){.product{zoom:.98}}
.pcol-media .product-art{height:440px!important}
.pcol-media .product-art .photo-frame{padding:30px 8px 34px!important}
.pcol-media .photo-frame:not(.photo-composition) .product-photo{max-height:100%!important;max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain}
.product-art:before{font-size:15px!important;height:20px!important;letter-spacing:4px!important;top:9px!important}
@media(max-width:620px){.pcol-media .product-art{height:300px!important}.product-art:before{font-size:13px!important}}

/* Banner de corrida con perfumes recomendados (rows.js) */
.reco-banner{position:relative;overflow:hidden;border-top:1px solid rgba(213,180,117,.45);border-bottom:1px solid rgba(213,180,117,.45);background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.15),rgba(0,0,0,.35));padding:9px 0}
.reco-banner:before{content:"RECOMENDADOS";position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;padding:0 14px;font:600 10px/1 system-ui,sans-serif;letter-spacing:2.5px;color:#17110a;background:#d5b475}
.reco-track{display:flex;gap:34px;width:max-content;padding-left:140px;animation:reco-run 70s linear infinite}
.reco-banner:hover .reco-track,.reco-banner:focus-within .reco-track{animation-play-state:paused}
.reco-item{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;white-space:nowrap;font-size:13px}
.reco-item img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 2px rgba(213,180,117,.7))}
.reco-item b{font-weight:600;letter-spacing:.3px}.reco-item small{opacity:.7;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase}
.reco-item:hover b{text-decoration:underline}
@keyframes reco-run{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.reco-track{animation:none;overflow-x:auto}}
.blanco .reco-banner{border-color:#efb2cb;background:linear-gradient(90deg,#fff5f9,#fff,#fff5f9)}.blanco .reco-banner:before{background:linear-gradient(120deg,#f9c6d9,#ef8fb4);color:#fff}.blanco .reco-item{color:#5a2640}.blanco .reco-item img{filter:drop-shadow(0 0 2px rgba(229,106,156,.6))}
@media(max-width:620px){.reco-banner:before{font-size:8.5px;padding:0 9px;letter-spacing:1.6px}.reco-track{padding-left:96px;gap:24px;animation-duration:55s}.reco-item img{width:38px;height:38px}.reco-item{font-size:12px}}
/* v0.9.10e · menos aire en la tarjeta */
.product-volume,.catalog-note{display:none!important}
.pcol-info .variant-label{margin:8px 0!important}
@media(max-width:620px){.pcol-media .product-art{height:270px!important}}

/* v0.9.10i · composiciones frasco + caja: centradas y más grandes (antes quedaban pegadas abajo) */
.pcol-media .photo-frame.photo-composition{align-items:center!important}
.pcol-media .photo-frame.photo-composition .product-photo{align-self:center!important;max-width:58%!important;max-height:94%!important}

/* v0.9.10j · logo legible: versión con texto claro en los diseños oscuros, sin óvalo que lo recorte */
.brand-logo{width:200px!important;max-height:none!important;height:auto!important;background:none!important;border-radius:0!important;box-shadow:none!important;object-fit:contain}
.blanco .brand-logo{background:none!important;box-shadow:none!important}
@media(max-width:620px){.brand-logo{width:150px!important}}