/* Single header identity: the two lines always belong to the title beside the logo. */
body.v176Logged header.top{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}
header.top>div:first-child{display:flex!important;align-items:center!important;min-width:0;flex:1 1 150px}
header.top>div:first-child>small{display:none!important}
header.top b.paraiso-header-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;white-space:nowrap!important;min-width:0}
header.top b.paraiso-header-brand>.paraisoOfficialLogo{display:block!important;width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;object-fit:cover!important;border-radius:50%!important;margin:0!important}
header.top b.paraiso-header-brand>.vv-brand-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:clamp(13px,2.8vw,18px)!important;line-height:1.15!important;text-align:center!important}
header.top .tools{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0;max-width:100%}
header.top .tools button{min-height:40px}
@media(max-width:420px){header.top .tools{flex:1 1 100%;justify-content:flex-end}header.top .tools button{min-height:44px;min-width:40px}}
/* Same centered presentation at desktop and mobile sizes; one bell, no overlapping emojis. */
#v189SettingsHub .v190cfg{display:grid;grid-template-columns:1fr;gap:10px}
#v189SettingsHub .v190cfg>button{width:100%;margin:0;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px}
#v189SettingsHub .v190ico{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;font-size:1.25rem}

/* Compact the two-row responsive header without overlapping its controls. */
@media(max-width:420px){body.v176Logged header.top{align-content:start!important;row-gap:2px!important;padding-bottom:6px!important}body.v176Logged header.top>div:first-child{margin-bottom:0!important;padding-bottom:0!important}body.v176Logged header.top .tools{margin-top:0!important;padding-top:0!important}}

/* Keep the mobile brand and actions close without hiding or stacking controls over each other. */
@media(max-width:420px){body.v176Logged header.top{column-gap:6px!important;row-gap:0!important}body.v176Logged header.top>div:first-child{flex:1 1 auto!important;min-width:0!important}body.v176Logged header.top .tools{flex:0 1 auto!important;width:auto!important;max-width:100%!important;gap:3px!important}body.v176Logged header.top .tools button{margin:0!important}}

/* Vidriera discovery: compact and usable on small phones. */
.vv-discover-controls{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.vv-discover-controls button{flex:1 1 145px;min-width:0}
.vv-discover-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;margin:8px 0 14px}
.vv-discover-filters[hidden]{display:none}
.vv-discover-filters input{box-sizing:border-box;width:100%;min-width:0}
.vv-discover-filters button{width:100%}
@media(max-width:420px){.vv-discover-controls button{flex-basis:100%}.vv-discover-filters{grid-template-columns:minmax(0,1fr)}}

/* Vidriera: identical photo/video thumbnail geometry across all product cards. */
#vidrieraGrid .vv-preview{display:block;position:relative;width:100%;aspect-ratio:3/4;padding:0;overflow:hidden;border:0;border-radius:16px;background:#eef2f2;cursor:pointer}
#vidrieraGrid .vv-preview>img,#vidrieraGrid .vv-preview>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#vidrieraGrid .product{min-width:0}
#vidrieraGrid .productmeta{min-width:0;overflow-wrap:anywhere}
#vidrieraExpanded>img,#vidrieraExpanded>video{display:block;max-width:100%;max-height:75dvh;width:auto;height:auto;object-fit:contain;margin:auto}