/* ==================================
SK CREATION SINGLE PRODUCT
================================== */

.sk-single-product{
max-width:1400px;
margin:80px auto;
padding:0 30px;
display:grid;
grid-template-columns:120px 1fr 1fr;
gap:40px;
align-items:start;
}

/* ==================================
GALLERY
================================== */

.sk-product-gallery{
display:contents;
}

.sk-gallery-thumbs{
display:flex;
flex-direction:column;
gap:15px;
}

.sk-gallery-thumbs .thumb{
width:100px;
height:120px;
object-fit:cover;
border-radius:12px;
border:2px solid transparent;
cursor:pointer;
transition:.3s ease;
}

.sk-gallery-thumbs .thumb:hover,
.sk-gallery-thumbs .active-thumb{
border-color:#c89b3c;
}

.sk-main-image{
position:relative;
}

.sk-main-image img{
width:100%;
display:block;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* ==================================
PRODUCT INFO
================================== */

.sk-product-info{
padding-top:10px;
}

.sk-category{
color:#c89b3c;
text-transform:uppercase;
letter-spacing:1px;
font-size:13px;
font-weight:600;
margin-bottom:15px;
}

.sk-title{
font-size:42px;
line-height:1.25;
color:#111;
margin-bottom:25px;
}

.sk-price{
font-size:38px;
font-weight:700;
color:#c89b3c;
margin-bottom:25px;
}

.sk-price del{
color:#999;
font-size:22px;
margin-right:10px;
}

.sk-price ins{
text-decoration:none;
}

.sk-description{
font-size:16px;
line-height:1.9;
color:#666;
margin-bottom:35px;
}

/* ==================================
ADD TO CART
================================== */

.sk-product-info form.cart{
display:flex;
align-items:center;
gap:15px;
margin-bottom:35px;
}

.sk-product-info .quantity{
margin:0 !important;
}

.sk-product-info .quantity input.qty{
width:70px;
height:55px;
border:1px solid #ddd;
border-radius:10px;
text-align:center;
font-size:16px;
}

.sk-product-info .single_add_to_cart_button{
min-width:220px;
height:55px;
background:#111 !important;
color:#fff !important;
border:none !important;
border-radius:10px !important;
font-size:16px;
font-weight:600;
transition:.3s ease;
}

.sk-product-info .single_add_to_cart_button:hover{
background:#c89b3c !important;
}

/* ==================================
META
================================== */

.sk-meta{
padding-top:25px;
border-top:1px solid #eee;
}

.sk-meta a{
color:#c89b3c;
}

/* ==================================
PRODUCT TABS
================================== */

.sk-tabs{
max-width:1400px;
margin:80px auto;
padding:0 30px;
}

.woocommerce-tabs{
background:#fff;
border-radius:20px;
padding:40px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.woocommerce-tabs ul.tabs{
display:flex;
gap:15px;
border:none !important;
padding:0 !important;
margin:0 0 30px !important;
}

.woocommerce-tabs ul.tabs::before{
display:none !important;
}

.woocommerce-tabs ul.tabs li{
border:none !important;
background:#f5f5f5 !important;
border-radius:10px !important;
padding:0 !important;
margin:0 !important;
}

.woocommerce-tabs ul.tabs li a{
display:block;
padding:14px 25px !important;
color:#111 !important;
font-weight:600;
}

.woocommerce-tabs ul.tabs li.active{
background:#c89b3c !important;
}

.woocommerce-tabs ul.tabs li.active a{
color:#fff !important;
}

.woocommerce-Tabs-panel{
margin:0 !important;
padding:0 !important;
}

.woocommerce-Tabs-panel h2{
font-size:28px;
margin-bottom:20px;
}

.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel li{
font-size:16px;
line-height:1.9;
color:#666;
}

/* ==================================
RELATED PRODUCTS
================================== */

.sk-related{
max-width:1400px;
margin:80px auto 100px;
padding:0 30px;
}

.sk-related h2{
font-size:34px;
margin-bottom:35px;
color:#111;
}

.sk-related ul.products{
display:grid !important;
grid-template-columns:repeat(4,1fr);
gap:30px;
padding:0 !important;
margin:0 !important;
list-style:none;
}

.sk-related ul.products li.product{
width:100% !important;
float:none !important;
margin:0 !important;
}

/* ==================================
MOBILE
================================== */

@media(max-width:991px){

```
.sk-single-product{
    grid-template-columns:1fr;
}

.sk-gallery-thumbs{
    flex-direction:row;
    order:2;
}

.sk-main-image{
    order:1;
}

.sk-product-info{
    order:3;
}

.sk-title{
    font-size:30px;
}

.sk-price{
    font-size:28px;
}

.sk-related ul.products{
    grid-template-columns:1fr 1fr;
}
```

}

@media(max-width:600px){

```
.sk-related ul.products{
    grid-template-columns:1fr;
}

.sk-product-info form.cart{
    flex-direction:column;
    align-items:stretch;
}

.sk-product-info .single_add_to_cart_button{
    width:100%;
}
```

}

/* Remove dots and underline from tabs */

.woocommerce-tabs ul.tabs{
    list-style:none !important;
}

.woocommerce-tabs ul.tabs li{
    list-style:none !important;
}

.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after{
    display:none !important;
    content:none !important;
}

.woocommerce-tabs ul.tabs li a{
    text-decoration:none !important;
}

.woocommerce-tabs ul.tabs li.active a{
    text-decoration:none !important;
}

/* Remove underline from category links */

.sk-meta a,
.product_meta a{
    text-decoration:none !important;
}

.sk-meta a:hover,
.product_meta a:hover{
    color:#c89b3c;
}

/* ==================================
FIX RELATED PRODUCTS ALIGNMENT
================================== */

.sk-related{
    max-width:1400px;
    margin:80px auto;
    padding:0 30px;
}

.related.products{
    width:100%;
}

.related.products ul.products{
    margin:0 !important;
    padding:0 !important;

    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:30px;

    justify-content:start !important;
}

.related.products ul.products::before,
.related.products ul.products::after{
    display:none !important;
}

.related.products ul.products li.product{
    width:100% !important;
    margin:0 !important;
    float:none !important;
}

