/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1784313891
Updated: 2026-07-17 18:44:51

*/
/* Contact Form 7 Wrapper */

.product-price {
    padding-left: 15px;
    color: #6528f7;
    font-weight: 800;
    font-size: 18px;
}
.wpcf7 {
    width: 100%;
}

/* Labels */
.wpcf7 label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

/* All Input Fields */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 input[type="password"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    height: 52px;
    margin-top: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background: #fff;
    font-size: 15px;
    color: #333;
    transition: all .3s ease;
    box-sizing: border-box;
}

/* Textarea */
.wpcf7 textarea {
    min-height: 150px;
    resize: vertical;
    padding-top: 15px;
}

/* Focus */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    outline: none;
    border-color: #0073ff;
    box-shadow: 0 0 0 3px rgba(0,115,255,.15);
}

/* Placeholder */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #999;
}

/* Select */
.wpcf7 select {
    cursor: pointer;
}

/* Checkbox & Radio */
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
    margin-right: 8px;
}

.wpcf7-list-item {
    margin: 0 20px 10px 0;
}

/* File Upload */
.wpcf7 input[type="file"] {
    width: 100%;
    padding: 12px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    cursor: pointer;
}

/* Submit Button */
.wpcf7 input[type="submit"] {
    display: inline-block;
    background: #6528f7;
    color: #fff;
    border: none;
    padding: 14px 35px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s ease;
}

.wpcf7 input[type="submit"]:hover {
    background: #6528f7;
    transform: translateY(-2px);
}

/* Disabled Button */
.wpcf7 input[type="submit"]:disabled {
    opacity: .6;
    cursor: not-allowed;
}

/* Validation Messages */
.wpcf7-not-valid-tip {
    color: #dc3545;
    font-size: 13px;
    margin-top: 6px;
}

.wpcf7-response-output {
    margin-top: 20px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 14px;
}

/* Success */
.wpcf7 form.sent .wpcf7-response-output {
    background: #eafaf0;
    border: 1px solid #28a745;
    color: #28a745;
}

/* Error */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    background: #fff3f3;
    border: 1px solid #dc3545;
    color: #dc3545;
}

/* Spinner */
.wpcf7-spinner {
    margin-left: 12px;
}
.custom-product-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.product-item{
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    overflow:hidden;
    text-align:left;
    transition:.3s;
}

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

.product-thumb img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
}

.product-item h3{
    font-size:20px;
    margin:20px 15px 10px;
}

.product-btn {
    display: inline-block;
    margin: 15px 15px 20px;
    padding: 5px 20px;
    border: 1px solid #6528f7;
    color: #6528f7;
    text-decoration: none;
    border-radius: 5px;
}

@media(max-width:991px){
    .custom-product-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .custom-product-grid{
        grid-template-columns:1fr;
    }
}
/* Responsive */
@media (max-width: 768px) {
    .wpcf7 input[type="submit"] {
        width: 100%;
    }
}

/* ===========================
   Single Product Section
=========================== */

.single-product-section{
    padding:80px 0;
    background:#fff;
}

.single-product-section .container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.product-wrapper{
    display:flex;
    align-items:flex-start;
    gap:60px;
}

/* Left Side Image */

.product-image{
    width:45%;
}

.product-image img{
    width:100%;
    display:block;
    border-radius:12px;
    border:1px solid #e5e5e5;
}

/* Right Side */

.single-product-section .product-content{
    width:55%;
}
.category-header {
    padding: 30px 0px;
}
.category-header h1 {
    font-size: 32px;
}
.product-category{
    display:inline-block;
    padding:8px 18px;
    background:#f3f6fa;
    color:#0d263a;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.product-title{
    font-size:40px;
    line-height:1.3;
    margin:0 0 20px;
    color:#111;
    font-weight:700;
}

.product-rating{
    color:#f6b01e;
    font-size:18px;
    margin-bottom:20px;
}

.product-rating span{
    color:#777;
    font-size:15px;
}

.product-price{
    margin-bottom:25px;
}

.current-price{
    font-size:34px;
    font-weight:700;
    color:#6528f7;
}

.old-price{
    margin-left:15px;
    color:#999;
    font-size:22px;
    text-decoration:line-through;
}

.product-description{
    font-size:16px;
    line-height:1.8;
    color:#666;
    margin-bottom:30px;
}

/* Features */

.product-features{
    list-style:none;
    margin:0 0 35px;
    padding:0;
}

.product-features li{
    margin-bottom:12px;
    color:#444;
    font-size:16px;
}

/* Product Info */

.product-info{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    padding:25px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin-bottom:35px;
}

.product-info div{
    font-size:15px;
    color:#444;
}

.product-info strong{
    color:#111;
}

/* Buttons */

.product-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    padding:15px 35px;
    border-radius:6px;
    transition:.3s;
    font-size:16px;
    font-weight:600;
}

.btn-primary{
       background: #6528f7 !important;
    color: #fff !important;
}

.btn-primary:hover{
    background:#071a2b;
}

.btn-secondary{
    background:#fff;
    color:#0d263a;
    border:2px solid #0d263a;
}

.btn-secondary:hover{
    background:#0d263a;
    color:#fff;
}

/* ===========================
        Tablet
=========================== */

@media(max-width:991px){

.product-wrapper{
    flex-direction:column;
}

.product-image,
.product-content{
    width:100%;
}

.product-title{
    font-size:34px;
}

.product-info{
    grid-template-columns:repeat(2,1fr);
}

}

/* ===========================
        Mobile
=========================== */

@media(max-width:767px){

.single-product-section{
    padding:50px 0;
}

.product-wrapper{
    gap:35px;
}

.product-title{
    font-size:28px;
}

.current-price{
    font-size:28px;
}

.old-price{
    font-size:18px;
}

.product-info{
    grid-template-columns:1fr;
    gap:12px;
}

.product-buttons{
    flex-direction:column;
}

.btn-primary,
.btn-secondary{
    width:100%;
}

.product-description,
.product-features li,
.product-info div{
    font-size:15px;
}

}

/* ===========================
      Small Mobile
=========================== */

@media(max-width:480px){

.product-title{
    font-size:24px;
}

.current-price{
    font-size:24px;
}

.product-category{
    font-size:13px;
}

}

.checkout-wrapper{
    max-width:1100px;
    margin:70px auto;
    display:flex;
    gap:50px;
    align-items:flex-start;
}

.checkout-product{
    width:40%;
    padding:25px;
    border:1px solid #ddd;
    border-radius:10px;
}

.checkout-product img{
    width:100%;
    border-radius:8px;
}

.checkout-product h2{
    margin:20px 0 10px;
	font-size: 22px;
}

.checkout-product h3{
    color:#0d263a;
	font-size: 18px;
}

.checkout-form{
    width:60%;
}

.checkout-form input,
.checkout-form textarea{
    width:100%;
    margin-bottom:18px;
    padding:15px;
    border:1px solid #ddd;
    border-radius:6px;
}

.checkout-form textarea{
    height:150px;
}

.checkout-form button{
    background:#0d263a;
    color:#fff;
    border:none;
    padding:15px 35px;
    cursor:pointer;
    border-radius:5px;
}
.product-category-page {
    padding-bottom: 80px;
}
.product-category-page .product-content a {
    color: #18212c;
}

@media(max-width:768px){

.checkout-wrapper{
    flex-direction:column;
}

.checkout-product,
.checkout-form{
    width:100%;
}

}