.suk-related{margin:32px auto;padding:28px 24px;max-width:1440px;color:#143e32;background:#fffdf7;border:1px solid #e1dfd3;border-radius:20px}
.suk-related .suk-related-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.suk-related .suk-related-eyebrow{font:600 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.17em;margin:0 0 8px;color:#5d7468}
.suk-related h2{font:400 36px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 8px;color:#143e32}
.suk-related .suk-related-subtitle{font-size:15px;line-height:1.5;margin:0;color:#657369}
.suk-related .suk-related-controls{display:flex;gap:8px;flex-shrink:0}
.suk-related .suk-related-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c7d4c6;border-radius:50%;background:#fffdf7;color:#143e32;font:22px/1 sans-serif;cursor:pointer}
.suk-related .suk-related-controls button:disabled{opacity:.35;cursor:default}
.suk-related .suk-related-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;list-style:none;margin:0;padding:2px 2px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b9c9b9 #f4f5ee}
.suk-related .suk-related-item{min-width:0;scroll-snap-align:start;display:flex;flex-direction:column}
.suk-related .suk-related-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e1dfd3;border-radius:14px;background:#fff}
.suk-related .suk-related-photo{display:block;background:#f6f5ef}
.suk-related .suk-related-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;display:block}
.suk-related .suk-related-details{display:flex;flex-direction:column;flex:1;padding:18px 16px}
.suk-related h3{font:500 16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere;margin:0 0 12px;color:#143e32}
.suk-related h3 a{color:inherit;text-decoration:none}
.suk-related .suk-related-price{font-size:16px;font-weight:600;color:#143e32;margin:0 0 20px}
.suk-related .suk-related-price del{font-size:13px;font-weight:400;color:#7c8076;margin-right:6px}
.suk-related .sunnah-card-saving{display:none}
.suk-related .suk-related-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-top:auto;padding-top:8px;border-top:1px solid #e9ebdf;color:#185840;font-size:14px;font-weight:600;text-decoration:none}
@media(max-width:1000px){.suk-related .suk-related-track{grid-auto-columns:calc((100% - 32px)/3);gap:16px}}
@media(max-width:600px){.suk-related{margin:24px 12px;padding:22px 14px;border-radius:17px}.suk-related h2{font-size:29px}.suk-related .suk-related-heading{align-items:flex-end;gap:10px}.suk-related .suk-related-controls{gap:6px}.suk-related .suk-related-controls button{width:44px;height:44px}.suk-related .suk-related-eyebrow{font-size:10px}.suk-related .suk-related-subtitle{font-size:13px}.suk-related .suk-related-track{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.suk-related h3{font-size:14px;line-height:1.45}.suk-related .suk-related-details{padding:14px 10px}.suk-related .suk-related-price{font-size:15px}}
@media(max-width:370px){.suk-related .suk-related-heading{display:block}.suk-related .suk-related-controls{margin-top:15px;justify-content:flex-end}}
