/*
Theme Name: Stationery Store
Description: საკანცელარიო მაღაზიის დიზაინი
Version: 1.0
Text Domain: stationery-store
*/

/* ===========================
   საწყისი პარამეტრების გასუფთავება (RESET)
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'BPG Arial',sans-serif;
    background:#f8f9fa;
    color:#333;
    line-height:1.5;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

ul{
    list-style:none;
}

/* ===========================
   ზედა პანელი (TOP BAR)
=========================== */

.top-bar{
    background:#f8f9fa;
    border-bottom:1px solid #eaeaea;
    padding:10px 0;
    font-size:13px;
    color:#555;
}

.top-bar-container{
    max-width:1400px;
    margin:auto;
    padding:0 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.top-bar-left,
.top-bar-right{
    display:flex;
    gap:20px;
}

.top-bar-center{
    color:#e74c3c;
    font-weight:bold;
}

/* ===========================
   მთავარი ჰედერი (HEADER)
=========================== */

.main-header{
    background:#fff;
    padding:20px 0;
}

.header-container{
    max-width:1400px;
    margin:auto;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.logo-area{
    display:flex;
    align-items:center;
    gap:10px;
}

.logo-area h2{
    font-size:24px;
    color:#103289;
}

.logo-area span{
    display:block;
    font-size:12px;
    color:#777;
}

.search-bar{
    flex:1;
    display:flex;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
}

.search-bar input{
    flex:1;
    border:none;
    padding:12px 15px;
    outline:none;
}

.search-bar select{
    border:none;
    border-left:1px solid #ddd;
    padding:0 15px;
}

.search-btn{
    border:none;
    background:#103289;
    color:#fff;
    padding:0 25px;
    cursor:pointer;
}

.user-actions{
    display:flex;
    align-items:center;
    gap:30px;
}

.action-item{
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    font-size:14px;
}

.action-icon{
    position:relative;
    font-size:24px;
    color:#103289;
}

.cart-price{
    font-weight:bold;
}

.badge-count{
    position:absolute;
    top:-5px;
    right:-10px;
    background:#e74c3c;
    color:#fff;
    font-size:10px;
    padding:2px 6px;
    border-radius:20px;
}

/* ===========================
   ნავიგაცია (NAVBAR)
=========================== */

.main-navbar{
    background:#103289;
    color:#fff;
}

.nav-container{
    max-width:1400px;
    margin:auto;
    display:flex;
    align-items:center;
    padding:0 20px;
}

.nav-categories-btn{
    background:#0b2569;
    padding:15px 30px;
    font-weight:bold;
    display:flex;
    align-items:center;
    gap:10px;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:25px;
    margin-left:30px;
}

.nav-links li{
    display:flex;
    align-items:center;
    gap:5px;
    cursor:pointer;
    font-size:14px;
}

.badge{
    padding:2px 6px;
    border-radius:4px;
    font-size:10px;
    font-weight:bold;
}

.badge.new{
    background:#27ae60;
}

.badge.sale{
    background:#f39c12;
}

.sale-badge {
    display: inline-block;
    background: #ff9800;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

/* ===========================
   მთავარი შიგთავსი (CONTENT)
=========================== */

.content-wrapper{
    max-width:1400px;
    margin:20px auto;
    display:flex;
    gap:20px;
    padding:0 20px;
}

.sidebar-categories{
    width:280px;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    flex-shrink:0;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.main-content{
    flex:1;
}

/* ===========================
   გვერდითი მენიუ (SIDEBAR)
=========================== */

.sidebar-categories ul{
    list-style:none;
}

.sidebar-categories li{
    padding:15px 20px;
    border-bottom:1px solid #eee;
    transition:.3s;
}

.sidebar-categories li:hover{
    background:#f5f8ff;
}

.sidebar-categories li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}

.sidebar-banner{
    margin:15px;
    padding:20px;
    background:#103289;
    color:#fff;
    border-radius:10px;
    text-align:center;
}

.sidebar-banner strong{
    display:block;
    font-size:18px;
    margin-bottom:8px;
}

.sidebar-banner span{
    font-size:13px;
    opacity:.9;
}

/* ===========================
   მთავარი ბანერი (HERO)
=========================== */

.hero-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#f5f8ff;
    border-radius:12px;
    padding:50px 60px;
    min-height:430px;
    margin-bottom:35px;
    gap:40px;
    overflow:hidden;
}

.hero-text{
    width:38%;
}

.hero-text h1{
    font-size:36px;
    color:#103289;
    line-height:1.2;
    margin-bottom:20px;
}

.hero-text p{
    font-size:14px;
    color:#555;
    line-height:1.7;
    margin-bottom:30px;
}

.shop-now-btn{
    display:inline-block;
    padding:15px 35px;
    background:#103289;
    color:#fff;
    border-radius:8px;
    font-weight:bold;
    transition:.3s;
}

.shop-now-btn:hover{
    background:#2f6fed;
}

.hero-image{
    width:62%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.hero-image img{
    width:100%;
    max-width:820px;
    height:auto;
}

/* ===========================
   სწრაფი კატეგორიები (QUICK CATEGORIES)
=========================== */

.quick-categories{
    display:flex;
    gap:15px;
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    max-width:100%;
}

.quick-categories::-webkit-scrollbar{
    height:6px;
}

.quick-categories::-webkit-scrollbar-thumb{
    background:#d9d9d9;
    border-radius:10px;
}

.q-cat-card{
    min-width:140px;
    max-width:140px;
    width:140px;
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    padding:15px;
    text-align:center;
    transition:.3s;
    flex:0 0 140px;
    overflow:hidden;
}

.q-cat-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.q-cat-img{
    width:70px;
    height:70px;
    margin:0 auto 12px;
    border-radius:8px;
    background:#f5f5f5;
}

/* ===========================
   პროდუქტები (PRODUCTS)
=========================== */

.popular-products{
    margin-top:10px;
}

.section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.section-header h2{
    font-size:26px;
    color:#103289;
}

.section-header a{
    color:#2f6fed;
    font-weight:600;
}

.product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:20px;
}

.product-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    padding:15px;
    position:relative;
    transition:.3s;
}

.product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.wishlist-icon{
    position:absolute;
    top:15px;
    right:15px;
    font-size:22px;
    color:#c4c4c4;
    cursor:pointer;
}

.product-img{
    height:180px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:15px;
}

.product-title{
    font-size:15px;
    min-height:44px;
    margin-bottom:10px;
}

.product-rating{
    color:#f1c40f;
    font-size:13px;
    margin-bottom:15px;
}

.product-rating small{
    color:#999;
}

.product-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:15px;
}

.price{
    font-size:20px;
    font-weight:700;
    color:#103289;
}

.add-to-cart-btn{
    width:40px;
    height:40px;
    border-radius:8px;
    background:#27ae60;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.add-to-cart-btn:hover{
    background:#219150;
    transform:scale(1.05);
}

.product-card img{
    transition:.3s;
}

.product-card:hover img{
    transform:scale(1.05);
}

/* ===========================
   უპირატესობების ბლოკი (TRUST BADGES)
=========================== */

.trust-badges{
    margin-top:50px;
    background:#fff;
    border-top:1px solid #eee;
    padding:40px 20px;
}

.badges-container{
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.badge-item{
    display:flex;
    align-items:center;
    gap:15px;
}

.badge-icon{
    font-size:32px;
    color:#103289;
}

.badge-text h4{
    color:#103289;
    margin-bottom:5px;
    font-size:15px;
}

.badge-text p{
    color:#666;
    font-size:12px;
}

/* ===========================
   ცალკეული პროდუქტის გვერდი (SINGLE PRODUCT)
=========================== */

.single-product-wrap{
    display:flex;
    gap:40px;
    max-width:1200px;
    margin:40px auto;
    padding:20px;
}

.product-image{
    width:45%;
}

.product-image img{
    width:100%;
    border:1px solid #eee;
    border-radius:10px;
}

.product-info{
    width:55%;
}

.product-info h1{
    font-size:32px;
    color:#103289;
    margin-bottom:20px;
}

.product-info .price{
    font-size:30px;
    color:#103289;
    margin-bottom:20px;
}

.cart{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin:20px 0;
}

.cart .quantity{
    margin:0 !important;
}

.cart .quantity input.qty{
    width:60px;
    height:44px;
    border:1px solid #ddd;
    border-radius:6px;
    text-align:center;
}

.single_add_to_cart_button{
    background:#2f6fed !important;
    color:#fff !important;
    border:none !important;
    border-radius:6px;
    padding:0 28px !important;
    height:44px;
    cursor:pointer;
}

.single_add_to_cart_button:hover{
    background:#103289 !important;
}

.product-description{
    margin:30px 0;
    line-height:1.8;
    color:#555;
}

.product-benefits{
    margin-top:30px;
}

.product-benefits div{
    display:flex;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid #eee;
}

.product-meta{
    margin-top:20px;
    color:#666;
}

.product-meta a{
    color:#103289;
    font-weight:bold;
}

/* ===========================
   მსგავსი პროდუქტები (RELATED PRODUCTS)
=========================== */

.related.products{
    max-width:1200px;
    margin:60px auto;
    padding:0 20px;
}

.related.products h2{
    font-size:30px;
    color:#103289;
    text-align:center;
    margin-bottom:30px;
}

.related.products ul.products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    list-style:none;
    padding:0;
}

.related.products ul.products li.product{
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    padding:15px;
    text-align:center;
    transition:.3s;
}

.related.products ul.products li.product:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.related.products ul.products li.product img{
    width:100%;
    height:220px;
    object-fit:contain;
}

/* ===========================
   WOOCOMMERCE სანავიგაციო ზოლი (BREADCRUMB)
=========================== */

.woocommerce-breadcrumb{
    max-width:1200px;
    margin:25px auto 10px;
    padding:0 20px;
    font-size:14px;
    color:#777;
}

.woocommerce-breadcrumb a{
    color:#103289;
}

.woocommerce-breadcrumb a:hover{
    text-decoration:underline;
}

/* ===========================
   ყიდვების კალათა (ახალი და გასწორებული დიზაინი)
=========================== */

body.woocommerce-cart .content-wrapper{
    display:block;
    max-width:1400px;
    padding:20px;
}

body.woocommerce-cart .sidebar-categories{
    display:none !important;
}

body.woocommerce-cart .main-content{
    width:100%;
    max-width:100%;
    background:transparent !important;
    border:none !important;
    padding:0 !important;
}

.woocommerce-cart .woocommerce{
    display:grid;
    grid-template-columns:1fr 380px;
    gap:30px;
    align-items:start;
}

.woocommerce-cart .woocommerce-notices-wrapper{
    grid-column:1 / -1;
    width:100%;
}

/* პროდუქტების ფორმა და ცხრილი */
.woocommerce-cart-form{
    background:#fff;
    border-radius:16px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    border:1px solid #eaeaea;
}

.woocommerce-cart table.shop_table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0;
    border:none !important;
    margin-bottom:25px;
}

.woocommerce-cart table.shop_table thead tr th{
    background:#103289;
    color:#fff;
    padding:16px 20px;
    font-size:14px;
    font-weight:600;
    text-align:left;
    border:none;
}

.woocommerce-cart table.shop_table thead tr th:first-child{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}

.woocommerce-cart table.shop_table thead tr th:last-child{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}

.woocommerce-cart table.shop_table tbody tr td{
    padding:20px;
    border-bottom:1px solid #f0f0f0;
    vertical-align:middle;
}

.woocommerce-cart table.shop_table td.product-remove a.remove{
    color:#e74c3c !important;
    font-size:22px;
    text-decoration:none;
    font-weight:bold;
    transition:.2s;
}

.woocommerce-cart table.shop_table td.product-remove a.remove:hover{
    transform:scale(1.2);
}

.woocommerce-cart table.shop_table td.product-thumbnail img{
    width:65px;
    height:65px;
    object-fit:contain;
    border-radius:8px;
    border:1px solid #eee;
}

.woocommerce-cart table.shop_table td.product-name a{
    color:#103289;
    font-weight:700;
    font-size:16px;
}

.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal{
    font-weight:700;
    color:#103289;
    font-size:16px;
}

.woocommerce-cart .quantity .qty{
    width:65px;
    height:42px;
    border-radius:8px;
    border:1px solid #dcdcdc;
    text-align:center;
    font-size:15px;
    outline:none;
}

/* კუპონი და განახლების ღილაკები */
.woocommerce-cart td.actions{
    padding:20px 0 0 0 !important;
    border-bottom:none !important;
}

.woocommerce-cart .coupon{
    display:flex;
    gap:10px;
    float:left;
}

.woocommerce-cart .coupon input.input-text{
    height:44px;
    border-radius:8px;
    border:1px solid #ddd;
    padding:0 15px;
    font-size:14px;
    outline:none;
}

.woocommerce-cart .coupon button.button,
.woocommerce-cart .actions > button.button{
    background:#103289 !important;
    color:#fff !important;
    border:none !important;
    border-radius:8px !important;
    padding:0 24px !important;
    height:44px;
    font-size:14px !important;
    font-weight:600 !important;
    cursor:pointer;
    transition:.3s;
}

.woocommerce-cart .actions > button.button{
    float:right;
    background:#6c757d !important;
}

.woocommerce-cart .coupon button.button:hover{
    background:#0b2569 !important;
}

.woocommerce-cart .actions > button.button:hover{
    background:#495057 !important;
}

/* მარჯვენა მხარე (CART TOTALS) */
.cart-collaterals{
    position:sticky;
    top:20px;
    width:100%;
}

.cart_totals{
    width:100% !important;
    float:none !important;
    background:#fff;
    border-radius:16px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    border:1px solid #eaeaea;
}

.cart_totals h2{
    color:#103289;
    font-size:22px;
    margin-bottom:20px;
    border-bottom:2px solid #f1f5f9;
    padding-bottom:12px;
}

.cart_totals table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:20px;
}

.cart_totals th,
.cart_totals td{
    padding:14px 0;
    border-bottom:1px solid #eee;
    font-size:15px;
}

.cart_totals th{
    color:#555;
    font-weight:500;
}

.cart_totals td{
    text-align:right;
    font-weight:700;
    color:#103289;
}

.wc-proceed-to-checkout{
    padding:0 !important;
}

.wc-proceed-to-checkout .checkout-button{
    display:block;
    width:100%;
    text-align:center;
    background:#27ae60 !important;
    color:#fff !important;
    border-radius:10px !important;
    padding:16px !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-decoration:none;
    transition:background 0.3s;
    box-shadow:0 4px 12px rgba(39,174,96,.3);
}

.wc-proceed-to-checkout .checkout-button:hover{
    background:#219150 !important;
}

/* ===========================
   ადაპტური დიზაინი (RESPONSIVE)
=========================== */

@media (max-width:992px){

    .woocommerce-cart .woocommerce{
        grid-template-columns:1fr;
    }

    .cart-collaterals{
        position:static;
    }

    .woocommerce-cart .coupon{
        float:none;
        width:100%;
        margin-bottom:15px;
    }

    .woocommerce-cart .actions > button.button{
        float:none;
        width:100%;
    }

}

@media (max-width:768px){

    .woocommerce-cart-form{
        padding:15px;
    }

    .woocommerce-cart table.shop_table thead{
        display:none;
    }

    .woocommerce-cart table.shop_table tr{
        display:block;
        margin-bottom:20px;
        border:1px solid #eee;
        border-radius:10px;
        padding:15px;
    }

    .woocommerce-cart table.shop_table td{
        display:flex;
        justify-content:space-between;
        align-items:center;
        border-bottom:1px solid #f5f5f5;
        padding:10px 0;
    }

    .woocommerce-cart table.shop_table td:last-child{
        border-bottom:none;
    }

}

/* ===========================
   ფაილის დასასრული
=========================== */
/* ===========================
   მთავარი გვერდის ცენტრირება
=========================== */

.content-wrapper {
    max-width: 1400px;
    margin: 20px auto;
    display: flex;
    gap: 20px;
    padding: 0 20px;
    width: 100%;
}

.sidebar-categories {
    width: 280px;
    flex-shrink: 0;
}

.main-content {
    flex: 1;
    min-width: 0; /* იცავს Grid/Flex ელემენტებს მარჯვნივ გაქცევისგან */
}

.hero-banner, 
.quick-categories, 
.popular-products {
    width: 100%;
}
/* ===========================
   კლასიკური CHECKOUT-ის იდეალური დიზაინი
=========================== */

/* 1. მარჯვენა ზედმეტი ბლოკის (Order Notes) დამალვა */
.woocommerce-checkout .col-2 {
    display: none !important;
}

/* 2. მარცხენა სვეტის სრული სიგანე 2-სვეტიან ბადეში */
.woocommerce-checkout .col-1 {
    width: 100% !important;
    float: none !important;
}

/* 3. მთავარი 2-სვეტიანი განლაგება (Grid) */
.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: 1fr 400px !important;
    gap: 35px !important;
    align-items: start !important;
}

/* 4. მარცხენა მხარე: საკონტაქტო ფორმის ბლოკი */
.woocommerce-checkout #customer_details {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
    border: 1px solid #eaeaea;
}

.woocommerce-checkout h3 {
    color: #103289;
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
}

/* ინპუტების გასწორება */
.woocommerce-checkout .form-row {
    margin-bottom: 15px !important;
}

.woocommerce-checkout input.input-text {
    width: 100% !important;
    height: 46px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    outline: none !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout input.input-text:focus {
    border-color: #103289 !important;
}

/* 5. მარჯვენა მხარე: შეკვეთის ჯამი და გადახდა */
.woocommerce-checkout #order_review_heading {
    display: none !important;
}

.woocommerce-checkout #order_review {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.05) !important;
    border: 1px solid #eaeaea !important;
    position: sticky;
    top: 20px;
}

/* შეკვეთის ცხრილი */
.woocommerce-checkout table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    padding: 12px 0 !important;
    border-bottom: 1px solid #eee !important;
    font-size: 14px !important;
}

.woocommerce-checkout table.shop_table th {
    color: #555 !important;
    text-align: left !important;
}

.woocommerce-checkout table.shop_table td {
    text-align: right !important;
    font-weight: 700 !important;
    color: #103289 !important;
}

/* გადახდის სექცია */
.woocommerce-checkout #payment {
    background: #f8f9fa !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 20px !important;
    border: 1px solid #eee !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    margin-bottom: 12px !important;
}

/* მწვანე ღილაკი */
.woocommerce-checkout #place_order {
    width: 100% !important;
    background: #27ae60 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.3s !important;
    box-shadow: 0 4px 12px rgba(39,174,96,.3) !important;
}

.woocommerce-checkout #place_order:hover {
    background: #219150 !important;
}

/* მობილურის ადაპტაცია */
@media (max-width: 992px) {
    .woocommerce-checkout form.checkout {
        grid-template-columns: 1fr !important;
    }
    
    .woocommerce-checkout #order_review {
        position: static !important;
    }
}
/* WooCommerce Gallery Fix */
.woocommerce-product-gallery {
    max-width: 500px;
}

.flex-control-thumbs {
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 15px !important;
    padding: 0;
}

.flex-control-thumbs li {
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important;
    float: none !important;
    list-style: none;
}

.flex-control-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
}

.flex-control-thumbs img.flex-active {
    border: 2px solid #0d6efd;
}
.related.products ul.products{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:25px !important;
}

.related.products ul.products > li{
    width:calc(25% - 19px) !important;
    margin:0 !important;
    float:none !important;
}

.related.products ul.products::before,
.related.products ul.products::after{
    display:none !important;
    content:none !important;
}
/* Related products fix */
.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.related.products ul.products li.product {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    flex: none !important;
    margin: 0 !important;
    clear: none !important;
}

.related.products ul.products li.product.first,
.related.products ul.products li.product.last {
    clear: none !important;
}