/* spacing_fix.css — შავი სიცარიელე კონტენტსა და ქვედა ფუტერს შორის (ტელეფონი და კომპიუტერი)
   მიზეზი: გვერდების კონტეინერებს inline padding-bottom:60px აქვთ + ფუტერს margin-top:30px. ერთად ~90px ცარიელი ადგილი. */
.container[style*="padding-bottom"] { padding-bottom: 14px !important; }
.container { padding-bottom: 14px; }
.site-footer { margin-top: 8px !important; border-top-width: 0 !important; padding-top: 14px !important; }
@media (max-width: 768px) {
    .container[style*="padding-bottom"] { padding-bottom: 10px !important; }
    .site-footer { padding-top: 10px !important; }
}

/* მთავარი გვერდი, „ყიდვა-გაყიდვა“: პროდუქტის ბარათებსაც სხვა პანელების მსგავსი გრადიენტული ჩარჩო (წრე) */
#shop-slider .ss-item {
    border: 2px solid transparent !important;
    border-radius: 16px !important;
    background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box, var(--frame-grad) border-box !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
}
#shop-slider .ss-item:hover, #shop-slider .ss-item:active { box-shadow: 0 10px 22px rgba(108, 92, 231, .35); }

/* მთავარი გვერდი, „ყიდვა-გაყიდვა“: ბარათები არ იჭიმება — ყოველი თავისი შიგთავსის სიმაღლისაა (შავი ცარიელი ადგილი აღარ რჩება) */
#shop-slider .ss-track { align-items: flex-start; }

/* ფუტერი: გვერდების ღილაკების პანელს მომრგვალებული კუთხეები და გრადიენტული ჩარჩო; ფუტერის გრძელი ფონი და ზედა ხაზი მოშორებულია */
.site-footer { background: none !important; border-image: none !important; border-top: 0 !important; }
.site-footer .foot-links {
    box-sizing: border-box; padding: 14px; margin-bottom: 14px;
    border: 2px solid transparent; border-radius: var(--frame-r, 18px);
    background: linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, var(--frame-grad, linear-gradient(135deg, rgba(108, 92, 231, .7), rgba(0, 217, 192, .7))) border-box;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
}
@media (max-width: 768px) { .site-footer .foot-links { padding: 12px; gap: 10px; } }