@keyframes z2MarketV4FrameSpin{to{transform:rotate(1turn)}}@keyframes z2MarketV4Skeleton{to{background-position:-220% 0}}.z2-market-cards--v4,.z2-market-cards--v4 *,.z2-market-cards--v4 *::before,.z2-market-cards--v4 *::after{box-sizing:border-box}.z2-market-cards--v4{position:relative;width:100%;padding:12px 12px 0;overflow:hidden;background:#000000;font-family:var(--font-body-family,inherit)}.z2-market-cards--v4 .z2-market-cards__viewport{position:relative;width:100%;max-width:min(var(--page-width,1700px),100%);margin:0 auto}.z2-market-cards--v4 .z2-market-cards__track{display:flex;align-items:stretch;gap:9px;width:100%;padding:5px 2px 0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scroll-padding-inline:2px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x}.z2-market-cards--v4 .z2-market-cards__track::-webkit-scrollbar{display:none}.z2-market-cards--v4 .z2-market-card{position:relative;isolation:isolate;display:flex;flex:0 0 178px;width:178px;min-width:178px;height:270px;overflow:hidden;border:1px solid #18253a;border-radius:15px;background:#050B18;scroll-snap-align:start;scroll-snap-stop:always;box-shadow:0 7px 18px rgba(0,0,0,0.29),inset 0 1px 0 rgba(255,255,255,0.10);transition:border-color 0.18s ease,box-shadow 0.18s ease}.z2-market-cards--v4 .z2-market-card:hover,.z2-market-cards--v4 .z2-market-card:focus-within,.z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light{box-shadow:0 8px 21px rgba(0,0,0,0.34),0 3px 11px rgba(var(--z2-rgb),0.12),inset 0 1px 0 rgba(255,255,255,0.13)}.z2-market-cards--v4 .z2-market-card::before{content:"";position:absolute;inset:-72%;z-index:0;opacity:0;pointer-events:none;background:conic-gradient( from 0deg,transparent 0deg,transparent 286deg,rgba(var(--z2-rgb),0.08) 302deg,rgba(var(--z2-rgb),0.38) 318deg,rgba(var(--z2-rgb),0.95) 334deg,rgba(255,255,255,0.98) 340deg,rgba(var(--z2-rgb),0.92) 346deg,rgba(var(--z2-rgb),0.30) 354deg,transparent 360deg );transform:rotate(0deg);transition:opacity 0.16s ease}@media (hover:hover) and (pointer:fine){.z2-market-cards--v4 .z2-market-card:hover::before,.z2-market-cards--v4 .z2-market-card:focus-within::before{opacity:0.96;animation:z2MarketV4FrameSpin 5.8s linear infinite}}.z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light::before{opacity:0.96;animation:z2MarketV4FrameSpin 5.8s linear infinite}.z2-market-cards--v4 .z2-market-card__link{position:absolute;inset:1px;z-index:1;display:flex;flex-direction:column;width:auto;height:auto;padding:5px;overflow:hidden;border-radius:14px;background:#050B18;color:#ffffff;text-decoration:none;-webkit-tap-highlight-color:transparent}.z2-market-cards--v4 .z2-market-card__header{position:relative;z-index:4;flex:0 0 auto;width:100%;padding:8px 10px 6px;background:#050B18;color:#ffffff}.z2-market-cards--v4 .z2-market-card__header-label{display:block;width:100%;min-width:0;overflow:hidden;color:#ffffff;font-family:var( --font-heading-family,var(--font-body-family,inherit) );font-size:17px;line-height:1;font-weight:900;letter-spacing:-0.03em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,0.16)}.z2-market-cards--v4 .z2-market-card__header-label-main{color:#f8f8f8}.z2-market-cards--v4 .z2-market-card__header-label-accent{margin-left:3px;color:#e4b450;text-shadow:0 1px 4px rgba(228,180,80,0.14)}.z2-market-cards--v4 .z2-market-card__header-subtitle{display:block;width:100%;margin-top:6px;overflow:hidden;color:rgba(255,255,255,0.84);font-size:10.5px;line-height:1.15;font-weight:500;letter-spacing:-0.01em;text-overflow:ellipsis;white-space:nowrap}.z2-market-cards--v4 .z2-market-card__image-window{position:relative;flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow:hidden;border-radius:12px 12px 7px 7px;background:var(--z2-pale);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.035)}.z2-market-cards--v4 .z2-market-card__image-window::before{content:"";position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;background:linear-gradient( 105deg,var(--z2-pale) 22%,rgba(255,255,255,0.72) 42%,var(--z2-pale) 62% );background-size:220% 100%;transition:opacity 0.18s ease}.z2-market-cards--v4 .z2-market-card__image-window.is-loading::before{opacity:1;animation:z2MarketV4Skeleton 1.25s ease-in-out infinite}.z2-market-cards--v4 .z2-market-card__image-window.has-image-error::before{opacity:0;animation:none}.z2-market-cards--v4 .z2-market-card__badge{position:absolute;top:9px;left:0;z-index:7;display:inline-flex;align-items:center;height:21px;max-width:calc(100% - 8px);padding:0 18px 0 8px;overflow:hidden;background:linear-gradient( 90deg,var(--z2-dark) 0%,var(--z2-main) 78%,var(--z2-main) 100% );color:#ffffff;font-family:var( --font-heading-family,var(--font-body-family,inherit) );font-size:8px;line-height:1;font-weight:900;letter-spacing:0.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;clip-path:polygon( 0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100% );text-shadow:0 1px 1px rgba(0,0,0,0.16);box-shadow:0 2px 5px rgba(var(--z2-rgb),0.24)}.z2-market-cards--v4 .z2-market-card__image{position:absolute;top:50%;left:50%;z-index:2;display:block;width:92%;height:92%;max-width:92%;max-height:92%;margin:0;padding:0;border:0;object-fit:contain;object-position:center;background:transparent;transform:translate(-50%,-50%) scale(1);transform-origin:center;transition:transform 0.22s cubic-bezier(0.2,0.78,0.22,1)}.z2-market-cards--v4 .z2-market-card__image--cover{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image,.z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image,.z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{transform:translate(-50%,calc(-50% - 3px)) scale(1.045)}.z2-market-cards--v4 .z2-market-card__image-fallback{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:var(--z2-pale)}.z2-market-cards--v4 .z2-market-card__image-fallback[hidden]{display:none !important}.z2-market-cards--v4 .z2-market-card__placeholder{display:block;width:100%;height:100%;color:#c7cbd1}.z2-market-cards--v4 .z2-market-card__sold-out{position:absolute;right:6px;bottom:6px;z-index:8;padding:4px 6px;border-radius:4px;background:rgba(60,67,78,0.94);color:#ffffff;font-size:8px;line-height:1;font-weight:900;text-transform:uppercase}.z2-market-cards--v4 .z2-market-card__save{position:absolute;left:6px;bottom:6px;z-index:8;padding:4px 6px;border-radius:999px;background:rgba(5,11,24,0.90);color:#ffd84d;font-size:8px;line-height:1;font-weight:900;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,0.22)}.z2-market-cards--v4 .z2-market-card__meta{flex:0 0 58px;min-height:58px;padding:6px 6px 5px;background:#050B18;color:#ffffff}.z2-market-cards--v4 .z2-market-card__title{display:-webkit-box;width:100%;min-height:23px;overflow:hidden;color:rgba(255,255,255,0.94);font-size:10px;line-height:1.15;font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.z2-market-cards--v4 .z2-market-card__price-row{display:flex;align-items:baseline;gap:4px;width:100%;margin-top:5px;overflow:hidden;white-space:nowrap}.z2-market-cards--v4 .z2-market-card__price{color:#ffd84d;font-size:11px;line-height:1;font-weight:900}.z2-market-cards--v4 .z2-market-card__compare-price{overflow:hidden;color:rgba(255,255,255,0.52);font-size:8px;line-height:1;text-overflow:ellipsis}.z2-market-cards--v4 .z2-market-card__quick-form{position:absolute;right:7px;bottom:7px;z-index:12;margin:0}.z2-market-cards--v4 .z2-market-card__quick-add{min-width:42px;height:25px;margin:0;padding:0 9px;border:1px solid rgba(255,216,77,0.46);border-radius:999px;background:#ffd84d;color:#050B18;font-family:var(--font-body-family,inherit);font-size:9px;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 3px 9px rgba(0,0,0,0.25)}.z2-market-cards--v4 .z2-market-card__quick-add:hover{background:#ffe36f}.z2-market-cards--v4 .z2-market-card__quick-add:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.z2-market-cards--v4 .z2-market-card__quick-add:disabled{cursor:wait;opacity:0.78}.z2-market-cards--v4 .z2-market-card__quick-status{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}.z2-market-cards--v4 .z2-market-card--quick-add .z2-market-card__price-row{padding-right:46px}.z2-market-cards--v4 .z2-market-cards__edge{position:absolute;top:0;bottom:0;z-index:10;width:22px;opacity:1;pointer-events:none;transition:opacity 0.18s ease}.z2-market-cards--v4 .z2-market-cards__edge--left{left:0;background:linear-gradient( 90deg,#000000 0%,transparent 100% )}.z2-market-cards--v4 .z2-market-cards__edge--right{right:0;background:linear-gradient( 270deg,#000000 0%,transparent 100% )}.z2-market-cards--v4.is-at-start .z2-market-cards__edge--left,.z2-market-cards--v4.is-at-end .z2-market-cards__edge--right{opacity:0}.z2-market-cards--v4 .z2-market-cards__nav{position:absolute;top:50%;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;border:1px solid rgba(255,255,255,0.26);border-radius:50%;background:rgba(5,11,24,0.88);color:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1;font-weight:700;cursor:pointer;transform:translateY(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 5px 16px rgba(0,0,0,0.30);transition:opacity 0.18s ease,background 0.18s ease}.z2-market-cards--v4 .z2-market-cards__nav:hover{background:rgba(5,11,24,0.98)}.z2-market-cards--v4 .z2-market-cards__nav:focus-visible{outline:2px solid #ffd84d;outline-offset:2px}.z2-market-cards--v4 .z2-market-cards__nav:disabled{opacity:0;pointer-events:none}.z2-market-cards--v4 .z2-market-cards__nav--previous{left:5px}.z2-market-cards--v4 .z2-market-cards__nav--next{right:5px}@media screen and (max-width:749px){.z2-market-cards--v4{padding:10px 9px 0}.z2-market-cards--v4 .z2-market-cards__track{gap:7px;padding:5px 0 0}.z2-market-cards--v4 .z2-market-card{flex:0 0 calc((100% - 14px) / 3);width:calc((100% - 14px) / 3);min-width:calc((100% - 14px) / 3);height:198px;border-radius:11px}.z2-market-cards--v4 .z2-market-card__link{padding:4px;border-radius:10px}.z2-market-cards--v4 .z2-market-card__header{padding:7px 5px 5px}.z2-market-cards--v4 .z2-market-card__header-label{font-size:14px;line-height:0.98;letter-spacing:-0.04em}.z2-market-cards--v4 .z2-market-card__header-label-accent{margin-left:2px}.z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge{display:none}.z2-market-cards--v4 .z2-market-card__image-window{border-radius:9px 9px 6px 6px}.z2-market-cards--v4 .z2-market-card__badge{top:6px;height:18px;max-width:calc(100% - 3px);padding:0 12px 0 5px;font-size:7.5px;letter-spacing:0.02em;clip-path:polygon( 0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100% )}.z2-market-cards--v4 .z2-market-card__image{width:92%;height:92%;max-width:92%;max-height:92%}.z2-market-cards--v4 .z2-market-card__image--cover{width:100%;height:100%;max-width:none;max-height:none}.z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image,.z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image,.z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{transform:translate(-50%,calc(-50% - 2px)) scale(1.04)}.z2-market-cards--v4 .z2-market-card__meta{flex-basis:49px;min-height:49px;padding:5px 4px 4px}.z2-market-cards--v4 .z2-market-card__title{min-height:19px;font-size:8.5px}.z2-market-cards--v4 .z2-market-card__price-row{gap:3px;margin-top:4px}.z2-market-cards--v4 .z2-market-card__price{font-size:9.5px}.z2-market-cards--v4 .z2-market-card__compare-price{display:none}.z2-market-cards--v4 .z2-market-card__sold-out{right:4px;bottom:4px;padding:3px 4px;font-size:6px}.z2-market-cards--v4 .z2-market-card__save{left:4px;bottom:4px;padding:3px 4px;font-size:6.5px}.z2-market-cards--v4 .z2-market-card__quick-form{display:none}.z2-market-cards--v4 .z2-market-card--quick-add .z2-market-card__price-row{padding-right:0}.z2-market-cards--v4 .z2-market-cards__nav,.z2-market-cards--v4 .z2-market-cards__edge{display:none}}@media screen and (max-width:390px){.z2-market-cards--v4 .z2-market-card{height:192px}.z2-market-cards--v4 .z2-market-card__header{padding:6px 4px 4px}.z2-market-cards--v4 .z2-market-card__header-label{font-size:13px}.z2-market-cards--v4 .z2-market-card__header-subtitle{display:none}.z2-market-cards--v4 .z2-market-card__badge{font-size:7px}.z2-market-cards--v4 .z2-market-card__title{font-size:8px}.z2-market-cards--v4 .z2-market-card__price{font-size:9px}}@media (prefers-reduced-motion:reduce){.z2-market-cards--v4 .z2-market-cards__track{scroll-behavior:auto}.z2-market-cards--v4 .z2-market-card::before{opacity:0 !important;animation:none !important;filter:none !important}.z2-market-cards--v4 .z2-market-card__image-window::before{animation:none !important;transition:none !important}.z2-market-cards--v4 .z2-market-card,.z2-market-cards--v4 .z2-market-card__image,.z2-market-cards--v4 .z2-market-cards__edge,.z2-market-cards--v4 .z2-market-cards__nav{transition:none}.z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image,.z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image,.z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{transform:translate(-50%,-50%) scale(1)}}.z2-market-cards--v4.z2-mobile-cols-2 .z2-market-card{--z2-mobile-card-width:calc((100% - 7px) / 2)}.z2-market-cards--v4.z2-mobile-cols-3 .z2-market-card{--z2-mobile-card-width:calc((100% - 14px) / 3)}.z2-market-cards--v4.z2-border-animation-off .z2-market-card::before{display:none !important;animation:none !important}.z2-market-cards--v4 .z2-market-card__warning{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important}.z2-market-cards--v4 .z2-market-card__quick-add.is-error{background:#ffffff;color:#7d1b1b}.z2-market-cards--v4 .z2-market-card__quick-add.is-added{background:#dff7df;color:#145a20}@media screen and (max-width:749px){.z2-market-cards--v4.z2-mobile-cols-2 .z2-market-card,.z2-market-cards--v4.z2-mobile-cols-3 .z2-market-card{flex-basis:var(--z2-mobile-card-width);width:var(--z2-mobile-card-width);min-width:var(--z2-mobile-card-width)}}.z2-market-cards--v4 .z2-market-card[hidden]{display:none !important}.z2-market-cards--v4 .z2-market-card__interest-icon{position:absolute;top:7px;right:7px;z-index:9;display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,0.32);border-radius:50%;background:rgba(5,11,24,0.84);color:#ffffff;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 3px 8px rgba(0,0,0,0.24)}.z2-market-cards--v4 .z2-market-card__interest-icon svg{width:14px;height:14px;fill:currentColor}.z2-market-cards--v4 .z2-market-card__interest-icon--tech{color:#ffd84d}.z2-market-cards--v4 .z2-market-card__interest-icon--beauty{color:#ff9bc3}.z2-market-cards--v4 .z2-market-card__interest-icon--auto{color:#8fc2ff}.z2-market-cards--v4 .z2-market-card__interest-icon--pets{color:#ffc27b}.z2-market-cards--v4 .z2-market-card__interest-icon--fitness{color:#a9f08c}.z2-market-cards--v4 .z2-market-card__interest-icon--outdoor{color:#9ee7c4}.z2-market-cards--v4 .z2-market-card__interest-icon--fashion{color:#d3a6ff}.z2-market-cards--v4 .z2-market-card__interest-icon--home{color:#85dcff}.z2-market-cards--v4 .z2-market-card__interest-icon--gifts{color:#ff9c9c}.z2-market-cards--v4.is-personalized .z2-market-card:first-child{border-color:rgba(255,216,77,0.58)}@media screen and (max-width:749px){.z2-market-cards--v4 .z2-market-card__interest-icon{top:5px;right:5px;width:19px;height:19px}.z2-market-cards--v4 .z2-market-card__interest-icon svg{width:11px;height:11px}}.z2-market-cards--v4 .z2-market-cards__personalization-controls{display:flex;justify-content:flex-end;align-items:center;min-height:24px;padding:7px 4px 0}.z2-market-cards--v4 .z2-market-cards__reset{appearance:none;border:0;border-bottom:1px solid currentColor;padding:0 0 2px;background:transparent;color:rgba(255,255,255,0.62);font:inherit;font-size:11px;line-height:1.2;cursor:pointer;transition:color 0.18s ease,opacity 0.18s ease}.z2-market-cards--v4 .z2-market-cards__reset:hover,.z2-market-cards--v4 .z2-market-cards__reset:focus-visible{color:#ffffff}.z2-market-cards--v4 .z2-market-cards__reset:focus-visible{outline:2px solid #ffd84d;outline-offset:4px}.z2-market-cards--v4 .z2-market-cards__reset:disabled{opacity:0.28;cursor:default}.z2-market-cards--v4 .z2-market-cards__reset-status{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}.z2-market-cards--v4.is-test-mode{outline:1px dashed rgba(255,216,77,0.34);outline-offset:3px}@media screen and (max-width:749px){.z2-market-cards--v4 .z2-market-cards__personalization-controls{padding-top:5px}.z2-market-cards--v4 .z2-market-cards__reset{font-size:10px}}.z2-market-cards--v4 .z2-market-card--dynamic-recommendation{outline:1px solid rgba(255,216,77,.2)}.z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{background:rgba(5,11,24,.88);color:#ffd84d}.z2-market-cards--v4[data-experiment-group=control] .z2-market-card:first-child{border-color:inherit}.z2-market-cards--v4 .z2-market-card,.z2-market-cards--v4.is-personalized .z2-market-card:first-child,.z2-market-cards--v4[data-experiment-group="control"] .z2-market-card:first-child { border-color: #18253a !important;}.z2-market-cards--v4.is-personalized .z2-market-card:first-child,.z2-market-cards--v4 .z2-market-card--dynamic-recommendation { outline: none !important; box-shadow: 0 7px 18px rgba(0, 0, 0, 0.29), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;}.z2-market-cards--v4.is-test-mode { outline: none !important; outline-offset: 0 !important;}.z2-market-cards--v4 .z2-market-cards__personalization-controls,.z2-market-cards--v4 .z2-market-cards__reset,.z2-market-cards--v4 .z2-market-cards__reset-status { display: none !important;} .z2-market-cards--v4 .z2-market-cards__diagnostic{ margin:8px 12px 0; padding:7px 9px; border:1px solid rgba(255,255,255,.12); border-radius:7px; background:rgba(5,11,24,.82); color:#cfd8e8; font:600 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; letter-spacing:.01em; } .z2-market-cards--v4 .z2-market-cards__diagnostic{ white-space:normal; } .z2-market-cards--v4.is-personalized .z2-market-cards__diagnostic{ border-color:rgba(255,255,255,.18); } .z2-market-cards--v4 .z2-market-cards__diagnostic{ overflow-wrap:anywhere; } .z2-market-cards--v4 .z2-market-card__header{ flex:0 0 50px !important; width:100% !important; height:50px !important; min-height:50px !important; max-height:50px !important; padding:8px 10px 6px !important; overflow:hidden !important; } .z2-market-cards--v4 .z2-market-card__header-label{ flex:0 0 auto !important; height:17px !important; min-height:17px !important; line-height:17px !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ flex:0 0 auto !important; height:12px !important; min-height:12px !important; margin-top:5px !important; line-height:12px !important; } .z2-market-cards--v4 .z2-market-card__image-window{ flex:1 1 auto !important; min-height:0 !important; } .z2-market-cards--v4 .z2-market-card__meta{ flex:0 0 58px !important; width:100% !important; height:58px !important; min-height:58px !important; max-height:58px !important; } .z2-market-cards--v4 .z2-market-card__title{ height:23px !important; min-height:23px !important; max-height:23px !important; } .z2-market-cards--v4 .z2-market-card__price-row{ height:12px !important; min-height:12px !important; margin-top:5px !important; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__header, .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__meta{ margin:0 !important; } .z2-market-cards--v4 .z2-market-cards__diagnostic, .z2-market-cards--v4 [data-z2-diagnostic-panel]{ display:none !important; } .z2-market-cards--v4[data-debug="true"] .z2-market-cards__diagnostic, .z2-market-cards--v4[data-debug="true"] [data-z2-diagnostic-panel]{ display:block !important; } /* Z2 refined campaign design */ .z2-market-cards--v4 .z2-market-card{ border-color:#142033 !important; box-shadow: 0 6px 16px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07) !important; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important; } .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-within, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light{ transform:translateY(-2px); border-color:rgba(104,159,255,.42) !important; box-shadow: 0 10px 24px rgba(0,0,0,.34), 0 0 0 1px rgba(104,159,255,.08), inset 0 1px 0 rgba(255,255,255,.10) !important; } .z2-market-cards--v4.is-personalized .z2-market-card:first-child{ border-color:#142033 !important; } .z2-market-cards--v4 .z2-market-card__header{ background:linear-gradient(180deg,#07101f 0%,#050b18 100%) !important; padding-inline:10px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ font-size:16px !important; letter-spacing:-.025em !important; text-overflow:clip !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ color:rgba(255,255,255,.70) !important; font-size:9px !important; letter-spacing:.005em !important; } .z2-market-cards--v4 .z2-market-card__badge{ display:none !important; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ display:inline-flex !important; height:20px !important; max-width:98px !important; padding:0 17px 0 8px !important; background:linear-gradient(90deg,#111827 0%,#2b3548 100%) !important; color:#ffd84d !important; font-size:7.5px !important; box-shadow:0 3px 8px rgba(0,0,0,.22) !important; } .z2-market-cards--v4 .z2-market-card__interest-icon{ width:24px !important; height:24px !important; border-color:rgba(255,255,255,.20) !important; background:rgba(5,11,24,.78) !important; box-shadow:0 3px 8px rgba(0,0,0,.20) !important; } .z2-market-cards--v4 .z2-market-card__image-window{ border-radius:var(--z2-image-radius,10px) !important; background: radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),rgba(241,244,248,.96) 72%,rgba(229,233,239,.96) 100%) !important; box-shadow: inset 0 0 0 1px rgba(5,11,24,.06), 0 1px 0 rgba(255,255,255,.48) !important; } .z2-market-cards--v4 .z2-market-card__image{ width:var(--z2-image-size,94%) !important; height:var(--z2-image-size,94%) !important; max-width:none !important; max-height:none !important; object-fit:contain !important; object-position: var(--z2-image-position-x,50%) var(--z2-image-position-y,50%) !important; } .z2-market-cards--v4 .z2-market-card__image--cover{ width:var(--z2-image-crop-size,106%) !important; height:var(--z2-image-crop-size,106%) !important; object-fit:cover !important; object-position: var(--z2-image-position-x,50%) var(--z2-image-position-y,50%) !important; } .z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image, .z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{ transform: translate(-50%,calc(-50% - 2px)) scale(var(--z2-image-hover-scale,1.03)) !important; } .z2-market-cards--v4 .z2-market-card__meta{ padding:7px 7px 6px !important; background:linear-gradient(180deg,#050b18 0%,#040914 100%) !important; } .z2-market-cards--v4 .z2-market-card__title{ color:rgba(255,255,255,.95) !important; font-size:10.5px !important; line-height:1.12 !important; letter-spacing:.002em !important; } .z2-market-cards--v4 .z2-market-card__price-row{ margin-top:6px !important; } .z2-market-cards--v4 .z2-market-card__price{ display:inline-flex !important; align-items:baseline !important; gap:3px !important; min-width:0 !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ color:rgba(255,255,255,.78) !important; font-size:8px !important; line-height:1 !important; font-weight:700 !important; text-transform:none !important; } .z2-market-cards--v4 .z2-market-card__price-value{ color:#ffd84d !important; font-size:11.5px !important; line-height:1 !important; font-weight:900 !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ color:rgba(255,255,255,.34) !important; font-size:7.5px !important; text-decoration-thickness:1px !important; } .z2-market-cards--v4 .z2-market-cards__nav{ width:34px !important; height:34px !important; border-color:rgba(255,255,255,.18) !important; background:rgba(5,11,24,.84) !important; font-size:22px !important; box-shadow:0 5px 14px rgba(0,0,0,.26) !important; } .z2-market-cards--v4 .z2-market-cards__nav--previous{ left:7px !important; } .z2-market-cards--v4 .z2-market-cards__nav--next{ right:7px !important; } .z2-market-cards--v4 .z2-market-cards__viewport::after{ content:""; position:absolute; top:0; right:0; bottom:0; z-index:20; width:28px; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(0,0,0,.28)); opacity:.55; } .z2-market-cards--v4.is-at-end .z2-market-cards__viewport::after{ opacity:0; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__header-label{ font-size:11px !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ font-size:7px !important; } .z2-market-cards--v4 .z2-market-card__title{ font-size:8px !important; } .z2-market-cards--v4 .z2-market-card__price-value{ font-size:9px !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ font-size:6.5px !important; } .z2-market-cards--v4 .z2-market-cards__viewport::after{ width:18px; } } .z2-market-cards--v4.is-personalization-loading{ min-height:368px; } .z2-market-cards--v4.is-personalization-loading .z2-market-cards__track{ opacity:0; pointer-events:none; } .z2-market-cards--v4.is-personalization-ready .z2-market-cards__track{ opacity:1; transition:opacity .18s ease; } .z2-market-cards--v4.is-personalization-loading .z2-market-cards__viewport::before{ content:""; position:absolute; inset:0; z-index:30; pointer-events:none; background: linear-gradient( 90deg, rgba(7,16,31,.98) 0 11%, rgba(15,27,45,.92) 11% 23%, rgba(7,16,31,.98) 23% 35%, rgba(15,27,45,.92) 35% 47%, rgba(7,16,31,.98) 47% 59%, rgba(15,27,45,.92) 59% 71%, rgba(7,16,31,.98) 71% 83%, rgba(15,27,45,.92) 83% 95%, rgba(7,16,31,.98) 95% ); opacity:.34; animation:z2-carousel-loading-pulse 1s ease-in-out infinite alternate; } @keyframes z2-carousel-loading-pulse{ from{opacity:.22} to{opacity:.42} } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__header-label{ white-space:nowrap; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__header-subtitle{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Z2 personalized ribbon matching + stronger typography */ .z2-market-cards--v4 .z2-market-card__header{ flex-basis:60px !important; height:60px !important; min-height:60px !important; max-height:60px !important; padding:9px 10px 7px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ height:22px !important; min-height:22px !important; line-height:22px !important; font-size:var(--z2-heading-size-desktop,19px) !important; font-weight:900 !important; letter-spacing:-.03em !important; overflow:visible !important; text-overflow:clip !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ height:14px !important; min-height:14px !important; margin-top:5px !important; color:rgba(255,255,255,.76) !important; font-size:11px !important; line-height:14px !important; font-weight:600 !important; } .z2-market-cards--v4 .z2-market-card__meta{ flex-basis:76px !important; height:76px !important; min-height:76px !important; max-height:76px !important; padding:8px 9px 8px !important; } .z2-market-cards--v4 .z2-market-card__title{ display:-webkit-box !important; height:34px !important; min-height:34px !important; max-height:34px !important; color:#ffffff !important; font-size:var(--z2-title-size-desktop,14px) !important; line-height:1.14 !important; font-weight:850 !important; letter-spacing:-.01em !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .z2-market-cards--v4 .z2-market-card__price-row{ height:19px !important; min-height:19px !important; margin-top:7px !important; align-items:baseline !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ color:rgba(255,255,255,.82) !important; font-size:10px !important; font-weight:800 !important; } .z2-market-cards--v4 .z2-market-card__price-value{ color:#ffd84d !important; font-size:var(--z2-price-size-desktop,16px) !important; line-height:1 !important; font-weight:950 !important; letter-spacing:-.01em !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ color:rgba(255,255,255,.43) !important; font-size:9px !important; line-height:1 !important; font-weight:700 !important; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ display:inline-flex !important; width:auto !important; min-width:0 !important; max-width:none !important; height:21px !important; padding:0 18px 0 9px !important; align-items:center !important; white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; color:#ffd84d !important; font-size:8px !important; line-height:21px !important; font-weight:950 !important; letter-spacing:.035em !important; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge::after{ right:-10px !important; border-left-width:10px !important; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__header{ flex-basis:56px !important; height:56px !important; min-height:56px !important; max-height:56px !important; padding:8px 7px 6px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ height:18px !important; min-height:18px !important; line-height:18px !important; font-size:var(--z2-heading-size-mobile,14px) !important; letter-spacing:-.035em !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ height:13px !important; min-height:13px !important; margin-top:4px !important; font-size:8.5px !important; line-height:13px !important; } .z2-market-cards--v4 .z2-market-card__meta{ flex-basis:70px !important; height:70px !important; min-height:70px !important; max-height:70px !important; padding:7px 6px 7px !important; } .z2-market-cards--v4 .z2-market-card__title{ height:31px !important; min-height:31px !important; max-height:31px !important; font-size:var(--z2-title-size-mobile,11px) !important; line-height:1.12 !important; } .z2-market-cards--v4 .z2-market-card__price-row{ height:17px !important; min-height:17px !important; margin-top:6px !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ font-size:8px !important; } .z2-market-cards--v4 .z2-market-card__price-value{ font-size:var(--z2-price-size-mobile,14px) !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ font-size:7px !important; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ height:19px !important; padding:0 15px 0 7px !important; font-size:6.8px !important; line-height:19px !important; letter-spacing:.025em !important; } } /* Z2 traveling-light only: no blue highlighted card frame */ .z2-market-cards--v4 .z2-market-card, .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-within, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light, .z2-market-cards--v4.is-personalized .z2-market-card:first-child, .z2-market-cards--v4[data-experiment-group="control"] .z2-market-card:first-child{ border-color:#142033 !important; outline:none !important; box-shadow: 0 6px 16px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07) !important; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation{ border-color:#142033 !important; outline:none !important; } .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-within, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light{ transform:none !important; } /* Keep the traveling light active. Only the static/hover frame is removed. */ @media (hover:hover) and (pointer:fine){ .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card:hover::before, .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card:focus-within::before{ opacity:.96 !important; animation:z2MarketV4FrameSpin 5.8s linear infinite !important; } } .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card.z2-market-card--touch-light::before{ opacity:.96 !important; animation:z2MarketV4FrameSpin 5.8s linear infinite !important; } /* Z2 all-card ribbons + full uncropped product images */ .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge{ display:inline-flex !important; width:auto !important; min-width:0 !important; max-width:calc(100% - 42px) !important; height:21px !important; padding:0 18px 0 9px !important; align-items:center !important; overflow:hidden !important; background: linear-gradient( 90deg, var(--z2-dark) 0%, var(--z2-main) 88% ) !important; color:#ffffff !important; font-size:8px !important; line-height:21px !important; font-weight:950 !important; letter-spacing:.035em !important; text-overflow:ellipsis !important; white-space:nowrap !important; box-shadow: 0 3px 8px rgba(0,0,0,.23), 0 0 0 1px rgba(255,255,255,.08) inset !important; } .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ background: linear-gradient( 90deg, var(--z2-dark) 0%, var(--z2-main) 88% ) !important; color:#ffffff !important; } .z2-market-cards--v4 .z2-market-card__image-window{ isolation:isolate !important; background:var(--z2-pale) !important; } .z2-market-cards--v4 .z2-market-card__image-backdrop{ position:absolute !important; inset:-12px !important; z-index:1 !important; display:block !important; width:calc(100% + 24px) !important; height:calc(100% + 24px) !important; max-width:none !important; max-height:none !important; border:0 !important; object-fit:cover !important; object-position: var(--z2-image-position-x,50%) var(--z2-image-position-y,50%) !important; opacity:.32 !important; filter: blur(13px) saturate(.92) brightness(1.08) !important; transform:scale(1.07) !important; pointer-events:none !important; } .z2-market-cards--v4 .z2-market-card__image-window::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient( 180deg, rgba(255,255,255,.13), rgba(255,255,255,.03) ), rgba(245,247,250,.20); } .z2-market-cards--v4 .z2-market-card__image, .z2-market-cards--v4 .z2-market-card__image--full, .z2-market-cards--v4 .z2-market-card__image--cover{ top:50% !important; left:50% !important; z-index:3 !important; width:calc(100% - 8px) !important; height:calc(100% - 8px) !important; max-width:calc(100% - 8px) !important; max-height:calc(100% - 8px) !important; object-fit:contain !important; object-position: var(--z2-image-position-x,50%) var(--z2-image-position-y,50%) !important; background:transparent !important; transform:translate(-50%,-50%) scale(1) !important; } .z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image, .z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{ transform:translate(-50%,-50%) scale(1) !important; } .z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image-backdrop, .z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image-backdrop, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image-backdrop{ transform:scale(1.11) !important; opacity:.38 !important; } .z2-market-cards--v4 .z2-market-card__interest-icon, .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__save, .z2-market-cards--v4 .z2-market-card__sold-out{ z-index:8 !important; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge{ display:inline-flex !important; top:6px !important; max-width:calc(100% - 30px) !important; height:18px !important; padding:0 13px 0 6px !important; font-size:6.8px !important; line-height:18px !important; letter-spacing:.02em !important; } .z2-market-cards--v4 .z2-market-card__image-backdrop{ inset:-9px !important; width:calc(100% + 18px) !important; height:calc(100% + 18px) !important; filter: blur(10px) saturate(.92) brightness(1.08) !important; } .z2-market-cards--v4 .z2-market-card__image, .z2-market-cards--v4 .z2-market-card__image--full, .z2-market-cards--v4 .z2-market-card__image--cover{ width:calc(100% - 6px) !important; height:calc(100% - 6px) !important; max-width:calc(100% - 6px) !important; max-height:calc(100% - 6px) !important; object-fit:contain !important; transform:translate(-50%,-50%) scale(1) !important; } } /* Z2 related-but-not-identical ribbon copy */ .z2-market-cards--v4 .z2-market-card__badge{ max-width:calc(100% - 38px) !important; font-size:7.7px !important; letter-spacing:.025em !important; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__badge{ max-width:calc(100% - 28px) !important; font-size:6.4px !important; letter-spacing:.015em !important; } } /* Z2 exact muted ribbon palette + gap-free image fill */ .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ display:inline-flex !important; top:8px !important; left:0 !important; width:auto !important; min-width:0 !important; max-width:calc(100% - 42px) !important; height:20px !important; padding:0 17px 0 9px !important; align-items:center !important; overflow:hidden !important; background:#07101f !important; color:rgba(255,255,255,.76) !important; border-top:1px solid rgba(255,255,255,.08) !important; border-bottom:1px solid rgba(255,255,255,.06) !important; box-shadow: 0 3px 8px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.035) !important; text-shadow:none !important; font-size:7.6px !important; line-height:20px !important; font-weight:850 !important; letter-spacing:.025em !important; white-space:nowrap !important; text-overflow:ellipsis !important; } /* Default mode: the complete image fills the frame with no side gaps. */ .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image, .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image--full, .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image--cover{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:fill !important; object-position:center !important; transform:translate(-50%,-50%) scale(1) !important; } /* Hide the soft duplicate in the gap-free mode. */ .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image-backdrop{ opacity:0 !important; } /* Preserve proportions when selected. */ .z2-market-cards--v4[data-image-fit="product_tag"] .z2-market-card__image, .z2-market-cards--v4[data-image-fit="product_tag"] .z2-market-card__image--full, .z2-market-cards--v4[data-image-fit="product_tag"] .z2-market-card__image--cover{ width:var(--z2-image-size,100%) !important; height:var(--z2-image-size,100%) !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; object-position: var(--z2-image-position-x,50%) var(--z2-image-position-y,50%) !important; transform:translate(-50%,-50%) scale(1) !important; } /* Proportional crop option when explicitly selected. */ .z2-market-cards--v4[data-image-fit="cover"] .z2-market-card__image, .z2-market-cards--v4[data-image-fit="cover"] .z2-market-card__image--full, .z2-market-cards--v4[data-image-fit="cover"] .z2-market-card__image--cover{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:cover !important; object-position: var(--z2-image-position-x,50%) var(--z2-image-position-y,50%) !important; transform:translate(-50%,-50%) scale(1) !important; } /* Never apply foreground hover zoom in any image mode. */ .z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image, .z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{ transform:translate(-50%,-50%) scale(1) !important; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ top:6px !important; max-width:calc(100% - 30px) !important; height:18px !important; padding:0 14px 0 7px !important; background:#07101f !important; color:rgba(255,255,255,.76) !important; font-size:6.4px !important; line-height:18px !important; letter-spacing:.015em !important; } .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image, .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image--full, .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image--cover{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:fill !important; transform:translate(-50%,-50%) scale(1) !important; } } /* Z2 yellow ribbons + identical desktop/mobile image metrics + no arrows */ .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ color:#ffd84d !important; } /* Remove carousel navigation arrows completely. */ .z2-market-cards--v4 .z2-market-cards__nav, .z2-market-cards--v4 .z2-market-cards__nav--previous, .z2-market-cards--v4 .z2-market-cards__nav--next{ display:none !important; } /* Mobile uses the same product-image metrics as desktop. */ @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__image-window{ border-radius:12px 12px 7px 7px !important; } .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image, .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image--full, .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image--cover{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:fill !important; object-position:center !important; transform:translate(-50%,-50%) scale(1) !important; } .z2-market-cards--v4[data-image-fit="contain"] .z2-market-card__image-backdrop{ opacity:0 !important; } .z2-market-cards--v4[data-image-fit="product_tag"] .z2-market-card__image, .z2-market-cards--v4[data-image-fit="product_tag"] .z2-market-card__image--full, .z2-market-cards--v4[data-image-fit="product_tag"] .z2-market-card__image--cover{ width:var(--z2-image-size,100%) !important; height:var(--z2-image-size,100%) !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; transform:translate(-50%,-50%) scale(1) !important; } .z2-market-cards--v4[data-image-fit="cover"] .z2-market-card__image, .z2-market-cards--v4[data-image-fit="cover"] .z2-market-card__image--full, .z2-market-cards--v4[data-image-fit="cover"] .z2-market-card__image--cover{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; object-fit:cover !important; transform:translate(-50%,-50%) scale(1) !important; } /* Product-interest icon uses the exact desktop dimensions. */ .z2-market-cards--v4 .z2-market-card__interest-icon{ top:7px !important; right:7px !important; width:25px !important; height:25px !important; } .z2-market-cards--v4 .z2-market-card__interest-icon svg{ width:14px !important; height:14px !important; } } /* Z2 exact desktop-card metrics on mobile */ @media screen and (max-width:749px){ .z2-market-cards--v4{ padding:12px 12px 0 !important; } .z2-market-cards--v4 .z2-market-cards__track{ gap:9px !important; padding:5px 2px 0 !important; scroll-padding-inline:2px !important; } .z2-market-cards--v4 .z2-market-card, .z2-market-cards--v4.z2-mobile-cols-2 .z2-market-card, .z2-market-cards--v4.z2-mobile-cols-3 .z2-market-card{ flex:0 0 178px !important; flex-basis:178px !important; width:178px !important; min-width:178px !important; max-width:178px !important; height:270px !important; min-height:270px !important; max-height:270px !important; border-radius:15px !important; } .z2-market-cards--v4 .z2-market-card__link{ inset:1px !important; padding:5px !important; border-radius:14px !important; } .z2-market-cards--v4 .z2-market-card__header{ flex:0 0 60px !important; flex-basis:60px !important; width:100% !important; height:60px !important; min-height:60px !important; max-height:60px !important; padding:9px 10px 7px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ height:22px !important; min-height:22px !important; line-height:22px !important; font-size:var(--z2-heading-size-desktop,19px) !important; font-weight:900 !important; letter-spacing:-.03em !important; overflow:visible !important; text-overflow:clip !important; } .z2-market-cards--v4 .z2-market-card__header-label-accent{ margin-left:3px !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ display:block !important; height:14px !important; min-height:14px !important; margin-top:5px !important; color:rgba(255,255,255,.76) !important; font-size:11px !important; line-height:14px !important; font-weight:600 !important; } .z2-market-cards--v4 .z2-market-card__image-window{ border-radius:12px 12px 7px 7px !important; } .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ top:8px !important; left:0 !important; width:auto !important; min-width:0 !important; max-width:calc(100% - 42px) !important; height:20px !important; padding:0 17px 0 9px !important; color:#ffd84d !important; font-size:7.6px !important; line-height:20px !important; letter-spacing:.025em !important; } .z2-market-cards--v4 .z2-market-card__interest-icon{ top:7px !important; right:7px !important; width:25px !important; height:25px !important; } .z2-market-cards--v4 .z2-market-card__interest-icon svg{ width:14px !important; height:14px !important; } .z2-market-cards--v4 .z2-market-card__save{ left:6px !important; bottom:6px !important; padding:4px 6px !important; font-size:8px !important; } .z2-market-cards--v4 .z2-market-card__sold-out{ right:6px !important; bottom:6px !important; padding:4px 6px !important; font-size:8px !important; } .z2-market-cards--v4 .z2-market-card__meta{ flex:0 0 76px !important; flex-basis:76px !important; width:100% !important; height:76px !important; min-height:76px !important; max-height:76px !important; padding:8px 9px 8px !important; } .z2-market-cards--v4 .z2-market-card__title{ display:-webkit-box !important; height:34px !important; min-height:34px !important; max-height:34px !important; color:#ffffff !important; font-size:var(--z2-title-size-desktop,14px) !important; line-height:1.14 !important; font-weight:850 !important; letter-spacing:-.01em !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; } .z2-market-cards--v4 .z2-market-card__price-row{ height:19px !important; min-height:19px !important; gap:4px !important; margin-top:7px !important; align-items:baseline !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ color:rgba(255,255,255,.82) !important; font-size:10px !important; font-weight:800 !important; } .z2-market-cards--v4 .z2-market-card__price-value{ color:#ffd84d !important; font-size:var(--z2-price-size-desktop,16px) !important; line-height:1 !important; font-weight:950 !important; letter-spacing:-.01em !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ display:inline !important; color:rgba(255,255,255,.43) !important; font-size:9px !important; line-height:1 !important; font-weight:700 !important; } .z2-market-cards--v4 .z2-market-card__quick-form{ display:block !important; right:7px !important; bottom:7px !important; } .z2-market-cards--v4 .z2-market-card__quick-add{ min-width:42px !important; height:25px !important; padding:0 9px !important; font-size:9px !important; } .z2-market-cards--v4 .z2-market-card--quick-add .z2-market-card__price-row{ padding-right:49px !important; } .z2-market-cards--v4 .z2-market-cards__edge, .z2-market-cards--v4 .z2-market-cards__nav{ display:none !important; } } /* Prevent the old extra-small breakpoint from shrinking cards again. */ @media screen and (max-width:390px){ .z2-market-cards--v4 .z2-market-card{ flex:0 0 178px !important; width:178px !important; min-width:178px !important; max-width:178px !important; height:270px !important; min-height:270px !important; max-height:270px !important; } .z2-market-cards--v4 .z2-market-card__header{ height:60px !important; min-height:60px !important; max-height:60px !important; padding:9px 10px 7px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ font-size:var(--z2-heading-size-desktop,19px) !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ display:block !important; font-size:11px !important; } .z2-market-cards--v4 .z2-market-card__title{ font-size:var(--z2-title-size-desktop,14px) !important; } .z2-market-cards--v4 .z2-market-card__price-value{ font-size:var(--z2-price-size-desktop,16px) !important; } } /* Z2 Amazon-style product-card typography — identical on all devices */ .z2-market-cards--v4 .z2-market-card{ flex:0 0 178px !important; flex-basis:178px !important; width:178px !important; min-width:178px !important; max-width:178px !important; height:304px !important; min-height:304px !important; max-height:304px !important; } .z2-market-cards--v4 .z2-market-card__header{ flex:0 0 58px !important; flex-basis:58px !important; height:58px !important; min-height:58px !important; max-height:58px !important; padding:8px 10px 7px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ display:block !important; height:21px !important; min-height:21px !important; max-height:21px !important; overflow:hidden !important; font-size:17px !important; line-height:21px !important; font-weight:900 !important; letter-spacing:-.025em !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ display:block !important; height:14px !important; min-height:14px !important; max-height:14px !important; margin-top:5px !important; overflow:hidden !important; color:rgba(255,255,255,.76) !important; font-size:10.5px !important; line-height:14px !important; font-weight:500 !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .z2-market-cards--v4 .z2-market-card__meta{ flex:0 0 96px !important; flex-basis:96px !important; width:100% !important; height:96px !important; min-height:96px !important; max-height:96px !important; padding:8px 9px 8px !important; overflow:hidden !important; } .z2-market-cards--v4 .z2-market-card__title{ display:-webkit-box !important; width:100% !important; height:51px !important; min-height:51px !important; max-height:51px !important; margin:0 !important; overflow:hidden !important; color:#f7f7f7 !important; font-size:13px !important; line-height:17px !important; font-weight:700 !important; letter-spacing:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; text-overflow:ellipsis !important; } .z2-market-cards--v4 .z2-market-card__price-row{ display:flex !important; align-items:baseline !important; width:100% !important; height:24px !important; min-height:24px !important; max-height:24px !important; gap:5px !important; margin-top:5px !important; overflow:hidden !important; white-space:nowrap !important; } .z2-market-cards--v4 .z2-market-card__price{ display:inline-flex !important; align-items:baseline !important; gap:3px !important; min-width:0 !important; color:#ffd84d !important; line-height:1 !important; font-weight:500 !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ flex:0 0 auto !important; color:rgba(255,255,255,.78) !important; font-size:11px !important; line-height:1 !important; font-weight:500 !important; } .z2-market-cards--v4 .z2-market-card__price-value{ flex:0 0 auto !important; color:#ffd84d !important; font-size:19px !important; line-height:1 !important; font-weight:500 !important; letter-spacing:-.02em !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ display:inline-block !important; min-width:0 !important; overflow:hidden !important; color:rgba(255,255,255,.42) !important; font-size:10px !important; line-height:1 !important; font-weight:400 !important; text-decoration-thickness:1px !important; text-overflow:ellipsis !important; } /* Reserve space only on cards that actually contain Quick Add. */ .z2-market-cards--v4 .z2-market-card--quick-add .z2-market-card__price-row{ padding-right:49px !important; } /* Mobile is intentionally identical to desktop. */ @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card{ flex:0 0 178px !important; flex-basis:178px !important; width:178px !important; min-width:178px !important; max-width:178px !important; height:304px !important; min-height:304px !important; max-height:304px !important; } .z2-market-cards--v4 .z2-market-card__header{ flex:0 0 58px !important; flex-basis:58px !important; height:58px !important; min-height:58px !important; max-height:58px !important; padding:8px 10px 7px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ height:21px !important; min-height:21px !important; max-height:21px !important; font-size:17px !important; line-height:21px !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ display:block !important; height:14px !important; min-height:14px !important; max-height:14px !important; margin-top:5px !important; font-size:10.5px !important; line-height:14px !important; } .z2-market-cards--v4 .z2-market-card__meta{ flex:0 0 96px !important; flex-basis:96px !important; height:96px !important; min-height:96px !important; max-height:96px !important; padding:8px 9px 8px !important; } .z2-market-cards--v4 .z2-market-card__title{ height:51px !important; min-height:51px !important; max-height:51px !important; font-size:13px !important; line-height:17px !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; } .z2-market-cards--v4 .z2-market-card__price-row{ height:24px !important; min-height:24px !important; max-height:24px !important; gap:5px !important; margin-top:5px !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ font-size:11px !important; } .z2-market-cards--v4 .z2-market-card__price-value{ font-size:19px !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ display:inline-block !important; font-size:10px !important; } } /* Stop the old narrow-phone rules from clipping the text again. */ @media screen and (max-width:390px){ .z2-market-cards--v4 .z2-market-card{ height:304px !important; min-height:304px !important; max-height:304px !important; } .z2-market-cards--v4 .z2-market-card__header{ height:58px !important; min-height:58px !important; max-height:58px !important; padding:8px 10px 7px !important; } .z2-market-cards--v4 .z2-market-card__header-label{ font-size:17px !important; line-height:21px !important; } .z2-market-cards--v4 .z2-market-card__header-subtitle{ display:block !important; font-size:10.5px !important; } .z2-market-cards--v4 .z2-market-card__meta{ height:96px !important; min-height:96px !important; max-height:96px !important; } .z2-market-cards--v4 .z2-market-card__title{ height:51px !important; min-height:51px !important; max-height:51px !important; font-size:13px !important; line-height:17px !important; } .z2-market-cards--v4 .z2-market-card__price-value{ font-size:19px !important; } } /* Z2 compact Amazon-style pricing — identical on desktop and mobile */ .z2-market-cards--v4 .z2-market-card__meta{ display:flex !important; flex:0 0 96px !important; flex-basis:96px !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; height:96px !important; min-height:96px !important; max-height:96px !important; padding:8px 9px 8px !important; overflow:hidden !important; } .z2-market-cards--v4 .z2-market-card__title{ display:-webkit-box !important; width:100% !important; height:auto !important; min-height:34px !important; max-height:51px !important; margin:0 !important; overflow:hidden !important; color:#f7f7f7 !important; font-size:13px !important; line-height:17px !important; font-weight:700 !important; letter-spacing:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; text-overflow:ellipsis !important; } .z2-market-cards--v4 .z2-market-card__price-row{ display:flex !important; align-items:flex-start !important; width:100% !important; min-width:0 !important; height:27px !important; min-height:27px !important; max-height:27px !important; gap:7px !important; margin-top:4px !important; overflow:hidden !important; white-space:nowrap !important; } .z2-market-cards--v4 .z2-market-card__price{ display:inline-flex !important; align-items:flex-start !important; flex:0 0 auto !important; min-width:0 !important; height:27px !important; color:#ffd84d !important; line-height:1 !important; font-weight:400 !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ align-self:flex-end !important; flex:0 0 auto !important; margin:0 5px 3px 0 !important; color:rgba(255,255,255,.76) !important; font-size:12px !important; line-height:1 !important; font-weight:400 !important; } .z2-market-cards--v4 .z2-market-card__price-main{ display:inline-flex !important; align-items:flex-start !important; flex:0 0 auto !important; height:27px !important; color:#ffd84d !important; line-height:1 !important; } .z2-market-cards--v4 .z2-market-card__price-symbol, .z2-market-cards--v4 .z2-market-card__price-fraction{ position:relative !important; top:2px !important; flex:0 0 auto !important; color:#ffd84d !important; font-size:11px !important; line-height:1 !important; font-weight:500 !important; } .z2-market-cards--v4 .z2-market-card__price-whole{ flex:0 0 auto !important; color:#ffd84d !important; font-size:22px !important; line-height:24px !important; font-weight:500 !important; letter-spacing:-.025em !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ align-self:flex-end !important; display:inline-block !important; min-width:0 !important; max-width:58px !important; margin-bottom:4px !important; overflow:hidden !important; color:rgba(255,255,255,.42) !important; font-size:10px !important; line-height:1 !important; font-weight:400 !important; text-decoration-thickness:1px !important; text-overflow:ellipsis !important; } /* Keep Quick Add from squeezing the Amazon-style price into multiple rows. */ .z2-market-cards--v4 .z2-market-card--quick-add .z2-market-card__price-row{ padding-right:0 !important; } .z2-market-cards--v4 .z2-market-card--quick-add .z2-market-card__quick-form{ display:none !important; } /* Mobile deliberately duplicates the desktop values. */ @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__meta{ display:flex !important; flex:0 0 96px !important; flex-basis:96px !important; height:96px !important; min-height:96px !important; max-height:96px !important; padding:8px 9px 8px !important; } .z2-market-cards--v4 .z2-market-card__title{ height:auto !important; min-height:34px !important; max-height:51px !important; font-size:13px !important; line-height:17px !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; } .z2-market-cards--v4 .z2-market-card__price-row{ height:27px !important; min-height:27px !important; max-height:27px !important; gap:7px !important; margin-top:4px !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ margin:0 5px 3px 0 !important; font-size:12px !important; } .z2-market-cards--v4 .z2-market-card__price-symbol, .z2-market-cards--v4 .z2-market-card__price-fraction{ top:2px !important; font-size:11px !important; } .z2-market-cards--v4 .z2-market-card__price-whole{ font-size:22px !important; line-height:24px !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ display:inline-block !important; margin-bottom:4px !important; font-size:10px !important; } } @media screen and (max-width:390px){ .z2-market-cards--v4 .z2-market-card__title{ min-height:34px !important; max-height:51px !important; font-size:13px !important; line-height:17px !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ font-size:12px !important; } .z2-market-cards--v4 .z2-market-card__price-symbol, .z2-market-cards--v4 .z2-market-card__price-fraction{ font-size:11px !important; } .z2-market-cards--v4 .z2-market-card__price-whole{ font-size:22px !important; } } /* Z2 clean interior — border-only traveling light */ .z2-market-cards--v4 .z2-market-card{ overflow:hidden !important; border:1px solid #142033 !important; background:#050b18 !important; box-shadow:0 6px 16px rgba(0,0,0,.25) !important; } /* The content now reaches the card edge. This removes the second rounded frame that used to appear inside the card. */ .z2-market-cards--v4 .z2-market-card__link{ inset:0 !important; width:100% !important; height:100% !important; border:0 !important; border-radius:14px !important; outline:0 !important; box-shadow:none !important; background:#050b18 !important; } /* Convert the traveling light into a true 1px border mask. No part of the animated layer can appear inside the card. */ .z2-market-cards--v4 .z2-market-card::before{ content:"" !important; position:absolute !important; inset:0 !important; z-index:20 !important; display:block !important; padding:1px !important; border-radius:inherit !important; pointer-events:none !important; opacity:0 !important; background: conic-gradient( from 0deg, transparent 0deg, transparent 286deg, rgba(var(--z2-rgb),.08) 302deg, rgba(var(--z2-rgb),.38) 318deg, rgba(var(--z2-rgb),.95) 334deg, rgba(255,255,255,.98) 340deg, rgba(var(--z2-rgb),.92) 346deg, rgba(var(--z2-rgb),.30) 354deg, transparent 360deg ) !important; transform:rotate(0deg) !important; transition:opacity .16s ease !important; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important; -webkit-mask-composite:xor !important; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important; mask-composite:exclude !important; } @media (hover:hover) and (pointer:fine){ .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card:hover::before, .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card:focus-within::before{ opacity:.96 !important; animation:z2MarketV4FrameSpin 5.8s linear infinite !important; } } .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card.z2-market-card--touch-light::before{ opacity:.96 !important; animation:z2MarketV4FrameSpin 5.8s linear infinite !important; } .z2-market-cards--v4.z2-border-animation-off .z2-market-card::before{ display:none !important; opacity:0 !important; animation:none !important; } /* Remove the gray strip and every internal image-window edge. */ .z2-market-cards--v4 .z2-market-card__image-window{ border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; } /* Remove the gray wash/overlay that sat over the product image. */ .z2-market-cards--v4 .z2-market-card__image-window::after{ content:none !important; display:none !important; background:none !important; box-shadow:none !important; } /* Keep the loading skeleton only while the image is genuinely loading. Once loaded, it cannot leave a gray edge behind. */ .z2-market-cards--v4 .z2-market-card__image-window:not(.is-loading)::before, .z2-market-cards--v4 .z2-market-card__image-window.has-image-error::before{ content:none !important; display:none !important; opacity:0 !important; animation:none !important; background:none !important; } /* Eliminate a possible one-pixel baseline/gap from inline images. */ .z2-market-cards--v4 .z2-market-card__image, .z2-market-cards--v4 .z2-market-card__image--full, .z2-market-cards--v4 .z2-market-card__image--cover, .z2-market-cards--v4 .z2-market-card__image-backdrop{ display:block !important; border:0 !important; outline:0 !important; box-shadow:none !important; } /* Ensure no old inset highlight returns on hover, focus, or touch. */ .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-within, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light, .z2-market-cards--v4.is-personalized .z2-market-card:first-child, .z2-market-cards--v4[data-experiment-group="control"] .z2-market-card:first-child{ border-color:#142033 !important; outline:0 !important; box-shadow:0 6px 16px rgba(0,0,0,.25) !important; transform:none !important; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__link{ inset:0 !important; width:100% !important; height:100% !important; border-radius:14px !important; } .z2-market-cards--v4 .z2-market-card__image-window{ border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; } .z2-market-cards--v4 .z2-market-card__image-window::after{ content:none !important; display:none !important; } } /* Z2 exact reference price, background, and traveling-light treatment */ @property --z2-product-card-border-angle{ syntax:""; inherits:false; initial-value:0deg; } @keyframes z2ProductCardFrameSpin{ to{ --z2-product-card-border-angle:360deg; } } /* Exact solid card background from the reference code. */ .z2-market-cards--v4 .z2-market-card, .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-visible, .z2-market-cards--v4 .z2-market-card:focus-within, .z2-market-cards--v4 .z2-market-card:active, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light, .z2-market-cards--v4 .z2-market-card__link, .z2-market-cards--v4 .z2-market-card__header, .z2-market-cards--v4 .z2-market-card__meta{ background:#050B18 !important; background-color:#050B18 !important; background-image:none !important; } /* Exact compact reference price metrics. */ .z2-market-cards--v4 .z2-market-card__price-row{ display:flex !important; align-items:flex-end !important; width:100% !important; min-width:0 !important; height:20px !important; min-height:20px !important; max-height:20px !important; gap:5px !important; margin-top:5px !important; overflow:hidden !important; white-space:nowrap !important; } .z2-market-cards--v4 .z2-market-card__price{ display:inline-flex !important; align-items:flex-end !important; gap:5px !important; min-width:0 !important; height:20px !important; color:#f6d84a !important; line-height:1 !important; font-weight:950 !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ flex:0 0 auto !important; margin:0 !important; color:rgba(255,255,255,.68) !important; font-size:11px !important; line-height:1 !important; font-weight:700 !important; } .z2-market-cards--v4 .z2-market-card__price-value{ flex:0 0 auto !important; color:#f6d84a !important; font-size:19px !important; line-height:1 !important; font-weight:950 !important; letter-spacing:-.35px !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ align-self:flex-end !important; display:inline-block !important; min-width:0 !important; max-width:64px !important; margin:0 0 1px !important; overflow:hidden !important; color:rgba(255,255,255,.45) !important; font-size:10.5px !important; line-height:1 !important; font-weight:700 !important; text-decoration:line-through !important; text-decoration-thickness:1px !important; text-overflow:ellipsis !important; } /* Disable the older traveling-light pseudo-element completely. */ .z2-market-cards--v4 .z2-market-card::before{ display:none !important; opacity:0 !important; animation:none !important; } /* Exact masked traveling-light border from the reference code. */ .z2-market-cards--v4 .z2-market-card::after{ content:"" !important; position:absolute !important; inset:0 !important; z-index:20 !important; display:block !important; border-radius:inherit !important; padding:1.5px !important; pointer-events:none !important; opacity:0 !important; background: conic-gradient( from var(--z2-product-card-border-angle), transparent 0deg, transparent 305deg, rgba(255,204,0,.08) 321deg, rgba(255,216,20,.68) 338deg, rgba(255,255,220,.96) 345deg, rgba(255,216,20,.44) 352deg, transparent 360deg ) !important; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important; -webkit-mask-composite:xor !important; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important; mask-composite:exclude !important; transition:opacity .12s ease !important; } .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-visible, .z2-market-cards--v4 .z2-market-card:focus-within{ border-color:rgba(255,255,255,.12) !important; transform:translateY(-2px) !important; filter:none !important; box-shadow:0 8px 22px rgba(0,0,0,.28) !important; } @media (hover:hover) and (pointer:fine){ .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card:hover::after, .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card:focus-visible::after, .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card:focus-within::after{ opacity:.88 !important; animation:z2ProductCardFrameSpin 5.8s linear infinite !important; } } .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card.z2-market-card--touch-light{ border-color:rgba(255,255,255,.12) !important; transform:translateY(-2px) !important; filter:none !important; box-shadow:0 8px 22px rgba(0,0,0,.28) !important; } .z2-market-cards--v4:not(.z2-border-animation-off) .z2-market-card.z2-market-card--touch-light::after{ opacity:.88 !important; animation:z2ProductCardFrameSpin 5.8s linear infinite !important; } .z2-market-cards--v4.z2-border-animation-off .z2-market-card::after{ display:none !important; opacity:0 !important; animation:none !important; } /* Identical price and background metrics on mobile. */ @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card, .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-visible, .z2-market-cards--v4 .z2-market-card:focus-within, .z2-market-cards--v4 .z2-market-card:active, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light, .z2-market-cards--v4 .z2-market-card__link, .z2-market-cards--v4 .z2-market-card__header, .z2-market-cards--v4 .z2-market-card__meta{ background:#050B18 !important; background-color:#050B18 !important; background-image:none !important; } .z2-market-cards--v4 .z2-market-card__price-row{ height:20px !important; min-height:20px !important; max-height:20px !important; gap:5px !important; margin-top:5px !important; } .z2-market-cards--v4 .z2-market-card__price{ height:20px !important; gap:5px !important; } .z2-market-cards--v4 .z2-market-card__price-prefix{ font-size:11px !important; } .z2-market-cards--v4 .z2-market-card__price-value{ font-size:19px !important; line-height:1 !important; font-weight:950 !important; letter-spacing:-.35px !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ display:inline-block !important; margin-bottom:1px !important; font-size:10.5px !important; font-weight:700 !important; } } @media(prefers-reduced-motion:reduce){ .z2-market-cards--v4 .z2-market-card::after{ opacity:0 !important; animation:none !important; } .z2-market-cards--v4 .z2-market-card, .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-visible, .z2-market-cards--v4 .z2-market-card:focus-within, .z2-market-cards--v4 .z2-market-card:active, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light{ transition:none !important; transform:none !important; } } /* ========================================================= Z2 REFERENCE COLUMN COLOR + SINGLE TRAVELING-LIGHT LAYER Product-card width/height, image-window size, image fit, carousel behavior and personalization logic stay unchanged. ========================================================= */ .z2-market-cards--v4{background:#000!important} .z2-market-cards--v4 .z2-market-card, .z2-market-cards--v4.is-personalized .z2-market-card:first-child, .z2-market-cards--v4[data-experiment-group="control"] .z2-market-card:first-child, .z2-market-cards--v4 .z2-market-card--dynamic-recommendation{ border:1px solid rgba(255,255,255,.12)!important; outline:none!important; background:#050B18!important; filter:none!important; transform:none!important; box-shadow:0 7px 18px rgba(0,0,0,.28)!important; } @media (hover:hover) and (pointer:fine){ .z2-market-cards--v4 .z2-market-card:hover, .z2-market-cards--v4 .z2-market-card:focus-visible, .z2-market-cards--v4 .z2-market-card:focus-within{ border-color:rgba(255,255,255,.17)!important; background:#050B18!important; box-shadow:0 12px 24px rgba(0,0,0,.34),0 3px 10px rgba(255,216,20,.045)!important; transform:none!important; } } .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light{ border-color:rgba(255,255,255,.17)!important; background:#050B18!important; box-shadow:0 12px 24px rgba(0,0,0,.34),0 3px 10px rgba(255,216,20,.045)!important; transform:none!important; } /* The older border layer stays disabled; the existing ::after layer is the single traveling light. */ .z2-market-cards--v4 .z2-market-card::before{display:none!important;content:none!important;opacity:0!important;animation:none!important} .z2-market-cards--v4 .z2-market-card__link, .z2-market-cards--v4 .z2-market-card__header, .z2-market-cards--v4 .z2-market-card__meta{background:#050B18!important;background-color:#050B18!important;background-image:none!important} .z2-market-cards--v4 .z2-market-card__header-label{color:#f7f7f7!important;font-size:16px!important;line-height:20px!important;font-weight:800!important;letter-spacing:-.035em!important;text-shadow:none!important} .z2-market-cards--v4 .z2-market-card__header-label-main{color:#f7f7f7!important} .z2-market-cards--v4 .z2-market-card__header-label-accent{margin-left:3px!important;color:#f1b51b!important;text-shadow:none!important} .z2-market-cards--v4 .z2-market-card__header-subtitle{color:rgba(255,255,255,.48)!important;font-size:10px!important;line-height:14px!important;font-weight:450!important;letter-spacing:-.01em!important;text-shadow:none!important} .z2-market-cards--v4 .z2-market-card__image-window{background:#f3f3f3!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.035)!important} .z2-market-cards--v4 .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card__image-window.has-savings .z2-market-card__badge, .z2-market-cards--v4 .z2-market-card--dynamic-recommendation .z2-market-card__badge{ background:#030303!important;color:#f4b91f!important;border:0!important;text-shadow:none!important;box-shadow:none!important;font-weight:800!important } .z2-market-cards--v4 .z2-market-card__interest-icon, .z2-market-cards--v4 .z2-market-card__interest-icon--tech, .z2-market-cards--v4 .z2-market-card__interest-icon--beauty, .z2-market-cards--v4 .z2-market-card__interest-icon--auto, .z2-market-cards--v4 .z2-market-card__interest-icon--pets, .z2-market-cards--v4 .z2-market-card__interest-icon--fitness, .z2-market-cards--v4 .z2-market-card__interest-icon--outdoor, .z2-market-cards--v4 .z2-market-card__interest-icon--fashion, .z2-market-cards--v4 .z2-market-card__interest-icon--home, .z2-market-cards--v4 .z2-market-card__interest-icon--gifts{ border:1px solid rgba(255,255,255,.18)!important;background:#030303!important;color:#f4b91f!important;box-shadow:0 2px 6px rgba(0,0,0,.26)!important } .z2-market-cards--v4 .z2-market-card__interest-icon svg{fill:currentColor!important} .z2-market-cards--v4 .z2-market-card__save{background:#030303!important;color:#f4b91f!important;border:0!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important;text-shadow:none!important} .z2-market-cards--v4 .z2-market-card__sold-out{background:#050505!important;color:#f4f4f4!important;border:1px solid rgba(255,255,255,.10)!important} /* Reference hierarchy in the existing text area. */ .z2-market-cards--v4 .z2-market-card__meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important} .z2-market-cards--v4 .z2-market-card__title{ display:-webkit-box!important;width:100%!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;overflow:hidden!important; color:#f7f7f7!important;font-size:11.5px!important;line-height:15px!important;font-weight:750!important;letter-spacing:-.015em!important;white-space:normal!important; -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;text-overflow:ellipsis!important;text-shadow:none!important } .z2-market-cards--v4 .z2-market-card__price-row{ display:flex!important;align-items:baseline!important;width:100%!important;min-width:0!important;height:20px!important;min-height:20px!important;max-height:20px!important; gap:5px!important;margin-top:4px!important;padding-right:0!important;overflow:hidden!important;white-space:nowrap!important } .z2-market-cards--v4 .z2-market-card__price{display:inline-flex!important;align-items:baseline!important;gap:3px!important;min-width:0!important;height:auto!important;color:#f7f7f7!important;line-height:1!important;font-weight:850!important} .z2-market-cards--v4 .z2-market-card__price-prefix{flex:0 0 auto!important;margin:0!important;color:rgba(255,255,255,.55)!important;font-size:9.5px!important;line-height:1!important;font-weight:650!important} .z2-market-cards--v4 .z2-market-card__price-value{flex:0 0 auto!important;color:#f7f7f7!important;font-size:15.5px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.025em!important} .z2-market-cards--v4 .z2-market-card__discount{flex:0 0 auto!important;display:inline-block!important;color:#df4b45!important;font-size:9.5px!important;line-height:1!important;font-weight:650!important;letter-spacing:-.01em!important;white-space:nowrap!important} .z2-market-cards--v4 .z2-market-card__compare-price{display:inline-block!important;min-width:0!important;max-width:48px!important;margin:0!important;overflow:hidden!important;color:rgba(255,255,255,.40)!important;font-size:8.5px!important;line-height:1!important;font-weight:450!important;text-decoration:line-through!important;text-decoration-thickness:1px!important;text-overflow:ellipsis!important} /* Full reference review/social-proof row. */ .z2-market-cards--v4 .z2-market-card__reviews{ display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;height:16px!important;min-height:16px!important;max-height:16px!important; margin-top:4px!important;overflow:hidden!important;color:#f3f3f3!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important } .z2-market-cards--v4 .z2-market-card__stars{flex:0 0 auto!important;color:#f4b51d!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10.5px!important;line-height:1!important;letter-spacing:-1.3px!important;transform:translateY(-.2px)!important} .z2-market-cards--v4 .z2-market-card__rating{flex:0 0 auto!important;margin-left:5px!important;color:rgba(255,255,255,.88)!important;font-size:9px!important;font-weight:500!important} .z2-market-cards--v4 .z2-market-card__review-divider{flex:0 0 1px!important;width:1px!important;height:13px!important;margin:0 7px!important;background:rgba(196,160,88,.46)!important} .z2-market-cards--v4 .z2-market-card__review-icon{flex:0 0 13px!important;width:13px!important;height:13px!important;color:rgba(255,255,255,.88)!important} .z2-market-cards--v4 .z2-market-card__review-count{flex:0 1 auto!important;min-width:0!important;margin-left:5px!important;overflow:hidden!important;color:rgba(255,255,255,.82)!important;font-size:9px!important;font-weight:500!important;text-overflow:ellipsis!important} /* Quick Add is not part of the reference card face and otherwise crowds price/reviews. */ .z2-market-cards--v4 .z2-market-card__quick-form{display:none!important} .z2-market-cards--v4 .z2-market-card--quick-add .z2-market-card__price-row{padding-right:0!important} /* Keep desktop/mobile product-card sizing from the supplied code. No giant 3-card/2-card override. */ @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__header-label{font-size:16px!important;line-height:20px!important} .z2-market-cards--v4 .z2-market-card__header-subtitle{display:block!important;font-size:10px!important;line-height:14px!important} .z2-market-cards--v4 .z2-market-card__title{height:30px!important;min-height:30px!important;max-height:30px!important;font-size:11.5px!important;line-height:15px!important;-webkit-line-clamp:2!important;line-clamp:2!important} .z2-market-cards--v4 .z2-market-card__price-row{height:20px!important;min-height:20px!important;max-height:20px!important;gap:5px!important;margin-top:4px!important} .z2-market-cards--v4 .z2-market-card__price-value{font-size:15.5px!important} .z2-market-cards--v4 .z2-market-card__price-prefix,.z2-market-cards--v4 .z2-market-card__discount{font-size:9.5px!important} .z2-market-cards--v4 .z2-market-card__compare-price{display:inline-block!important;font-size:8.5px!important} .z2-market-cards--v4 .z2-market-card__reviews{height:16px!important;min-height:16px!important;max-height:16px!important;margin-top:4px!important} } /* ========================================================= Z2 SPACING-ONLY REFINEMENT No colors, typography, borders, card dimensions, image sizing, badges, icons, or interaction styling are changed here. ========================================================= */ .z2-market-cards--v4 .z2-market-cards__track{ gap:11px !important; } .z2-market-cards--v4 .z2-market-card__header{ padding-bottom:10px !important; } .z2-market-cards--v4 .z2-market-card__meta{ padding-top:11px !important; } .z2-market-cards--v4 .z2-market-card__reviews{ margin-top:6px !important; } .z2-market-cards--v4 .z2-market-card__review-count--empty{ margin-left:0 !important; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-cards__track{ gap:11px !important; } .z2-market-cards--v4 .z2-market-card__header{ padding-bottom:10px !important; } .z2-market-cards--v4 .z2-market-card__meta{ padding-top:11px !important; } .z2-market-cards--v4 .z2-market-card__reviews{ margin-top:6px !important; } } /* ========================================================= Z2 FINAL SPACING + PRICE ROW ALIGNMENT Keeps the existing visual design. Only spacing/alignment changes. ========================================================= */ .z2-market-cards--v4 .z2-market-card__meta{ margin-top:4px !important; padding-bottom:10px !important; } .z2-market-cards--v4 .z2-market-card__reviews{ margin-top:4px !important; } .z2-market-cards--v4 .z2-market-card__price-row{ display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:5px !important; white-space:nowrap !important; } .z2-market-cards--v4 .z2-market-card__price{ display:inline-flex !important; align-items:center !important; align-self:center !important; flex:0 0 auto !important; } .z2-market-cards--v4 .z2-market-card__discount{ display:inline-flex !important; align-items:center !important; align-self:center !important; flex:0 0 auto !important; margin:0 !important; } .z2-market-cards--v4 .z2-market-card__compare-price{ display:inline-flex !important; align-items:center !important; align-self:center !important; flex:0 1 auto !important; min-width:0 !important; margin:0 !important; white-space:nowrap !important; } @media screen and (max-width:749px){ .z2-market-cards--v4 .z2-market-card__meta{ margin-top:4px !important; padding-bottom:10px !important; } .z2-market-cards--v4 .z2-market-card__reviews{ margin-top:4px !important; } .z2-market-cards--v4 .z2-market-card__price-row{ flex-wrap:nowrap !important; align-items:center !important; } } /* Z2 product-image uplift hover only — no layout/design changes */ .z2-market-cards--v4 .z2-market-card__image, .z2-market-cards--v4 .z2-market-card__image--full, .z2-market-cards--v4 .z2-market-card__image--cover{ transition:transform .24s cubic-bezier(.2,.78,.22,1) !important; transform-origin:center center !important; } @media (hover:hover) and (pointer:fine){ .z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image, .z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image{ transform:translate(-50%,calc(-50% - 5px)) scale(1.035) !important; } } .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{ transform:translate(-50%,calc(-50% - 4px)) scale(1.03) !important; } @media (prefers-reduced-motion:reduce){ .z2-market-cards--v4 .z2-market-card__image, .z2-market-cards--v4 .z2-market-card__image--full, .z2-market-cards--v4 .z2-market-card__image--cover{ transition:none !important; } .z2-market-cards--v4 .z2-market-card:hover .z2-market-card__image, .z2-market-cards--v4 .z2-market-card:focus-within .z2-market-card__image, .z2-market-cards--v4 .z2-market-card.z2-market-card--touch-light .z2-market-card__image{ transform:translate(-50%,-50%) scale(1) !important; } }