/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

    * { box-sizing: border-box; }
    html, body { margin: 0; }
    body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      color: #1f2937;
      background:
        radial-gradient(circle at 10% 0%, #d9f99d 0%, #f7fee7 44%, #ffffff 100%);
      padding: 20px;
    }

    .frame {
      max-width: 1365px;
      margin: 0 auto;
      border-radius: 22px;
      overflow: hidden;
      border: 1px solid #e5e7eb;
      box-shadow: 0 26px 70px rgba(20, 83, 45, 0.16);
      background: #fff;
    }

    .bar {
      min-height: 74px;
      padding: 16px 28px;
      background: linear-gradient(90deg, #14532d, #166534 55%, #65a30d);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 800;
      letter-spacing: 0.2px;
      font-size: clamp(18px, 3vw, 24px);
    }

    .brand-logo {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      border: 2px solid rgba(255, 255, 255, 0.65);
      object-fit: cover;
      background: #fff;
    }

    .nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 12px;
      font-size: 13px;
      opacity: 0.95;
    }

    .hero {
      position: relative;
      isolation: isolate;
      padding: clamp(20px, 4vw, 42px);
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 18px;
      background: #f7fee7;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: url("assets_ai/hero_uniform_scene.svg") center / cover no-repeat;
      opacity: 0.32;
      z-index: -1;
    }

    .pill {
      display: inline-block;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.55px;
      font-weight: 800;
      color: #365314;
      background: #ecfccb;
      border: 1px solid #d9f99d;
      border-radius: 999px;
      padding: 7px 12px;
    }

    h1 {
      margin: 12px 0;
      line-height: 1.02;
      color: #14532d;
      font-size: clamp(34px, 5vw, 62px);
    }

    p { margin: 0; color: #475569; line-height: 1.55; }

    .cta {
      margin-top: 18px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .btn {
      border: none;
      border-radius: 12px;
      font-weight: 800;
      font-size: 14px;
      padding: 12px 16px;
    }

    .btn-main {
      background: #a3e635;
      color: #1f2937;
      box-shadow: 0 8px 18px rgba(132, 204, 22, 0.35);
    }

    .btn-alt {
      background: rgba(255, 255, 255, 0.9);
      color: #3f6212;
      border: 1px solid #bef264;
    }

    .hero-right {
      display: grid;
      gap: 10px;
      align-content: start;
    }

    .hero-photo {
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid #d9f99d;
      background: #fff;
    }

    .hero-photo img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      display: block;
    }

    .card-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }

    .card {
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.96);
      border: 1px solid #e5e7eb;
      padding: 10px;
      font-size: 12px;
      color: #334155;
    }

    .price { font-size: 19px; font-weight: 800; color: #166534; margin-top: 5px; }

    .section-title {
      background: #f7fee7;
      border-top: 1px solid #d9f99d;
      border-bottom: 1px solid #d9f99d;
      color: #3f6212;
      padding: 11px 18px;
      font-weight: 800;
    }

    .catalog {
      padding: 16px;
      background: #fff;
    }

    .filters {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      background: #f7fee7;
      border: 1px solid #d9f99d;
      padding: 10px;
      border-radius: 12px;
      margin-bottom: 12px;
    }

    .field {
      background: #fff;
      border: 1px solid #d1d5db;
      border-radius: 10px;
      padding: 10px;
      font-size: 12px;
      color: #4b5563;
    }

    .product-list {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
    }

    .product-item {
      border: 1px solid #e5e7eb;
      border-radius: 12px;
      padding: 10px;
      background: #fff;
    }

    .product-item img {
      width: 100%;
      height: 104px;
      object-fit: cover;
      border-radius: 10px;
      background: #ecfccb;
      margin-bottom: 8px;
    }

    .name { font-size: 14px; font-weight: 700; color: #14532d; }
    .meta { margin-top: 4px; color: #64748b; font-size: 12px; }

    .checkout {
      padding: 18px;
      background: linear-gradient(180deg, #ffffff, #f8fafc 55%, #f7fee7 100%);
      display: grid;
      grid-template-columns: 1fr 0.95fr;
      gap: 12px;
    }

    .social-proof {
      padding: 16px;
      background: #ffffff;
      border-top: 1px solid #e2e8f0;
      border-bottom: 1px solid #e2e8f0;
      display: grid;
      grid-template-columns: 0.9fr 1.1fr;
      gap: 12px;
    }

    .social-card {
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      overflow: hidden;
      background: #fff;
    }

    .social-card img {
      width: 100%;
      height: 230px;
      object-fit: cover;
      display: block;
      border-bottom: 1px solid #e5e7eb;
    }

    .social-copy {
      padding: 12px;
      font-size: 13px;
      color: #334155;
      line-height: 1.48;
    }

    .social-head {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 8px;
      color: #14532d;
      font-weight: 800;
    }

    .social-head img {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      object-fit: cover;
      border: 1px solid #d1d5db;
    }

    .gallery {
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      padding: 10px;
      background: #fff;
    }

    .gallery img {
      width: 100%;
      height: 310px;
      object-fit: cover;
      border-radius: 10px;
      border: 1px solid #d9f99d;
      display: block;
    }

    .cart-box {
      border: 1px solid #e5e7eb;
      border-radius: 14px;
      background: #fff;
      padding: 12px;
    }

    .tag {
      background: #166534;
      color: #fff;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 700;
      padding: 4px 10px;
      display: inline-block;
      margin-bottom: 8px;
    }

    h2 { margin: 6px 0; color: #14532d; font-size: clamp(20px, 2.7vw, 28px); }

    .size-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 10px 0;
    }

    .size {
      border: 1px solid #d1d5db;
      border-radius: 8px;
      background: #fff;
      padding: 6px 10px;
      font-size: 12px;
    }

    .size.active { background: #ecfccb; border-color: #84cc16; }

    .cart-preview {
      margin-top: 14px;
      border-radius: 12px;
      border: 1px solid #d9f99d;
      overflow: hidden;
      background: #f7fee7;
    }

    .cart-preview img {
      width: 100%;
      height: 170px;
      object-fit: cover;
      display: block;
    }

    .cart-caption {
      padding: 8px 10px;
      color: #3f6212;
      font-size: 12px;
      font-weight: 700;
    }

    .footer-note {
      margin-top: 10px;
      font-size: 12px;
      color: #6b7280;
      border-top: 1px dashed #d1d5db;
      padding-top: 10px;
    }

    @media (max-width: 1024px) {
      body { padding: 12px; }
      .hero { grid-template-columns: 1fr; }
      .product-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .checkout { grid-template-columns: 1fr; }
      .social-proof { grid-template-columns: 1fr; }
      .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .hero-photo img { height: 220px; }
      .gallery img { height: 250px; }
    }

    @media (max-width: 600px) {
      .bar { padding: 14px; }
      .nav { font-size: 11px; gap: 8px; }
      .filters { grid-template-columns: 1fr; }
      .product-list { grid-template-columns: 1fr; }
      .card-grid { grid-template-columns: 1fr; }
      .hero-photo img { height: 184px; }
      .gallery img { height: 200px; }
      .social-card img { height: 190px; }
      .btn { width: 100%; }
    }
@media (max-width: 1020px) {
	.elementor-37 .elementor-element.elementor-element-4e5bc1d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-37 .elementor-element.elementor-element-4e5bc1d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #65A30D!important;
	}
}

.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-4e5bc1d{
    margin-top:0px!important
}


@media screen and (max-width: 766px) {
	.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-4e5bc1d{
		margin-top:0px!important
	}
	.wcgs-woocommerce-product-gallery.wcgs-spswiper-before-init.horizontal.wcgs_preloader_normal{
		min-width:100%!important;
	}
	.wcgs-gallery-preloader{
		display:none;
	}
	#wpgs-gallery:not(.wcgs-visible) .gallery-navigation-carousel-wrapper, #wpgs-gallery:not(.wcgs-visible) .wcgs-carousel {
		opacity: 1 !important;
		visibility: visible !important;
	}
	.wcgs-spswiper-button-prev.wcgs-spswiper-arrow,
	.wcgs-spswiper-button-next.wcgs-spswiper-arrow{
	display:none!important;
	}

	.elementor-element.elementor-element-4b4fd70.elementor-widget__width-inherit.elementor-hidden-desktop.elementor-hidden-tablet.yes.elementor-widget.elementor-widget-woocommerce-product-images{
	display:none;
	}
	.elementor-hidden-mobile.elementor-element.elementor-element-c2e527a.elementor-widget__width-inherit.yes.elementor-widget.elementor-widget-woocommerce-product-images{
	display:block;
	}
}
.xoo-wsc-psavings{
	display:none;
}

.table-header>.table-col-1{
	font-weight:bold
}
.table-header>.table-col-2,
.table-header>.table-col-3{
	font-weight:bold
}
.table-col-1,
.table-col-2,
.table-col-3,
.back-to-shopping,
.woo-checkout-section-title,
.payment_method_bacs{
color:black!important
}
	
.woo-checkout-payment,
.woocommerce-checkout-payment,
.payment_box payment_method_bacs,
.ea-woo-checkout-order-review,
.wc_payment_method.payment_method_bacs>label{
	background:	#FFFFFF!important;
	background-color:	#FFFFFF!important;
	border-color:	#FFFFFF!important;
	color:black!important;
}
.payment_box.payment_method_bacs>p{
	color:white!important;
}
.eael-woo-checkout .elementor-8 .elementor-element.elementor-element-437f309 .woo-checkout-payment .payment_box {
    background-color: #166534 !important;
    color: #ffffff !important;
}
.eael-woo-checkout .elementor-8 .elementor-element.elementor-element-437f309 .woo-checkout-payment .payment_box::before {
    border-bottom-color: #166534 !important;
}