#brand-showcase{margin:32px 0}.brand-rotator{position:relative}.brand-tile-grid,.brand-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.brand-tile,.brand-collection,.wide-brand-button{border:0;padding:0;position:relative;overflow:hidden;display:block;width:100%;text-align:left;isolation:isolate;border-radius:5px}.brand-tile{aspect-ratio:381/250;background:var(--brand-color)}.brand-crop{position:absolute;inset:0;overflow:hidden;display:block;pointer-events:none}.brand-crop img{position:absolute;max-width:none;display:block}.brand-designed{background:var(--brand-color);color:#fff}.brand-toy-photo{display:block;position:absolute;inset:0;background-image:url('assets/toy-category-photos.jpg');background-size:600% 600%;background-position:var(--category-x) var(--category-y)}.brand-designed .brand-toy-photo{inset:0 0 0 42%;opacity:.95;mix-blend-mode:normal}.brand-designed:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--brand-color) 25%,transparent 95%);z-index:1;pointer-events:none}.brand-tile-copy{position:absolute;inset:0;z-index:2;padding:25px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;text-shadow:0 1px 5px #0002}.brand-tile-copy small{font-size:8px;letter-spacing:1.4px;max-width:130px}.brand-tile-copy strong{font-size:29px;font-weight:800;line-height:1.15;max-width:80%;letter-spacing:-1px}.brand-tile-copy>span{font-size:8px;letter-spacing:.8px;background:#ffffffd9;color:#283327;border-radius:3px;padding:8px 10px;text-shadow:none}.brand-row-controls{display:flex;align-items:center;justify-content:space-between;min-height:43px;gap:12px;padding:4px 0}.brand-row-controls>div:last-child{display:flex;gap:8px;margin-left:auto}.brand-row-controls button{border:0;background:none;font-size:27px;padding:0 9px;color:#888d81;min-width:34px;min-height:34px}.brand-position{font-size:10px;letter-spacing:1.5px;color:#969c8c}.wide-brand-button{aspect-ratio:1600/370;background:var(--brand-color);border-radius:9px;color:var(--brand-ink);cursor:pointer}.wide-brand-designed .brand-toy-photo{inset:0 0 0 69%;border-radius:50% 0 0 50%;background-size:600% 600%}.wide-brand-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:30px 6%;max-width:73%;color:var(--brand-ink)}.wide-brand-copy small{font-size:10px;letter-spacing:2px;font-weight:700}.wide-brand-copy strong{font-size:43px;line-height:1.05;letter-spacing:-1.5px}.wide-brand-copy>span{font-size:13px}.wide-brand-copy b{align-self:flex-start;background:#fff;color:#465037;font-size:9px;letter-spacing:1px;padding:11px 17px;border-radius:3px}.brand-campaign-dots{display:flex;align-items:center;gap:7px}.brand-campaign-dots button{min-width:0;min-height:0;width:7px;height:7px;padding:0;border-radius:50%;background:#d0d5c3}.brand-campaign-dots button[aria-pressed=true]{background:#8b9f3c;width:20px;border-radius:6px}.brand-collection{aspect-ratio:381/250;background:#f1f1e9}.brand-collection .brand-crop{bottom:22%;}.brand-collection .brand-toy-photo{background-size:600% 600%;}.collection-banner-label{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:#fff;border:1.5px solid #e45a3e;border-radius:7px;color:#df4f38;padding:9px 13px;text-align:center;font-size:11px;font-weight:700;white-space:nowrap;max-width:95%;box-shadow:0 2px 6px #0001}.brand-showcase-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:30px}.brand-showcase-bottom small{font-size:9px;color:#8b927d;line-height:1.5}.brand-autoplay{border:1px solid #dfe4d1;background:#f7f9ee;padding:8px 12px;border-radius:4px;color:#6e7c4c;font-size:10px;white-space:nowrap}.brand-tile:hover,.brand-collection:hover,.wide-brand-button:hover{box-shadow:0 3px 13px #23350022}.collection-promos{margin-top:25px}@media(max-width:1050px){.brand-tile-grid,.brand-collection-grid{gap:13px}.brand-tile-copy{padding:17px 13px;gap:9px}.brand-tile-copy strong{font-size:23px}.brand-tile-copy small{font-size:7px;letter-spacing:.5px}.brand-tile-copy>span{font-size:7px;padding:6px}.wide-brand-copy{gap:11px;padding:25px 5%}.wide-brand-copy strong{font-size:34px}.wide-brand-copy small{font-size:8px}.wide-brand-copy>span{font-size:11px}.collection-banner-label{font-size:9px;padding:7px 9px;bottom:10px}}@media(max-width:650px){#brand-showcase{margin-top:25px}.brand-tile-grid,.brand-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-tile-copy strong{font-size:23px}.brand-tile-copy small{font-size:6px}.brand-tile-copy>span{font-size:6px}.brand-row-controls{min-height:39px}.brand-row-controls button{font-size:24px}.wide-brand-copy{gap:8px;max-width:74%;padding:17px}.wide-brand-designed{aspect-ratio:2/1}.wide-brand-copy strong{font-size:24px;letter-spacing:-.6px}.wide-brand-copy small{font-size:6px;letter-spacing:.7px}.wide-brand-copy>span{font-size:9px;line-height:1.5;max-width:180px}.wide-brand-copy b{font-size:6px;padding:8px 9px}.wide-brand-designed .brand-toy-photo{inset:0 0 0 70%;}.wide-brand-original{aspect-ratio:1600/370}.collection-banner-label{font-size:8px;padding:8px;bottom:10px}.brand-showcase-bottom{align-items:start;margin-top:5px}.brand-showcase-bottom small{font-size:8px;max-width:200px}.brand-autoplay{font-size:9px;padding:8px}.brand-tile-copy{gap:9px;padding:14px}.brand-tile-copy strong{max-width:90%}}
.brand-collection .brand-crop{bottom:0}
@media(prefers-reduced-motion:no-preference){.brand-tile,.wide-brand-button,.brand-collection{animation:brand-slide-in .55s ease both}@keyframes brand-slide-in{from{opacity:.5;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}}
/* Real horizontal tracks: cards remain mounted while the rail moves. */
.brand-tile-grid,.brand-collection-grid{display:block;overflow:hidden}.brand-moving-track{display:flex;gap:20px;will-change:transform;backface-visibility:hidden}.brand-moving-track>.brand-tile,.brand-moving-track>.brand-collection{flex:0 0 calc((100% - 60px)/4);width:calc((100% - 60px)/4);min-width:0;animation:none!important}.wide-brand-button{animation:none!important}@media(max-width:1050px){.brand-moving-track{gap:13px}.brand-moving-track>.brand-tile,.brand-moving-track>.brand-collection{flex-basis:calc((100% - 39px)/4);width:calc((100% - 39px)/4)}}@media(max-width:650px){.brand-moving-track{gap:12px}.brand-moving-track>.brand-tile,.brand-moving-track>.brand-collection{flex-basis:calc((100% - 12px)/2);width:calc((100% - 12px)/2)}}@media(prefers-reduced-motion:reduce){.brand-moving-track{transition:none!important}}
