:root{--font-family-body: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-label: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-semi: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-title: "Poppins", "Helvetica", "Arial", "sans-serif";--ax-form-bi-width: 1px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-10px/2);margin-right: calc(-10px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(10px/2);padding-right: calc(10px/2);margin-bottom: 10px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-20px/2);margin-right: calc(-20px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(20px/2);padding-right: calc(20px/2);margin-bottom: 20px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}/* Yeni düzen */ .bootstrap-touchspin { display: flex !important; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; width: 200px; background: #fff; } /* Input */ #quantity_wanted { flex: 1; text-align: center; font-size: 18px; height: 44px; border: none !important; outline: none; } /* Butonlar */ .qty-btn { width: 44px; height: 44px; background: #f5f5f5; border: none; font-size: 20px; font-weight: bold; cursor: pointer; transition: background 0.2s; } .qty-btn:hover { background: #e0e0e0; } #product.pp-has-template .product-quantity #quantity_wanted { width: 12rem !important; padding-left: 50px; } .product-type-4 .item-inner .buttons-action { display:none; } .product-type-4 .item-inner .ax-product-cats { margin-bottom: 5px; display: none; } .summary-container .product_meta > div { display: none; margin-bottom: 10px; } @media (max-width: 768px) { .product-add-to-cart { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: #fff; /* Arka plan beyaz olsun ki ürün sayfasıyla karışmasın */ padding: 10px; box-shadow: 0 -2px 6px rgba(0,0,0,0.1); /* Üste gölge efekti */ } .product-add-to-cart .product-quantity { margin: 0 auto; max-width: 500px; /* Ortalansın ve çok geniş olmasın */ } } @media (max-width: 768px) { .product-add-to-cart { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: linear-gradient(180deg, #ffffff 70%, #f7f7f7 100%); padding: 12px 16px; box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15); border-top: 2px solid #eee; animation: slideUp 0.3s ease-out; } /* İçeriği düzenle */ .product-add-to-cart .product-quantity { display: flex; align-items: center; justify-content: space-between; gap: 10px; } /* Sepete ekle butonu öne çıksın */ .product-add-to-cart .add-to-cart { flex: 1; font-size: 16px; font-weight: 600; padding: 14px; border-radius: 8px; background: linear-gradient(135deg, #ff6b6b, #ff4757); box-shadow: 0 3px 8px rgba(255, 71, 87, 0.4); transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .product-add-to-cart .add-to-cart:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(255, 71, 87, 0.5); } /* Küçük animasyon */ @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } } }