/*
==========================================
NEEF HOMEPAGE
==========================================
*/

:root{

--accent:#DFFF00;

--dark:#111111;

--light:#ffffff;

--grey:#777777;

}

/* HERO */

.neef-hero{

padding:40px 20px 30px;

text-align:center;

background:#ffffff;

}

.neef-hero h1{

font-size:32px;

font-weight:800;

letter-spacing:4px;

margin-bottom:20px;

color:var(--dark);

text-transform:uppercase;

}

.neef-hero p{

font-size:22px;

max-width:650px;

margin:auto;

line-height:1.7;

color:var(--grey);

margin-bottom:40px;

}

/* SECTIONS */

.neef-section{

padding:30px 40px;

text-align:center;

}

.neef-section h2{

text-align:center;

font-size:42px;

margin-bottom:15px;

text-transform:uppercase;

}

.section-button{

text-align:center;

margin-top:40px;

}

.center-button{

margin-top:40px;

text-align:center;

}

.button{

background:#111111;

color:white;

padding:18px 42px;

border-radius:999px;

font-weight:600;

text-decoration:none;

transition:.25s;

}

.button:hover{

background:#DFFF00;

color:#111111;

}

/* ===================================
NEEF PRODUCT CARDS
=================================== */

.woocommerce ul.products li.product{

background:#fff;

padding:0;

border:none;

text-align:left;

}

.woocommerce ul.products li.product img{

border-radius:12px;

overflow:hidden;

transition:all .35s ease;

}

.woocommerce ul.products li.product:hover img{

transform:scale(1.04);

}

.woocommerce ul.products li.product .woocommerce-loop-product__title{

font-size:16px;

font-weight:600;

line-height:1.4;

margin-top:16px;

margin-bottom:8px;

color:#111;

}

.woocommerce ul.products li.product .price{

font-size:18px;

font-weight:700;

color:#111;

margin-bottom:14px;

}

.woocommerce ul.products li.product .button{

background:#111;

color:#fff;

border-radius:50px;

padding:10px 20px;

font-size:14px;

font-weight:600;

transition:.3s;

}

.woocommerce ul.products li.product .button:hover{

background:#DFFF00;

color:#111;

}

.woocommerce span.onsale{

background:#DFFF00;

color:#111;

border-radius:50px;

padding:8px 14px;

font-size:12px;

font-weight:700;

min-height:auto;

min-width:auto;

line-height:1;

}

.woocommerce ul.products{

gap:30px;

}

/* ===================================
SHOP INTRO
=================================== */

.neef-shop-intro{

text-align:center;

padding:20px 0 50px;

}

.neef-shop-intro h1{

font-size:56px;

font-weight:700;

margin-bottom:15px;

}

.neef-shop-intro p{

max-width:700px;

margin:auto;

font-size:18px;

color:#666;

line-height:1.8;

}

.woocommerce-ordering select{

border-radius:50px;

padding:10px 20px;

border:1px solid #ddd;

background:#fff;

}

.woocommerce-pagination .page-numbers{

border-radius:50px;

}

.woocommerce-pagination .current{

background:#DFFF00 !important;

color:#111 !important;

}

.woocommerce-breadcrumb{

font-size:14px;

color:#888;

margin-bottom:30px;

}

/* ===================================
PRODUCT PAGE
=================================== */

.single-product .product_title{

font-size:42px;

font-weight:700;

line-height:1.2;

margin-bottom:20px;

}

.single-product .price{

font-size:32px;

font-weight:700;

color:#111;

margin-bottom:25px;

}

.single-product .single_add_to_cart_button{

background:#111 !important;

color:#fff !important;

border-radius:50px;

padding:16px 40px;

font-size:16px;

font-weight:600;

transition:.3s;

}

.single-product .single_add_to_cart_button:hover{

background:#DFFF00 !important;

color:#111 !important;

}

.single-product .quantity .qty{

border-radius:50px;

padding:10px;

}

.single-product del{

opacity:.5;

}

.single-product ins{

text-decoration:none;

color:#111;

font-weight:700;

}

.woocommerce-tabs ul.tabs li{

border-radius:50px 50px 0 0;

}

.related.products h2{

text-align:center;

font-size:36px;

margin-bottom:40px;

}

/* ===================================
CART & CHECKOUT
=================================== */

.wc-proceed-to-checkout .checkout-button{

background:#111 !important;

color:#fff !important;

border-radius:50px;

padding:18px 30px;

font-size:18px;

font-weight:600;

}

.wc-proceed-to-checkout .checkout-button:hover{

background:#DFFF00 !important;

color:#111 !important;

}

.checkout_coupon{

border-radius:12px;

}

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select{

border-radius:12px;

padding:12px;

border:1px solid #ddd;

}

#order_review{

background:#fafafa;

padding:25px;

border-radius:12px;

}

#place_order{

background:#111 !important;

color:#fff !important;

border-radius:50px;

padding:18px 40px;

font-size:18px;

font-weight:600;

transition:.3s;

}

#place_order:hover{

background:#DFFF00 !important;

color:#111 !important;

}

@media(max-width:768px){

#order_review{

margin-top:30px;

}

.neef-trust-box{

background:#f8f8f8;

border-left:4px solid #DFFF00;

padding:15px 20px;

margin-bottom:25px;

border-radius:8px;

}
