.yaml-section{padding:40px 0;background:#f5f5f5}.yaml-container{max-width:1260px;margin:0 auto;padding:0 24px}.yaml-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:20px}.yaml-slider-wrapper{position:relative}.yaml-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 8px}.yaml-slider::-webkit-scrollbar{display:none}.yaml-card{flex:0 0 454px;scroll-snap-align:start;position:relative;background:#fff;border-radius:10px;border:1px solid #e8e8e8;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;box-shadow:0 1px 4px #0000000f;transition:box-shadow .25s ease,transform .2s ease;min-height:160px}.yaml-card:hover{box-shadow:0 6px 20px #0000001c;transform:translateY(-2px)}.yaml-badge{position:absolute;top:10px;left:10px;background:#00bfff;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:4px;z-index:3;white-space:nowrap}.yaml-card__image-wrap{display:block;flex:0 0 160px;height:auto;overflow:hidden;background:#f7f7f7}.yaml-card__image{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .35s ease;box-sizing:border-box}.yaml-card:hover .yaml-card__image{transform:scale(1.05)}.yaml-card__image--placeholder{width:100%;height:100%;background:#efefef}.yaml-card__body{flex:1;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px;justify-content:center}.yaml-card__label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.yaml-card__label--new{color:#00bfff}.yaml-card__label--hot{color:#ff6b35}.yaml-card__title{font-size:14px;font-weight:500;color:#1a1a1a;text-decoration:none;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yaml-card__title:hover{color:#00bfff}.yaml-card__price{display:flex;align-items:center;gap:8px;margin-top:2px}.yaml-card__price--current{font-size:17px;font-weight:700;color:#1a1a1a}.yaml-card__price--original{font-size:13px;color:#999;text-decoration:line-through}.yaml-card__hover-action{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .22s ease}.yaml-card:hover .yaml-card__hover-action{max-height:50px;opacity:1}.yaml-card__buy-btn{margin-top:8px;padding:8px 28px;background:#00bfff;color:#fff;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease;white-space:nowrap}.yaml-card__buy-btn:hover{background:#009fd6}.yaml-card__buy-btn:disabled{background:#ccc;cursor:not-allowed}.yaml-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #00000021;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#444;transition:opacity .2s,box-shadow .2s}.yaml-arrow:hover{box-shadow:0 4px 14px #0003}.yaml-arrow--prev{left:-18px}.yaml-arrow--next{right:-18px}.yaml-empty{color:#999;font-size:14px;padding:20px 0}@media(max-width:1024px){.yaml-card{flex:0 0 360px}}@media(max-width:768px){.yaml-card{flex:0 0 280px;min-height:120px}.yaml-card__image-wrap{flex:0 0 110px}.yaml-arrow--prev{left:-8px}.yaml-arrow--next{right:-8px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-you-may-also-like.css.map */