/* Local draft: visible illustrated catalogue controls. */
.catalog-section{padding-top:24px;scroll-margin-top:88px}
.catalog-section .catalog-heading{display:block;position:relative;isolation:isolate;margin:0 0 18px;padding:22px 28px;border-radius:24px;background:linear-gradient(115deg,#fff0f9a8,#f4f8ffbd 72%,#e8f7ff9c);min-height:96px}
.catalog-section .catalog-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/brand/vaudivo-storybook-dreams-20261027.svg') center/650px 270px;opacity:.35;pointer-events:none;border-radius:inherit}
.catalog-section .catalog-heading>div:first-child{display:block}
.catalog-section #catalog-title{display:inline-block;margin:0;font:700 clamp(28px,3.3vw,44px)/1.25 VaudivoNunito,Onest,sans-serif;letter-spacing:-.7px;color:#b56b98;background:linear-gradient(100deg,#ba78a5 0%,#be79a9 43%,#7bb1ca 64%,#69a4c1 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:100%;overflow-wrap:anywhere}
.catalog-section #result-count{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.catalog-section .catalog-layout{display:block!important}
.catalog-section .catalog-main{min-width:0}
.catalog-pickbar{display:grid;grid-template-columns:1.45fr .86fr 1.16fr 1.04fr 1.19fr 1.1fr .85fr;gap:9px;margin:0 0 22px;position:relative;z-index:4;align-items:stretch}
.catalog-pick{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;min-width:0;min-height:104px;margin:0;padding:11px 13px 12px;border:1px solid #e5cde0;border-radius:18px;background:linear-gradient(125deg,#fffafd,#f2faff);box-shadow:0 3px 0 #eadce8;color:#54647a;overflow:visible;font:600 13px/1.35 VaudivoNunito,Onest,sans-serif;text-align:left}
.catalog-pick-top{display:flex;align-items:center;gap:7px;min-width:0;pointer-events:none}
.catalog-pick img{display:block;width:37px;height:37px;object-fit:contain;flex:none;pointer-events:none}
.catalog-pick-label{font:700 12px/1.25 VaudivoNunito,Onest,sans-serif;letter-spacing:.1px;color:#91718c;overflow-wrap:anywhere}
.catalog-pick select{display:block;max-width:100%;width:100%;min-width:0;padding:4px 20px 4px 0;border:0;background:transparent;color:#485d76;font:700 13px/1.4 VaudivoNunito,Onest,sans-serif;cursor:pointer;outline-offset:3px;appearance:none}
.catalog-pick:has(select):after,.catalog-choice-trigger:after{content:"";position:absolute;right:13px;bottom:20px;width:6px;height:6px;border-right:1.5px solid #a5abc2;border-bottom:1.5px solid #a5abc2;transform:rotate(45deg);pointer-events:none}
.catalog-pick select:focus-visible{outline:2px solid #96bed7}
.catalog-pick.choice-enhanced:after{display:none}
.catalog-native-choice{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.catalog-choice-trigger{display:block;position:absolute;inset:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;color:inherit;padding:0;text-align:left}
.catalog-choice-value{display:flex;align-items:center;padding:2px 16px 2px 0;font:700 13px/1.35 VaudivoNunito,Onest,sans-serif;color:#485d76;white-space:normal;overflow:hidden;min-height:44px;height:44px;pointer-events:none;overflow-wrap:anywhere}
.catalog-pick:has(.catalog-choice-trigger:hover),.catalog-pick:has(.catalog-choice-trigger[aria-expanded=true]){border-color:#d3acc9;background:linear-gradient(125deg,#fff3fb,#eaf7ff)}
.catalog-choice-trigger:focus-visible,.catalog-pick-button:focus-visible{outline:2px solid #86b7d1;outline-offset:4px}
.catalog-choice-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:25;min-width:100%;width:max-content;max-width:min(310px,calc(100vw - 32px));max-height:300px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:7px;border:1px solid #ddc4d9;border-radius:17px;background:linear-gradient(125deg,#fffaff,#f1faff);box-shadow:0 12px 35px #69557923;scrollbar-width:thin;scrollbar-color:#ddc7df transparent}
.catalog-choice-popup[hidden]{display:none}
.catalog-choice-popup.opens-above{top:auto;bottom:calc(100% + 8px)}
.catalog-choice-option{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;border:0;border-radius:10px;padding:8px 11px;background:transparent;color:#506179;text-align:left;font:600 14px/1.4 VaudivoNunito,Onest,sans-serif;cursor:pointer;white-space:normal}
.catalog-choice-option:hover,.catalog-choice-option:focus-visible{background:#e7f4ff;outline:0}
.catalog-choice-option[aria-selected=true]{background:#f6dfef;color:#855d7f}
.catalog-choice-option[aria-selected=true]:after{content:"✓";margin-left:auto;color:#9a73a0;font-weight:800}
.catalog-choice-group{padding:9px 11px 4px;font:700 10px/1.4 VaudivoNunito,Onest,sans-serif;letter-spacing:1px;color:#a68aa2;text-transform:uppercase}
.catalog-option-color{flex:none;width:15px;height:15px;border:1px solid #b9a9b84d;border-radius:50%;background:var(--choice-color,#fff)}
.catalog-pick-button{cursor:pointer}
.catalog-pick-button>.catalog-pick-label{font-size:13px;min-height:26px;display:flex;align-items:center}
.catalog-pick-sale{background:linear-gradient(120deg,#fff0f8,#f7f6ff)}
.catalog-pick-sale[aria-pressed=true]{background:linear-gradient(120deg,#f8d7ec,#d9effe);border-color:#c796bb;box-shadow:0 3px 0 #cdb5d1}
.catalog-pick-sale[aria-pressed=true]>.catalog-pick-label:after{content:"✓";margin-left:6px}
.catalog-pick-reset{box-shadow:0 3px 0 #e4e4ed}
.catalog-pick-reset .catalog-pick-top{justify-content:center}
.catalog-pick-reset>.catalog-pick-label{justify-content:center;text-align:center;color:#7892ae}
.catalog-section .active-filters{margin:0 0 18px;gap:7px}
.catalog-section .active-filters:has(>button:only-child){display:none}
.catalog-section .active-filters>button[data-action=reset]{display:none}
.catalog-section .empty-state{padding:32px 24px;background:linear-gradient(120deg,#fff2fa,#eff9ff);border:1px solid #ead3e4;border-radius:22px}
@media(max-width:1100px){.catalog-pickbar{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-pick{min-height:99px}.catalog-pick-reset .catalog-pick-top{justify-content:start}.catalog-pick-reset>.catalog-pick-label{justify-content:start;text-align:left}}
@media(max-width:650px){
 .catalog-section{padding-top:18px;scroll-margin-top:79px}
 .catalog-section .catalog-heading{margin-bottom:14px;padding:18px 16px;min-height:80px;border-radius:20px}
 .catalog-section #catalog-title{font-size:29px;line-height:1.25;letter-spacing:-.5px}
 .catalog-pickbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:21px}
 .catalog-pick{min-height:91px;padding:9px 11px 10px;gap:4px;border-radius:15px}
 .catalog-pick img{width:32px;height:32px}
 .catalog-pick-label{font-size:11px}
 .catalog-choice-value,.catalog-pick select{font-size:13px;min-height:36px}
 .catalog-pick:nth-child(even) .catalog-choice-popup{left:auto;right:0}
 .catalog-pick-reset{grid-column:1/-1;min-height:42px;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:5px 12px;background:#fffafd99;box-shadow:none}
 .catalog-pick-reset img{width:28px;height:28px}
 .catalog-pick-reset>.catalog-pick-label{font-size:12px}
 .catalog-choice-popup{max-height:255px}
}

/* Compact choice strip: one label, small artwork, no repeated default values. */
.hero.kinder-hero{margin-bottom:6px!important}
.catalog-section{padding-top:0}
.catalog-section .catalog-heading{min-height:0;margin-bottom:8px;padding:8px 18px;border-radius:19px}
.catalog-pickbar{display:flex;gap:8px;align-items:stretch;margin-bottom:16px}
.catalog-pick{flex:1 0 auto;min-width:0;min-height:44px;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:9px 24px 9px 11px;border-radius:14px}
.catalog-pick-top{justify-content:center;gap:6px}
.catalog-pick img{width:18px;height:18px}
.catalog-pick-label{font-size:13px;line-height:1.3;letter-spacing:0;white-space:nowrap;overflow-wrap:normal}
.catalog-pick .catalog-choice-value{display:none!important}
.catalog-choice-trigger:after,.catalog-pick:has(select):after{width:5px;height:5px;right:10px;bottom:auto;top:calc(50% - 4px)}
.catalog-pick.is-selected{border-color:#ce9cbd;background:linear-gradient(120deg,#fbe3f2,#e3f4ff);box-shadow:0 2px 0 #dec4d9}
.catalog-pick-button{padding-inline:11px}
.catalog-pick-button>.catalog-pick-label{min-height:0;font-size:13px;white-space:nowrap}
.catalog-pick-reset{flex:0 0 44px;min-width:44px;width:44px;padding:8px;grid-column:auto}
.catalog-pick-reset svg{display:block;width:20px;height:20px;fill:none;stroke:#829fbd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalog-choice-popup{position:fixed;z-index:80;min-width:0}
.catalog-choice-popup.opens-above{bottom:auto}
@media(max-width:850px){
 .catalog-pickbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#e5d1e2 transparent;padding:2px 1px 7px;gap:7px;scroll-padding-inline:2px}
 .catalog-pick{flex:0 0 auto}
}
@media(max-width:650px){
 .catalog-section{padding-top:0}
 .catalog-section .catalog-heading{min-height:0;margin-bottom:7px;padding:7px 12px}
 .catalog-pickbar{margin-bottom:14px;gap:6px}
 .catalog-pick{min-height:42px;padding:8px 21px 8px 9px;border-radius:12px}
 .catalog-pick-top{gap:5px}
 .catalog-pick img{width:16px;height:16px}
 .catalog-pick-label,.catalog-pick-button>.catalog-pick-label{font-size:12px;white-space:nowrap}
 .catalog-pick-button{padding-inline:10px}
 .catalog-pick-reset{flex:0 0 42px;min-width:42px;width:42px;min-height:42px;padding:8px;gap:0}
 .catalog-pick-reset svg{width:19px;height:19px}
}