/* Location: /www/wwwroot/payorget.com/app/Modules/Frontend/SingleProductPage/Assets/css/subscription-related-products.css */
.related-products-section{max-width:1200px;margin:0 auto 20px;padding:0;contain:layout style}
.related-container{width:100%;padding:20px 0 0 0;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);box-sizing:border-box;will-change:transform}
.related-container .section-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 20px 20px}
.related-container .product-section{background:transparent;padding:0;margin:0;width:100%;display:flex;justify-content:center}
.related-container .products-grid{display:grid;grid-template-columns:repeat(6,190px);column-gap:12px;row-gap:20px;width:auto;margin:0;padding:0 0 20px 0;justify-content:center}
.related-container .product-item{background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;width:190px;position:relative;border-bottom:2px solid transparent;transition:border-color .1s ease,transform .1s ease;transform:translateZ(0);-webkit-tap-highlight-color:transparent}
.related-container .product-item:hover{border-bottom:2px solid #ff6000;transform:translateY(-2px)}
.related-container .product-item.featured{box-shadow:0 2px 12px rgba(255,96,0,0.15)}
.related-container .product-image{width:190px;height:190px;overflow:hidden;cursor:pointer;position:relative;background:#f9fafb}
.related-container .featured-badge{position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:50px 50px 0 0;border-color:rgba(255,96,0,0.8) transparent transparent transparent;z-index:10}
.related-container .featured-badge:after{content:'';position:absolute;top:-43px;left:5px;width:20px;height:20px;background-image:var(--badge-icon);background-size:20px 20px;background-repeat:no-repeat;background-position:center}
.related-container .product-image img{width:190px;height:190px;object-fit:cover;display:block;transition:opacity .3s ease}
.related-container .product-image img[data-src]{opacity:0}
.related-container .product-image img.loaded{opacity:1}
.related-container .product-content{padding:8px;flex:1;display:flex;flex-direction:column}
.related-container .title-category-row{margin:0 0 4px 0;height:36px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.related-container .product-category{padding:1px 4px 1.5px 4px;background:linear-gradient(90deg,#D3232A,#F57224);color:#fff;border-radius:3px;font-size:11px;font-family:'Arial','Helvetica',sans-serif;font-weight:600;text-transform:uppercase;display:inline-block;margin:0 4px 0 0;vertical-align:top}
.related-container .product-title{font-size:14px;font-weight:600;color:#333;display:inline;line-height:1.3}
.related-container .product-price-row{display:flex;align-items:center;gap:8px;margin:0 0 4px 0}
.related-container .product-price-row.single-price{justify-content:flex-start}
.related-container .product-price-row.double-price{justify-content:center}
.related-container .product-item .price-old{text-decoration:line-through;color:#374151!important;font-size:14px;font-weight:500}
.related-container .currency{font-size:85%;vertical-align:middle;position:relative;top:-1px}
.related-container .price-discount{color:#fff;background:#c94500!important;padding:0px 3px;border-radius:2px;font-size:10px;font-weight:600}
.related-container .product-item .price-new{color:#c94500!important;font-size:18px;font-weight:600}
.related-container .price-regular{color:#2c3e50;font-size:18px;font-weight:600}
.related-container .product-stats-row{display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;color:#999;position:relative;height:28px;margin-top:auto}
.related-container .stats-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1;height:100%}
.related-container .stats-col:first-child{position:absolute;left:0;top:0}
.related-container .stats-col:nth-child(2){flex:1;margin:0 auto}
.related-container .stats-col:last-child{position:absolute;right:0;top:0}
.related-container .product-item .stats-label{font-size:10px;color:#1f2937!important;line-height:12px;display:block;text-align:center;font-weight:600}
.related-container .product-item .stats-number{font-size:11px;color:#111827!important;font-weight:600;line-height:12px;display:block;text-align:center}
.related-container .rating{display:flex;gap:0;line-height:12px;height:12px;align-items:center}
.related-container .star{color:#ddd;font-size:12px;line-height:12px;display:inline-block}
.related-container .star.filled{color:#fbbf24}
@media(max-width:1240px){.related-container .products-grid{grid-template-columns:repeat(4,190px)}}
@media(max-width:992px){.related-container .products-grid{grid-template-columns:repeat(3,190px)}}
@media(max-width:768px){.related-products-section{width:calc(100% - 20px);margin:0 10px 15px;padding:0;overflow:hidden}.related-container{width:100%;padding:15px;border-radius:8px;margin:0;overflow:hidden;box-sizing:border-box}.related-container .section-title{margin:0 0 15px 0;font-size:20px}.related-container .product-section{width:100%;padding:0;margin:0;overflow:visible}.related-container .products-grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:10px;padding:0;margin:0;justify-content:center;box-sizing:border-box}.related-container .product-item{width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.related-container .product-item:hover{transform:none}.related-container .product-image{width:100%;height:auto;aspect-ratio:1;box-sizing:border-box}.related-container .product-image img{width:100%;height:100%;object-fit:cover}.related-container .product-content{padding:6px;overflow:hidden}.related-container .title-category-row{height:32px}.related-container .product-title{font-size:13px}.related-container .product-category{font-size:10px;padding:1px 3px}.related-container .product-price-row{flex-wrap:wrap;gap:5px}.related-container .price-new,.related-container .price-regular{font-size:16px;color:#c94500!important}.related-container .price-old{font-size:13px;color:#374151!important}.related-container .price-discount{font-size:9px;padding:0 2px;background:#c94500!important}.related-container .stats-col{font-size:10px}.related-container .stats-label{font-size:9px;color:#1f2937!important}.related-container .stats-number{font-size:10px;color:#111827!important}.related-container .star{font-size:11px}}
@media(max-width:576px){.related-products-section{width:calc(100% - 16px);margin:0 8px 12px}.related-container{padding:12px}.related-container .section-title{font-size:18px;margin:0 0 12px 0}.related-container .products-grid{gap:8px}.related-container .product-content{padding:5px}.related-container .product-title{font-size:12px}.related-container .price-new,.related-container .price-regular{font-size:15px;color:#c94500!important}.related-container .price-old{font-size:12px;color:#374151!important}.related-container .price-discount{background:#c94500!important}.related-container .stats-label{color:#1f2937!important}.related-container .stats-number{color:#111827!important}}