.wwfsf-shell{width:100%;max-width:1480px!important;margin:0 auto;background:#fbeade;color:#302426;padding:26px 18px 60px;border-radius:18px}.wwfsf-shell *{box-sizing:border-box}.wwfsf-wrap{width:100%;margin:auto}.wwfsf-hero{text-align:center;max-width:900px;margin:0 auto 22px}.wwfsf-hero>span,.resulthead span{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#687079}.wwfsf-hero h1{font-size:clamp(38px,5vw,62px);line-height:1;margin:8px 0;color:#6b2832}.wwfsf-hero p{font-size:17px;color:#4f5962;margin:8px auto}.wwfsf-benefits{display:flex;justify-content:center;margin-top:20px}.wwfsf-benefits b{padding:0 28px;border-right:1px solid #ddd;font-size:14px}.wwfsf-benefits b:last-child{border:0}.wwfsf-benefits small{display:block;font-weight:400;color:#6b7075;margin-top:2px}.wwfsf-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.92fr);gap:16px;align-items:start}.wwfsf-card,.wwfsf-results{background:#fff;border:1px solid #e4e1df;border-radius:18px;padding:20px;box-shadow:0 8px 26px #6b28320a}.wwfsf-card section{padding:8px 0 12px}.wwfsf-card h2,.wwfsf-results h2,.wwfsf-info h2{font-size:19px;color:#682b34;margin:0 0 10px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choices button,.visuals button,.resulthead button,.more{background:#fff;border:1px solid #dfe2e5;border-radius:9px;padding:11px;cursor:pointer;font-weight:700;color:#252525}.choices button.on,.visuals button.on{border:2px solid #7a303b;background:#fff6f2;color:#6b2832;padding:10px}.gender-visuals button{padding:0;overflow:hidden;min-height:122px}.gender-visuals button.on{padding:0}.gender-visuals img{width:100%;aspect-ratio:15/7;height:auto;object-fit:cover;object-position:center;display:block;image-rendering:auto}.gender-visuals b{display:block;padding:8px}.no-pref{height:86px;display:grid;place-items:center;background:#f7f3f0;color:#777;font-weight:600}.visuals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.visuals button{padding:5px}.visuals img{display:block;width:100%;aspect-ratio:6/7;height:auto;object-fit:cover;object-position:center;background:#f8eee8;border-radius:7px;margin-bottom:5px;image-rendering:auto}.visuals b{font-size:12px}.muted,.status{color:#6c7076;font-size:13px}.rangehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:6px}.rangehead strong,.budget{font-size:22px}.wwfsf-shell input[type=range]{width:100%;accent-color:#7a303b}.ends{display:flex;justify-content:space-between;color:#6e7378;font-size:11px;margin:3px 0 8px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.find{display:block;width:min(420px,100%);margin:18px auto 2px;background:#772f3a;color:#fff;border:0;border-radius:9px;padding:14px;font-size:16px;font-weight:800;cursor:pointer}.status{text-align:center;margin:8px}.wwfsf-results{position:sticky;top:18px;min-height:520px}.resulthead{display:flex;justify-content:space-between;gap:12px;align-items:start}.resulthead h2{font-size:25px;margin:3px 0}.resulthead p{margin:0;color:#666;font-size:13px}.results{display:flex;flex-direction:column;gap:7px;margin-top:15px}.watch{border:1px solid #e3e3e3;border-radius:9px;background:#fff;padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.watch h3{font-size:13px;margin:0 0 3px;line-height:1.25}.watch p,.watch small{display:block;color:#656b70;margin:1px 0;font-size:11px}.watch a{border:1px solid #b86b75;border-radius:6px;padding:7px 10px;text-decoration:none;color:#6b2832;font-weight:700;font-size:11px;white-space:nowrap}.empty{min-height:300px;display:grid;place-items:center;text-align:center;color:#777;background:#fafafa;border-radius:10px;padding:20px}.more{display:block;margin:14px auto 0}.wwfsf-info{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:28px 16px 0}.wwfsf-info p{line-height:1.45;margin:7px 0;font-size:14px}.wwfsf-info code{font-size:.9em}@media(max-width:1180px){.wwfsf-layout{grid-template-columns:1fr}.wwfsf-results{position:static}.visuals{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.wwfsf-shell{padding:18px 8px 42px;border-radius:0}.wwfsf-card,.wwfsf-results{padding:14px}.wwfsf-benefits{display:none}.choices{grid-template-columns:repeat(2,1fr)}.gender-visuals{grid-template-columns:repeat(2,1fr)}.visuals{grid-template-columns:repeat(2,1fr)}.twocol,.wwfsf-info{grid-template-columns:1fr;gap:8px}.rangehead{display:block}.wwfsf-hero h1{font-size:40px}.watch{grid-template-columns:minmax(0,1fr) auto}.watch a{grid-column:auto;text-align:center}.visuals img{height:auto}}@media(max-width:430px){.watch{grid-template-columns:1fr}.watch a{grid-column:1/-1}}

.loaderbox{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;background:#fffaf7;border:1px solid #eee5df;border-radius:12px;color:#6b2832}.loaderbox small{color:#777;font-weight:400}.spinner{width:42px;height:42px;border:4px solid #eadde0;border-top-color:#7a303b;border-radius:50%;animation:wwfspin .8s linear infinite}@keyframes wwfspin{to{transform:rotate(360deg)}}

.occasion-visuals{grid-template-columns:repeat(4,1fr)}.occasion-visuals button{padding:0;overflow:hidden}.occasion-visuals button.on{padding:0}.occasion-visuals img{width:100%;aspect-ratio:7/4.7;height:auto;display:block;object-fit:cover;object-position:center}.occasion-visuals b{display:block;padding:8px 5px;font-size:12px}@media(max-width:720px){.occasion-visuals{grid-template-columns:repeat(2,1fr)}.occasion-visuals img{height:auto}}

/* v2.0 visual normalization: keep source pixels crisp; never stretch */
.gender-visuals img{height:108px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 38%!important;width:100%!important}
.gender-visuals button{min-height:0!important}
.visuals{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.visuals button{min-width:0!important;overflow:hidden!important}
.visuals img{height:150px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;width:100%!important;background:#fbf5f0!important;padding:5px!important}
.occasion-visuals img{height:94px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;width:100%!important}
@media(max-width:720px){.gender-visuals img{height:100px!important}.visuals{grid-template-columns:repeat(2,minmax(0,1fr))!important}.visuals img{height:155px!important}.occasion-visuals img{height:100px!important}}
.watch img,.results img{display:none!important}.optional{font-size:12px;font-weight:500;color:#777}.filtergrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.filtergrid label{font-size:12px;font-weight:700;color:#4d4d4d}.filtergrid select,.filtergrid input{display:block;width:100%;margin-top:5px;border:1px solid #dfe2e5;border-radius:9px;background:#fff;padding:11px 10px;font:inherit;color:#333;min-height:42px}.occasion-visuals img{width:100%;aspect-ratio:15/8;height:auto;object-fit:cover;display:block;border-radius:7px;margin-bottom:5px}.occasion-visuals button{padding:5px;overflow:hidden}
@media(max-width:900px){.filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wwfsf-layout{grid-template-columns:1fr}.wwfsf-results{position:static}.wwfsf-shell{overflow-x:hidden}}
@media(max-width:600px){.wwfsf-shell{padding:12px 8px 36px}.wwfsf-card,.wwfsf-results{padding:12px;border-radius:12px}.gender-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.visuals,.occasion-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.filtergrid{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}.wwfsf-hero{margin-bottom:12px}.wwfsf-hero h1{font-size:36px}.wwfsf-card h2{font-size:18px}.watch{grid-template-columns:1fr auto}.watch a{padding:8px}.wwfsf-info{padding:18px 4px 0}}
/* v2.4 usability */
.sizecards button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;column-gap:9px}.sizecards .sizepic{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:#fbf1eb;display:grid;place-items:center;font-size:24px}.sizecards .sizepic.big{font-size:29px}.sizecards small{font-weight:500;color:#777}.movementcards button{font-size:13px}.filtergrid label{position:relative}.filtergrid select{padding-left:10px}.filtergrid select:focus{outline:2px solid #ead4d8;border-color:#7a303b}.filtergrid option{font-weight:500}.empty{font-size:16px;line-height:1.5}.empty:before{content:'⌕';display:block;font-size:46px;color:#7a303b;margin-bottom:10px}
@media(max-width:600px){.filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.filtergrid label{font-size:11px}.filtergrid select{font-size:12px;padding:9px 7px}.sizecards{grid-template-columns:repeat(2,minmax(0,1fr))}.movementcards{grid-template-columns:repeat(2,minmax(0,1fr))}.movementcards button:last-child{grid-column:1/-1}}
@media(max-width:390px){.filtergrid{grid-template-columns:1fr}}
/* v2.6: real wrist photos + binary select/unselect filters */
.sizecards button{overflow:hidden;padding:0 0 10px!important}
.sizecards img{display:block;width:100%;aspect-ratio:13/9;height:auto;object-fit:cover;margin:0 0 8px}
.sizecards .size-any{padding-top:0!important;display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center}
.binaryfilters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.binary{border:1px solid #e1e3e7;border-radius:11px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;font-weight:700}
.binary button{border:1px solid #8a303b;background:#fff;color:#72232d;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer}
.binary button.on{background:#8a303b;color:#fff}
@media(max-width:700px){.binaryfilters{grid-template-columns:1fr}.sizecards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sizecards img{aspect-ratio:16/10}}


/* v2.7: cleaner movement control, compact wrist photography, refined category toggles */
.movement-select-wrap{display:block;max-width:100%}
.movement-select-wrap select{
  width:100%;min-height:48px;padding:11px 42px 11px 13px;
  border:1px solid #dfe2e5;border-radius:10px;background:#fff;
  color:#2b2b2b;font:inherit;font-weight:700;
}
.movement-select-wrap select:focus{outline:2px solid #ead4d8;border-color:#7a303b}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.sizecards{gap:9px!important}
.sizecards button{
  display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;align-items:center!important;
  text-align:left!important;column-gap:10px!important;
  min-height:72px!important;padding:6px 10px 6px 6px!important;
  overflow:hidden!important;background:#fff!important;
}
.sizecards button img{
  grid-row:1/3!important;width:72px!important;height:58px!important;
  aspect-ratio:auto!important;object-fit:cover!important;
  margin:0!important;border-radius:8px!important;
}
.sizecards button b{font-size:14px;line-height:1.15}
.sizecards button small{font-size:11px;color:#777}
.sizecards .size-any{
  display:flex!important;min-height:72px!important;padding:9px!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
}
.sizecards .size-any .no-pref{display:none}

.binaryfilters,.binary{display:none!important}
.togglefilters{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;margin-top:12px
}
.togglefilter{
  display:flex;align-items:flex-start;gap:9px;
  padding:10px 11px;border:1px solid #e1e3e7;border-radius:10px;
  background:#fff;cursor:pointer;min-height:62px;
}
.togglefilter:hover{border-color:#c9b1b5;background:#fffdfc}
.togglefilter input{
  width:18px;height:18px;margin:2px 0 0;accent-color:#84313c;flex:0 0 auto
}
.togglefilter span{display:flex;flex-direction:column;gap:2px}
.togglefilter b{font-size:13px;color:#30272a}
.togglefilter small{font-size:10.5px;line-height:1.25;color:#777;font-weight:500}
.togglefilter:has(input:checked){border-color:#8a303b;background:#fbf2f0}
.togglefilter:has(input:checked) b{color:#762b35}

@media(max-width:700px){
  .togglefilters{grid-template-columns:1fr}
  .sizecards button{grid-template-columns:62px minmax(0,1fr)!important;min-height:66px!important}
  .sizecards button img{width:62px!important;height:52px!important}
}
@media(max-width:430px){
  .sizecards{grid-template-columns:1fr!important}
  .sizecards button{grid-template-columns:76px minmax(0,1fr)!important}
  .sizecards button img{width:76px!important;height:58px!important}
}


/* v2.8: compact multi-select controls, grouped filters, mobile-safe */
.wrist-section{padding-bottom:8px!important}.wrist-section .rangehead{margin-bottom:2px}.wrist-section .ends{margin-bottom:5px}
.chipchoices{display:flex;flex-wrap:wrap;gap:7px}.chipchoices button{appearance:none;border:1px solid #d9dcdf;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;color:#353033}.chipchoices button.on{border-color:#7a303b;background:#fbf2f0;color:#702d36;box-shadow:inset 0 0 0 1px #7a303b}.chipchoices .any-choice{color:#666}
.visuals button,.occasion-visuals button{position:relative}.visuals button.on,.occasion-visuals button.on{box-shadow:inset 0 0 0 2px #7a303b}.visuals button.on:after,.occasion-visuals button.on:after{content:'✓';position:absolute;top:7px;right:7px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#7a303b;color:#fff;font-size:14px;font-weight:900}
.budget-section{max-width:520px}.advanced{border-top:1px solid #eee3de;margin-top:8px;padding-top:16px!important}.filtergroup{margin:12px 0 17px}.filtergroup h3{font-size:13px;letter-spacing:.02em;color:#6b2832;margin:0 0 8px;font-weight:800}.filtergrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.filtergrid label{font-size:11.5px}.filtergrid select{min-height:40px;padding:9px 9px;background:#fff}
.checkgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.checkgrid label{display:flex;align-items:center;gap:8px;border:1px solid #dfe2e5;border-radius:9px;padding:9px 10px;background:#fff;cursor:pointer;min-height:42px}.checkgrid input{width:16px;height:16px;accent-color:#7a303b;margin:0;flex:none}.checkgrid span{font-size:12px;font-weight:700;line-height:1.2}.checkgrid label:has(input:checked){border-color:#7a303b;background:#fbf2f0;box-shadow:inset 0 0 0 1px #7a303b}.categorychecks{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.sizecards,.movement-select-wrap,.togglefilters{display:none!important}
@media(max-width:900px){.filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.categorychecks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wwfsf-card section{padding:7px 0 9px}.chipchoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chipchoices button{border-radius:9px;padding:9px 7px}.visuals,.occasion-visuals{grid-template-columns:repeat(2,minmax(0,1fr))!important}.visuals img{height:128px!important}.occasion-visuals img{height:84px!important}.filtergroup{margin:10px 0 14px}.filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.filtergrid label{min-width:0}.filtergrid select{font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}.checkgrid,.categorychecks{grid-template-columns:1fr 1fr}.checkgrid label{padding:8px}.find{width:100%;margin-top:14px}.wwfsf-results{min-height:360px}}
@media(max-width:390px){.filtergrid,.checkgrid,.categorychecks{grid-template-columns:1fr}.visuals,.occasion-visuals{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v2.9 multi-select dropdowns */
.multi-dd-field{min-width:0;display:flex;flex-direction:column;gap:6px}.multi-dd-label{font-weight:700;font-size:14px;color:#2b2525}.multi-dd{position:relative;min-width:0}.multi-dd>summary{list-style:none;cursor:pointer;background:#fff;border:1px solid #dddfe3;border-radius:10px;min-height:46px;padding:12px 38px 12px 14px;font-weight:650;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-dd>summary::-webkit-details-marker{display:none}.multi-dd>summary:after{content:'⌄';position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:18px}.multi-dd[open]>summary,.multi-dd>summary.has-selection{border-color:#8a3039}.multi-dd-menu{position:absolute;z-index:30;top:calc(100% + 5px);left:0;right:0;max-height:260px;overflow:auto;background:#fff;border:1px solid #dddfe3;border-radius:12px;box-shadow:0 12px 28px rgba(40,25,25,.15);padding:7px}.multi-dd-menu label{display:flex!important;align-items:center;gap:9px;padding:9px 8px!important;margin:0!important;border-radius:8px;font-size:14px;cursor:pointer}.multi-dd-menu label:hover{background:#faf1ed}.multi-dd-menu input{width:17px;height:17px;accent-color:#87333c;flex:0 0 auto}.multi-dd-menu span{line-height:1.25}.filtergrid{overflow:visible}.filtergroup{overflow:visible}
@media(max-width:700px){.multi-dd>summary{min-height:44px;padding:11px 34px 11px 11px;font-size:13px}.multi-dd-menu{position:fixed;left:14px;right:14px;top:auto;bottom:14px;max-height:56vh;z-index:9999;border-radius:16px}.multi-dd-label{font-size:13px}}


/* v3.0 compact page + simplified multiselect filters */
.wwfsf-shell{margin-top:-78px!important;padding-top:14px!important;padding-bottom:42px!important}
.wwfsf-hero{max-width:860px!important;margin:0 auto 14px!important}
.wwfsf-hero>span{font-size:10px!important}
.wwfsf-hero h1{font-size:clamp(38px,4.2vw,54px)!important;margin:5px 0 7px!important}
.wwfsf-hero p{font-size:15px!important;margin:5px auto!important}
.wwfsf-benefits{margin-top:12px!important}
.wwfsf-benefits b{padding:0 22px!important;font-size:13px!important}
.wwfsf-card,.wwfsf-results{padding:18px!important}
.wwfsf-card section{padding:6px 0 10px!important}
.filtergroup{margin:10px 0 14px!important;padding:0!important}
.filtergroup h3{margin-bottom:7px!important}
.filtergrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.categorychecks{margin-top:9px!important}
.multi-dd>summary{min-height:42px!important;padding:10px 34px 10px 12px!important;font-size:13px!important}
.multi-dd-label{font-size:12.5px!important}
.checkgrid.categorychecks label{min-height:40px!important;padding:8px 9px!important}
.checkgrid.categorychecks span{font-size:11.5px!important}
@media(max-width:1180px){.wwfsf-shell{margin-top:-52px!important}.filtergrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.wwfsf-shell{margin-top:-28px!important}.filtergrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.wwfsf-shell{margin-top:-10px!important;padding-top:8px!important}.wwfsf-hero{margin-bottom:10px!important}.wwfsf-hero h1{font-size:34px!important}.wwfsf-hero p{font-size:13px!important}.filtergrid{grid-template-columns:1fr 1fr!important}.categorychecks{grid-template-columns:1fr!important}.multi-dd-menu{left:10px!important;right:10px!important;bottom:10px!important;max-height:62vh!important}}
@media(max-width:390px){.filtergrid{grid-template-columns:1fr!important}}