.pl-variants{background:var(--ss-surface-subtle, #f8f9fb);padding:48px var(--ss-gutter-mobile) 56px}.pl-variants__inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:36px}.pl-variants__header{text-align:center;max-width:640px;margin:0 auto}.pl-variants__eyebrow{color:var(--ss-brand-primary);font-size:11px;font-family:var(--ss-font-primary);font-weight:var(--ss-font-semibold);letter-spacing:2px;text-transform:uppercase;margin:0 0 var(--ss-space-2)}.pl-variants__title{font-family:var(--ss-font-primary);font-weight:var(--ss-font-bold);font-size:28px;line-height:1.22;color:var(--ss-text-heading);margin:0 0 var(--ss-space-4)}.pl-variants__subtitle{font-family:var(--ss-font-secondary);font-size:16px;line-height:1.65;color:var(--ss-text-secondary);margin:0}.pl-variants__grid{display:flex;align-items:stretch;gap:12px;margin:0 calc(-1 * var(--ss-gutter-mobile));padding:2px var(--ss-gutter-mobile) 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pl-variants__grid::-webkit-scrollbar{display:none}.pl-variants__card{flex:0 0 82vw;max-width:320px;scroll-snap-align:start;position:relative;background:#fff;border-radius:var(--ss-radius-lg, 12px);border:1px solid var(--ss-border-default, #eee);box-shadow:0 2px 8px #1419380d;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.pl-variants__card:hover{box-shadow:0 8px 28px #1419381c;transform:translateY(-2px)}.pl-variants__image-wrap{width:100%;aspect-ratio:3 / 2;overflow:hidden;background:var(--ss-surface-subtle, #f8f9fb)}.pl-variants__image{width:100%;height:100%;display:block;object-fit:contain;transition:transform .4s ease}.pl-variants__card:hover .pl-variants__image{transform:scale(1.04)}.pl-variants__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.pl-variants__placeholder-svg{width:100%;height:100%;display:block}.pl-variants__body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;gap:10px}.pl-variants__name{font-family:var(--ss-font-primary);font-weight:var(--ss-font-bold);font-size:18px;line-height:1.3;color:var(--ss-text-heading);margin:0}.pl-variants__description{font-family:var(--ss-font-secondary);font-size:14px;line-height:1.65;color:var(--ss-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pl-variants__specs{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.pl-variants__spec{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--ss-font-secondary);font-size:13px;padding:5px 0;border-bottom:1px solid var(--ss-border-default, #eee)}.pl-variants__spec:last-child{border-bottom:none}.pl-variants__spec-label{color:var(--ss-text-secondary);font-weight:500}.pl-variants__spec-value{color:var(--ss-text-heading);font-weight:var(--ss-font-bold);font-family:var(--ss-font-primary)}.pl-variants__cta{display:inline-block;margin-top:auto;text-align:center;padding:11px 24px;border-radius:var(--ss-radius-md, 8px);font-family:var(--ss-font-primary);font-weight:var(--ss-font-semibold);font-size:14px;letter-spacing:.5px;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;background:var(--ss-surface-subtle, #f1f3f5);color:var(--ss-text-heading);border:1px solid var(--ss-border-default, #ddd)}.pl-variants__cta:hover{background:var(--ss-text-heading);color:#fff;border-color:var(--ss-text-heading)}.pl-variants__cta--primary{background:var(--ss-brand-primary, #c40000);color:#fff;border-color:var(--ss-brand-primary, #c40000);box-shadow:0 4px 14px #c4000047}.pl-variants__cta--primary:hover{background:#a30000;border-color:#a30000;box-shadow:0 6px 18px #c400005c;transform:translateY(-2px)}@media (min-width: 1024px){.pl-variants{padding:var(--ss-space-10) 90px var(--ss-space-12)}.pl-variants__title{font-size:38px}.pl-variants__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:18px;margin:0;padding:0;overflow-x:visible;scroll-snap-type:none;align-items:stretch}.pl-variants__card{flex:unset;max-width:unset;scroll-snap-align:unset;height:100%}.pl-variants__image-wrap{aspect-ratio:4 / 3}.pl-variants__body{padding:16px 16px 18px;gap:8px}.pl-variants__name{font-size:15px}.pl-variants__description{font-size:12px;line-height:1.55}.pl-variants__spec{font-size:12px}.pl-variants__cta{padding:9px 16px;font-size:13px}}