﻿/* Shared gallery card appearance; scoped to related/recent samples only. */
.sg-samples{direction:rtl;color:#172033;font-family:inherit}
.sg-samples,.sg-samples *{box-sizing:border-box}
.sg-samples .sficon{width:20px;height:20px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.sg-samples .sg-samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sg-samples .sg-sample-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;background:#fff;border:1px solid rgba(231,235,242,.85);border-radius:26px;overflow:hidden;box-shadow:0 18px 45px rgba(20,35,56,.10);transition:box-shadow .2s ease}
.sg-samples .sg-sample-photo{position:relative;display:block;overflow:hidden;background:#edf2f7;text-decoration:none}
.sg-samples .sg-sample-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1.15;object-fit:cover;max-width:none;border:0;border-radius:0;padding:0;margin:0;transition:transform .25s ease}
.sg-samples .sg-sample-badge{position:absolute;right:9px;top:9px;max-width:calc(100% - 18px);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);color:#263044;font-size:11px;font-weight:700;line-height:1.7;box-shadow:0 8px 18px rgba(0,0,0,.10)}
.sg-samples .sg-sample-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px}
.sg-samples .sg-sample-body h3{padding:0;margin:0 0 12px;min-height:46px;font-size:13px;line-height:1.8;font-weight:700;color:#1d2638;overflow-wrap:anywhere}
.sg-samples .sg-sample-body h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:inherit;text-decoration:none}
.sg-samples .sg-sample-actions{margin-top:auto;padding:5px;border:1px solid rgba(7,53,120,.08);border-radius:19px;background:linear-gradient(180deg,#f7f9fc,#fff);box-shadow:0 7px 18px rgba(20,35,56,.06)}
.sg-samples .sg-sample-order{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:11px 13px;border:0;border-radius:14px;background:linear-gradient(135deg,#073578,#0a4b87);color:#fff;text-decoration:none;font-size:12px;font-weight:700;line-height:1.8}
.sg-samples .sg-sample-order .sficon{width:17px;height:17px}
.sg-samples a:focus-visible{outline:3px solid #cb8c32;outline-offset:-3px}
.sg-samples .sg-sample-card:focus-within{box-shadow:0 12px 32px rgba(7,53,120,.17)}
.sg-samples-heading,.sg-samples .sg-recent-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.sg-samples-heading h2,.sg-samples .sg-recent-heading h2{font-size:24px;line-height:1.7;font-weight:700;color:#173451;margin:4px 0}
.sg-samples-heading p,.sg-samples .sg-recent-heading>div>span{font-size:12px;line-height:1.8;color:#758096;margin:0}
.sg-samples-heading>a,.sg-samples .sg-recent-heading>a{display:inline-flex;align-items:center;gap:8px;color:#073578;text-decoration:none;font-size:13px;line-height:1.8;flex-shrink:0}
.sg-recent-gallery.sg-samples{max-width:1240px;margin:38px auto;padding:28px 22px;background:#fff;border:1px solid #e8edf4;border-radius:26px;clear:both}
.sg-recent-gallery.sg-samples .sg-samples-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sg-recent-gallery.sg-samples .sg-sample-order{font-size:11px;padding:10px 8px;gap:4px}
@media(hover:hover){.sg-samples .sg-sample-card:hover{box-shadow:0 20px 45px rgba(20,35,56,.16)}.sg-samples .sg-sample-card:hover img{transform:scale(1.035)}.sg-samples .sg-sample-order:hover{background:linear-gradient(135deg,#0a438f,#086c72);color:#fff}}
@media(max-width:1000px){.sg-recent-gallery.sg-samples .sg-samples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sg-samples .sg-samples-grid,.sg-recent-gallery.sg-samples .sg-samples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sg-recent-gallery.sg-samples{padding:20px 12px;margin:25px 8px;border-radius:22px}.sg-samples .sg-sample-card{border-radius:20px}.sg-samples .sg-sample-body{padding:8px}.sg-samples .sg-sample-body h3{font-size:12px;min-height:44px;margin-bottom:8px}.sg-samples .sg-sample-order{font-size:11px;padding:9px 7px;gap:4px}.sg-samples .sg-sample-order .sficon{width:14px;height:14px}.sg-samples-heading,.sg-samples .sg-recent-heading{align-items:flex-start;gap:10px}.sg-samples-heading h2,.sg-samples .sg-recent-heading h2{font-size:20px}.sg-samples-heading>a,.sg-samples .sg-recent-heading>a{font-size:11px;max-width:110px;flex-shrink:1}}
@media(prefers-reduced-motion:reduce){.sg-samples .sg-sample-card,.sg-samples .sg-sample-photo img{transition:none}.sg-samples .sg-sample-card:hover img{transform:none}}
