/*
Theme Name: Lux Basic Child
Theme URI: http://example.com/luxbasic-child
Description: A child theme for LuxBasic
Author: Your Name
Author URI: http://example.com
Template: lux-basic
Version: 1.0.0
*/


.post, .page{
	margin:0;
}

.type-page{
	padding:20px;
}

/* Ensure header layout is correct */
.site-header {
    background-color: #ffffff; /* White background for header */
    border-bottom: 1px solid #eaeaea; /* Light gray border */
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    left: 0;
    top: 0;
    position: fixed;
}

/* Adjust for the WordPress admin bar */
body.admin-bar .site-header {
    top: 32px; /* Height of the admin bar */
}

/* Adjust padding of the container if needed */
body.admin-bar .site-header .container {
    padding-top: 10px; /* Adjust padding to fit well below the admin bar */
}

main {
    padding-top: 80px;
}

.site-header .container {
    display: flex;
    justify-content: space-between; /* Space between logo and menu */
    align-items: center; /* Vertically align items */
    padding: 10px 20px; /* Padding around the header */
    box-sizing: border-box; /* Include padding in width/height calculations */
    background-color: #ffffff; /* Background color */
    
    flex-wrap: nowrap; /* Prevent wrapping of header content */
    max-width: 1200px;
    margin: 0 auto;
}

/* Logo styling */
.site-logo img {
    max-height: 50px; /* Adjust height to fit well */
    width: auto; /* Maintain aspect ratio */
}

/* Navigation container */
.site-navigation {
    display: flex;
    align-items: center; /* Vertically align menu items */
    flex-wrap: nowrap; /* Prevent menu items from wrapping */
}

/* Style for the menu */
.site-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping of menu items */
}

.site-navigation li {
    margin: 0 10px; /* Adjust spacing between menu items */
}

.site-navigation a {
    text-decoration: none;
    color: #345a82; /* Updated primary color for links */
    font-size: 14px; /* Adjust font size for better fit */
    padding: 8px 12px; /* Padding for better click area */
    transition: color 0.3s ease; /* Smooth color transition on hover */
}

.site-navigation a:hover {
    color: #4d7192; /* Updated hover color */
}

/* Contact button styling */
.contact-button {
    background-color: #4d7192; /* Updated button color */
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 50px; /* Rounded corners */
    text-decoration: none;
    font-size: 14px; /* Match font size with menu items */
    font-weight: 600; /* Bold text */
    margin-left: 20px; /* Space from menu items */
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.contact-button:hover {
    background-color: #6689a2; /* Updated hover button color */
    transform: scale(1.05); /* Slight zoom effect */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
    color: #ffffff;
}

.contact-button:active {
    background-color: #345a82; /* Updated active button color */
    transform: scale(1); /* Reset zoom effect */
}

.contact-button:visited {
    color: #ffffff;
}

/* Footer Styling */
footer {
    background-color: #f8f9fa; /* Light gray background for footer */
    color: #333333; /* Dark text color */
    padding: 20px; /* Padding around footer content */
    clear:both;
}

/* Links in Footer */
footer a {
    color: #345a82; /* Updated primary color for footer links */
    text-decoration: none;
}

footer a:hover {
    color: #4d7192; /* Updated hover color in footer */
}

/* Visited link color */
.subnav-link:visited {
    color: #ffffff; /* Logo color or your desired visited color */
}

/* Hover link color */
a:hover {
    color: #4d7192; /* Logo color or your desired hover color */
}

/* Mobile menu toggle button */
.mobile-menu-toggle {
    display: none; /* Hidden by default */
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.custom-hero-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2rem;
    background-color: #f7f7f7;
}

.custom-hero-image-container {
    flex: 1;
    max-width: 50%;
    padding: 1rem;
}

.custom-hero-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-top: 20px;
}

.custom-hero-content {
    flex: 1;
    max-width: 50%;
    padding: 1rem;
    text-align: left;
}

.custom-hero-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 60vh; /* Better height control */
    padding: clamp(2rem, 5vw, 4rem) 1.5rem;
    gap: 2rem;
}

.custom-hero-image-container,
.custom-hero-content {
    flex: 1 1 45%; /* Better flex basis */
    min-width: 300px; /* Prevent too narrow columns */
}

@media (max-width: 768px) {
    .custom-hero-section {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1rem;
    }
    
    .custom-hero-image-container,
    .custom-hero-content {
        max-width: 100%;
        flex: 1 1 100%;
    }
    
    .custom-hero-buttons {
        flex-direction: column;
        gap: 0.8rem;
        align-items: center;
    }
    
    .custom-hero-button {
        width: 100%;
        max-width: 280px;
    }
}

.custom-hero-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem); /* Responsive font sizing */
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.2rem;
    color: #345a82; /* Primary Color */
    margin-top: 0px;
}

.custom-hero-subtitle {
    font-size: clamp(1.4rem, 3vw, 2rem);
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 1.5rem;
    color: #4d7192; /* Accent Color */
}

.custom-hero-subtitle .italic {
    font-style: italic;
    color: #6689a2; /* Accent Color */
}

.custom-hero-text {
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    color: #666;
}

.custom-hero-text a {
    color: #345a82; /* Primary Color */
    text-decoration: underline;
}

.custom-hero-buttons {
    display: flex;
    gap: 1rem;
}

.custom-hero-button {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.custom-hero-button.primary {
    background-color: #4d7192; /* Button Background Color */
    color: #ffffff; /* Button Text Color */
}

.custom-hero-button.primary:hover {
    background-color: #6689a2; /* Button Hover Background Color */
}

.custom-hero-button.secondary {
    background-color: #7ea0b1; /* Accent Color */
    color: #ffffff; /* Button Text Color */
}

.custom-hero-button.secondary:hover {
    background-color: #97b8c1; /* Lighter Accent Color */
}


.home .entry-header{
	display: none;
}
.home .entry-content{
	margin-top:0;

}

.custom-hero-button {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    border-radius: 8px; /* More modern rounded corners */
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.custom-hero-button.primary {
    background-color: #4d7192;
    color: #ffffff;
    border-color: #4d7192;
}

.custom-hero-button.primary:hover {
    background-color: #6689a2;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(77, 113, 146, 0.3);
}

.custom-hero-button.secondary {
    background-color: transparent;
    color: #4d7192;
    border-color: #4d7192;
}

.custom-hero-button.secondary:hover {
    background-color: #4d7192;
    color: #ffffff;
    transform: translateY(-2px);
}

.custom-hero-button:focus {
    outline: 3px solid #87bdd8;
    outline-offset: 2px;
}

.custom-hero-text a:focus {
    outline: 2px solid #345a82;
    outline-offset: 1px;
    border-radius: 2px;
}

.custom-hero-section {
    opacity: 0;
    animation: fadeInUp 0.8s ease-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* logo slider css */

.trusted-platform {
    text-align: center;
    padding: 4rem 1.5rem;
    background-color: #f0f4f8;
    border-top: 5px solid #345a82; /* Primary Color */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.trusted-content {
    max-width: 800px;
    margin: 0 auto 3rem auto;
    padding: 0 1rem;
    text-align: center;
}

.trusted-content h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #345a82; /* Primary Color */
    margin-bottom: 1rem;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.trusted-content p {
    font-size: 1.125rem;
    color: #4d7192; /* Accent Color */
    line-height: 1.6;
    margin-bottom: 0;
}

.logo-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    padding: 1rem 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.logo-slide {
    display: inline-block;
    padding: 0 1rem;
    opacity: 0.8;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.logo-slide:hover {
    opacity: 1;
    transform: scale(1.1);
}

.logo-slide img {
    max-height: 80px;
    max-width: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.logo-slide:hover img {
    filter: none;
}

/* Developer lider */

.developers-slider-section {
    padding: 1.5rem 1.5rem;
    
    position: relative;
    overflow: hidden; /* Prevent overflow in the section */
}

.swiper-container {
    width: 100%;
    height: auto;
    overflow: hidden; /* prevent content from overflowing */
}

.swiper-slide {
    display: flex;
    align-items: stretch; /* Make content fill height */
    justify-content: center;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0; /* remove padding so it fits edge-to-edge */
}

.slide-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px; /* optional: control max width */
    margin: 0 auto;
    padding: 2rem; /* add controlled padding INSIDE content */
    box-sizing: border-box;
}

.slide-image {
    flex: 1;
    margin-right: 2rem;
}

.slide-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover; /* ensures image fills space properly */
    display: block;
}

.slide-text {
    flex: 1;
    margin-left: 2rem;
}


.slide-text h2 {
    font-size: 2rem;
    color: #345a82;
    margin-bottom: 0.5rem;
}

.slide-text h3 {
    font-size: 1.5rem;
    color: #4d7192;
    margin-bottom: 1rem;
}

.slide-text p {
    font-size: 1rem;
    color: #4d7192;
    margin-bottom: 1rem;
}

.slide-buttons {
    display: flex;
    gap: 1rem;
}

.slide-buttons .btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.slide-buttons .btn-primary {
    background-color: #4d7192; /* Button Background Color */
    color: #ffffff; /* Button Text Color */
}

.slide-buttons .btn-primary:hover {
    background-color: #6689a2; /* Button Hover Background Color */
}

.slide-buttons .btn-secondary {
    background-color: #7ea0b1; /* Accent Color */
    color: #ffffff; /* Button Text Color */
}

.slide-buttons .btn-secondary:hover {
    background-color: #97b8c1; /* Lighter Accent Color */
}

.swiper-button-next, .swiper-button-prev {
    color: #345a82;
}

.meet-our-developers {
    padding: 4rem 1.5rem;
    background-color: #f0f4f8; /* Light background color */
    text-align: center; /* Center-align text */
}

.developers-content {
    max-width: 800px; /* Limit width of the content */
    margin: 0 auto; /* Center the content horizontally */
}

.developers-content h2 {
    font-size: 2.5rem; /* Adjust size as needed */
    color: #345a82; /* Primary color */
    margin-bottom: 1rem; /* Space below the heading */
}

.developers-content p {
    font-size: 1.125rem; /* Font size for paragraph */
    color: #4d7192; /* Accent color for text */
    line-height: 1.6; /* Improve readability */
    margin-bottom: 2rem; /* Space below the paragraph */
}

/* Footer Styles */
.site-footer {
    background-color: #345a82; /* Primary color */
    color: #ffffff;
    padding: 2rem 1.5rem;
    font-size: 0.875rem;
}

.footer-top {
    border-bottom: 1px solid #ffffff; /* Divider line */
    padding-bottom: 2rem;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-logo {
    flex: 1;
    max-width: 225px;
    position: relative; /* Make sure the overlay can be positioned absolutely */
    margin-top: 25px;
}

.footer-logo h1 {
    font-size: 2rem;
    color: #ffffff;
}

.logo-container {
    flex: 1;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    flex: 3;
}

.footer-link-group {
    flex: 1;
}

.footer-link-group h3 {
    font-size: 1.25rem;
    color: #ffffff;
    margin-bottom: 1rem;
}

.footer-link-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-link-group ul li {
    margin-bottom: 0.5rem;
}

.footer-link-group ul li a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-link-group ul li a:hover {
    color: #b0cfd1; /* Light accent color for hover effect */
}

.footer-bottom {
    text-align: center;
  padding-top: 2em;
  border-top: 1px solid #ffffff;
  padding-bottom: 0;
}

/* Sidebar Styles */
#footer-sidebar {
    /* Styles for the footer sidebar */
    margin-top: 18px;
}

.footer-sidebar .social-links {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 1rem;
}

.footer-sidebar .social-links .social-icon {
    text-decoration: none;
    font-size: 1.5rem;
    display: inline-block;
    color: #ffffff; /* Default icon color */
    position: relative;
}

.footer-sidebar .social-links .social-icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3); /* Semi-transparent overlay */
    z-index: 1; /* Ensure overlay is above the icon */
    opacity: 0;
    transition: opacity 0.3s;
}

.footer-sidebar .social-links .social-icon:hover::after {
    
}

.footer-sidebar .social-links .social-icon.facebook:hover {
    color: #3b5998; /* Facebook color on hover */
}

.footer-sidebar .social-links .social-icon.twitter:hover {
    color: #1da1f2; /* Twitter color on hover */
}

.footer-sidebar .social-links .social-icon.linkedin:hover {
    color: #0077b5; /* LinkedIn color on hover */
}

.footer-sidebar .social-links .social-icon.instagram:hover {
    color: #e4405f; /* Instagram color on hover */
}

.trusted-hosting-platform {
    background-color: #f9f9f9;
    padding: 3rem 1.5rem;
    text-align: center;
}

.trusted-hosting-platform h2 {
    font-size: 2rem;
    color: #345a82; /* Primary Color */
    margin-bottom: 1rem;
}

.trusted-hosting-platform h3 {
    font-size: 1.5rem;
    color: #4d7192; /* Accent Color */
    margin-bottom: 2rem;
}

.trusted-hosting-offers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.offer {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    flex: 1;
    max-width: 400px;
    text-align: left;
}

.offer h4 {
    font-size: 1.25rem;
    color: #345a82; /* Primary Color */
    margin-bottom: 0.5rem;
}

.offer p {
    font-size: 1rem;
    color: #555555; /* Adjusted to a neutral dark grey for better readability */
    margin-bottom: 1rem;
}

.offer a.learn-more {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    color: #345a82; /* Primary Link Color */
    text-decoration: none;
    margin-top: 1rem;
    transition: color 0.3s;
}

.offer a.learn-more svg {
    margin-left: 0.5rem;
    width: 1rem;
    height: 1rem;
    fill: #345a82; /* Primary Link Color */
    transition: fill 0.3s;
}

.offer a.learn-more:hover svg {
    fill: #6689a2; /* Button Hover Background Color */
}

.custom-statistics-section {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 2rem 1rem;
    background-color: #f9f9f9; /* Adjust background as needed */
    text-align: center;
}

.custom-statistics-section .stat-item {
    margin: 0 1rem;
}

.custom-statistics-section .stat-value {
    font-size: 2.5rem;
    color: #345a82; /* Primary Color */
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.custom-statistics-section .stat-description {
    font-size: 1rem;
    color: #4d7192; /* Accent Color */
}

/* General Section Styling */
section {
  padding: 60px 0;
}

/* Hero Section */
.custom-hero-section {
  background-color: #f0f4f8; /* Light grey background for a soft hero section */
  
}

/* About Section */
.trusted-platform {
  background-color: #ffffff; /* White background for a clean look */
  
  border-top: 5px solid #345a82;
}

/* Services Section */
.meet-our-developers {
  background-color: #f9f9f9; /* Slightly off-white for a subtle difference */
  
  border-top: 5px solid #345a82;
}

/* Testimonials Section */
.trusted-hosting-platform {
  background-color: #e9f1f4; /* Light blue for a refreshing feel */
  
  border-top: 5px solid #345a82;
}

/* Contact Section */
.custom-statistics-section {
  background-color: #ffffff; /* White background for clarity */
  
  border-top: 5px solid #345a82;
}

/* Footer */
.entry-footer {
  background-color: #345a82; /* Primary color for a strong footer */
  
  border-top: 5px solid #345a82;
}

.woocommerce-custom-authentication {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    max-width: 800px;
    margin: 0 auto;
}

.woocommerce-custom-authentication h2 {
    color: #345a82;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row input.button {
    width: 100%;
    padding: 10px;
    border: 1px solid #b0cfd1;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 16px;
}

.woocommerce form .form-row input.button {
    background-color: #4d7192;
    color: #ffffff;
    border: none;
    cursor: pointer;
}

.woocommerce form .form-row input.button:hover {
    background-color: #6689a2;
}

.woocommerce .woocommerce-MyAccount-content {
    background: #f5f7f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Navigation styling */
.woocommerce-MyAccount-navigation {
    flex: 0 0 30%; /* 30% width for the navigation */
    background-color: #f4f4f4;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-sizing: border-box; /* Ensure padding and border are included in the width */
}

/* Content styling */
.woocommerce-MyAccount-content {
    flex: 0 0 68%; /* 70% width for the content */
    box-sizing: border-box; /* Ensure padding and border are included in the width */
}

/* Primary Color for Links */
.woocommerce a {
    color: #345a82; /* Primary Link Color */
}

.woocommerce a:hover {
    color: #6689a2; /* Hover Color for Links */
}

/* Button Styles */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    background-color: #4d7192; /* Button Background Color */
    color: #ffffff; /* Button Text Color */
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    background-color: #6689a2; /* Button Hover Background Color */
}

/* Additional button styles for variations and other elements */
.single_variation_wrap .single_add_to_cart_button {
    background-color: #4d7192; /* Button Background Color */
    color: #ffffff; /* Button Text Color */
}

.single_variation_wrap .single_add_to_cart_button:hover {
    background-color: #6689a2; /* Button Hover Background Color */
}

/* Custom fields styling */
.custom-fields {
    margin: 20px 0;
}

.custom-fields label {
    display: block;
    margin-bottom: 5px;
    color: #345a82; /* Label color matching the primary color */
}

.custom-fields input, 
.custom-fields textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #b0cfd1; /* Border color matching accent colors */
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #f8f8f8; /* Light background color for input fields */
}

/* WooCommerce notices */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    border-top-color: #4d7192; /* Notice border color */
}

/* Product price color */
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #345a82; /* Product price color */
}


/* Hide sidebar on WooCommerce single product pages */
.woocommerce.single-product .sidebar,
.woocommerce-page.single-product .sidebar {
    display: none;
}

/* Adjust content area to take full width when sidebar is hidden */
.woocommerce.single-product .content-area,
.woocommerce-page.single-product .content-area {
    width: 100%;
    max-width: 100%;
}

/* Hide sidebar on all WooCommerce pages */
.woocommerce .sidebar,
.woocommerce-page .sidebar {
    display: none;
}

/* Adjust content area to take full width when sidebar is hidden */
.woocommerce .content-area,
.woocommerce-page .content-area {
    width: 100%;
    max-width: 100%;
}


/* Adjustments for responsive design */
@media (max-width: 768px) {
    .woocommerce {
        flex-direction: column; /* Stack the columns on smaller screens */
    }
    
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content {
        flex: 1 0 100%; /* Full width on smaller screens */
    }
}


.woocommerce form .form-row label {
    color: #345a82;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

.woocommerce a {
    color: #345a82;
}

.woocommerce a:hover {
    color: #7ea0b1;
}

/* General Form Styles */
.woocommerce form {
    
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.woocommerce form h2 {
    color: #345a82;
    text-align: center;
    margin-bottom: 20px;
}

/* Input Fields */
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #b0cfd1;
    border-radius: 5px;
    box-sizing: border-box;
}

/* Buttons */
.woocommerce form button {
    width: 100%;
    background-color: #4d7192;
    color: #ffffff;
    padding: 12px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.woocommerce form button:hover {
    background-color: #6689a2;
}

/* Links */
.woocommerce a {
    color: #345a82;
}

.woocommerce a:hover {
    color: #4d7192;
}

/* Error Messages */
.woocommerce-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Success Messages */
.woocommerce-message {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

/* Login and Register Page Styles */
.login-register-container {
    color: #345a82; /* Primary color */
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.login-register-container a {
    color: #4d7192; /* Accent color for links */
    text-decoration: none;
}

.login-register-container a:hover {
    color: #6689a2; /* Hover color for links */
}

/* Welcome Text */
.welcome-text {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* Benefits Text */
.benefits-text {
    font-size: 18px;
    margin-bottom: 20px;
}

/* Basic styling for the WooCommerce account page */
article.post-11 {
    font-family: Arial, sans-serif;
    color: #345a82; /* Primary color for text */
}

/* Header styling */
.entry-header {
    margin-bottom: 20px;
}

.entry-title {
    font-size: 2em;
    color: #345a82; /* Primary color for the title */
    border-bottom: 2px solid #4d7192; /* Accent color for a bottom border */
    padding-bottom: 10px;
    margin-top: 50px;
}

/* Navigation menu styling */
.woocommerce-MyAccount-navigation {
    background-color: #f4f4f4; /* Light grey background */
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation a {
    color: #345a82; /* Primary link color */
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    display: block;
    border-radius: 5px;
}

.woocommerce-MyAccount-navigation .is-active a {
    background-color: #4d7192; /* Button background color for active state */
    color: #ffffff; /* Button text color for active state */
}

/* Content styling */
.woocommerce-MyAccount-content {
    margin-top: 20px;
}

.woocommerce-MyAccount-content p {
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content a {
    color: #4d7192; /* Accent color for links in content */
}

.woocommerce-MyAccount-content a:hover {
    color: #345a82; /* Primary color on hover */
    text-decoration: underline;
}

/* Footer styling */
.entry-footer {
    margin-top: 30px;
    border-top: 1px solid #b0cfd1; /* Light accent color for the border */
    padding-top: 15px;
}

.entry-footer .edit-link a {
    color: #4d7192; /* Accent color for edit link */
    text-decoration: none;
}

.entry-footer .edit-link a:hover {
    color: #345a82; /* Primary color on hover */
    text-decoration: underline;
}

/* Main container */
.woocommerce-page #primary.site-main {
    padding: 20px;
}

/* Breadcrumb navigation */
.woocommerce-page .woocommerce-breadcrumb {
    font-size: 14px;
    font-weight: 700;
      color: #345a82;
      margin-bottom: 1rem;
      text-transform: capitalize;
      letter-spacing: 1px;
}
.woocommerce-page .woocommerce-breadcrumb a {
    color: #345a82;
    text-decoration: none;
}
.woocommerce-page .woocommerce-breadcrumb a:hover {
    color: #6689a2;
    text-decoration: underline;
}

/* Page header */
.woocommerce-page .woocommerce-products-header__title.page-title {
    font-size: 2.5rem;
  font-weight: 700;
  color: #345a82;
  margin-bottom: 1rem;
  text-transform: capitalize;
  letter-spacing: 1px;
  text-align: center;
}

/* Notices */
.woocommerce-page .woocommerce-notices-wrapper {
    margin-bottom: 20px;
}

/* Result count */
.woocommerce-page .woocommerce-result-count {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

/* Ordering */
.woocommerce-page .woocommerce-ordering {
    display: inline-block;
    margin-bottom: 20px;
}
.woocommerce-page .woocommerce-ordering .orderby {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.woocommerce-page .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.woocommerce-page .woocommerce-result-count {
    margin-right: 20px;
}

.woocommerce-page .woocommerce-ordering {
    display: inline-block;
}

/* Product list */
.woocommerce-page ul.products {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.woocommerce-page ul.products li.product {
    width: 22%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    transition: all 0.3s ease-in-out;
}
.woocommerce-page ul.products li.product:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}
.woocommerce-page .woocommerce-LoopProduct-link {
    text-decoration: none;
    color: inherit;
}
.woocommerce-page .woocommerce-loop-product__title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
}
.woocommerce-page ul.products li.product img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

/* Price */
.woocommerce-page .price {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.woocommerce-page .price .woocommerce-Price-amount {
    color: #345a82;
  font-weight: bold;
  text-decoration: underline;
}

/* Button */
.woocommerce-page .button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
}
.woocommerce-page .button:hover {
    background-color: #6689a2;
}

/* Screen reader text */
.woocommerce-page .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Basic Reset */


/* Main Container */
.site-main {
    padding: 20px;
    background-color: #f4f8fb; /* Background color for the main content */
}

/* Breadcrumb Navigation */
.woocommerce-breadcrumb {
    background-color: #dce6f0; /* Light Background */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #1b3b6f; /* Primary Text */
    font-size: 0.9rem;
    margin-top: 1rem;
}

.woocommerce-breadcrumb a {
    color: #87bdd8; /* Link Color */
    text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
    color: #1b3b6f; /* Link Hover Color */
}

/* Product Header */
.woocommerce-products-header__title {
    font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #345a82;
}

/* Notices Wrapper */
.woocommerce-notices-wrapper {
    background-color: #f4f8fb;
    padding: 10px;
    border-left: none; /* Light Blue Border */
    margin-bottom: 20px;
    color: #1b3b6f; /* Deep Blue Text */
}

/* Product Count Text */
.woocommerce-result-count {
    color: #1b3b6f; /* Primary Text */
    font-size: 1rem;
    margin-bottom: 20px;
}

/* Sorting Dropdown */
.woocommerce-ordering {
    margin-bottom: 20px;
}

.woocommerce-ordering select {
    background-color: #dce6f0; /* Light Background */
    color: #1b3b6f; /* Primary Text */
    border: 1px solid #87bdd8; /* Light Blue Border */
    padding: 5px;
    border-radius: 5px;
    font-size: 1rem;
}

.woocommerce-ordering select:focus {
    border-color: #1b3b6f; /* Focus Border */
    outline: none;
}

/* Product Listing */
.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
    list-style: none;
    padding: 0;
}

.product {
    background-color: #ffffff; /* White Background */
    border: 1px solid #d1dce5; /* Light Border */
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    transition: box-shadow 0.3s ease;
    /*width: calc(33.333% - 20px);*/
}

.product:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hover Shadow */
}

.product img {
    max-width: 100%;
    height: auto;
    border-bottom: 1px solid #d1dce5; /* Image Border */
}

.woocommerce-loop-product__title {
    color: #1b3b6f; /* Product Title */
    font-size: 1.2rem;
    margin: 15px 0;
}

.price {
    color: #1b3b6f; /* Price Color */
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.subscription-details {
    font-size: 0.9rem;
    color: #87bdd8; /* Light Blue */
}

/* Buttons */
.button {
    background-color: #1b3b6f; /* Deep Blue */
    color: #fff; /* White Text */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.button:hover {
    background-color: #87bdd8; /* Light Blue on Hover */
    color: #10243a; /* Darker Text on Hover */
}

.single-product .product {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
  justify-content: space-between; /* Adjust to spread content evenly */
}

.single-product .woocommerce-product-gallery {
  flex: 1 1 48%; /* Slightly reduced width to accommodate gaps */
  max-width: 48%;
}

.single-product .entry-summary {
  flex: 1 1 48%;
  max-width: 48%;
  padding-left: 20px;
}

.single-product .woocommerce-product-gallery__image {
  overflow: hidden;
  position: relative;
}

.single-product .woocommerce-product-gallery__image img {
  width: 100%;
  transition: transform 0.3s ease;
}

.single-product .woocommerce-product-gallery__image:hover img {
  transform: scale(1.05);
}

.single-product .product_title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #345a82; /* Updated to match theme's primary color */
}

.single-product .price {
  font-size: 2rem;
  color: #4d7192; /* Updated to match theme's accent color */
  margin-bottom: 20px;
  font-weight: bold;
}

.single-product .woocommerce-product-details__short-description {
  margin-bottom: 20px;
  font-size: 1rem;
  color: #555;
}

.single-product .variations_form.cart {
  margin-bottom: 20px;
}

.single-product .variations_form .variations {
  margin-bottom: 15px;
}

.single-product .variations_form .single_variation_wrap {
  margin-bottom: 20px;
}

.single-product .custom-fields {
  margin-bottom: 15px;
}

.single-product .custom-fields label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #345a82; /* Updated to match primary color */
}

.single-product .custom-fields input[type="text"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
}

.single-product .quantity {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.single-product .quantity input[type="number"] {
  width: 60px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
}

.single-product .single_add_to_cart_button {
  background-color: #4d7192; /* Updated to match theme's button color */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}

.single-product .single_add_to_cart_button.disabled {
  background-color: #ddd;
  cursor: not-allowed;
}

.single-product .single_add_to_cart_button:hover {
  background-color: #6689a2; /* Updated to match hover button color */
}

.single-product .product_meta {
  margin-top: 20px;
  font-size: 0.875rem;
  color: #666;
}

.single-product .product_meta span {
  display: block;
  margin-bottom: 5px;
}

.single-product .woocommerce-tabs {
  margin-top: 30px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  width:100%;
}

.single-product .woocommerce-tabs .tabs {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.single-product .woocommerce-tabs .tabs li {
  display: inline-block;
  margin-right: 15px;
}

.single-product .woocommerce-tabs .tabs li a {
  text-decoration: none;
  color: #345a82; /* Updated to match primary link color */
  padding: 10px;
  display: block;
  font-weight: bold;
}

.single-product .woocommerce-tabs .tabs li.active a {
  color: #4d7192; /* Updated to match active link color */
  border-bottom: 2px solid #4d7192; /* Updated to match active border color */
}

.single-product .woocommerce-tabs .panel {
  display: none;
  margin-top: 20px;
  text-align: left;
}

.single-product .woocommerce-tabs .panel.active {
  display: block;
}

.summary.entry-summary {
  padding: 20px;
  background-color: #f9f9f9; /* Light background to make the content stand out */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.summary.entry-summary h1.product_title.entry-title {
  font-size: 2rem; /* Increased size for emphasis */
  color: #345a82; /* Primary color */
  margin-bottom: 10px;
  text-align: center;
}

.summary.entry-summary .price {
  font-size: 1rem;
  color: #7ea0b1; /* Subtle color for price */
  margin-bottom: 15px;
  text-align: center;
}

.summary.entry-summary .price .subscription-details {
  font-size: 0.875rem;
  color: #6689a2; /* Slightly muted color for subscription details */

}

.summary.entry-summary .woocommerce-product-details__short-description {
  margin-bottom: 20px;
  font-size: 1rem;
  color: #555;
  text-align: left;
}

.summary.entry-summary .woocommerce-product-details__short-description .feature-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.summary.entry-summary .woocommerce-product-details__short-description .feature-text ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  color: #345a82; /* Primary color for list items */
  font-size: 1rem;
}

.summary.entry-summary .woocommerce-product-details__short-description .feature-text ul li .checkmark {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 2px solid #4CAF50;
  border-radius: 3px;
  margin-right: 10px;
  position: relative;
}

.summary.entry-summary .woocommerce-product-details__short-description .feature-text ul li .checkmark:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #4CAF50;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.summary.entry-summary form.variations_form.cart {
  margin-top: 20px;
}

.summary.entry-summary .variations_form .variations {
  margin-bottom: 15px;
}

.summary.entry-summary .variations_form .single_variation_wrap {
  margin-bottom: 20px;
}

.summary.entry-summary .variations_form .custom-fields label {
  display: block;
  margin-bottom: 5px;
  color: #345a82; /* Label color matching primary color */
  font-size: 1rem;
  font-weight: bold;
}

.summary.entry-summary .variations_form .custom-fields input[type="text"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #b0cfd1; /* Light border matching theme accent */
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #f8f8f8; /* Light background for input fields */
}

.summary.entry-summary .variations_form .quantity input[type="number"] {
  width: 60px;
  padding: 5px;
  border: 1px solid #b0cfd1;
  border-radius: 4px;
  text-align: center;
  margin-right: 10px;
}

.summary.entry-summary .single_add_to_cart_button {
  background-color: #4d7192; /* Button background color */
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}

.summary.entry-summary .single_add_to_cart_button:hover {
  background-color: #6689a2; /* Button hover color */
}

.summary.entry-summary .product_meta {
  margin-top: 20px;
  font-size: 0.875rem;
  color: #666;
  text-align: center;
}

.summary.entry-summary .product_meta span {
  display: block;
  margin-bottom: 5px;
}

.summary.entry-summary .product_meta a {
  color: #4d7192; /* Link color for meta */
  text-decoration: none;
}

.summary.entry-summary .product_meta a:hover {
  color: #6689a2; /* Hover color for meta links */
}

/* Center align for buttons and links */
.summary.entry-summary .woocommerce-buy-now {
  display: inline-block;
  background-color: #4d7192; /* Buy now button background */
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
  margin-top: 10px;
  text-align: center;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.summary.entry-summary .woocommerce-buy-now:hover {
  background-color: #6689a2; /* Buy now button hover */
}

.summary.entry-summary .product-price-wrapper {
  font-size: 1.125rem;
  color: #7ea0b1;
  text-align: center;
}

.variations_form.cart {
  padding: 20px;
  background-color: #f9f9f9; /* Light background for form */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  max-width: 500px; /* Adjust width as needed */
  margin: 0 auto; /* Center the form */
}

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

.variations_form.cart table.variations td.label {
  text-align: left;
  font-size: 1rem;
  color: #345a82; /* Primary color for labels */
  padding: 10px 0;
}

.variations_form.cart table.variations td.value {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Align content to the right */
  gap: 10px; /* Space between the select and the reset link */
}

.variations_form.cart table.variations select {
  width: auto; /* Auto width to fit content */
  padding: 8px;
  border: 1px solid #b0cfd1;
  border-radius: 4px;
  background-color: #f8f8f8;
  color: #345a82;
  font-size: 1rem;
}

.variations_form.cart .reset_variations {
  visibility: visible; /* Make the reset link visible */
  font-size: 0.875rem;
  color: #0071a1; /* Matching theme link color */
  text-decoration: none;
  padding: 8px;
  border-radius: 4px;
  transition: color 0.3s ease;
}

.variations_form.cart .reset_variations:hover {
  color: #005f8a; /* Hover color for reset link */
}


.variations_form.cart .custom-fields {
  margin-bottom: 20px;
}

.variations_form.cart .custom-fields label {
  display: block;
  margin-bottom: 5px;
  color: #345a82; /* Label color matching primary color */
  font-size: 1rem;
  font-weight: bold;
}

.variations_form.cart .custom-fields input[type="text"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #b0cfd1; /* Light border */
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #f8f8f8; /* Light background for input fields */
}

.variations_form.cart .quantity {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.variations_form.cart .quantity label {
  display: none; /* Screen reader text hidden */
}

.variations_form.cart .quantity input[type="number"] {
  width: 60px;
  padding: 5px;
  border: 1px solid #b0cfd1; /* Light border */
  border-radius: 4px;
  text-align: center;
  margin-right: 10px;
  background-color: #f8f8f8; /* Light background */
}

.variations_form.cart .single_add_to_cart_button {
  background-color: #4d7192; /* Button background color */
  color: #ffffff; /* Button text color */
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
  display: block;
  width: 100%;
  transition: background-color 0.3s ease;
  border: none;
}

.variations_form.cart .single_add_to_cart_button:hover {
  background-color: #6689a2; /* Button hover color */
}

.variations_form.cart .single_add_to_cart_button.disabled {
  background-color: #ddd; /* Disabled button color */
  cursor: not-allowed;
}

.variations_form.cart .woocommerce-variation-add-to-cart {
  margin-top: 20px;
}

.variations_form.cart .woocommerce-variation-add-to-cart .reset_variations {
  visibility: hidden;
}

/* Center align the form inside the container */
.variations_form.cart {
  text-align: center;
}

.product_meta {
  margin-top: 20px;
  font-size: 0.875rem; /* Small, subtle text */
  color: #666; /* Neutral grey for the text */
  background-color: #f9f9f9; /* Light background to differentiate from main content */
  padding: 15px;
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.product_meta span {
  display: block;
  margin-bottom: 10px;
}

.product_meta .sku_wrapper {
  font-weight: bold; /* Bold for emphasis */
  color: #345a82; /* Primary color for the SKU label */
}

.product_meta .sku {
  color: #4d7192; /* Slightly different shade for the SKU value */
}

.product_meta .posted_in {
  font-size: 0.875rem;
  color: #345a82; /* Primary color for category label */
}

.product_meta .posted_in a {
  color: #0071a1; /* Link color for categories */
  text-decoration: none;
  transition: color 0.3s ease;
}

.product_meta .posted_in a:hover {
  color: #005f8a; /* Hover color for categories */
}

.woocommerce-tabs {
  margin-top: 30px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.woocommerce-tabs .tabs {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  list-style: none;
  padding-left: 0;
  justify-content: space-between; /* Adjust to fit tabs across */
}

.woocommerce-tabs .tabs li {
  flex: 1; /* Each tab takes equal space */
  text-align: center;
}

.woocommerce-tabs .tabs li a {
  text-decoration: none;
  color: #0071a1; /* Primary link color */
  padding: 10px;
  display: block;
  font-weight: bold;
  transition: color 0.3s ease, border-bottom 0.3s ease;
  border-bottom: 2px solid transparent; /* Transition to active state */
}

.woocommerce-tabs .tabs li.active a {
  color: #345a82; /* Active tab color */
  border-bottom: 2px solid #345a82; /* Active tab border */
}

.woocommerce-tabs .panel {
  display: none; /* Panels are hidden by default */
  margin-top: 20px;
  padding: 20px;
  background-color: #f9f9f9; /* Light background for panels */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.woocommerce-tabs .panel.active {
  display: block; /* Show the active panel */
}

.woocommerce-tabs .panel h2 {
  font-size: 1.5rem;
  color: #345a82; /* Primary color */
  margin-bottom: 15px;
}

.woocommerce-tabs .panel p {
  font-size: 1rem;
  color: #555; /* Slightly muted text color */
}

.woocommerce-tabs .panel table.shop_attributes {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}

.woocommerce-tabs .panel table.shop_attributes th,
.woocommerce-tabs .panel table.shop_attributes td {
  padding: 10px;
  border: 1px solid #ddd; /* Light border for table cells */
  font-size: 1rem;
}

.woocommerce-tabs .panel table.shop_attributes th {
  background-color: #f1f1f1; /* Slightly darker background for headers */
  color: #345a82; /* Primary color */
  text-align: left;
}

.woocommerce-tabs .panel table.shop_attributes td {
  color: #666; /* Neutral color for table content */
}

.woocommerce-tabs .woocommerce-Reviews-title {
  font-size: 1.5rem;
  color: #345a82; /* Primary color */
  margin-bottom: 15px;
}

.woocommerce-tabs .woocommerce-noreviews {
  font-size: 1rem;
  color: #666; /* Neutral color */
}

.woocommerce-tabs .comment-form-rating label {
  color: #345a82; /* Primary color for label */
  font-weight: bold;
}

.woocommerce-tabs .comment-form-rating .stars {
  display: flex;
  gap: 5px;
}

.woocommerce-tabs .comment-form-rating .stars a {
  text-decoration: none;
  font-size: 1.5rem;
  color: #f1c40f; /* Gold color for stars */
  transition: color 0.3s ease;
}

.woocommerce-tabs .comment-form-rating .stars a:hover,
.woocommerce-tabs .comment-form-rating .stars a:focus {
  color: #e67e22; /* Darker shade on hover/focus */
}

.woocommerce-tabs .comment-form-comment label {
  color: #345a82; /* Primary color for label */
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.woocommerce-tabs .comment-form-comment textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 1rem;
}

.woocommerce-tabs .form-submit input[type="submit"] {
  background-color: #4d7192; /* Button background color */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.woocommerce-tabs .form-submit input[type="submit"]:hover {
  background-color: #6689a2; /* Button hover color */
}

.woocommerce-Tabs-panel--reviews {
  padding: 20px;
  background-color: #f9f9f9; /* Light background for the reviews tab */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.woocommerce-Reviews-title {
  font-size: 1.5rem;
  color: #345a82; /* Primary color */
  margin-bottom: 15px;
  text-align: center;
}

.woocommerce-noreviews {
  font-size: 1rem;
  color: #666; /* Neutral color */
  text-align: center;
  margin-bottom: 20px;
}

#review_form_wrapper {
  margin-top: 20px;
}

#review_form {
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #ddd; /* Light border around the form */
  border-radius: 8px;
}

.comment-respond {
  margin-bottom: 20px;
}

.comment-reply-title {
  font-size: 1.25rem;
  color: #345a82; /* Primary color */
  margin-bottom: 15px;
}

.comment-reply-title small a {
  color: #0071a1; /* Link color */
  text-decoration: none;
  transition: color 0.3s ease;
}

.comment-reply-title small a:hover {
  color: #005f8a; /* Hover color for the link */
}

.comment-form-rating label {
  color: #345a82; /* Primary color for label */
  font-weight: bold;
}

.comment-form-rating .stars {
  display: flex;
  gap: 5px;
  margin-bottom: 15px;
}

.comment-form-rating .stars a {
  text-decoration: none;
  font-size: 1.5rem;
  color: #f1c40f; /* Gold color for stars */
  transition: color 0.3s ease;
}

.comment-form-rating .stars a:hover,
.comment-form-rating .stars a:focus {
  color: #e67e22; /* Darker shade on hover/focus */
}

.comment-form-comment label {
  color: #345a82; /* Primary color for label */
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.comment-form-comment textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #b0cfd1; /* Accent color for border */
  border-radius: 4px;
  background-color: #f8f8f8; /* Light background */
  font-size: 1rem;
  color: #555; /* Neutral text color */
}

.form-submit input[type="submit"] {
  background-color: #4d7192; /* Button background color */
  color: #ffffff; /* Button text color */
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: inline-block;
  font-size: 1rem;
}

.form-submit input[type="submit"]:hover {
  background-color: #6689a2; /* Button hover color */
}

.woocommerce-noreviews{
    color:#ffffff !important;
    background-color: #4d7192 !important;
    padding: 5px;
}

.related.products {
  margin-top: 40px;
  padding: 20px;
  background-color: #f9f9f9; /* Light background to differentiate the section */
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.related.products h2 {
  font-size: 2rem;
  color: #345a82; /* Primary color for the section title */
  text-align: center; /* Centered title */
  margin-bottom: 30px; /* Space between the title and product list */
}

.related.products .products {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center; /* Center products in the row */
  margin-top: 0; /* Remove margin */
  padding: 0; /* Remove padding */
  list-style: none; /* Remove default list styling */
}

.related.products .products li {
  list-style: none; /* Ensure no bullet points */
  margin: 0;
  padding: 0;
  flex-basis: calc(33.333% - 20px); /* Three products per row */
  max-width: calc(33.333% - 20px); /* Ensure max width is maintained */
  box-sizing: border-box; /* Ensure padding doesn't affect width */
}

.related.products .product {
  background-color: #ffffff; /* White background for product cards */
  border: 1px solid #ddd; /* Light border around product cards */
  border-radius: 8px;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  flex: 1 1 100%; /* Full width within the container */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for product cards */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.related.products .product:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

.related.products .product img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
  border-radius: 4px;
  transition: transform 0.3s ease;
}

.related.products .product img:hover {
  transform: scale(1.05); /* Slight zoom effect on hover */
}

.related.products .woocommerce-loop-product__title {
  font-size: 1.25rem;
  color: #345a82; /* Primary color for product titles */
  margin-bottom: 10px;
}

.related.products .price {
  font-size: 1.125rem;
  color: #7ea0b1; /* Subtle color for price */
  font-weight: bold;
  margin-bottom: 10px;
}

.related.products .subscription-details {
  font-size: 0.875rem;
  color: #6689a2; /* Muted color for subscription details */
}

.related.products .button {
  background-color: #4d7192; /* Button background color */
  color: #ffffff; /* Button text color */
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 1rem;
  text-decoration: none;
  display: block;
  margin: 10px auto 0; /* Center the button within the product */
  width: calc(100% - 40px); /* Consistent button width */
  max-width: 200px; /* Limit the button width */
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.related.products .button:hover {
  background-color: #6689a2; /* Button hover color */
  transform: scale(1.05); /* Slight zoom on hover */
}

/* Product Category page Styling */

/* Cart icon wrapper */
.header-cart-wrapper {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

/* Cart icon styling */
.cart-icon {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #345a82; /* Primary Link Color */
    font-size: 18px;
    position: relative;
}

.cart-icon {
    margin-right: 5px;
}

.cart-count {
    background-color: #4d7192; /* Button Background Color */
    color: #ffffff; /* Button Text Color */
    padding: 2px 8px;
    border-radius: 50%;
    font-size: 12px;
    margin-left: 5px;
}

/* Cart dropdown styling */
.header-cart-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 300px;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
    border-radius: 4px;
}

/* Hover effect to display cart dropdown */
.header-cart-wrapper:hover .header-cart-dropdown {
    display: block;
}

/* Cart item list */
.cart-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cart-items li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.cart-items li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #4d7192; /* Primary Link Color */
}

.cart-items li a:hover {
    color: #345a82; /* Primary Link Color */
}

.cart-items .cart-item-details {
    margin-left: 10px;
    flex-grow: 1;
}

.cart-items .product-name {
    color: #4d7192; /* Button Background Color */
    font-weight: bold;
}

.cart-items .product-quantity {
    color: #7ea0b1; /* Accent Color */
    font-size: 14px;
}

/* Cart total and button */
.cart-total {
    font-weight: bold;
    color: #4d7192; /* Button Background Color */
    margin-bottom: 10px;
    text-align: right;
}

.view-cart-button {
    display: inline-block;
    padding: 8px 15px;
    background-color: #4d7192; /* Button Background Color */
    color: #ffffff; /* Button Text Color */
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

.view-cart-button:hover {
    background-color: #6689a2; /* Button Hover Background Color */
}

/* Cart dropdown default hidden state */
.header-cart-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 300px;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Dropdown visible state */
.header-cart-wrapper:hover .header-cart-dropdown,
.header-cart-dropdown.show {
    display: block;
    opacity: 1;
}

/* Style the cart in the header */
.header-cart {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    float: right; /* Align to the right */
}

.header-cart a {
    display: flex;
    align-items: center;
    color: #345a82; /* Primary color */
    text-decoration: none;
}

.header-cart a:hover {
    color: #4d7192; /* Accent color */
}

.header-cart .fas.fa-shopping-cart {
    font-size: 18px;
}

.header-cart .cart-count {
    background-color: #4d7192; /* Accent color */
    color: #ffffff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 5px;
}

.header-cart .cart-total {
    margin-left: 10px;
    font-size: 14px;
    color: #345a82; /* Primary color */
}



/* Media query for mobile screens */
@media (max-width: 768px) {
    .header-cart {
        margin-left: 10px;
    }

    .header-cart .cart-total {
        display: none;
    }
}

/* Cart Popup Container */
.cart-popup {
    display: none;
    position: absolute;
    top: 60px; /* Adjust this value depending on the height of your header */
    right: 0;
    width: 300px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    z-index: 9999;
    transform: translateY(-10px); /* For the smooth pop-up effect */
}

/* Smooth transition when the popup is shown */
.show-popup {
    display: block;
    opacity: 1;
    transform: translateY(0); /* Moves popup to its original position */
}

.cart-popup h4 {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.cart-popup ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cart-popup ul li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.cart-popup ul li:last-child {
    border-bottom: none;
}

.cart-popup .checkout-button {
    display: block;
    text-align: center;
    background-color: #0071a1;
    color: #fff;
    padding: 10px;
    margin-top: 15px;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.cart-popup .checkout-button:hover {
    background-color: #005f82;
}

/* Position the cart icon and ensure it's aligned with the popup */
.cart-icon-wrapper {
    position: relative;
    cursor: pointer;
}

.header-cart {
  position: relative;
  display: inline-block;
}

.header-cart .mini-cart-popup {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 300px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
}

.header-cart:hover .mini-cart-popup {
  display: block;
}

.cart-count {
  background: red;
  color: #fff;
  padding: 2px 6px;
  border-radius: 50%;
  font-size: 12px;
  margin-left: 5px;
}

/* WooCommerce Mini Cart - Fixed for Actual Structure */
.woocommerce-mini-cart {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: 350px;
    overflow-y: auto;
    font-family: inherit;
}

/* Mini Cart Items */
.woocommerce-mini-cart .woocommerce-mini-cart-item {
    display: flex;
    align-items: flex-start;
    padding: 15px 10px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    transition: background-color 0.3s ease;
    gap: 12px;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item:hover {
    background-color: rgba(52, 90, 130, 0.05);
    border-radius: 8px;
    margin: 0 -10px;
    padding: 15px 20px;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item:last-child {
    border-bottom: none;
}

/* Remove Button - Fixed positioning */
.woocommerce-mini-cart .remove_from_cart_button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    color: #999;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    transition: all 0.3s ease;
    z-index: 10;
    order: -1; /* Move to start */
}

.woocommerce-mini-cart .remove_from_cart_button:hover {
    background-color: #ff4757;
    border-color: #ff4757;
    color: #fff;
    transform: scale(1.1);
}

/* Product Link Container */
.woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    flex: 1;
    gap: 12px;
    padding-right: 30px; /* Space for remove button */
}

/* Product Image */
.woocommerce-mini-cart .woocommerce-mini-cart-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    border: 2px solid #f0f0f0;
    transition: border-color 0.3s ease;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item:hover img {
    border-color: #4d7192;
}

/* Product Details Container */
.woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
    flex-direction: row;
}

/* Product Name (extracted from link text) */
.woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
    position: relative;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove_from_cart_button)::after {
    content: attr(href);
    display: none; /* We'll style the visible text instead */
}

/* Product Info Container */
.woocommerce-mini-cart .woocommerce-mini-cart-item {
    flex-wrap: wrap;
}

/* Variation Details */
.woocommerce-mini-cart .variation {
    width: 100%;
    margin: 8px 0;
    padding: 8px 12px;
    background-color: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #4d7192;
    font-size: 12px;
    order: 2;
}

.woocommerce-mini-cart .variation dt {
    font-weight: 600;
    color: #345a82;
    margin-bottom: 4px;
    display: inline;
}

.woocommerce-mini-cart .variation dd {
    margin: 0;
    display: inline;
    margin-left: 5px;
}

.woocommerce-mini-cart .variation dd p {
    display: inline;
    color: #666;
    font-size: 12px;
    margin: 0;
}

/* Quantity and Price */
.woocommerce-mini-cart .quantity {
    width: 100%;
    font-size: 14px;
    color: #345a82;
    font-weight: 600;
    margin-top: 8px;
    padding: 8px 12px;
    background: linear-gradient(135deg, rgba(77, 113, 146, 0.1) 0%, rgba(126, 160, 177, 0.1) 100%);
    border-radius: 6px;
    order: 3;
}

.woocommerce-mini-cart .woocommerce-Price-amount {
    color: #4d7192;
    font-weight: 700;
    font-size: 15px;
}

.woocommerce-mini-cart .subscription-details {
    color: #7ea0b1;
    font-size: 12px;
    font-style: italic;
}

/* Empty Cart Message */
.woocommerce-mini-cart .empty {
    text-align: center;
    padding: 30px 20px;
    color: #666;
    font-style: italic;
}

.woocommerce-mini-cart .empty::before {
    content: "🛒";
    display: block;
    font-size: 2rem;
    margin-bottom: 10px;
    opacity: 0.5;
}

/* Mini Cart Totals */
.woocommerce-mini-cart__total {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 15px;
    
    border-radius: 0 0 12px 12px;
    border-top: 2px solid #4d7192;
    text-align: center;
}

.woocommerce-mini-cart__total .total {
    font-size: 16px;
    font-weight: 700;
    color: #345a82;
    margin: 0;
}

.woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-size: 18px;
    color: #4d7192;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* Mini Cart Buttons */
.woocommerce-mini-cart__buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    padding: 0 15px 15px;
}

.woocommerce-mini-cart__buttons .button {
    flex: 1;
    display: block;
    text-align: center;
    padding: 12px 15px;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

/* View Cart Button */
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
    background-color: #f8f9fa;
    color: #345a82;
    border-color: #345a82;
}

.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
    background-color: #345a82;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 90, 130, 0.3);
}

/* Checkout Button */
.woocommerce-mini-cart__buttons .button.checkout {
    background-color: #4d7192;
    color: #ffffff;
    border-color: #4d7192;
}

.woocommerce-mini-cart__buttons .button.checkout:hover {
    background-color: #6689a2;
    border-color: #6689a2;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(77, 113, 146, 0.3);
}

/* Scrollbar Styling */
.woocommerce-mini-cart::-webkit-scrollbar {
    width: 6px;
}

.woocommerce-mini-cart::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.woocommerce-mini-cart::-webkit-scrollbar-thumb {
    background: #4d7192;
    border-radius: 3px;
}

.woocommerce-mini-cart::-webkit-scrollbar-thumb:hover {
    background: #345a82;
}

/* Mobile Responsiveness */
@media (max-width: 480px) {
    .woocommerce-mini-cart .woocommerce-mini-cart-item {
        padding: 12px 8px;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
        width: 100%;
        padding-right: 25px;
    }
    
    .woocommerce-mini-cart .woocommerce-mini-cart-item img {
        width: 40px;
        height: 40px;
    }
    
    .woocommerce-mini-cart .remove_from_cart_button {
        top: 8px;
        right: 8px;
        width: 20px;
        height: 20px;
        font-size: 14px;
    }
    
    .woocommerce-mini-cart .variation,
    .woocommerce-mini-cart .quantity {
        margin-left: 52px; /* Align with product info */
        width: calc(100% - 52px);
    }
    
    .woocommerce-mini-cart__buttons {
        flex-direction: column;
        gap: 8px;
    }
}

/* Loading State */
.woocommerce-mini-cart.loading {
    opacity: 0.6;
    pointer-events: none;
    position: relative;
}

.woocommerce-mini-cart.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #4d7192;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 1000;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Animation for items being added/removed */
.woocommerce-mini-cart .woocommerce-mini-cart-item {
    animation: slideInFromRight 0.3s ease-out;
}

@keyframes slideInFromRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Enhanced styling for better readability */
.woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
    font-size: 14px;
    font-weight: 600;
    color: #345a82;
    line-height: 1.3;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item > a:not(.remove_from_cart_button):hover {
    color: #4d7192;
}

/* Quantity styling enhancement */
.woocommerce-mini-cart .quantity::before {
    content: "Qty: ";
    font-weight: 600;
    color: #345a82;
}

/* Price highlighting */
.woocommerce-mini-cart .woocommerce-Price-amount {
    background: linear-gradient(135deg, rgba(77, 113, 146, 0.1) 0%, rgba(126, 160, 177, 0.1) 100%);
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
}

/* Subscription details styling */
.woocommerce-mini-cart .subscription-details {
    font-style: italic;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .trusted-content h2 {
        font-size: 2rem;
    }
    .trusted-content p {
        font-size: 1rem;
    }
}

/* Responsive Styles */
@media (max-width: 768px) {
    .custom-hero-section {
        flex-direction: column;
        text-align: center;
    }

    .custom-hero-image-container,
    .custom-hero-content {
        max-width: 100%;
    }
}


/* Mobile menu styling */
@media (max-width: 768px) {
	main {
		padding-top:0px;
	}
    .site-header {
        position: static; /* Remove fixed position for mobile */
        padding: 10px 20px; /* Adjust padding for mobile */
    }

    .site-logo img {
        max-height: 40px; /* Reduce logo size for mobile */
    }

    .site-navigation {
        display: none; /* Hide menu by default on mobile */
        width: 100%;
        flex-direction: column;
        position: absolute;
        top: 130px; /* Adjust top to align under header */
        left: 0;
        background-color: #ffffff; /* Background color */
        padding: 10px 0; /* Padding for menu items */
    }

    .site-navigation.active {
        display: flex; /* Show menu when toggled */
        flex-direction: column; /* Stack menu items vertically */
        align-items: center; /* Center menu items horizontally */
        width: 100%; /* Full width of the container */
    }

    .primary-menu {
        display: flex;
        flex-direction: column;
        width: 100%; /* Full width for mobile menu */
    }

    .primary-menu li {
        
        text-align: center; /* Center align menu items */
        border-bottom: 1px solid #eaeaea; /* Add border between items */
        padding: 5px 0;
    }

    .primary-menu a {
        font-size: 16px; /* Larger font for easier tap */
        padding: 10px; /* Increase padding for easier tap */
        color: #345a82; /* Primary color for menu items */
        text-decoration: none;
        transition: background-color 0.3s ease; /* Smooth transition on hover */
    }

    .primary-menu a:hover {
        background-color: #f0f0f0; /* Light gray background on hover */
    }

    .mobile-menu-toggle {
        display: block; /* Show toggle button on mobile */
        font-size: 24px;
        color: #345a82; /* Color of the toggle icon */
    }

    .contact-button {
        margin: 10px 0; /* Space above and below button */
        padding: 10px 20px; /* Adjust padding to prevent text wrap */
        font-size: 12px; /* Ensure font size consistency */
        width: 100%; /* Full width button for mobile */
        text-align: center; /* Center align text */
    }
}

.trusted-platform {
    text-align: center;
    padding: clamp(2rem, 5vw, 4rem) 1.5rem;
    background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f6 100%);
    border-top: 5px solid #345a82;
    position: relative;
    overflow: hidden;
}

.trusted-platform::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform 0.6s;
}

.trusted-platform:hover::before {
    transform: translateX(100%);
}

.trusted-content {
    max-width: 800px;
    margin: 0 auto 3rem auto;
    padding: 0 1rem;
}

.trusted-content h2 {
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    position: relative;
}

.trusted-content h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #4d7192, #6689a2);
    border-radius: 2px;
}

.trusted-content p {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    color: #4d7192;
    line-height: 1.6;
    margin-bottom: 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.meet-our-developers {
    padding: clamp(3rem, 6vw, 5rem) 1.5rem;
    background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f6 100%);
    border-top: 5px solid #345a82;
    position: relative;
    overflow: hidden;
}

.meet-our-developers .container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Content */
.developers-content {
    max-width: 800px;
    margin: 0 auto 3rem auto;
    text-align: center;
    padding: 0 1rem;
}

.developers-content h2 {
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1.5rem;
    position: relative;
}

.developers-content h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #4d7192, #6689a2);
    border-radius: 2px;
}

.developers-content p {
    font-size: clamp(1rem, 2.5vw, 1.125rem);
    color: #4d7192;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.trusted-hosting-platform {
    background: linear-gradient(135deg, #e9f1f4 0%, #f0f8fb 100%);
    padding: clamp(3rem, 6vw, 5rem) 1.5rem;
    text-align: center;
    border-top: 5px solid #345a82;
    position: relative;
    overflow: hidden;
}

.trusted-hosting-platform::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(52, 90, 130, 0.05) 0%, transparent 70%);
    animation: float 20s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}

.trusted-hosting-platform h2 {
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1rem;
    position: relative;
    z-index: 2;
}

.trusted-hosting-platform h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #4d7192, #6689a2);
    border-radius: 2px;
}

.trusted-hosting-platform h3 {
    font-size: clamp(1.2rem, 3vw, 1.5rem);
    font-weight: 400;
    color: #4d7192;
    margin-bottom: 3rem;
    font-style: italic;
    position: relative;
    z-index: 2;
}

/* Enhanced Offers Grid */
.trusted-hosting-offers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 3.5rem;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Enhanced Offer Cards */
.offer {
    background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid rgba(52, 90, 130, 0.1);
    border-radius: 16px;
    padding: 2rem;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    height: 100%; /* Ensure equal height cards */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.offer::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(52, 90, 130, 0.1), transparent);
    transition: left 0.5s ease;
}

.offer:hover::before {
    left: 100%;
}

.offer:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: #4d7192;
}

/* Card Headers */
.offer h4 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 2;
}

.offer h4 a {
    color: #345a82;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
    position: relative;
}

.offer h4 a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #4d7192, #6689a2);
    transition: width 0.3s ease;
}

.offer:hover h4 a::after {
    width: 100%;
}

.offer h4 a:hover {
    color: #4d7192;
}

/* Enhanced Pricing Display */
.offer p:first-of-type {
    font-size: 1.3rem;
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, rgba(77, 113, 146, 0.1) 0%, rgba(126, 160, 177, 0.1) 100%);
    border-radius: 25px;
    border: 2px solid rgba(77, 113, 146, 0.2);
    position: relative;
    z-index: 2;
}

.offer p:first-of-type strong em {
    color: #4d7192;
    font-size: 1.4em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Description Text */
.offer p:nth-of-type(2) {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 2rem;
    flex-grow: 1; /* Push learn more button to bottom */
    position: relative;
    z-index: 2;
}

/* Enhanced Learn More Links */
.offer a.learn-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%);
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    transition: all 0.3s ease;
    border: 2px solid #4d7192;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-top: auto; /* Push to bottom of card */
}

.offer a.learn-more::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.4s ease;
}

.offer a.learn-more:hover::before {
    left: 100%;
}

.offer a.learn-more:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(77, 113, 146, 0.4);
    
}

.offer a.learn-more::after {
    content: '→';
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.offer a.learn-more:hover::after {
    transform: translateX(4px);
}

/* Special Styling for Featured Offers */
.offer:nth-child(2) {
    border: 2px solid #4d7192;
    background: linear-gradient(145deg, #f8fbff 0%, #ffffff 100%);
    position: relative;
}

.offer:nth-child(2)::after {
    content: 'POPULAR';
    position: absolute;
    top: 15px;
    right: -10px;
    background: #4d7192;
    color: white;
    padding: 5px 20px;
    font-size: 0.8rem;
    font-weight: bold;
    transform: rotate(15deg);
    border-radius: 4px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .trusted-hosting-offers {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }
    
    .offer {
        padding: 1.5rem;
        margin: 0;
    }
    
    .offer h4 {
        font-size: 1.2rem;
    }
    
    .offer p:first-of-type {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .trusted-hosting-platform {
        padding: 2rem 1rem;
    }
    
    .offer {
        padding: 1.25rem;
    }
}

.custom-statistics-section {
    background: linear-gradient(135deg, #345a82 0%, #4d7192 50%, #6689a2 100%);
    padding: clamp(3rem, 6vw, 5rem) 1.5rem;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    /* Remove duplicate grid properties from here */
}

/* Animated background pattern */
.custom-statistics-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 25% 25%, rgba(255,255,255,0.1) 0%, transparent 50%),
        radial-gradient(circle at 75% 75%, rgba(255,255,255,0.05) 0%, transparent 50%);
    animation: backgroundShift 15s ease-in-out infinite;
}

@keyframes backgroundShift {
    0%, 100% { transform: translateX(0) translateY(0); }
    50% { transform: translateX(20px) translateY(-20px); }
}

.custom-statistics-section .container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
}

/* Statistics Grid - MOVE GRID PROPERTIES TO CONTAINER */
.custom-statistics-section .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    justify-items: center;
    align-items: center;
}

/* Enhanced Stat Items */
.custom-statistics-section .stat-item {
    text-align: center;
    padding: 2rem 1.5rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 300px;
}

.custom-statistics-section .stat-item::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    transform: scale(0);
    transition: transform 0.4s ease;
}

.custom-statistics-section .stat-item:hover::before {
    transform: scale(1);
}

.custom-statistics-section .stat-item:hover {
    transform: translateY(-10px) scale(1.05);
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* Animated Stat Values */
.custom-statistics-section .stat-value {
    font-size: clamp(3rem, 6vw, 4rem);
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 1rem;
    position: relative;
    z-index: 2;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    line-height: 1;
    
    /* Counter animation setup */
    opacity: 0;
    transform: translateY(20px);
    animation: countUp 1s ease-out 0.5s forwards;
}

@keyframes countUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Add pulsing effect to numbers */
.custom-statistics-section .stat-value::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { 
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.3;
    }
    50% { 
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.1;
    }
}

/* Enhanced Descriptions */
.custom-statistics-section .stat-description {
    font-size: clamp(0.9rem, 2vw, 1.1rem);
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.4;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 2;
    margin: 0;
}

/* Add icons for each stat (optional) */
.custom-statistics-section .stat-item:nth-child(1)::after {
    content: '😊';
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.5rem;
    opacity: 0.7;
}

.custom-statistics-section .stat-item:nth-child(2)::after {
    content: '🛡️';
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.5rem;
    opacity: 0.7;
}

.custom-statistics-section .stat-item:nth-child(3)::after {
    content: '🌐';
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.5rem;
    opacity: 0.7;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .custom-statistics-section .container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .custom-statistics-section {
        padding: 3rem 1rem;
    }
    
    .custom-statistics-section .stat-item {
        max-width: 100%;
        padding: 1.5rem;
        min-height: 160px;
    }
    
    .custom-statistics-section .stat-value {
        font-size: 3rem;
    }
}

@media (max-width: 480px) {
    .custom-statistics-section .stat-item {
        padding: 1.25rem;
        min-height: 140px;
    }
    
    .custom-statistics-section .stat-value {
        font-size: 2.5rem;
    }
    
    .custom-statistics-section .stat-description {
        font-size: 0.9rem;
    }
}

.footer-logo img{
    width: 80%;
}

/* Keyframes for Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Shop page styles */


/* Hub Hero Section - Working Styles */
.hub-hero {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f6 100%);
}

/* Hero Image Container */
.hero-image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.hub-hero:hover .hero-image {
    transform: scale(1.02);
}

/* Hero Overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg, 
        rgba(52, 90, 130, 0.85) 0%, 
        rgba(77, 113, 146, 0.75) 50%, 
        rgba(102, 137, 162, 0.65) 100%
    );
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hero Content */
.hero-content {
    max-width: 1200px;
    width: 100%;
    padding: clamp(2rem, 5vw, 4rem) 2rem;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 3;
}

/* Hero Title */
.hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
    line-height: 1.1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
}

.hero-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.4));
    border-radius: 2px;
}

/* Hero Subtitle */
.hero-subtitle {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 3rem;
    line-height: 1.3;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-style: italic;
}

/* Subnav Container */
.subnav {
    margin-top: 3rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Subnav Links Container */
.subnav-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    justify-items: center;
}

/* Individual Subnav Links */
.subnav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    padding: 1.5rem 1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    min-height: 120px;
    justify-content: center;
    backdrop-filter: blur(5px);
}

.subnav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s ease;
}

.subnav-link:hover::before {
    left: 100%;
}

.subnav-link:hover {
    transform: translateY(-8px) scale(1.05);
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Subnav Icons */
.subnav-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 1rem;
    color: #ffffff;
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.subnav-link:hover .subnav-icon {
    transform: scale(1.2);
    color: rgba(255, 255, 255, 1);
}

/* Subnav Text */
.subnav-text {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 1.3;
    margin: 0;
    transition: color 0.3s ease;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.subnav-link:hover .subnav-text {
    color: #ffffff;
}

/* Visited Link Styling */
.subnav-link:visited {
    color: #ffffff;
}

.subnav-link:visited .subnav-text {
    color: rgba(255, 255, 255, 0.9);
}

/* Focus States for Accessibility */
.subnav-link:focus {
    outline: 3px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .hub-hero {
        min-height: 60vh;
    }
    
    .hero-content {
        padding: 2rem 1rem;
    }
    
    .hero-title {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
    }
    
    .hero-subtitle {
        font-size: 1.25rem;
        margin-bottom: 2rem;
    }
    
    .subnav {
        padding: 1.5rem;
        margin-top: 2rem;
    }
    
    .subnav-links {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .subnav-link {
        padding: 1.25rem 1rem;
        min-height: 100px;
    }
    
    .subnav-icon {
        width: 28px;
        height: 28px;
        margin-bottom: 0.75rem;
    }
    
    .subnav-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .hub-hero {
        min-height: 50vh;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .subnav {
        padding: 1rem;
        border-radius: 16px;
    }
    
    .subnav-link {
        padding: 1rem 0.75rem;
        min-height: 80px;
        border-radius: 12px;
    }
    
    .subnav-icon {
        width: 24px;
        height: 24px;
    }
    
    .subnav-text {
        font-size: 0.85rem;
    }
}

/* Animation for page load */
.hub-hero {
    animation: fadeInUp 1s ease-out;
}

.hero-content > * {
    animation: fadeInUp 0.8s ease-out backwards;
}

.hero-title {
    animation-delay: 0.2s;
}

.hero-subtitle {
    animation-delay: 0.4s;
}

.subnav {
    animation-delay: 0.6s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Floating animation for subnav */
.subnav {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

/* Enhanced glassmorphism effect */
@supports (backdrop-filter: blur(10px)) {
    .subnav {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(15px);
    }
    
    .subnav-link {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(8px);
    }
    
    .subnav-link:hover {
        background: rgba(255, 255, 255, 0.15);
    }
}


/* Hub Hero Section - Matching Theme Styles */
.hub-hero {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f6 100%);
}

/* Hero Image Container */
.hero-image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.hub-hero:hover .hero-image {
    transform: scale(1.02);
}

/* Hero Overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg, 
        rgba(52, 90, 130, 0.85) 0%, 
        rgba(77, 113, 146, 0.75) 50%, 
        rgba(102, 137, 162, 0.65) 100%
    );
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hero Content */
.hero-content {
    max-width: 1200px;
    width: 100%;
    padding: clamp(2rem, 5vw, 4rem) 2rem;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 3;
}

/* Hero Title */
.hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
    line-height: 1.1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
}

.hero-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.4));
    border-radius: 2px;
}

/* Hero Subtitle */
.hero-subtitle {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 3rem;
    line-height: 1.3;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-style: italic;
}

/* Subnav Container */
.subnav {
    margin-top: 3rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Subnav Links Container */
.subnav-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    justify-items: center;
}

/* Individual Subnav Links */
.subnav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    padding: 1.5rem 1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    min-height: 120px;
    justify-content: center;
    backdrop-filter: blur(5px);
}

.subnav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s ease;
}

.subnav-link:hover::before {
    left: 100%;
}

.subnav-link:hover {
    transform: translateY(-8px) scale(1.05);
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Subnav Icons */
.subnav-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 1rem;
    color: #ffffff;
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.subnav-link:hover .subnav-icon {
    transform: scale(1.2);
    color: rgba(255, 255, 255, 1);
}

/* Subnav Text */
.subnav-text {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 1.3;
    margin: 0;
    transition: color 0.3s ease;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.subnav-link:hover .subnav-text {
    color: #ffffff;
}

/* Visited Link Styling */
.subnav-link:visited {
    color: #ffffff;
}

.subnav-link:visited .subnav-text {
    color: rgba(255, 255, 255, 0.9);
}

/* Focus States for Accessibility */
.subnav-link:focus {
    outline: 3px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .hub-hero {
        min-height: 60vh;
    }
    
    .hero-content {
        padding: 2rem 1rem;
    }
    
    .hero-title {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
    }
    
    .hero-subtitle {
        font-size: 1.25rem;
        margin-bottom: 2rem;
    }
    
    .subnav {
        padding: 1.5rem;
        margin-top: 2rem;
    }
    
    .subnav-links {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .subnav-link {
        padding: 1.25rem 1rem;
        min-height: 100px;
    }
    
    .subnav-icon {
        width: 28px;
        height: 28px;
        margin-bottom: 0.75rem;
    }
    
    .subnav-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .hub-hero {
        min-height: 50vh;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .subnav {
        padding: 1rem;
        border-radius: 16px;
    }
    
    .subnav-link {
        padding: 1rem 0.75rem;
        min-height: 80px;
        border-radius: 12px;
    }
    
    .subnav-icon {
        width: 24px;
        height: 24px;
    }
    
    .subnav-text {
        font-size: 0.85rem;
    }
}

/* Animation for page load */
.hub-hero {
    animation: fadeInUp 1s ease-out;
}

.hero-content > * {
    animation: fadeInUp 0.8s ease-out backwards;
}

.hero-title {
    animation-delay: 0.2s;
}

.hero-subtitle {
    animation-delay: 0.4s;
}

.subnav {
    animation-delay: 0.6s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Floating animation for subnav */
.subnav {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

/* Enhanced glassmorphism effect */
@supports (backdrop-filter: blur(10px)) {
    .subnav {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(15px);
    }
    
    .subnav-link {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(8px);
    }
    
    .subnav-link:hover {
        background: rgba(255, 255, 255, 0.15);
    }
}

🎯 Key Features Matching Your Theme:
1. Color Scheme Integration

    ✅ Uses your theme colors (#345a82, #4d7192, #6689a2)
    ✅ Gradient overlays matching your design system
    ✅ Consistent hover effects with your theme

2. Modern Design Elements

    ✅ Glassmorphism effects like your other sections
    ✅ Smooth animations and transitions
    ✅ Hover effects with scale and glow
    ✅ Backdrop blur for modern appearance

3. Typography Consistency

    ✅ Responsive font sizing with clamp()
    ✅ Text shadows for better readability
    ✅ Font weights matching your theme

4. Interactive Elements

    ✅ Subnav links with hover animations
    ✅ Icon scaling effects
    ✅ Smooth transitions matching your button styles
    ✅ Focus states for accessibility

5. Mobile Optimization

    ✅ Responsive grid layout
    ✅ Touch-friendly sizing
    ✅ Proper spacing on all devices

This hero section now perfectly matches your theme's sophisticated design with glassmorphism effects, consistent colors, and smooth animations!
Updated todo list
can you change or add a class shop-page-custom for styles?
can you change or add a class shop-page-custom for styles?
can you change or add a class shop-page-custom for styles?
Updated todo list

Here are the updated styles using the .shop-page-custom class for better targeting:

/* Shop Page Custom Styles */
.shop-page-custom {
    padding: 20px;
    background-color: #f4f8fb;
}

/* Breadcrumb Navigation */
.shop-page-custom .woocommerce-breadcrumb {
    background-color: #dce6f0;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #1b3b6f;
    font-size: 0.9rem;
    margin-top: 1rem;
}

.shop-page-custom .woocommerce-breadcrumb a {
    color: #87bdd8;
    text-decoration: none;
}

.shop-page-custom .woocommerce-breadcrumb a:hover {
    color: #1b3b6f;
}

/* Product Header */
.shop-page-custom .woocommerce-products-header__title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #345a82;
}

/* Notices Wrapper */
.shop-page-custom .woocommerce-notices-wrapper {
    background-color: #f4f8fb;
    padding: 10px;
    border-left: 4px solid #87bdd8;
    margin-bottom: 20px;
    color: #1b3b6f;
}

/* Product Count and Ordering */
.shop-page-custom .woocommerce-result-count {
    color: #1b3b6f;
    font-size: 1rem;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 20px;
}

.shop-page-custom .woocommerce-ordering {
    display: inline-block;
    margin-bottom: 20px;
}

.shop-page-custom .woocommerce-ordering select {
    background-color: #dce6f0;
    color: #1b3b6f;
    border: 1px solid #87bdd8;
    padding: 5px;
    border-radius: 5px;
    font-size: 1rem;
}

.shop-page-custom .woocommerce-ordering select:focus {
    border-color: #1b3b6f;
    outline: none;
}

/* Product Listing */
.shop-page-custom .products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
    list-style: none;
    padding: 0;
}

.shop-page-custom .product {
    background-color: #ffffff;
    border: 1px solid #d1dce5;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    transition: box-shadow 0.3s ease;
    width: calc(33.333% - 14px);
}

.shop-page-custom .product:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.shop-page-custom .product img {
    max-width: 100%;
    height: auto;
    border-bottom: 1px solid #d1dce5;
}

.shop-page-custom .woocommerce-loop-product__title {
    color: #1b3b6f;
    font-size: 1.2rem;
    margin: 15px 0;
}

.shop-page-custom .price {
    color: #1b3b6f;
    font-size: 1.1rem;
    margin-bottom: 15px;
}

.shop-page-custom .price .woocommerce-Price-amount {
    color: #345a82;
    font-weight: bold;
    text-decoration: underline;
}

.shop-page-custom .subscription-details {
    font-size: 0.9rem;
    color: #87bdd8;
}

/* Buttons */
.shop-page-custom .button {
    background-color: #1b3b6f;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.shop-page-custom .button:hover {
    background-color: #87bdd8;
    color: #10243a;
}

/* Single Product Page Styles */
.shop-page-custom .single-product .product {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
    justify-content: space-between;
}

.shop-page-custom .single-product .woocommerce-product-gallery {
    flex: 1 1 48%;
    max-width: 48%;
}

.shop-page-custom .single-product .entry-summary {
    flex: 1 1 48%;
    max-width: 48%;
    padding-left: 20px;
}

.shop-page-custom .single-product .woocommerce-product-gallery__image {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.shop-page-custom .single-product .woocommerce-product-gallery__image img {
    width: 100%;
    transition: transform 0.3s ease;
}

.shop-page-custom .single-product .woocommerce-product-gallery__image:hover img {
    transform: scale(1.05);
}

.shop-page-custom .single-product .product_title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #345a82;
}

.shop-page-custom .single-product .price {
    font-size: 2rem;
    color: #4d7192;
    margin-bottom: 20px;
    font-weight: bold;
}

/* Summary Styling */
.shop-page-custom .summary.entry-summary {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.shop-page-custom .summary.entry-summary h1.product_title.entry-title {
    font-size: 2rem;
    color: #345a82;
    margin-bottom: 10px;
    text-align: center;
}

.shop-page-custom .summary.entry-summary .price {
    font-size: 1rem;
    color: #7ea0b1;
    margin-bottom: 15px;
    text-align: center;
}

/* Variations Form */
.shop-page-custom .variations_form.cart {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    margin: 0 auto;
}

.shop-page-custom .variations_form.cart table.variations {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

.shop-page-custom .variations_form.cart .single_add_to_cart_button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    text-align: center;
    display: block;
    width: 100%;
    transition: background-color 0.3s ease;
    border: none;
}

.shop-page-custom .variations_form.cart .single_add_to_cart_button:hover {
    background-color: #6689a2;
}

/* Product Meta */
.shop-page-custom .product_meta {
    margin-top: 20px;
    font-size: 0.875rem;
    color: #666;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* WooCommerce Tabs */
.shop-page-custom .woocommerce-tabs {
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.shop-page-custom .woocommerce-tabs .tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    list-style: none;
    padding-left: 0;
    justify-content: space-between;
}

.shop-page-custom .woocommerce-tabs .tabs li {
    flex: 1;
    text-align: center;
}

.shop-page-custom .woocommerce-tabs .tabs li a {
    text-decoration: none;
    color: #0071a1;
    padding: 10px;
    display: block;
    font-weight: bold;
    transition: color 0.3s ease, border-bottom 0.3s ease;
    border-bottom: 2px solid transparent;
}

.shop-page-custom .woocommerce-tabs .tabs li.active a {
    color: #345a82;
    border-bottom: 2px solid #345a82;
}

/* Related Products */
.shop-page-custom .related.products {
    margin-top: 40px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.shop-page-custom .related.products h2 {
    font-size: 2rem;
    color: #345a82;
    text-align: center;
    margin-bottom: 30px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .shop-page-custom .products {
        flex-direction: column;
    }
    
    .shop-page-custom .product {
        width: 100%;
    }
    
    .shop-page-custom .single-product .product {
        flex-direction: column;
    }
    
    .shop-page-custom .single-product .woocommerce-product-gallery,
    .shop-page-custom .single-product .entry-summary {
        flex: 1 1 100%;
        max-width: 100%;
        padding-left: 0;
    }
    
    .shop-page-custom .woocommerce-result-count,
    .shop-page-custom .woocommerce-ordering {
        display: block;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .shop-page-custom {
        padding: 10px;
    }
    
    .shop-page-custom .summary.entry-summary,
    .shop-page-custom .variations_form.cart {
        padding: 15px;
    }
}

/* Hub Hero Section - Working Styles */
.hub-hero {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f6 100%);
}

/* Hero Image Container */
.hero-image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.hub-hero:hover .hero-image {
    transform: scale(1.02);
}

/* Hero Overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg, 
        rgba(52, 90, 130, 0.85) 0%, 
        rgba(77, 113, 146, 0.75) 50%, 
        rgba(102, 137, 162, 0.65) 100%
    );
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hero Content */
.hero-content {
    max-width: 1200px;
    width: 100%;
    padding: clamp(2rem, 5vw, 4rem) 2rem;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 3;
}

/* Hero Title */
.hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
    line-height: 1.1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
}

.hero-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.8), rgba(255,255,255,0.4));
    border-radius: 2px;
}

/* Hero Subtitle */
.hero-subtitle {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 3rem;
    line-height: 1.3;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-style: italic;
}

/* Subnav Container */
.subnav {
    margin-top: 3rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Subnav Links Container */
.subnav-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    justify-items: center;
}

/* Individual Subnav Links */
.subnav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    padding: 1.5rem 1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    min-height: 120px;
    justify-content: center;
    backdrop-filter: blur(5px);
}

.subnav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s ease;
}

.subnav-link:hover::before {
    left: 100%;
}

.subnav-link:hover {
    transform: translateY(-8px) scale(1.05);
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Subnav Icons */
.subnav-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 1rem;
    color: #ffffff;
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.subnav-link:hover .subnav-icon {
    transform: scale(1.2);
    color: rgba(255, 255, 255, 1);
}

/* Subnav Text */
.subnav-text {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 1.3;
    margin: 0;
    transition: color 0.3s ease;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.subnav-link:hover .subnav-text {
    color: #ffffff;
}

/* Visited Link Styling */
.subnav-link:visited {
    color: #ffffff;
}

.subnav-link:visited .subnav-text {
    color: rgba(255, 255, 255, 0.9);
}

/* Focus States for Accessibility */
.subnav-link:focus {
    outline: 3px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .hub-hero {
        min-height: 60vh;
    }
    
    .hero-content {
        padding: 2rem 1rem;
    }
    
    .hero-title {
        font-size: 2.5rem;
        margin-bottom: 0.75rem;
    }
    
    .hero-subtitle {
        font-size: 1.25rem;
        margin-bottom: 2rem;
    }
    
    .subnav {
        padding: 1.5rem;
        margin-top: 2rem;
    }
    
    .subnav-links {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .subnav-link {
        padding: 1.25rem 1rem;
        min-height: 100px;
    }
    
    .subnav-icon {
        width: 28px;
        height: 28px;
        margin-bottom: 0.75rem;
    }
    
    .subnav-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .hub-hero {
        min-height: 50vh;
    }
    
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
    }
    
    .subnav {
        padding: 1rem;
        border-radius: 16px;
    }
    
    .subnav-link {
        padding: 1rem 0.75rem;
        min-height: 80px;
        border-radius: 12px;
    }
    
    .subnav-icon {
        width: 24px;
        height: 24px;
    }
    
    .subnav-text {
        font-size: 0.85rem;
    }
}

/* Animation for page load */
.hub-hero {
    animation: fadeInUp 1s ease-out;
}

.hero-content > * {
    animation: fadeInUp 0.8s ease-out backwards;
}

.hero-title {
    animation-delay: 0.2s;
}

.hero-subtitle {
    animation-delay: 0.4s;
}

.subnav {
    animation-delay: 0.6s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Floating animation for subnav */
.subnav {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

/* Enhanced glassmorphism effect */
@supports (backdrop-filter: blur(10px)) {
    .subnav {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(15px);
    }
    
    .subnav-link {
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(8px);
    }
    
    .subnav-link:hover {
        background: rgba(255, 255, 255, 0.15);
    }
}


/* WooCommerce Plans Promo Section */
.woocommerce-plans-promo {
    background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f6 100%);
    padding: clamp(3rem, 6vw, 5rem) 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-top: 5px solid #345a82;
}

.woocommerce-plans-promo::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(52, 90, 130, 0.05) 0%, transparent 70%);
    animation: float 20s ease-in-out infinite;
}

/* Section Titles */
.woocommerce-title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 400;
    color: #4d7192;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}

.woocommerce-subtitle {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 700;
    color: #345a82;
    margin-bottom: 3rem;
    position: relative;
    z-index: 2;
}

.woocommerce-subtitle::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #4d7192, #6689a2);
    border-radius: 2px;
}

/* Interval Toggle Buttons */
.woocommerce-interval-buttons {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 3rem;
    position: relative;
    z-index: 2;
}

.woocommerce-interval-button {
    background-color: #ffffff;
    color: #345a82;
    border: 2px solid #345a82;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    min-width: 120px;
}

.woocommerce-interval-button:first-child {
    border-radius: 25px 0 0 25px;
    border-right: 1px solid #345a82;
}

.woocommerce-interval-button:last-child {
    border-radius: 0 25px 25px 0;
    border-left: 1px solid #345a82;
}

.woocommerce-interval-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(77, 113, 146, 0.1), transparent);
    transition: left 0.4s ease;
}

.woocommerce-interval-button:hover::before {
    left: 100%;
}

.woocommerce-interval-button:hover {
    background-color: rgba(52, 90, 130, 0.1);
    transform: translateY(-2px);
}

.woocommerce-interval-button.active {
    background-color: #345a82;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(52, 90, 130, 0.3);
}

.woocommerce-interval-button.active:hover {
    background-color: #4d7192;
}

/* Products Grid */
.woocommerce-subscription-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

/* Individual Product Cards */
.woocommerce-subscription-product {
    background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid rgba(52, 90, 130, 0.1);
    border-radius: 20px;
    padding: 2.5rem 2rem;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 450px;
}

.woocommerce-subscription-product::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(52, 90, 130, 0.1), transparent);
    transition: left 0.5s ease;
}

.woocommerce-subscription-product:hover::before {
    left: 100%;
}

.woocommerce-subscription-product:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: #4d7192;
}

/* Product Category */
.product-category {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6689a2;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, rgba(102, 137, 162, 0.1) 0%, rgba(126, 160, 177, 0.1) 100%);
    border-radius: 15px;
    display: inline-block;
}

.product-category a {
    color: inherit;
    text-decoration: none;
}

/* Product Title */
.product-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1rem;
    line-height: 1.2;
}

/* Product Excerpt */
.product-excerpt {
    flex-grow: 1;
    margin-bottom: 1.5rem;
}

.product-excerpt p {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Product Price */
.product-price-wrapper {
    margin-bottom: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(77, 113, 146, 0.1) 0%, rgba(126, 160, 177, 0.1) 100%);
    border-radius: 15px;
    border: 2px solid rgba(77, 113, 146, 0.2);
}

.product-price {
    font-size: 2.5rem;
    font-weight: 800;
    color: #345a82;
    display: block;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.price-additional-info {
    margin-top: 0.5rem;
}

.price-interval {
    font-size: 1rem;
    color: #4d7192;
    font-weight: 600;
}

/* Product Notice */
.product-notice {
    font-size: 0.85rem;
    color: #7ea0b1;
    font-style: italic;
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: rgba(126, 160, 177, 0.1);
    border-radius: 8px;
}

/* Product Features */
.product-features {
    margin-bottom: 2rem;
    text-align: left;
}

.feature-item {
    margin-bottom: 1rem;
}

.feature-text {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.5;
}

.feature-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-text ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    color: #345a82;
}


/* Product CTA Buttons */
.product-cta {
    margin-top: auto;
}

.woocommerce-buy-now {
    display: inline-block;
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%);
    color: #ffffff;
    padding: 1rem 2rem;
    border-radius: 25px;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
    border: 2px solid #4d7192;
    position: relative;
    overflow: hidden;
    min-width: 150px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.woocommerce-buy-now::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.4s ease;
}

.woocommerce-buy-now:hover::before {
    left: 100%;
}

.woocommerce-buy-now:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(77, 113, 146, 0.4);
    background: linear-gradient(135deg, #6689a2 0%, #7ea0b1 100%);
    border-color: #6689a2;
}

/* Featured Product Styling */
.woocommerce-subscription-product:nth-child(2) {
    border: 3px solid #4d7192;
    background: linear-gradient(145deg, #f8fbff 0%, #ffffff 100%);
    transform: scale(1.05);
    position: relative;
}

.woocommerce-subscription-product:nth-child(2)::after {
    content: 'MOST POPULAR';
    position: absolute;
    
    left: 50%;
    transform: translateX(-50%);
    background: #4d7192;
    color: white;
    padding: 8px 20px;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(77, 113, 146, 0.3);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .woocommerce-plans-promo {
        padding: 3rem 1rem;
    }
    
    .woocommerce-subscription-products {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .woocommerce-subscription-product {
        padding: 2rem 1.5rem;
        min-height: 400px;
    }
    
    .woocommerce-subscription-product:nth-child(2) {
        transform: none;
    }
    
    .woocommerce-interval-buttons {
        flex-direction: column;
        align-items: center;
        gap: 0;
        max-width: 300px;
        margin: 0 auto 3rem;
    }
    
    .woocommerce-interval-button:first-child {
        border-radius: 25px 25px 0 0;
        border-right: 2px solid #345a82;
        border-bottom: 1px solid #345a82;
    }
    
    .woocommerce-interval-button:last-child {
        border-radius: 0 0 25px 25px;
        border-left: 2px solid #345a82;
        border-top: 1px solid #345a82;
    }
}

@media (max-width: 480px) {
    .woocommerce-subscription-product {
        padding: 1.5rem 1rem;
        min-height: 350px;
    }
    
    .product-price {
        font-size: 2rem;
    }
    
    .woocommerce-buy-now {
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
    }
}

/* Animation for page load */
.woocommerce-subscription-product {
    animation: fadeInUp 0.6s ease-out backwards;
}

.woocommerce-subscription-product:nth-child(1) { animation-delay: 0.1s; }
.woocommerce-subscription-product:nth-child(2) { animation-delay: 0.2s; }
.woocommerce-subscription-product:nth-child(3) { animation-delay: 0.3s; }
.woocommerce-subscription-product:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Newsletter Block - Theme Matching Styles */
.wp-block-gutena-newsletter {
    margin: 2rem auto;
    max-width: 1200px;
}

.gutena-newsletter-block .wp-block-columns {
    background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%) !important;
    border: 2px solid #4d7192 !important;
    border-radius: 20px !important;
    padding: 3rem 2.5rem !important;
    margin: 0 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.gutena-newsletter-block .wp-block-columns::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(77, 113, 146, 0.1), transparent);
    transition: left 0.6s ease;
}

.gutena-newsletter-block .wp-block-columns:hover::before {
    left: 100%;
}

.gutena-newsletter-block .wp-block-columns:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
    border-color: #345a82 !important;
}

/* Image Column */
.gutena-newsletter-col-first {
    position: relative;
    z-index: 2;
}

.gutena-newsletter-col-first .wp-block-image {
    margin: 0 !important;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.gutena-newsletter-col-first .wp-block-image:hover {
    transform: scale(1.02);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.gutena-newsletter-col-first img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    border-radius: 15px;
}

.gutena-newsletter-col-first:hover img {
    transform: scale(1.05);
}

/* Content Column */
.gutena-newsletter-col-last {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2rem;
}

/* Newsletter Heading */
.gutena-newsletter-col-last .wp-block-heading {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #345a82 !important;
    margin-bottom: 1rem !important;
    position: relative;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.gutena-newsletter-col-last .wp-block-heading::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #4d7192, #6689a2);
    border-radius: 2px;
}

/* Newsletter Description */
.gutena-newsletter-col-last p {
    color: #4d7192 !important;
    font-size: 1.125rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 400;
}

.gutena-newsletter-col-last p:last-child {
    font-size: 0.9rem !important;
    color: #7ea0b1 !important;
    font-style: italic;
    margin-top: 1rem !important;
    margin-bottom: 0 !important;
}

/* Newsletter Form */
.gutena-newsletter-form-block {
    margin-bottom: 1rem !important;
}

.gutena-newsletter-form {
    display: flex;
    gap: 15px !important;
    align-items: stretch;
    flex-wrap: wrap;
}

/* Input Field */
.gutena-newsletter-form-input-block {
    flex: 1;
    min-width: 250px;
    background: #ffffff !important;
    border: 2px solid #dce6f0 !important;
    border-radius: 12px !important;
    padding: 1rem 1.25rem !important;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.gutena-newsletter-form-input-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(77, 113, 146, 0.05) 0%, rgba(126, 160, 177, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gutena-newsletter-form-input-block:hover,
.gutena-newsletter-form-input-block:focus-within {
    border-color: #4d7192 !important;
    box-shadow: 0 4px 15px rgba(77, 113, 146, 0.2);
    transform: translateY(-2px);
}

.gutena-newsletter-form-input-block:hover::before,
.gutena-newsletter-form-input-block:focus-within::before {
    opacity: 1;
}

.gutena-newsletter-field {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    color: #345a82 !important;
    font-size: 1rem !important;
    font-weight: 500;
    outline: none !important;
    padding: 0 !important;
    position: relative;
    z-index: 2;
}

.gutena-newsletter-field::placeholder {
    color: #87bdd8 !important;
    opacity: 0.8;
}

.gutena-newsletter-field:focus::placeholder {
    opacity: 0.5;
}

/* Submit Button */
.gutena-newsletter-submit-button-block {
    flex-shrink: 0;
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%) !important;
    border: 2px solid #4d7192 !important;
    border-radius: 12px !important;
    padding: 1rem 2rem !important;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    min-width: 140px;
}

.gutena-newsletter-submit-button-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.4s ease;
}

.gutena-newsletter-submit-button-block:hover::before {
    left: 100%;
}

.gutena-newsletter-submit-button-block:hover {
    background: linear-gradient(135deg, #6689a2 0%, #7ea0b1 100%) !important;
    border-color: #6689a2 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(77, 113, 146, 0.4);
}

.gutena-newsletter-action {
    width: 100%;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    padding: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 2;
}

.gutena-newsletter-button-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .gutena-newsletter-block .wp-block-columns {
        flex-direction: column !important;
        padding: 2rem 1.5rem !important;
    }
    
    .gutena-newsletter-col-first {
        margin-bottom: 2rem;
        flex-basis: 100% !important;
    }
    
    .gutena-newsletter-col-last {
        padding-left: 0 !important;
        flex-basis: 100% !important;
    }
    
    .gutena-newsletter-col-last .wp-block-heading {
        font-size: 2rem !important;
        text-align: center;
    }
    
    .gutena-newsletter-col-last .wp-block-heading::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .gutena-newsletter-form {
        flex-direction: column;
        gap: 1rem !important;
    }
    
    .gutena-newsletter-form-input-block,
    .gutena-newsletter-submit-button-block {
        min-width: 100%;
    }
}

@media (max-width: 480px) {
    .gutena-newsletter-block .wp-block-columns {
        padding: 1.5rem 1rem !important;
        border-radius: 15px !important;
    }
    
    .gutena-newsletter-col-last .wp-block-heading {
        font-size: 1.75rem !important;
    }
    
    .gutena-newsletter-col-last p {
        font-size: 1rem !important;
    }
    
    .gutena-newsletter-form-input-block,
    .gutena-newsletter-submit-button-block {
        padding: 0.875rem 1rem !important;
    }
}

/* Animation for page load */
.wp-block-gutena-newsletter {
    animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Loading state (optional) */
.gutena-newsletter-form.loading .gutena-newsletter-submit-button-block {
    opacity: 0.7;
    pointer-events: none;
}

.gutena-newsletter-form.loading .gutena-newsletter-action::after {
    content: '⟳';
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.header-cart {
    position: relative;
}

.header-cart-popup {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 320px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 8px;
    padding: 15px;
    z-index: 999;
}

.header-cart:hover .header-cart-popup {
    display: block;
}

/* Product single css*/

/* Product Page Main Container */
.product-single .site-main {
    padding: 20px;
    background-color: #f7f7f7;
    min-height: 100vh;
}

/* Breadcrumb Navigation */
.product-single .woocommerce-breadcrumb {
    background-color: #ffffff;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    color: #345a82;
    font-size: 0.9rem;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-single .woocommerce-breadcrumb a {
    color: #4d7192;
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-single .woocommerce-breadcrumb a:hover {
    color: #345a82;
}

/* Product Container */
.product-single .product {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem;
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

/* Product Gallery */
.product-single .woocommerce-product-gallery {
    flex: 1 1 45%;
    min-width: 300px;
}

.product-single .woocommerce-product-gallery__wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-single .woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.product-single .woocommerce-product-gallery__image:hover img {
    transform: scale(1.02);
}

/* Gallery Trigger Button */
.product-single .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #345a82;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.product-single .woocommerce-product-gallery__trigger:hover {
    background: #345a82;
    color: #ffffff;
}

/* Product Summary */
.product-single .summary.entry-summary {
    flex: 1 1 45%;
    min-width: 300px;
    margin-top:0px;
}

/* Product Title */
.product-single .product_title.entry-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1rem;
    line-height: 1.2;
}

/* Product Price */
.product-single .summary .price {
    font-size: clamp(1.4rem, 3vw, 2rem);
    color: #4d7192;
    margin-bottom: 1.5rem;
    font-weight: 700;
}

.product-single .summary .subscription-details {
    font-size: 1rem;
    color: #6689a2;
    font-weight: 400;
}

/* Product Short Description */
.product-single .woocommerce-product-details__short-description {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: #f7f7f7;
    border-radius: 8px;
    border-left: 4px solid #4d7192;
}

.product-single .woocommerce-product-details__short-description .feature-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-single .woocommerce-product-details__short-description .feature-text ul li {
    padding: 8px 0 8px 30px;
    color: #345a82;
    font-size: 1rem;
    position: relative;
    border-bottom: 1px solid #eee;
}

.product-single .woocommerce-product-details__short-description .feature-text ul li:last-child {
    border-bottom: none;
}

.product-single .woocommerce-product-details__short-description .feature-text ul li .checkmark {
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: #4CAF50;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-single .woocommerce-product-details__short-description .feature-text ul li .checkmark::after {
    content: '✓';
    color: white;
    font-size: 10px;
    font-weight: bold;
}

/* Variations Form */
.product-single .variations_form.cart {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    max-width: 100%;
}

/* Variations Table */
.product-single .variations_form .variations {
    width: 100%;
    margin-bottom: 1.5rem;
    border-collapse: collapse;
}

.product-single .variations_form .variations td.label {
    padding: 10px 15px 10px 0;
    font-size: 1rem;
    color: #345a82;
    font-weight: 600;
    vertical-align: middle;
}

.product-single .variations_form .variations td.value {
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-single .variations_form .variations select {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #ffffff;
    color: #345a82;
    font-size: 1rem;
    transition: border-color 0.3s ease;
}

.product-single .variations_form .variations select:focus {
    border-color: #4d7192;
    outline: none;
    box-shadow: 0 0 0 2px rgba(77, 113, 146, 0.2);
}

.product-single .variations_form .reset_variations {
    color: #6689a2;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 6px 10px;
    border-radius: 4px;
    transition: color 0.3s ease;
}

.product-single .variations_form .reset_variations:hover {
    color: #345a82;
}

/* Custom Fields */
.product-single .custom-fields {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #eee;
}

.product-single .custom-fields label {
    display: block;
    margin-bottom: 6px;
    color: #345a82;
    font-size: 1rem;
    font-weight: 600;
}

.product-single .custom-fields input[type="text"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #ffffff;
    color: #345a82;
    font-size: 1rem;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.product-single .custom-fields input[type="text"]:focus {
    border-color: #4d7192;
    outline: none;
    box-shadow: 0 0 0 2px rgba(77, 113, 146, 0.2);
}

/* Add to Cart Button */
.product-single .single_add_to_cart_button {
    width: 100%;
    background-color: #4d7192;
    color: #ffffff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.product-single .single_add_to_cart_button:hover {
    background-color: #6689a2;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.3);
}

.product-single .single_add_to_cart_button.disabled {
    background-color: #ddd;
    color: #999;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Product Meta */
.product-single .product_meta {
    margin-top: 2rem;
    padding: 1rem;
    background-color: #f7f7f7;
    border-radius: 8px;
    font-size: 0.9rem;
    display: none;
}

.product-single .product_meta span {
    display: block;
    margin-bottom: 8px;
    color: #666;
}

.product-single .product_meta .sku_wrapper {
    font-weight: 600;
    color: #345a82;
}

.product-single .product_meta .sku {
    color: #4d7192;
}

.product-single .product_meta .posted_in a {
    color: #4d7192;
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-single .product_meta .posted_in a:hover {
    color: #345a82;
}

/* WooCommerce Tabs */
.product-single .woocommerce-tabs {
    margin-top: 2rem;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.product-single .woocommerce-tabs .tabs {
    display: flex;
    background-color: #f7f7f7;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 2px solid #4d7192;
}

.product-single .woocommerce-tabs .tabs li {
    flex: 1;
    text-align: center;
}

.product-single .woocommerce-tabs .tabs li a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    color: #345a82;
    font-weight: 600;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.product-single .woocommerce-tabs .tabs li a:hover {
    background-color: rgba(77, 113, 146, 0.1);
}

.product-single .woocommerce-tabs .tabs li.active a {
    color: #4d7192;
    border-bottom-color: #4d7192;
    background-color: #ffffff;
}

/* Tab Panels */
.product-single .woocommerce-Tabs-panel {
    padding: 2rem;
    color: #666;
    line-height: 1.6;
}

.product-single .woocommerce-Tabs-panel h2 {
    font-size: 1.5rem;
    color: #345a82;
    margin-bottom: 1rem;
    font-weight: 600;
}

/* Additional Information Table */
.product-single .shop_attributes {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    border-radius: 8px;
    overflow: hidden;
}

.product-single .shop_attributes th,
.product-single .shop_attributes td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
}

.product-single .shop_attributes th {
    background-color: #f7f7f7;
    color: #345a82;
    font-weight: 600;
    text-align: left;
}

.product-single .shop_attributes td {
    background: #ffffff;
    color: #666;
}

/* Reviews Section */
.product-single .woocommerce-Reviews-title {
    font-size: 1.5rem;
    color: #345a82;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 600;
}

.product-single .woocommerce-noreviews {
    background-color: #4d7192;
    color: #ffffff;
    padding: 1rem;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
}

/* Review Form */
.product-single #review_form_wrapper {
    margin-top: 1.5rem;
    padding: 1.5rem;
    background-color: #f7f7f7;
    border-radius: 8px;
}

.product-single .comment-form-rating .stars {
    display: flex;
    gap: 5px;
    margin-bottom: 1rem;
    justify-content: center;
}

.product-single .comment-form-rating .stars a {
    font-size: 1.5rem;
    color: #ddd;
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-single .comment-form-rating .stars a:hover,
.product-single .comment-form-rating .stars a.active {
    color: #f1c40f;
}

.product-single .comment-form-comment textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #ffffff;
    color: #345a82;
    font-size: 1rem;
    resize: vertical;
    min-height: 100px;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.product-single .comment-form-comment textarea:focus {
    border-color: #4d7192;
    outline: none;
    box-shadow: 0 0 0 2px rgba(77, 113, 146, 0.2);
}

.product-single .form-submit input[type="submit"] {
    background-color: #4d7192;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.product-single .form-submit input[type="submit"]:hover {
    background-color: #6689a2;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.3);
}

/* Related Products */
.product-single .related.products {
    margin-top: 2rem;
    padding: 2rem;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-single .related.products h2 {
    font-size: clamp(1.8rem, 4vw, 2.2rem);
    color: #345a82;
    text-align: center;
    margin-bottom: 2rem;
    font-weight: 700;
}

.product-single .related.products .products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-single .related.products .product {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.product-single .related.products .product:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

.product-single .related.products .product img {
    width: 100%;
    max-width: 120px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 1rem;
    transition: transform 0.3s ease;
}

.product-single .related.products .product:hover img {
    transform: scale(1.05);
}

.product-single .related.products .woocommerce-loop-product__title {
    font-size: 1.2rem;
    color: #345a82;
    margin-bottom: 0.8rem;
    font-weight: 600;
    line-height: 1.3;
}

.product-single .related.products .price {
    font-size: 1.1rem;
    color: #4d7192;
    font-weight: 700;
    margin-bottom: 1rem;
}

.product-single .related.products .button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: inline-block;
}

.product-single .related.products .button:hover {
    background-color: #6689a2;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.3);
}

.product_title{
    margin-top:10px !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .product-single .site-main {
        padding: 15px;
    }
    
    .product-single .product {
        flex-direction: column;
        gap: 1.5rem;
        padding: 1.5rem;
    }
    
    .product-single .woocommerce-product-gallery,
    .product-single .summary.entry-summary {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .product-single .product_title.entry-title {
        text-align: center;
    }
    
    .product-single .variations_form .variations td.label,
    .product-single .variations_form .variations td.value {
        display: block;
        padding: 8px 0;
    }
    
    .product-single .variations_form .variations td.value {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    .product-single .related.products .products {
        grid-template-columns: 1fr;
    }
}

/* Product Showcase Section */
.product-showcase {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 60vh;
    gap: 2rem;
    background-color: #f7f7f7;
}

.product-showcase-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* Product Image */
.product-showcase-image {
    flex: 1 1 45%;
    min-width: 300px;
    padding: 1rem;
}

.product-showcase-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.product-showcase-image img:hover {
    transform: scale(1.02);
}

/* Product Content */
.product-showcase-content {
    flex: 1 1 45%;
    min-width: 300px;
    padding: 1rem;
    text-align: left;
}

/* Product Title */
.product-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.2rem;
    color: #345a82;
    margin-top: 0;
}

/* Product Price */
.product-price {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #ffffff;
    border-radius: 8px;
    border-left: 4px solid #4d7192;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.price-label {
    display: block;
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.price-value {
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 700;
    color: #4d7192;
    line-height: 1;
}

.price-period {
    font-size: 1rem;
    color: #6689a2;
    font-weight: 400;
}

/* Product Description */
.product-description {
    margin-bottom: 2rem;
}

.product-description p {
    font-size: 1.125rem;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

/* Features Section */
.product-features {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.features-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1rem;
    margin-top: 0;
}

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

.features-list li {
    padding: 8px 0;
    color: #345a82;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.features-list li:last-child {
    border-bottom: none;
}

.feature-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Perfect For Section */
.product-perfect-for {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #6689a2;
}

.perfect-for-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #345a82;
    margin-bottom: 1rem;
    margin-top: 0;
}

.perfect-for-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.perfect-for-list li {
    padding: 6px 0 6px 25px;
    color: #4d7192;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
}

.perfect-for-list li::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: #6689a2;
    font-size: 1.2rem;
    font-weight: bold;
}

/* Product Actions */
.product-actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-primary,
.btn-secondary {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    cursor: pointer;
    min-width: 150px;
}

.btn-primary {
    background-color: #4d7192;
    color: #ffffff;
    border-color: #4d7192;
}

.btn-primary:hover {
    background-color: #6689a2;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.3);
}

.btn-secondary {
    background-color: transparent;
    color: #4d7192;
    border-color: #4d7192;
}

.btn-secondary:hover {
    background-color: #4d7192;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Focus States */
.btn-primary:focus,
.btn-secondary:focus {
    outline: 3px solid #87bdd8;
    outline-offset: 2px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .product-showcase {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1rem;
    }
    
    .product-showcase-container {
        flex-direction: column;
    }
    
    .product-showcase-image,
    .product-showcase-content {
        max-width: 100%;
        flex: 1 1 100%;
    }
    
    .product-actions {
        flex-direction: column;
        align-items: center;
        gap: 0.8rem;
    }
    
    .btn-primary,
    .btn-secondary {
        width: 100%;
        max-width: 280px;
    }
    
    .features-list li,
    .perfect-for-list li {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .product-features,
    .product-perfect-for {
        padding: 1rem;
    }
    
    .product-price {
        padding: 1rem 0.8rem;
    }
    
    .features-list li {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
    
    .feature-icon {
        margin-top: 0;
    }
}

/* Animation */
.product-showcase {
    animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover Effects */
.product-features:hover,
.product-perfect-for:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    transition: all 0.3s ease;
}

.features-list li:hover {
    background-color: rgba(77, 113, 146, 0.05);
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* WooCommerce Notices Styling - Matching Theme */
.woocommerce-notices-wrapper {
    margin: 1.5rem 0;
    padding: 0;
    position: relative;
    z-index: 100;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce-message {
    background-color: #f0f4f8 !important; /* Light background matching trusted platform section */
    border: 1px solid #4d7192; /* Accent color border */
    border-left: 5px solid #345a82; /* Primary color left border, matching trusted platform */
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 0 0 1.5rem 0;
    color: #345a82; /* Primary color text */
    font-size: 0.875rem; /* Matching footer font size */
    line-height: 1.6; /* Matching hero text line height */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Matching trusted platform shadow */
    position: relative;
    animation: fadeInUp 0.8s ease-out forwards; /* Matching hero animation */
    display: flex;
    align-items: center; /* Align icon, text, and button vertically */
    flex-wrap: wrap;
    gap: 0.5rem; /* Add consistent spacing between elements */
}

/* Success/confirmation styling with icon */
.woocommerce-message::before {
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #345a82; /* Primary color */
    color: #ffffff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700; /* Matching hero title weight */
    margin-right: 0; /* Remove margin as gap handles spacing */
    flex-shrink: 0; /* Prevent icon from shrinking */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* Continue shopping button styling - matching contact button */
.woocommerce-message .button.wc-forward {
    display: inline-block;
    background-color: #4d7192; /* Matching contact button color */
    color: #ffffff;
    padding: 0.75rem 1.5rem; /* Matching hero button padding */
    border-radius: 8px; /* Matching hero button radius */
    text-decoration: none;
    font-size: 0.875rem; /* Consistent with footer */
    font-weight: 600; /* Matching contact button weight */
    margin-left: auto; /* Push button to the right */
    transition: all 0.3s ease; /* Matching hero button transition */
    border: 2px solid #4d7192;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Matching logo slider shadow */
    flex-shrink: 0; /* Prevent button from shrinking */
    white-space: nowrap; /* Prevent button text from wrapping */
}

.woocommerce-message .button.wc-forward:hover {
    background-color: #6689a2; /* Matching contact button hover */
    border-color: #6689a2;
    transform: translateY(-2px); /* Matching hero button hover effect */
    box-shadow: 0 8px 20px rgba(77, 113, 146, 0.3); /* Matching hero button shadow */
    color: #ffffff;
}

.woocommerce-message .button.wc-forward:active {
    background-color: #345a82; /* Matching contact button active */
    border-color: #345a82;
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(52, 90, 130, 0.2);
}

.woocommerce-message .button.wc-forward:focus {
    outline: 3px solid #87bdd8; /* Matching hero button focus */
    outline-offset: 2px;
    border-radius: 8px;
}

.woocommerce-message .button.wc-forward:visited {
    color: #ffffff; /* Ensuring visited state maintains white text */
}

/* Error message styling */
.woocommerce-error {
    background-color: #fef7f7 !important;
    border: 1px solid #e74c3c;
    border-left: 5px solid #c0392b; /* Matching border style */
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 0 0 1.5rem 0;
    color: #c0392b;
    font-size: 0.875rem;
    line-height: 1.6;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 0.8s ease-out forwards;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none; /* Remove default list styling */
}

/* Error message as list styling */
.woocommerce-error.woocommerce-error {
    padding-left: 1.5rem; /* Reset padding for list version */
}

.woocommerce-error::before {
    content: "✕";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #e74c3c !important;
    color: #ffffff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    margin-right: 0;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    align-self: flex-start; /* Align icon to top for multi-line content */
    margin-top: 0.8rem; /* Fine-tune vertical alignment */
}

/* Error list item styling */
.woocommerce-error li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 1; /* Take remaining space */
}

/* View cart button in error messages */
.woocommerce-error .button.wc-forward {
    display: inline-block;
    background-color: #e74c3c; /* Error red color */
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    margin-left: auto;
    transition: all 0.3s ease;
    border: 2px solid #e74c3c;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
    white-space: nowrap;
}

.woocommerce-error .button.wc-forward:hover {
    background-color: #c0392b; /* Darker red on hover */
    border-color: #c0392b;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(231, 76, 60, 0.3);
    color: #ffffff;
}

.woocommerce-error .button.wc-forward:active {
    background-color: #a93226; /* Even darker red on active */
    border-color: #a93226;
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(169, 50, 38, 0.2);
}

.woocommerce-error .button.wc-forward:focus {
    outline: 3px solid #f1948a; /* Light red focus outline */
    outline-offset: 2px;
    border-radius: 8px;
}

.woocommerce-error .button.wc-forward:visited {
    color: #ffffff;
}

/* Info message styling */
.woocommerce-info {
    background-color: #f0f4f8 !important; /* Matching trusted platform background */
    border: 1px solid #7ea0b1; /* Accent color */
    border-left: 5px solid #4d7192; /* Secondary accent */
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 0 0 1.5rem 0;
    color: #345a82 !important; /* Primary color text */
    font-size: 0.875rem;
    line-height: 1.6;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 0.8s ease-out forwards;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.woocommerce-info::before {
    content: "ⓘ";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #4d7192; /* Secondary accent */
    color: #ffffff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    margin-right: 0;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Animation matching hero section */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive design matching theme breakpoints */
@media (max-width: 768px) {
    .woocommerce-notices-wrapper {
        margin: 1rem 0;
        padding: 0 1rem; /* Matching mobile padding */
    }
    
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        padding: 1rem;
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
    
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .woocommerce-message .button.wc-forward,
    .woocommerce-error .button.wc-forward {
        display: block;
        margin: 0;
        margin-left: 0;
        text-align: center;
        width: 100%;
        max-width: 280px; /* Matching hero button max-width */
    }
    
    .woocommerce-error li {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        width: 100%;
    }
    
    .woocommerce-message::before,
    .woocommerce-error::before,
    .woocommerce-info::before {
        width: 20px;
        height: 20px;
        font-size: 12px;
        margin-right: 0;
    }
}

/* Additional styling for multiple notices */
.woocommerce-notices-wrapper .woocommerce-message + .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error + .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info + .woocommerce-info {
    margin-top: -0.75rem; /* Slight overlap for multiple notices */
}

/* Close button for notices (optional) */
.woocommerce-notice-dismiss {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    background: none;
    border: none;
    color: #345a82; /* Primary color */
    font-size: 1.125rem;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-notice-dismiss:hover {
    opacity: 1;
    background-color: rgba(52, 90, 130, 0.1);
}

.woocommerce-notice-dismiss:focus {
    outline: 2px solid #345a82;
    outline-offset: 1px;
    border-radius: 50%;
}

/* Integration with site header spacing */
body.admin-bar .woocommerce-notices-wrapper {
    margin-top: 2rem; /* Extra spacing when admin bar is present */
}

/* Ensure notices don't interfere with fixed header */
.site-header + .woocommerce-notices-wrapper,
main .woocommerce-notices-wrapper:first-child {
    margin-top: 1rem;
}

/* Links within notices matching theme link styling */
.woocommerce-message a:not(.button),
.woocommerce-error a:not(.button),
.woocommerce-info a:not(.button) {
    color: #345a82; /* Primary color */
    text-decoration: underline;
    transition: color 0.3s ease;
}

.woocommerce-message a:not(.button):hover,
.woocommerce-error a:not(.button):hover,
.woocommerce-info a:not(.button):hover {
    color: #4d7192; /* Hover color matching theme */
}

.woocommerce-message a:not(.button):focus,
.woocommerce-error a:not(.button):focus,
.woocommerce-info a:not(.button):focus {
    outline: 2px solid #345a82;
    outline-offset: 1px;
    border-radius: 2px;
}

/* Cart Page Wrapper */ 
.wc-block-cart { 
    margin: 0 auto; 
    padding: 20px !important; 
    display: grid; 
    grid-template-columns: 1fr 350px; 
} 

@media (max-width: 1024px) { 
    .wc-block-cart { 
        grid-template-columns: 1fr; 
    } 
} 

/* Cart Items Section */ 
.wc-block-cart-items { 
    background: #fff; 
    border-radius: 8px; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
    padding: 20px !important; 
} 

/* Product row */ 
.wc-block-cart-item { 
    display: flex; 
    align-items: flex-start; 
    gap: 20px; 
    border-bottom: 1px solid #e9ecef; 
    padding: 15px 0; 
} 

.wc-block-cart-item:last-child { 
    border-bottom: none; 
} 

/* Product Image */ 
.wc-block-cart-item__image img { 
    width: 100px; 
    height: 100px; 
    object-fit: cover; 
    border-radius: 6px; 
    border: 1px solid #e9ecef; 
    transition: transform 0.3s ease; 
} 

.wc-block-cart-item__image img:hover { 
    transform: scale(1.05); 
} 

/* Product Details */ 
.wc-block-cart-item__product { 
    flex: 1; 
} 

.wc-block-components-product-name { 
    font-size: 18px; 
    font-weight: 600; 
    color: #345a82; 
    margin-bottom: 8px; 
    display: inline-block; 
    transition: color 0.3s ease; 
} 

.wc-block-components-product-name:hover { 
    color: #4d7192; 
} 

/* Meta info (Domain Name, Billing, etc.) */ 
.wc-block-components-product-metadata { 
    background: #f8f9fa; 
    padding: 10px; 
    border-left: 3px solid #4d7192; 
    border-radius: 4px; 
    font-size: 14px; 
    color: #555; 
} 

/* Remove button */ 
.wc-block-cart-item__remove-link { 
    background: none; 
    border: 1px solid #dc3545; 
    color: #dc3545; 
    padding: 6px 12px; 
    border-radius: 4px; 
    font-size: 13px; 
    cursor: pointer; 
    transition: all 0.3s ease; 
    margin-top: 10px; 
    display: inline-block; 
} 

.wc-block-cart-item__remove-link:hover { 
    background: #dc3545; 
    color: #fff; 
} 

/* Totals Sidebar */ 
.wc-block-cart__sidebar { 
    background: #fff; 
    border-radius: 8px; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
    padding: 20px !important; 
    position: sticky; 
    top: 100px; 
} 

/* Totals Title */ 
.wc-block-cart__totals-title { 
    font-size: 22px; 
    font-weight: 700; 
    color: #345a82; 
    margin-bottom: 20px; 
    border-bottom: 2px solid #e9ecef; 
    padding-bottom: 10px; 
    text-align: center; 
} 

/* Proceed to checkout button */ 
.wc-block-cart__submit-button { 
    background: #4d7192; 
    color: #fff; 
    padding: 14px 20px; 
    border-radius: 6px; 
    font-size: 16px; 
    font-weight: 600; 
    width: 100%; 
    border: none; 
    cursor: pointer; 
    transition: all 0.3s ease; 
} 

.wc-block-cart__submit-button:hover { 
    background: #6689a2; 
    transform: translateY(-2px); 
    box-shadow: 0 6px 12px rgba(0,0,0,0.15); 
} 

.wc-block-components-product-name{
    color: #345a82 !important;
}

.wc-block-cart__submit-container .wc-block-components-button{
    color: #ffffff !important;
}

/* Empty Cart Page Styling */
.wp-block-woocommerce-empty-cart-block {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 20px;
    text-align: center;
}

/* Empty Cart Title */
.wc-block-cart__empty-cart__title {
    font-size: clamp(2rem, 4vw, 2.5rem);
    color: #345a82;
    margin-bottom: 30px;
    font-weight: 700;
    position: relative;
    padding: 0 20px;
}

.with-empty-cart-icon.wc-block-cart__empty-cart__title::before {
    content: '🛒';
    font-size: 3rem;
    display: block;
    margin-bottom: 20px;
    opacity: 0.7;
}

/* Separator Styling */
.wp-block-separator.has-alpha-channel-opacity {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, transparent, #4d7192, transparent);
    margin: 40px auto;
    width: 100px;
    border-radius: 2px;
}

.wp-block-separator.is-style-dots::before {
    content: '• • •';
    color: #4d7192;
    font-size: 1.5rem;
    letter-spacing: 0.5rem;
    background: none;
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Hide New in Store section */
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title),
.wc-block-grid.wp-block-product-new,
.wc-block-grid__products {
    display: none !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .wp-block-woocommerce-empty-cart-block {
        padding: 40px 15px;
    }
    
    .wc-block-grid__products {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }
    
    .wc-block-grid__product {
        padding: 20px;
    }
    
    .wc-block-grid__product-image img {
        height: 120px;
    }
    
    .wc-block-grid__product-title {
        font-size: 1rem;
        min-height: 2.4rem;
    }
    
    .wc-block-grid__product-price {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .wc-block-grid__products {
        grid-template-columns: 1fr;
        gap: 15px;
        max-width: 300px;
    }
    
    .wc-block-grid__product {
        padding: 15px;
    }
    
    .with-empty-cart-icon.wc-block-cart__empty-cart__title::before {
        font-size: 2.5rem;
        margin-bottom: 15px;
    }
    
    .wc-block-cart__empty-cart__title {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
}

/* Animation for page load */
.wp-block-woocommerce-empty-cart-block {
    animation: fadeInUp 0.6s ease-out;
}

.wc-block-grid__product {
    animation: fadeInUp 0.6s ease-out;
    animation-fill-mode: both;
}

.wc-block-grid__product:nth-child(1) { animation-delay: 0.1s; }
.wc-block-grid__product:nth-child(2) { animation-delay: 0.2s; }
.wc-block-grid__product:nth-child(3) { animation-delay: 0.3s; }
.wc-block-grid__product:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Browse Products Button */
.empty-cart-actions {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.browse-products-button {
    display: inline-block;
    padding: 16px 40px;
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%);
    color: #fff !important;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(77, 113, 146, 0.2);
    position: relative;
    overflow: hidden;
}

.browse-products-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.browse-products-button:hover::before {
    left: 100%;
}

.browse-products-button:hover {
    background: linear-gradient(135deg, #6689a2 0%, #7ea0b1 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(77, 113, 146, 0.35);
    color: #fff !important;
}

.browse-products-button:active {
    transform: translateY(0);
}

.browse-products-button:focus {
    outline: 3px solid #87bdd8;
    outline-offset: 2px;
}

/* Alternative/Secondary Button */
.continue-shopping-link {
    display: inline-block;
    padding: 12px 30px;
    background: transparent;
    color: #4d7192 !important;
    border: 2px solid #4d7192;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.continue-shopping-link:hover {
    background: #4d7192;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(77, 113, 146, 0.3);
}

/* Enhanced Statistics Section - Stylish with Borders */
.solutions-statistics-section {
    padding: 4rem 1.5rem;
    background: linear-gradient(135deg, #f0f4f8 0%, #ffffff 50%, #f9f9f9 100%);
    position: relative;
}

.solutions-statistics-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23345a82" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
    pointer-events: none;
}

.statistics-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(52, 90, 130, 0.1);
    border: 1px solid rgba(52, 90, 130, 0.1);
    overflow: hidden;
    position: relative;
}

.statistics-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #345a82 0%, #4d7192 25%, #6689a2 50%, #7ea0b1 75%, #97b8c1 100%);
}

.stat-item {
    flex: 1;
    padding: 3rem 2rem;
    text-align: center;
    position: relative;
    transition: all 0.3s ease;
    background: #ffffff;
}

.stat-item:hover {
    background: linear-gradient(135deg, #f0f4f8 0%, #ffffff 100%);
    transform: translateY(-5px);
}

.stat-item:hover .stat-icon {
    transform: scale(1.1) rotate(5deg);
    background: linear-gradient(135deg, #345a82 0%, #4d7192 100%);
}

.stat-item:hover .stat-value {
    color: #345a82;
    transform: scale(1.05);
}

.stat-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem auto;
    color: #ffffff;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(77, 113, 146, 0.2);
}

.stat-value {
    font-size: 3rem;
    color: #345a82;
    font-weight: 800;
    margin-bottom: 0.5rem;
    line-height: 1;
    transition: all 0.3s ease;
    text-shadow: 0 2px 4px rgba(52, 90, 130, 0.1);
}

.stat-description {
    font-size: 1rem;
    color: #4d7192;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

/* Stylish Dividers Between Stats */
.stat-divider {
    width: 1px;
    background: linear-gradient(180deg, transparent 0%, #e0e6ea 20%, #4d7192 50%, #e0e6ea 80%, transparent 100%);
    position: relative;
    flex-shrink: 0;
}

.stat-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #4d7192;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #e0e6ea;
}

/* Enhanced Responsive Design */
@media (max-width: 992px) {
    .statistics-container {
        flex-wrap: wrap;
        border-radius: 12px;
    }
    
    .stat-item {
        flex: 1 1 calc(50% - 1px);
        padding: 2.5rem 1.5rem;
    }
    
    .stat-divider {
        display: none;
    }
    
    .stat-item:nth-child(2) {
        border-left: 1px solid #e0e6ea;
    }
    
    .stat-item:nth-child(4) {
        border-left: 1px solid #e0e6ea;
        border-top: 1px solid #e0e6ea;
    }
    
    .stat-item:nth-child(6) {
        border-top: 1px solid #e0e6ea;
    }
}

@media (max-width: 768px) {
    .solutions-statistics-section {
        padding: 3rem 1rem;
    }
    
    .statistics-container {
        flex-direction: column;
        border-radius: 12px;
    }
    
    .stat-item {
        flex: none;
        padding: 2rem 1.5rem;
        border-left: none !important;
        border-top: none !important;
    }
    
    .stat-item:not(:last-child) {
        border-bottom: 1px solid #e0e6ea;
    }
    
    .stat-item:hover {
        transform: translateY(-2px);
    }
    
    .stat-value {
        font-size: 2.5rem;
    }
    
    .stat-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 1rem;
    }
}

.cart-icon-image{
    padding-top: 10px;
}

/* Checkout page styles */

/* WooCommerce Notices Wrapper */
.woocommerce-notices-wrapper {
    margin-bottom: 2rem;
    position: relative;
    z-index: 100;
}

/* WooCommerce Success Message */
.woocommerce-message {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #28a745;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.2);
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    position: relative;
    overflow: hidden;
}

.woocommerce-message::before {
    content: '✓';
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: #28a745;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    animation: slideInLeft 0.5s ease-out forwards;
}

@keyframes slideInLeft {
    to {
        left: 10px;
    }
}

/* Continue Shopping Button in Notice */
.woocommerce-message .button.wc-forward {
    background-color: #4d7192;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.woocommerce-message .button.wc-forward:hover {
    background-color: #6689a2;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.3);
}

/* Error Messages */
.woocommerce-error {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    color: #721c24;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #dc3545;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.2);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.woocommerce-error::before {
    content: '⚠';
    margin-right: 8px;
    font-size: 1.1rem;
}

/* Info Messages */
.woocommerce-info {
    background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
    color: #0c5460;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #17a2b8;
    box-shadow: 0 2px 8px rgba(23, 162, 184, 0.2);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.woocommerce-info::before {
    content: 'ℹ';
    margin-right: 8px;
    font-size: 1.1rem;
}

/* Mobile Responsiveness for Notices */
@media (max-width: 768px) {
    .woocommerce-message {
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
    }
    
    .woocommerce-message .button.wc-forward {
        width: 100%;
        text-align: center;
        margin-top: 0.5rem;
    }
}

/* Checkout Actions Row */
.wc-block-checkout__actions_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 2rem 0;
    margin-top: 2rem;
    border-top: 2px solid #f0f0f0;
    flex-wrap: wrap;
}

/* Return to Cart Button */
.wc-block-components-checkout-return-to-cart-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #4d7192;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.75rem 1rem;
    
    background: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

.wc-block-components-checkout-return-to-cart-button:visited{
    color: #4d7192;
}

.wc-block-components-radio-control-accordion-content a:visited,.wc-block-components-radio-control-accordion-content a{
    color: #4d7192;
}

/* Place Order Button */
.wc-block-components-checkout-place-order-button {
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 200px;
}

.wc-block-components-checkout-place-order-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.4s ease;
}

.wc-block-components-checkout-place-order-button:hover::before {
    left: 100%;
}

.wc-block-components-checkout-place-order-button:hover {
    background: linear-gradient(135deg, #6689a2 0%, #7ea0b1 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(77, 113, 146, 0.4);
}

.wc-block-components-checkout-place-order-button:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(77, 113, 146, 0.3);
}

/* Button Text Wrapper */
.wc-block-components-button__text {
    position: relative;
    z-index: 2;
}

.wc-block-components-checkout-place-order-button__text {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Loading State for Place Order Button */
.wc-block-components-checkout-place-order-button.is-loading {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}

.wc-block-components-checkout-place-order-button.is-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}

/* Mobile Responsiveness for Checkout Actions */
@media (max-width: 768px) {
    .wc-block-checkout__actions_row {
        flex-direction: column-reverse;
        gap: 1rem;
        padding: 1.5rem 0;
    }
    
    .wc-block-components-checkout-return-to-cart-button,
    .wc-block-components-checkout-place-order-button {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    
    .wc-block-components-checkout-place-order-button {
        min-width: auto;
        padding: 1rem 1.5rem;
    }
}

@media (max-width: 480px) {
    .wc-block-components-checkout-return-to-cart-button {
        padding: 0.75rem;
        font-size: 0.9rem;
    }
    
    .wc-block-components-checkout-place-order-button {
        padding: 1rem;
        font-size: 1rem;
    }
}

/* Focus States for Accessibility */
.wc-block-components-checkout-return-to-cart-button:focus,
.wc-block-components-checkout-place-order-button:focus {
    outline: 3px solid #87bdd8;
    outline-offset: 2px;
}

/* Additional Animation for Success Message */
.woocommerce-message {
    animation: slideDown 0.5s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Order complete page */

/* Order Complete Page Main Container */
.post-10.page {
    background: #f7f7f7;
    min-height: 100vh;
    padding: 2rem 0;
}

/* Entry Header */
.post-10 .entry-header {
    display: none;
}

.post-10 .entry-title {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 700;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* WooCommerce Order Container */
.woocommerce-order {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

/* Success Notice */
.post-10 .woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #28a745;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
}

.post-10 .woocommerce-notice--success::before {
    content: '✓';
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #28a745;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
}

/* Order Overview */
.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    background: #f7f7f7;
    border-radius: 8px;
    padding: 1.5rem;
}

.woocommerce-order-overview li {
    background: #ffffff;
    padding: 1rem;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-size: 0.9rem;
    color: #666;
}

.woocommerce-order-overview li strong {
    display: block;
    font-size: 1.1rem;
    color: #345a82;
    font-weight: 700;
    margin-top: 0.5rem;
}

/* Order Details Section */
.woocommerce-order-details {
    margin-top: 2rem;
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.woocommerce-order-details__title {
    font-size: 1.5rem;
    color: #345a82;
    margin-bottom: 1.5rem;
    font-weight: 700;
    border-bottom: 2px solid #4d7192;
    padding-bottom: 0.5rem;
}

/* Order Details Table */
.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.woocommerce-table--order-details thead {
    background: linear-gradient(135deg, #345a82 0%, #4d7192 100%);
    color: #ffffff;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.woocommerce-table--order-details th {
    font-weight: 600;
    font-size: 1rem;
}

.woocommerce-table--order-details tbody tr:hover {
    background: rgba(77, 113, 146, 0.02);
}

.woocommerce-table--order-details .product-name a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 600;
}

.woocommerce-table--order-details .product-name a:hover {
    color: #345a82;
    text-decoration: underline;
}

.product-quantity {
    color: #666;
    font-size: 0.9rem;
}

/* Item Meta */
.wc-item-meta {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
}

.wc-item-meta li {
    margin-bottom: 0.25rem;
    color: #666;
}

.wc-item-meta-label {
    color: #345a82;
}

/* Table Footer */
.woocommerce-table--order-details tfoot {
    background: #f7f7f7;
}

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
    font-weight: 600;
    border-bottom: none;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%);
    color: #ffffff;
    font-size: 1.1rem;
}

/* Related Subscriptions */
.woocommerce-orders-table--subscriptions {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.woocommerce-orders-table--subscriptions thead {
    background: linear-gradient(135deg, #6689a2 0%, #7ea0b1 100%);
    color: #ffffff;
}

.woocommerce-orders-table--subscriptions th,
.woocommerce-orders-table--subscriptions td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.woocommerce-orders-table--subscriptions .order:hover {
    background: rgba(102, 137, 162, 0.05);
}

.woocommerce-orders-table--subscriptions a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 600;
}

.woocommerce-orders-table--subscriptions a:hover {
    color: #345a82;
    text-decoration: underline;
}

/* Subscription Status */
.subscription-status {
    font-weight: 600;
    color: #28a745;
    text-transform: uppercase;
    font-size: 0.85rem;
}

/* View Button */
.woocommerce-button.button.view {
    background-color: #4d7192;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.woocommerce-button.button.view:hover {
    background-color: #6689a2;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.3);
}

/* Customer Details */
.woocommerce-customer-details {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-top: 2rem;
}

.woocommerce-column__title {
    font-size: 1.3rem;
    color: #345a82;
    margin-bottom: 1rem;
    font-weight: 700;
    border-bottom: 2px solid #6689a2;
    padding-bottom: 0.5rem;
}

.woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.6;
    color: #666;
    background: #f7f7f7;
    padding: 1rem;
    border-radius: 6px;
    border-left: 4px solid #6689a2;
}

.woocommerce-customer-details--email {
    color: #4d7192;
    font-weight: 600;
    margin-top: 0.5rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .woocommerce-order-overview {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }
    
    .woocommerce-order-details,
    .woocommerce-customer-details {
        padding: 1.5rem;
    }
    
    .woocommerce-table--order-details,
    .woocommerce-orders-table--subscriptions {
        font-size: 0.9rem;
    }
    
    .woocommerce-table--order-details th,
    .woocommerce-table--order-details td,
    .woocommerce-orders-table--subscriptions th,
    .woocommerce-orders-table--subscriptions td {
        padding: 0.75rem 0.5rem;
    }
}

@media (max-width: 480px) {
    .entry-header {
        padding: 1.5rem;
    }
    
    .woocommerce-order {
        padding: 1.5rem;
    }
    
    .woocommerce-notice--success::before {
        display: none;
    }
    
    .woocommerce-notice--success {
        padding-left: 1.5rem;
    }
}

/* Animation */
.woocommerce-order {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* WooCommerce Reset Password Form - Matching Theme */

/* Main Container */
.woocommerce-ResetPassword.lost_reset_password {
    max-width: 500px;
    margin: 3rem auto;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(77, 113, 146, 0.1);
    overflow: hidden;
    position: relative;
}

/* Header Section */
.woocommerce-ResetPassword::before {
    content: '';
    display: block;
    height: 6px;
    background: linear-gradient(90deg, #345a82 0%, #4d7192 50%, #6689a2 100%);
}

/* Form Content */
.woocommerce-ResetPassword {
    padding: 3rem 2.5rem;
}

/* Header Message */
.woocommerce-ResetPassword > p:first-of-type {
    text-align: center;
    font-size: 1.125rem;
    color: #345a82;
    font-weight: 500;
    margin: 0 0 2.5rem 0;
    line-height: 1.6;
    position: relative;
    padding-bottom: 1.5rem;
}

.woocommerce-ResetPassword > p:first-of-type::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #4d7192 0%, #6689a2 100%);
    border-radius: 2px;
}

/* Form Rows */
.woocommerce-form-row {
    margin-bottom: 2rem;
    position: relative;
}

/* Labels */
.woocommerce-form-row label {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #345a82;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.required {
    color: #e74c3c;
    font-weight: 700;
    margin-left: 2px;
}

/* Input Fields */
.woocommerce-Input {
    width: 100%;
    padding: 1.125rem 1.25rem;
    border: 2px solid #e0e6ea;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    background-color: #ffffff;
    color: #333;
    transition: all 0.3s ease;
    box-sizing: border-box;
    position: relative;
}

.woocommerce-Input:focus {
    outline: none;
    border-color: #4d7192;
    box-shadow: 0 0 0 3px rgba(77, 113, 146, 0.15);
    background-color: #fafbfc;
    transform: translateY(-1px);
}

.woocommerce-Input:hover:not(:focus) {
    border-color: #c0c9d0;
}

/* Password Strength Indicator */
.woocommerce-Input[type="password"] {
    position: relative;
}

.woocommerce-form-row {
    position: relative;
}

/* Add password visibility toggle (if needed) */
.password-toggle {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    font-size: 1.125rem;
    padding: 0.25rem;
    border-radius: 4px;
    transition: color 0.3s ease;
}

.password-toggle:hover {
    color: #4d7192;
}

/* Submit Button */
.woocommerce-form-row .woocommerce-Button {
    width: 100%;
    background: linear-gradient(135deg, #4d7192 0%, #345a82 100%);
    color: #ffffff;
    padding: 1.25rem 2rem;
    border: none;
    border-radius: 10px;
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
    box-shadow: 0 4px 15px rgba(77, 113, 146, 0.2);
}

.woocommerce-Button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.woocommerce-Button:hover {
    background: linear-gradient(135deg, #345a82 0%, #2c4a6b 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(52, 90, 130, 0.3);
}

.woocommerce-Button:hover::before {
    left: 100%;
}

.woocommerce-Button:active {
    transform: translateY(0);
    box-shadow: 0 4px 15px rgba(52, 90, 130, 0.2);
}

.woocommerce-Button:focus {
    outline: 3px solid rgba(77, 113, 146, 0.3);
    outline-offset: 2px;
}

/* Loading State */
.woocommerce-Button:disabled,
.woocommerce-Button.loading {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.woocommerce-Button.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Security Tips */
.password-requirements {
    background: #f0f4f8;
    border: 1px solid #e0e6ea;
    border-left: 4px solid #4d7192;
    border-radius: 8px;
    padding: 1.25rem;
    margin: 1.5rem 0;
}

.password-requirements h4 {
    color: #345a82;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.password-requirements h4::before {
    content: '🔒';
    font-size: 1.25rem;
}

.password-requirements ul {
    margin: 0;
    padding-left: 1.25rem;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.6;
}

.password-requirements li {
    margin-bottom: 0.25rem;
}

/* Error Messages */
.woocommerce-error {
    background: linear-gradient(135deg, #f8d7da 0%, #f1aeb5 100%);
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-left: 5px solid #dc3545;
    border-radius: 8px;
    padding: 1.25rem;
    margin: 0 0 1.5rem 0;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15);
}

.woocommerce-error::before {
    content: '⚠️';
    margin-right: 0.5rem;
    font-size: 1.125rem;
}

/* Success Messages */
.woocommerce-message {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border: 1px solid #c3e6cb;
    border-left: 5px solid #28a745;
    border-radius: 8px;
    padding: 1.25rem;
    margin: 0 0 1.5rem 0;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.woocommerce-message::before {
    content: '✅';
    margin-right: 0.5rem;
    font-size: 1.125rem;
}

/* Form Validation */
.woocommerce-Input:invalid {
    border-color: #e74c3c;
}

.woocommerce-Input:valid {
    border-color: #27ae60;
}

.form-row.woocommerce-invalid .woocommerce-Input {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);
}

.form-row.woocommerce-validated .woocommerce-Input {
    border-color: #27ae60;
    box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.15);
}

/* Clear Fix */
.clear {
    clear: both;
}

/* Hidden Elements */
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* Back to Login Link */
.woocommerce-form-row .back-to-login {
    display: block;
    text-align: center;
    margin-top: 1.5rem;
    color: #4d7192;
    text-decoration: none;
    font-weight: 500;
    padding: 0.75rem;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.back-to-login:hover {
    background: #f8f9fa;
    color: #345a82;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .woocommerce-ResetPassword.lost_reset_password {
        margin: 2rem 1rem;
        max-width: none;
    }
    
    .woocommerce-ResetPassword {
        padding: 2.5rem 2rem;
    }
    
    .woocommerce-ResetPassword > p:first-of-type {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    
    .woocommerce-Input {
        padding: 1rem;
        font-size: 0.95rem;
    }
    
    .woocommerce-Button {
        padding: 1.125rem 1.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .woocommerce-ResetPassword {
        padding: 2rem 1.5rem;
    }
    
    .woocommerce-ResetPassword > p:first-of-type {
        font-size: 0.95rem;
        padding-bottom: 1rem;
    }
    
    .woocommerce-Input {
        padding: 0.875rem 1rem;
    }
    
    .woocommerce-Button {
        padding: 1rem 1.25rem;
        font-size: 0.95rem;
    }
    
    .password-requirements {
        padding: 1rem;
        font-size: 0.85rem;
    }
}

/* Dark Mode Support (if needed) */
@media (prefers-color-scheme: dark) {
    .woocommerce-ResetPassword.lost_reset_password {
        background: #2a2a2a;
        color: #ffffff;
        border-color: rgba(77, 113, 146, 0.3);
    }
    
    .woocommerce-Input {
        background: #333;
        color: #ffffff;
        border-color: #555;
    }
    
    .woocommerce-Input:focus {
        background: #404040;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .woocommerce-Input {
        border-width: 3px;
    }
    
    .woocommerce-Button {
        border: 2px solid #345a82;
    }
}

/* Print Styles */
@media print {
    .woocommerce-ResetPassword.lost_reset_password {
        box-shadow: none;
        border: 1px solid #ccc;
        max-width: none;
        margin: 0;
    }
    
    .woocommerce-Button {
        display: none;
    }
}

/* Animation for form appearance */
.woocommerce-ResetPassword.lost_reset_password {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Focus Management */
.woocommerce-Input:focus + .password-toggle {
    color: #4d7192;
}

/* Password Strength Indicator (if you want to add it) */
.password-strength {
    margin-top: 0.5rem;
    height: 4px;
    background: #e0e6ea;
    border-radius: 2px;
    overflow: hidden;
}

.password-strength-bar {
    height: 100%;
    transition: all 0.3s ease;d
    border-radius: 2px;
}

.password-strength.weak .password-strength-bar {
    width: 25%;
    background: #e74c3c;
}

.password-strength.fair .password-strength-bar {
    width: 50%;
    background: #f39c12;
}

.password-strength.good .password-strength-bar {
    width: 75%;
    background: #f1c40f;
}

.password-strength.strong .password-strength-bar {
    width: 100%;
    background: #27ae60;
}

/* Lost Password Page - Simple Style with .woocommerce-lost-password prefix */
.woocommerce-lost-password {
    min-height: 80vh;
    background: linear-gradient(135deg, #f0f4f8 0%, #e8f2f6 100%);
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Entry Header */
.woocommerce-lost-password .entry-header {
    text-align: center;
    margin-bottom: 2rem;
    padding: 0 2rem;
}

.woocommerce-lost-password .entry-title {
    color: #345a82;
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: 700;
    margin: 0;
    position: relative;
}

.woocommerce-lost-password .entry-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: #4d7192;
    border-radius: 2px;
}

/* Entry Content */
.woocommerce-lost-password .entry-content {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
}

/* WooCommerce Container */
.woocommerce-lost-password .woocommerce {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    padding: 3rem 2.5rem;
    border: 1px solid rgba(77, 113, 146, 0.1);
}

/* Notices Wrapper */
.woocommerce-lost-password .woocommerce-notices-wrapper {
    margin-bottom: 1.5rem;
}

/* Lost Password Form */
.woocommerce-lost-password .woocommerce-ResetPassword {
    max-width: none;
}

/* Form Description */
.woocommerce-lost-password .woocommerce-ResetPassword > p:first-of-type {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(77, 113, 146, 0.05) 0%, rgba(102, 137, 162, 0.05) 100%);
    border-radius: 8px;
    border-left: 4px solid #4d7192;
    text-align: center;
}

/* Form Row */
.woocommerce-lost-password .woocommerce-form-row {
    margin-bottom: 2rem;
}

/* Form Label */
.woocommerce-lost-password .woocommerce-ResetPassword label {
    display: block;
    color: #345a82;
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1rem;
}

.woocommerce-lost-password .woocommerce-ResetPassword label .required {
    color: #e74c3c;
    font-weight: 700;
}

.woocommerce-lost-password .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/* Input Field */
.woocommerce-lost-password .woocommerce-Input {
    width: 100%;
    padding: 1rem 1.25rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    background-color: #ffffff;
    color: #333;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.woocommerce-lost-password .woocommerce-Input:focus {
    outline: none;
    border-color: #4d7192;
    box-shadow: 0 0 0 3px rgba(77, 113, 146, 0.15);
    background-color: #fafbfc;
}

.woocommerce-lost-password .woocommerce-Input::placeholder {
    color: #999;
    font-style: italic;
}

/* Clear Fix */
.woocommerce-lost-password .clear {
    clear: both;
    height: 0;
    margin: 0;
}

/* Submit Button */
.woocommerce-lost-password .woocommerce-Button {
    background: linear-gradient(135deg, #4d7192 0%, #345a82 100%);
    color: #ffffff;
    padding: 1.125rem 2.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.woocommerce-lost-password .woocommerce-Button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.woocommerce-lost-password .woocommerce-Button:hover {
    background: linear-gradient(135deg, #345a82 0%, #2c4a6b 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(52, 90, 130, 0.4);
}

.woocommerce-lost-password .woocommerce-Button:hover::before {
    left: 100%;
}

.woocommerce-lost-password .woocommerce-Button:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(52, 90, 130, 0.3);
}

/* Error States */
.woocommerce-lost-password .woocommerce-form-row.woocommerce-invalid .woocommerce-Input {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.15);
}

.woocommerce-lost-password .woocommerce-form-row.woocommerce-invalid label {
    color: #e74c3c;
}

/* Success/Error Messages */
.woocommerce-lost-password .woocommerce-message,
.woocommerce-lost-password .woocommerce-error,
.woocommerce-lost-password .woocommerce-info {
    padding: 1.25rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.5;
}

.woocommerce-lost-password .woocommerce-message {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border-left: 5px solid #28a745;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.woocommerce-lost-password .woocommerce-error {
    background: linear-gradient(135deg, #f8d7da 0%, #f1aeb5 100%);
    color: #721c24;
    border-left: 5px solid #dc3545;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15);
}

.woocommerce-lost-password .woocommerce-info {
    background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
    color: #0c5460;
    border-left: 5px solid #17a2b8;
    box-shadow: 0 4px 12px rgba(23, 162, 184, 0.15);
}

/* Loading State */
.woocommerce-lost-password .woocommerce-ResetPassword.processing .woocommerce-Button {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.woocommerce-lost-password .woocommerce-ResetPassword.processing .woocommerce-Button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Back to Login Link (if needed) */
.woocommerce-lost-password .woocommerce-ResetPassword::after {
    content: '';
    display: block;
    text-align: center;
    margin-top: 2rem;
}

.woocommerce-lost-password .back-to-login {
    display: inline-block;
    color: #4d7192;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: color 0.3s ease;
    margin-top: 1.5rem;
    text-align: center;
    width: 100%;
}

.woocommerce-lost-password .back-to-login:hover {
    color: #345a82;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .woocommerce-lost-password {
        padding: 1rem 0;
    }
    
    .woocommerce-lost-password .entry-header {
        margin-bottom: 1.5rem;
        padding: 0 1rem;
    }
    
    .woocommerce-lost-password .entry-content {
        padding: 0 1rem;
    }
    
    .woocommerce-lost-password .woocommerce {
        padding: 2rem 1.5rem;
        margin: 0;
    }
    
    .woocommerce-lost-password .entry-title {
        font-size: 1.75rem;
    }
    
    .woocommerce-lost-password .woocommerce-ResetPassword > p:first-of-type {
        padding: 1.25rem;
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .woocommerce-lost-password .entry-header {
        padding: 0 0.5rem;
    }
    
    .woocommerce-lost-password .entry-content {
        padding: 0 0.5rem;
    }
    
    .woocommerce-lost-password .woocommerce {
        padding: 1.5rem 1rem;
        border-radius: 8px;
    }
    
    .woocommerce-lost-password .entry-title {
        font-size: 1.5rem;
    }
    
    .woocommerce-lost-password .woocommerce-Input {
        padding: 0.875rem 1rem;
    }
    
    .woocommerce-lost-password .woocommerce-Button {
        padding: 1rem 2rem;
        font-size: 1rem;
    }
    
    .woocommerce-lost-password .woocommerce-ResetPassword > p:first-of-type {
        padding: 1rem;
        font-size: 0.9rem;
    }
}

/* Focus Accessibility */
.woocommerce-lost-password .woocommerce-Input:focus,
.woocommerce-lost-password .woocommerce-Button:focus {
    outline: 2px solid #4d7192;
    outline-offset: 2px;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .woocommerce-lost-password .woocommerce-Input {
        border-width: 3px;
    }
    
    .woocommerce-lost-password .woocommerce-Button {
        border: 2px solid #345a82;
    }
}

/* My account css */

/* My Account Navigation - Compact Version */
.woocommerce-MyAccount-navigation {
    flex: 0 0 250px;
    background: #ffffff;
    border-radius: 8px;
    padding: 1rem 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    height: fit-content;
    max-height: 500px; /* Limit height */
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation li {
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
}

.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}

/* Compact Navigation Links */
.woocommerce-MyAccount-navigation a {
    display: block;
    padding: 0.75rem 1.25rem; /* Reduced padding */
    color: #345a82;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem; /* Smaller font */
    transition: all 0.3s ease;
    position: relative;
    border-left: 3px solid transparent; /* Thinner border */
}

.woocommerce-MyAccount-navigation a:hover {
    background: linear-gradient(135deg, rgba(77, 113, 146, 0.05) 0%, rgba(126, 160, 177, 0.05) 100%);
    color: #4d7192;
    border-left-color: #6689a2;
    padding-left: 1.5rem; /* Less movement */
}

/* Active Navigation Link */
.woocommerce-MyAccount-navigation-link.is-active a {
    background: linear-gradient(135deg, #4d7192 0%, #6689a2 100%);
    color: #ffffff;
    font-weight: 600;
    border-left-color: #345a82;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.woocommerce-MyAccount-navigation-link.is-active a:hover {
    background: linear-gradient(135deg, #6689a2 0%, #7ea0b1 100%);
    color: #ffffff;
    padding-left: 1.25rem;
}

/* Smaller icons */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: '📊';
    margin-right: 6px;
    font-size: 0.9rem; /* Smaller icons */
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    content: '📦';
    margin-right: 6px;
    font-size: 0.9rem;
}

.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    content: '🔄';
    margin-right: 6px;
    font-size: 0.9rem;
}

.woocommerce-MyAccount-navigation-link--domain-hosting a::before {
    content: '🌐';
    margin-right: 6px;
    font-size: 0.9rem;
}

.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: '💾';
    margin-right: 6px;
    font-size: 0.9rem;
}

.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: '📍';
    margin-right: 6px;
    font-size: 0.9rem;
}

.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: '💳';
    margin-right: 6px;
    font-size: 0.9rem;
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: '👤';
    margin-right: 6px;
    font-size: 0.9rem;
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: '🚪';
    margin-right: 6px;
    font-size: 0.9rem;
}

/* Special styling for logout link */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #dc3545;
    font-weight: 600;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.1) 0%, rgba(248, 215, 218, 0.1) 100%);
    color: #c82333;
    border-left-color: #dc3545;
}

/* Alternative: Horizontal Compact Menu for Mobile-First Approach */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        flex: none;
        width: 100%;
        padding: 0.5rem;
        margin-bottom: 1rem;
    }
    
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0;
        background: transparent;
    }
    
    .woocommerce-MyAccount-navigation li {
        border-bottom: none;
        background: #ffffff;
        border-radius: 6px;
        flex: 1;
        min-width: 120px;
    }
    
    .woocommerce-MyAccount-navigation a {
        padding: 0.6rem 0.4rem;
        text-align: center;
        font-size: 0.8rem;
        border-left: none;
        border-bottom: 2px solid transparent;
        border-radius: 6px;
    }
    
    .woocommerce-MyAccount-navigation a:hover {
        padding-left: 0.4rem;
        border-left: none;
        border-bottom-color: #6689a2;
        background: rgba(77, 113, 146, 0.05);
    }
    
    .woocommerce-MyAccount-navigation-link.is-active a {
        border-left: none;
        border-bottom-color: #345a82;
    }
    
    /* Show only icons on very small screens */
    .woocommerce-MyAccount-navigation a::before {
        display: block;
        margin-right: 0;
        margin-bottom: 2px;
        font-size: 1rem;
    }
    
    /* Hide text on very small screens */
    @media (max-width: 480px) {
        .woocommerce-MyAccount-navigation a {
            font-size: 0;
            padding: 0.8rem 0.4rem;
        }
        
        .woocommerce-MyAccount-navigation a::before {
            font-size: 1.2rem;
        }
    }
}

/* Orders Table - Simple Style */
.post-11 .woocommerce-orders-table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Table Header */
.post-11 .woocommerce-orders-table thead {
    background-color: #4d7192;
    color: #ffffff;
}

.post-11 .woocommerce-orders-table thead th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    border: none;
}

/* Table Body */
.post-11 .woocommerce-orders-table tbody tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
}

.post-11 .woocommerce-orders-table tbody tr:hover {
    background-color: #f7f7f7;
}

.post-11 .woocommerce-orders-table tbody tr:last-child {
    border-bottom: none;
}

/* Table Cells */
.post-11 .woocommerce-orders-table__cell {
    padding: 1rem;
    vertical-align: middle;
    border: none;
    color: #666;
}

/* Order Number */
.post-11 .woocommerce-orders-table__cell-order-number a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 600;
}

.post-11 .woocommerce-orders-table__cell-order-number a:hover {
    color: #345a82;
    text-decoration: underline;
}

/* Date */
.post-11 .woocommerce-orders-table__cell-order-date time {
    color: #345a82;
    font-weight: 500;
}

/* Status */
.post-11 .woocommerce-orders-table__cell-order-status {
    font-weight: 600;
}

/* Total */
.post-11 .woocommerce-orders-table__cell-order-total {
    font-weight: 600;
    color: #345a82;
}

.post-11 .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
    color: #4d7192;
    font-weight: 700;
}

/* Actions */
.post-11 .woocommerce-orders-table__cell-order-actions .woocommerce-button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.post-11 .woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
    background-color: #6689a2;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .post-11 .woocommerce-orders-table thead {
        display: none;
    }
    
    .post-11 .woocommerce-orders-table tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 1rem;
    }
    
    .post-11 .woocommerce-orders-table__cell {
        display: block;
        padding: 0.5rem 0;
        border: none;
        text-align: left;
    }
    
    .post-11 .woocommerce-orders-table__cell::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        color: #345a82;
        display: inline-block;
        min-width: 80px;
    }
    
    .post-11 .woocommerce-orders-table__cell-order-actions {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #f0f0f0;
    }
    
    .post-11 .woocommerce-orders-table__cell-order-actions .woocommerce-button {
        width: 100%;
        padding: 0.75rem;
    }
}

/* Single Order Page - Simple Style with .post-11 prefix */
.post-11 .woocommerce-MyAccount-content {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Order Summary */
.post-11 .woocommerce-MyAccount-content > p {
    background-color: #f7f7f7;
    padding: 1rem;
    border-radius: 8px;
    border-left: 4px solid #4d7192;
    margin-bottom: 2rem;
    font-size: 1rem;
}

.post-11 .woocommerce-MyAccount-content > p .order-number,
.post-11 .woocommerce-MyAccount-content > p .order-date,
.post-11 .woocommerce-MyAccount-content > p .order-status {
    background-color: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
    color: #345a82;
}

/* Order Details Section */
.post-11 .woocommerce-order-details {
    margin-bottom: 2rem;
}

.post-11 .woocommerce-order-details__title {
    font-size: 1.5rem;
    color: #345a82;
    margin-bottom: 1rem;
    font-weight: 600;
    border-bottom: 2px solid #4d7192;
    padding-bottom: 0.5rem;
}

/* Order Details Table */
.post-11 .woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.post-11 .woocommerce-table--order-details thead {
    background-color: #4d7192;
    color: #ffffff;
}

.post-11 .woocommerce-table--order-details th,
.post-11 .woocommerce-table--order-details td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.post-11 .woocommerce-table--order-details th {
    font-weight: 600;
}

.post-11 .woocommerce-table--order-details tbody tr:hover {
    background-color: #f7f7f7;
}

/* Product Name */
.post-11 .woocommerce-table--order-details .product-name a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 600;
}

.post-11 .woocommerce-table--order-details .product-name a:hover {
    color: #345a82;
    text-decoration: underline;
}

.post-11 .product-quantity {
    color: #666;
    font-size: 0.9rem;
}

/* Item Meta */
.post-11 .wc-item-meta {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
}

.post-11 .wc-item-meta li {
    margin-bottom: 0.25rem;
    color: #666;
}

.post-11 .wc-item-meta-label {
    color: #345a82;
    font-weight: 600;
}

.post-11 .wc-item-meta p {
    display: inline;
    margin: 0;
}

/* Product Total */
.post-11 .product-total .woocommerce-Price-amount {
    color: #4d7192;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Table Footer */
.post-11 .woocommerce-table--order-details tfoot {
    background-color: #f7f7f7;
}

.post-11 .woocommerce-table--order-details tfoot th,
.post-11 .woocommerce-table--order-details tfoot td {
    font-weight: 600;
    border-bottom: none;
}

.post-11 .woocommerce-table--order-details tfoot tr:last-child {
    background-color: #4d7192;
    color: #ffffff;
}

.post-11 .woocommerce-table--order-details tfoot tr:last-child th,
.post-11 .woocommerce-table--order-details tfoot tr:last-child td {
    color: #ffffff;
    font-size: 1.1rem;
}

/* Related Subscriptions Header */
.post-11 .woocommerce-order-details header h2 {
    font-size: 1.3rem;
    color: #345a82;
    margin: 2rem 0 1rem;
    font-weight: 600;
    border-bottom: 2px solid #6689a2;
    padding-bottom: 0.5rem;
}

/* Subscriptions Table */
.post-11 .woocommerce-orders-table--subscriptions {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.post-11 .woocommerce-orders-table--subscriptions thead {
    background-color: #6689a2;
    color: #ffffff;
}

.post-11 .woocommerce-orders-table--subscriptions th,
.post-11 .woocommerce-orders-table--subscriptions td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.post-11 .woocommerce-orders-table--subscriptions tbody tr:hover {
    background-color: #f7f7f7;
}

.post-11 .woocommerce-orders-table--subscriptions a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 600;
}

.post-11 .woocommerce-orders-table--subscriptions a:hover {
    color: #345a82;
    text-decoration: underline;
}

/* Subscription Status */
.post-11 .subscription-status {
    font-weight: 600;
    color: #28a745;
}

/* View Button */
.post-11 .woocommerce-orders-table--subscriptions .woocommerce-button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.post-11 .woocommerce-orders-table--subscriptions .woocommerce-button:hover {
    background-color: #6689a2;
}

/* Customer Details Section */
.post-11 .woocommerce-customer-details {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 2rem;
}

.post-11 .woocommerce-column__title {
    font-size: 1.3rem;
    color: #345a82;
    margin-bottom: 1rem;
    font-weight: 600;
    border-bottom: 2px solid #6689a2;
    padding-bottom: 0.5rem;
}

.post-11 .woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.6;
    color: #666;
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 6px;
    border-left: 4px solid #6689a2;
}

.post-11 .woocommerce-customer-details--email {
    color: #4d7192;
    font-weight: 600;
    margin-top: 0.5rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .post-11 .woocommerce-MyAccount-content {
        padding: 1.5rem;
    }
    
    .post-11 .woocommerce-table--order-details,
    .post-11 .woocommerce-orders-table--subscriptions {
        font-size: 0.9rem;
    }
    
    .post-11 .woocommerce-table--order-details thead,
    .post-11 .woocommerce-orders-table--subscriptions thead {
        display: none;
    }
    
    .post-11 .woocommerce-table--order-details tbody tr,
    .post-11 .woocommerce-orders-table--subscriptions tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 1rem;
    }
    
    .post-11 .woocommerce-table--order-details td,
    .post-11 .woocommerce-orders-table--subscriptions td {
        display: block;
        padding: 0.5rem 0;
        border: none;
        text-align: left;
    }
    
    .post-11 .woocommerce-table--order-details td::before,
    .post-11 .woocommerce-orders-table--subscriptions td::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        color: #345a82;
        display: inline-block;
        min-width: 100px;
    }
    
    .post-11 .woocommerce-table--order-details tfoot tr {
        display: block;
        background: none;
        border: none;
        padding: 0.5rem 0;
    }
    
    .post-11 .woocommerce-table--order-details tfoot th,
    .post-11 .woocommerce-table--order-details tfoot td {
        display: inline-block;
        padding: 0.25rem 0;
        background: none;
        color: #345a82;
    }
    
    .post-11 .woocommerce-table--order-details tfoot tr:last-child th,
    .post-11 .woocommerce-table--order-details tfoot tr:last-child td {
        background-color: #4d7192;
        color: #ffffff;
        padding: 0.5rem;
        border-radius: 4px;
        margin-top: 0.5rem;
    }
}

@media (max-width: 480px) {
    .post-11 .woocommerce-MyAccount-content {
        padding: 1rem;
    }
    
    .post-11 .woocommerce-order-details__title,
    .post-11 .woocommerce-column__title {
        font-size: 1.2rem;
    }
}

/* Subscription Page - Simple Style with .post-11 prefix */
.post-11 .woocommerce-MyAccount-content {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Subscription Details Table */
.post-11 .subscription_details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background: #ffffff;
}

.post-11 .subscription_details td {
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.post-11 .subscription_details tr:last-child td {
    border-bottom: none;
}

.post-11 .subscription_details tr:hover {
    background-color: #f7f7f7;
}

/* First column (labels) */
.post-11 .subscription_details td:first-child {
    font-weight: 600;
    color: #345a82;
    width: 30%;
    background-color: #f7f7f7;
}

/* Second column (values) */
.post-11 .subscription_details td:last-child {
    color: #666;
}

/* Subscription Status */
.post-11 .subscription_details tr:first-child td:last-child {
    color: #28a745;
    font-weight: 600;
}

/* Payment Method */
.post-11 .subscription-payment-method {
    color: #4d7192;
    font-weight: 600;
}

/* Action Buttons */
.post-11 .subscription_details .button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.post-11 .subscription_details .button:hover {
    background-color: #6689a2;
}

.post-11 .subscription_details .button.cancel {
    background-color: #dc3545;
}

.post-11 .subscription_details .button.cancel:hover {
    background-color: #c82333;
}

.post-11 .subscription_details .button.change_payment_method {
    background-color: #ffc107;
    color: #212529;
}

.post-11 .subscription_details .button.change_payment_method:hover {
    background-color: #e0a800;
}

.post-11 .subscription_details .button.subscription_renewal_early {
    background-color: #28a745;
}

.post-11 .subscription_details .button.subscription_renewal_early:hover {
    background-color: #218838;
}

/* Section Headers */
.post-11 .woocommerce-MyAccount-content h2 {
    font-size: 1.5rem;
    color: #345a82;
    margin: 2rem 0 1rem;
    font-weight: 600;
    border-bottom: 2px solid #4d7192;
    padding-bottom: 0.5rem;
}

.post-11 .woocommerce-MyAccount-content h2:first-of-type {
    margin-top: 0;
}

/* Subscription Totals Table */
.post-11 .order_details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.post-11 .order_details thead {
    background-color: #4d7192;
    color: #ffffff;
}

.post-11 .order_details th,
.post-11 .order_details td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.post-11 .order_details th {
    font-weight: 600;
}

.post-11 .order_details tbody tr:hover {
    background-color: #f7f7f7;
}

/* Product Name */
.post-11 .order_details .product-name a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 600;
}

.post-11 .order_details .product-name a:hover {
    color: #345a82;
    text-decoration: underline;
}

.post-11 .order_details .product-quantity {
    color: #666;
    font-size: 0.9rem;
}

/* Item Meta */
.post-11 .order_details .wc-item-meta {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
}

.post-11 .order_details .wc-item-meta li {
    margin-bottom: 0.25rem;
    color: #666;
}

.post-11 .order_details .wc-item-meta-label {
    color: #345a82;
    font-weight: 600;
}

.post-11 .order_details .wc-item-meta p {
    display: inline;
    margin: 0;
}

/* Product Total */
.post-11 .order_details .product-total .woocommerce-Price-amount {
    color: #4d7192;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Table Footer */
.post-11 .order_details tfoot {
    background-color: #f7f7f7;
}

.post-11 .order_details tfoot th,
.post-11 .order_details tfoot td {
    font-weight: 600;
    border-bottom: none;
}

.post-11 .order_details tfoot tr:last-child {
    background-color: #4d7192;
    color: #ffffff;
}

.post-11 .order_details tfoot tr:last-child th,
.post-11 .order_details tfoot tr:last-child td {
    color: #ffffff;
    font-size: 1.1rem;
}

/* Related Orders Header */
.post-11 .woocommerce-MyAccount-content header h2 {
    font-size: 1.3rem;
    color: #345a82;
    margin: 2rem 0 1rem;
    font-weight: 600;
    border-bottom: 2px solid #6689a2;
    padding-bottom: 0.5rem;
}

/* Related Orders Table */
.post-11 .woocommerce-orders-table--orders {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.post-11 .woocommerce-orders-table--orders thead {
    background-color: #6689a2;
    color: #ffffff;
}

.post-11 .woocommerce-orders-table--orders th,
.post-11 .woocommerce-orders-table--orders td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.post-11 .woocommerce-orders-table--orders tbody tr:hover {
    background-color: #f7f7f7;
}

.post-11 .woocommerce-orders-table--orders a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 600;
}

.post-11 .woocommerce-orders-table--orders a:hover {
    color: #345a82;
    text-decoration: underline;
}

/* Order Status */
.post-11 .woocommerce-orders-table--orders .order-status {
    font-weight: 600;
    color: #ffc107;
}

/* View Button */
.post-11 .woocommerce-orders-table--orders .woocommerce-button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.post-11 .woocommerce-orders-table--orders .woocommerce-button:hover {
    background-color: #6689a2;
}

/* Customer Details Section */
.post-11 .woocommerce-customer-details {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 2rem;
}

.post-11 .woocommerce-column__title {
    font-size: 1.3rem;
    color: #345a82;
    margin-bottom: 1rem;
    font-weight: 600;
    border-bottom: 2px solid #6689a2;
    padding-bottom: 0.5rem;
}

.post-11 .woocommerce-customer-details address {
    font-style: normal;
    line-height: 1.6;
    color: #666;
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 6px;
    border-left: 4px solid #6689a2;
}

.post-11 .woocommerce-customer-details--email {
    color: #4d7192;
    font-weight: 600;
    margin-top: 0.5rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .post-11 .woocommerce-MyAccount-content {
        padding: 1.5rem;
    }
    
    /* Subscription Details Table */
    .post-11 .subscription_details {
        font-size: 0.9rem;
    }
    
    .post-11 .subscription_details td:first-child {
        width: 40%;
    }
    
    .post-11 .subscription_details .button {
        display: block;
        width: 100%;
        margin-bottom: 0.5rem;
        margin-right: 0;
        text-align: center;
    }
    
    /* Order Details Table */
    .post-11 .order_details thead {
        display: none;
    }
    
    .post-11 .order_details tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 1rem;
    }
    
    .post-11 .order_details td {
        display: block;
        padding: 0.5rem 0;
        border: none;
        text-align: left;
    }
    
    .post-11 .order_details td::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        color: #345a82;
        display: inline-block;
        min-width: 100px;
    }
    
    /* Related Orders Table */
    .post-11 .woocommerce-orders-table--orders thead {
        display: none;
    }
    
    .post-11 .woocommerce-orders-table--orders tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 1rem;
    }
    
    .post-11 .woocommerce-orders-table--orders td {
        display: block;
        padding: 0.5rem 0;
        border: none;
        text-align: left;
    }
    
    .post-11 .woocommerce-orders-table--orders td::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        color: #345a82;
        display: inline-block;
        min-width: 100px;
    }
}

@media (max-width: 480px) {
    .post-11 .woocommerce-MyAccount-content {
        padding: 1rem;
    }
    
    .post-11 .subscription_details td:first-child {
        width: 100%;
        display: block;
        padding-bottom: 0.5rem;
    }
    
    .post-11 .subscription_details td:last-child {
        display: block;
        padding-top: 0.5rem;
    }
}

/* Payment Section */
.post-10 #payment {
    background-color: #f7f7f7;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Payment Methods List */
.post-10 .payment_methods {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
}

.post-10 .payment_methods li {
    margin-bottom: 1rem;
    background: #ffffff;
    border-radius: 8px;
    border: 2px solid #e9ecef;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.post-10 .payment_methods li:has(input:checked) {
    border-color: #4d7192;
}

/* Payment Method Labels */
.post-10 .payment_methods label {
    display: block;
    padding: 1rem 1.5rem;
    cursor: pointer;
    font-weight: 600;
    color: #345a82;
    display: flex;
    align-items: center;
    gap: 10px;
}

.post-10 .payment_methods label:hover {
    background-color: rgba(77, 113, 146, 0.05);
}

/* Stripe Cards Icon */
.post-10 .stripe-cards-icon {
    height: 24px;
    width: auto;
    margin-left: auto;
}

/* Payment Box */
.post-10 .payment_box {
    padding: 1.5rem;
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
}

/* Test Mode Info */
.post-10 .testmode-info {
    background-color: #fff3cd;
    color: #856404;
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    border-left: 4px solid #ffc107;
    font-size: 0.9rem;
}

.post-10 .testmode-info a {
    color: #856404;
    font-weight: 600;
}

.post-10 .testmode-info a:hover {
    color: #533f03;
}

/* Saved Payment Methods */
.post-10 .woocommerce-SavedPaymentMethods {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
}

.post-10 .woocommerce-SavedPaymentMethods li {
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.post-10 .woocommerce-SavedPaymentMethods li:last-child {
    border-bottom: none;
}

.post-10 .woocommerce-SavedPaymentMethods li:hover {
    background-color: #f7f7f7;
}

.post-10 .woocommerce-SavedPaymentMethods input[type="radio"] {
    margin: 0;
    width: auto;
}

.post-10 .woocommerce-SavedPaymentMethods label {
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: #345a82;
    cursor: pointer;
    background: none;
}

/* Stripe Payment Element */
.post-10 .wc-stripe-upe-element {
    margin: 1rem 0;
    padding: 1rem;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.post-10 .StripeElement {
    border-radius: 6px;
}

.post-10 .__PrivateStripeElement iframe {
    border-radius: 6px !important;
}

/* Save Payment Checkbox */
.post-10 .woocommerce-SavedPaymentMethods-saveNew {
    background: #ffffff;
    padding: 1rem;
    border-radius: 6px;
    margin: 1rem 0;
    border: 1px solid #e9ecef;
}

.post-10 .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] {
    margin-right: 8px;
    width: auto;
}

.post-10 .woocommerce-SavedPaymentMethods-saveNew label {
    color: #345a82;
    font-weight: 500;
    cursor: pointer;
}

/* Form Row */
.post-10 .form-row {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e9ecef;
    text-align: center;
}

/* Submit Button */
.post-10 #place_order {
    background-color: #4d7192;
    color: #ffffff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 200px;
}

.post-10 #place_order:hover {
    background-color: #6689a2;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.3);
}

.post-10 #place_order:active {
    transform: translateY(0);
}

/* Error Messages */
.post-10 #wc-stripe-upe-errors {
    color: #dc3545;
    font-size: 0.9rem;
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: #f8d7da;
    border-radius: 6px;
    border-left: 4px solid #dc3545;
    display: none;
}

.post-10 #wc-stripe-upe-errors:not(:empty) {
    display: block;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .post-10 #order_review {
        padding: 1.5rem;
    }
    
    /* Table Responsive */
    .post-10 #order_review .shop_table thead {
        display: none;
    }
    
    .post-10 #order_review .shop_table tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 1rem;
    }
    
    .post-10 #order_review .shop_table td {
        display: block;
        padding: 0.5rem 0;
        border: none;
        text-align: left;
    }
    
    .post-10 #order_review .shop_table td::before {
        content: attr(class) ": ";
        font-weight: 600;
        color: #345a82;
        display: inline-block;
        min-width: 100px;
        text-transform: capitalize;
    }
    
    .post-10 #order_review .product-name::before {
        content: "Product: ";
    }
    
    .post-10 #order_review .product-quantity::before {
        content: "Quantity: ";
    }
    
    .post-10 #order_review .product-subtotal::before {
        content: "Total: ";
    }
    
    /* Footer responsive */
    .post-10 #order_review .shop_table tfoot tr {
        display: block;
        margin-bottom: 0.5rem;
        padding: 0.75rem;
        border-radius: 6px;
        background: #f7f7f7;
    }
    
    .post-10 #order_review .shop_table tfoot tr:last-child {
        background: #4d7192;
        color: #ffffff;
    }
    
    .post-10 #order_review .shop_table tfoot th,
    .post-10 #order_review .shop_table tfoot td {
        display: inline;
        padding: 0;
    }
    
    /* Payment section mobile */
    .post-10 #payment {
        padding: 1rem;
    }
    
    .post-10 .payment_methods label {
        padding: 1rem;
        font-size: 0.9rem;
    }
    
    .post-10 .payment_box {
        padding: 1rem;
    }
    
    .post-10 #place_order {
        width: 100%;
        padding: 1rem;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .post-10 #order_review {
        padding: 1rem;
    }
    
    .post-10 .woocommerce-SavedPaymentMethods li {
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .post-10 .testmode-info {
        padding: 0.75rem;
        font-size: 0.85rem;
    }
}

/* Shop Table - Complete Styling with .post-10 prefix */
.post-10 .shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background: #ffffff;
}

/* Table Header */
.post-10 .shop_table thead {
    background-color: #4d7192;
    color: #ffffff;
}

.post-10 .shop_table thead th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    border: none;
    font-size: 0.95rem;
}

.post-10 .shop_table thead th.product-name {
    width: 50%;
}

.post-10 .shop_table thead th.product-quantity {
    width: 20%;
    text-align: center;
}

.post-10 .shop_table thead th.product-total {
    width: 30%;
    text-align: right;
}

/* Table Body */
.post-10 .shop_table tbody tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
}

.post-10 .shop_table tbody tr:hover {
    background-color: #f9f9f9;
}

.post-10 .shop_table tbody td {
    padding: 1rem;
    vertical-align: middle;
    border: none;
}

.post-10 .shop_table tbody td.product-name {
    font-weight: 600;
    color: #345a82;
}

.post-10 .shop_table tbody td.product-quantity {
    text-align: center;
    font-weight: 500;
}

.post-10 .shop_table tbody td.product-subtotal {
    text-align: right;
    font-weight: 600;
    color: #4d7192;
}

/* Table Footer */
.post-10 .shop_table tfoot {
    background-color: #f7f7f7;
    border-top: 2px solid #4d7192;
}

.post-10 .shop_table tfoot tr {
    border-bottom: 1px solid #e0e0e0;
}

.post-10 .shop_table tfoot tr:last-child {
    border-bottom: none;
    background-color: #4d7192;
    color: #ffffff;
    font-weight: 700;
}

.post-10 .shop_table tfoot th,
.post-10 .shop_table tfoot td {
    padding: 1rem;
    border: none;
}

.post-10 .shop_table tfoot th {
    font-weight: 600;
    text-align: left;
}

.post-10 .shop_table tfoot td.product-total {
    text-align: right;
    font-weight: 600;
}

/* Total Row Special Styling */
.post-10 .shop_table tfoot tr:last-child th,
.post-10 .shop_table tfoot tr:last-child td {
    color: #ffffff;
    font-size: 1.1rem;
}

/* Price Styling */
.post-10 .shop_table .woocommerce-Price-amount {
    font-weight: 600;
}

.post-10 .shop_table .woocommerce-Price-currencySymbol {
    font-weight: 700;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-10 .shop_table thead th.product-quantity {
        display: none;
    }
    
    .post-10 .shop_table tbody td.product-quantity {
        display: none;
    }
    
    .post-10 .shop_table thead th.product-name {
        width: 60%;
    }
    
    .post-10 .shop_table thead th.product-total {
        width: 40%;
    }
}

/* Plesk Account Details - Simple Style with .post-11 prefix */
.post-11 .woocommerce-MyAccount-content {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Plesk Account Details Header */
.post-11 .woocommerce-MyAccount-content h2 {
    color: #345a82;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #4d7192;
}

/* Plesk Account Details Table */
.post-11 .my_account_subscriptions {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}

.post-11 .my_account_subscriptions tbody tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
}

.post-11 .my_account_subscriptions tbody tr:hover {
    background-color: #f9f9f9;
}

.post-11 .my_account_subscriptions tbody tr:last-child {
    border-bottom: none;
}

.post-11 .my_account_subscriptions th {
    background-color: #f7f7f7;
    color: #345a82;
    font-weight: 600;
    padding: 1rem;
    text-align: left;
    width: 30%;
    border-right: 1px solid #e0e0e0;
}

.post-11 .my_account_subscriptions td {
    padding: 1rem;
    color: #666;
    vertical-align: middle;
}

/* FTP Password Field Styling */
.post-11 .my_account_subscriptions #ftp-password-field {
    width: 250px !important;
    padding: 8px 12px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 6px !important;
    font-family: monospace !important;
    font-size: 0.9rem !important;
    background-color: #f9f9f9 !important;
    color: #345a82 !important;
    transition: border-color 0.3s ease !important;
}

.post-11 .my_account_subscriptions #ftp-password-field:focus {
    outline: none !important;
    border-color: #4d7192 !important;
    background-color: #ffffff !important;
}

/* Password Toggle Button */
.post-11 .my_account_subscriptions button[onclick="togglePasswordVisibility()"] {
    margin-left: 8px !important;
    padding: 8px 12px !important;
    background-color: #4d7192 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    transition: background-color 0.3s ease !important;
}

.post-11 .my_account_subscriptions button[onclick="togglePasswordVisibility()"]:hover {
    background-color: #345a82 !important;
}

/* Plesk Login URL Link */
.post-11 .my_account_subscriptions a {
    color: #4d7192;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
    word-break: break-all;
}

.post-11 .my_account_subscriptions a:hover {
    color: #345a82;
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-11 .my_account_subscriptions {
        font-size: 0.9rem;
    }
    
    .post-11 .my_account_subscriptions th,
    .post-11 .my_account_subscriptions td {
        padding: 0.75rem;
    }
    
    .post-11 .my_account_subscriptions th {
        width: 35%;
    }
    
    .post-11 .my_account_subscriptions #ftp-password-field {
        width: 180px !important;
        font-size: 0.8rem !important;
    }
    
    .post-11 .my_account_subscriptions button[onclick="togglePasswordVisibility()"] {
        padding: 6px 10px !important;
        font-size: 0.9rem !important;
    }
}

@media (max-width: 480px) {
    .post-11 .my_account_subscriptions,
    .post-11 .my_account_subscriptions tbody,
    .post-11 .my_account_subscriptions tr,
    .post-11 .my_account_subscriptions th,
    .post-11 .my_account_subscriptions td {
        display: block;
    }
    
    .post-11 .my_account_subscriptions tr {
        margin-bottom: 1rem;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 1rem;
        background: #f9f9f9;
    }
    
    .post-11 .my_account_subscriptions th {
        background: none;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 0.5rem;
        width: 100%;
    }
    
    .post-11 .my_account_subscriptions td {
        padding: 0;
        width: 100%;
    }
    
    .post-11 .my_account_subscriptions #ftp-password-field {
        width: 100% !important;
        max-width: 200px !important;
        margin-bottom: 0.5rem !important;
    }
}

/* my-account */

/* Browse Products Button Styling */
.button.wc-forward {
    display: inline-block;
    background-color: #4d7192;
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(77, 113, 146, 0.2);
    text-align: center;
    line-height: 1.4;
}

.button.wc-forward:hover {
    background-color: #345a82;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52, 90, 130, 0.3);
    color: #ffffff;
    text-decoration: none;
}

.button.wc-forward:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(77, 113, 146, 0.2);
}

.button.wc-forward:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(77, 113, 146, 0.3);
}

/* Alternative Secondary Style (if needed) */
.button.wc-forward.secondary {
    background-color: #7ea0b1;
    color: #ffffff;
}

.button.wc-forward.secondary:hover {
    background-color: #6689a2;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .button.wc-forward {
        padding: 0.875rem 1.75rem;
        font-size: 1.05rem;
        width: auto;
        min-width: 160px;
    }
}

/* Addresses Page - Simple Style with .post-11 prefix */
.post-11 .woocommerce-MyAccount-content {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Addresses Introduction Text */
.post-11 .woocommerce-MyAccount-content > p {
    color: #666;
    font-size: 1rem;
    margin-bottom: 2rem;
    padding: 1rem;
    background-color: #f7f7f7;
    border-radius: 6px;
    border-left: 4px solid #4d7192;
}

/* Addresses Container */
.post-11 .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

/* Individual Address Block */
.post-11 .woocommerce-Address {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 1.5rem;
    border: 2px solid #e0e0e0;
    transition: all 0.3s ease;
    position: relative;
}

.post-11 .woocommerce-Address:hover {
    border-color: #4d7192;
    box-shadow: 0 4px 8px rgba(77, 113, 146, 0.1);
    transform: translateY(-2px);
}

/* Address Header */
.post-11 .woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e0e0e0;
}

.post-11 .woocommerce-Address-title h2 {
    color: #345a82;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}

/* Edit Link */
.post-11 .woocommerce-Address-title .edit {
    color: #4d7192;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    background-color: #ffffff;
    border: 1px solid #4d7192;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.post-11 .woocommerce-Address-title .edit:hover {
    background-color: #4d7192;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(77, 113, 146, 0.2);
}

/* Address Content */
.post-11 .woocommerce-Address address {
    font-style: normal;
    line-height: 1.6;
    color: #666;
    font-size: 1rem;
    margin: 0;
    background: #ffffff;
    padding: 1rem;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

/* Address Lines */
.post-11 .woocommerce-Address address br + * {
    margin-top: 0.25rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-11 .woocommerce-Addresses {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .post-11 .woocommerce-Address {
        padding: 1.25rem;
    }
    
    .post-11 .woocommerce-Address-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .post-11 .woocommerce-Address-title .edit {
        align-self: stretch;
        text-align: center;
        padding: 0.75rem 1rem;
    }
}

@media (max-width: 480px) {
    .post-11 .woocommerce-MyAccount-content {
        padding: 1.5rem;
    }
    
    .post-11 .woocommerce-Address {
        padding: 1rem;
    }
    
    .post-11 .woocommerce-Address-title h2 {
        font-size: 1.1rem;
    }
    
    .post-11 .woocommerce-Address address {
        padding: 0.75rem;
        font-size: 0.95rem;
    }
}

/* Empty Address State (if needed) */
.post-11 .woocommerce-Address address:empty::before {
    content: "No address set";
    color: #999;
    font-style: italic;
}

/* Billing Address Form - Simple Style with .post-11 prefix */
.post-11 form {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

/* Form Header */
.post-11 form h2 {
    color: #345a82;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #4d7192;
}

/* Address Fields Container */
.post-11 .woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

/* Form Row Styling */
.post-11 .form-row {
    margin-bottom: 1rem;
}

.post-11 .form-row-wide {
    grid-column: 1 / -1;
}

.post-11 .form-row-first,
.post-11 .form-row-last {
    grid-column: span 1;
}

/* Form Labels */
.post-11 .form-row label {
    display: block;
    color: #345a82;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.post-11 .form-row label .required {
    color: #e74c3c;
    font-weight: 700;
}

.post-11 .form-row label .optional {
    color: #666;
    font-weight: 400;
    font-size: 0.9rem;
}

/* Input Fields */
.post-11 .woocommerce-input-wrapper {
    position: relative;
}

.post-11 .input-text,
.post-11 select {
    width: 100%;
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 1rem;
    background-color: #ffffff;
    color: #333;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

.post-11 .input-text:focus,
.post-11 select:focus {
    outline: none;
    border-color: #4d7192;
    box-shadow: 0 0 0 3px rgba(77, 113, 146, 0.1);
}

.post-11 .input-text::placeholder {
    color: #999;
    font-style: italic;
}

/* Select2 Dropdown Styling */
.post-11 .select2-container {
    width: 100% !important;
}

.post-11 .select2-selection {
    height: auto !important;
    min-height: 48px !important;
    padding: 0.5rem !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    transition: border-color 0.3s ease !important;
}

.post-11 .select2-selection:focus,
.post-11 .select2-container--open .select2-selection {
    border-color: #4d7192 !important;
    box-shadow: 0 0 0 3px rgba(77, 113, 146, 0.1) !important;
}

.post-11 .select2-selection__rendered {
    color: #333 !important;
    line-height: 1.4 !important;
    padding: 0.25rem 0 !important;
}

.post-11 .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 8px !important;
}

/* Checkbox Styling */
.post-11 .checkbox {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    transition: background-color 0.3s ease;
}

.post-11 .checkbox:hover {
    background-color: #f0f4f8;
}

.post-11 .input-checkbox {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer;
    accent-color: #4d7192;
}

.post-11 .checkbox label {
    margin-bottom: 0 !important;
    cursor: pointer;
    line-height: 1.4;
}

/* Save Button */
.post-11 button[name="save_address"] {
    background-color: #4d7192;
    color: #ffffff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 1rem;
}

.post-11 button[name="save_address"]:hover {
    background-color: #345a82;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52, 90, 130, 0.2);
}

.post-11 button[name="save_address"]:active {
    transform: translateY(0);
}

/* Error States */
.post-11 .form-row.woocommerce-invalid .input-text,
.post-11 .form-row.woocommerce-invalid select {
    border-color: #e74c3c;
}

.post-11 .form-row.woocommerce-invalid label {
    color: #e74c3c;
}

/* Screen Reader Text */
.post-11 .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-11 form {
        padding: 1.5rem;
    }
    
    .post-11 .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .post-11 .form-row-first,
    .post-11 .form-row-last {
        grid-column: 1;
    }
}

@media (max-width: 480px) {
    .post-11 form {
        padding: 1rem;
    }
    
    .post-11 form h2 {
        font-size: 1.3rem;
    }
    
    .post-11 .input-text,
    .post-11 select {
        padding: 0.625rem;
    }
    
    .post-11 button[name="save_address"] {
        width: 100%;
        padding: 1rem;
    }
}

/* Payment Methods Page - Simple Style with .post-11 prefix */
.post-11 .woocommerce-MyAccount-content {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Error Warning (Hidden by default) */
.post-11 #wcs_delete_token_warning {
    margin-bottom: 1rem;
}

.post-11 .woocommerce-error {
    background-color: #f8d7da;
    color: #721c24;
    padding: 1rem;
    border-radius: 6px;
    border-left: 4px solid #dc3545;
    list-style: none;
    margin: 0;
}

/* Payment Methods Table */
.post-11 .woocommerce-MyAccount-paymentMethods {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}

/* Table Header */
.post-11 .woocommerce-MyAccount-paymentMethods thead {
    background-color: #4d7192;
    color: #ffffff;
}

.post-11 .woocommerce-MyAccount-paymentMethods thead th {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    border: none;
    font-size: 0.95rem;
}

.post-11 .woocommerce-MyAccount-paymentMethods thead th .nobr {
    white-space: nowrap;
    
}

.post-11 .woocommerce-MyAccount-paymentMethods thead th.payment-method-method {
    width: 40%;
}

.post-11 .woocommerce-MyAccount-paymentMethods thead th.payment-method-expires {
    width: 30%;
}

.post-11 .woocommerce-MyAccount-paymentMethods thead th.payment-method-actions {
    width: 30%;
    text-align: center;
}

/* Table Body */
.post-11 .woocommerce-MyAccount-paymentMethods tbody tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
}

.post-11 .woocommerce-MyAccount-paymentMethods tbody tr:hover {
    background-color: #f9f9f9;
}

.post-11 .woocommerce-MyAccount-paymentMethods tbody tr:last-child {
    border-bottom: none;
}

.post-11 .woocommerce-MyAccount-paymentMethods tbody td {
    padding: 1rem;
    vertical-align: middle;
    border: none;
}

/* Default Payment Method Styling */
.post-11 .woocommerce-MyAccount-paymentMethods .default-payment-method {
    background-color: rgba(77, 113, 146, 0.05);
    border-left: 4px solid #4d7192;
}

.post-11 .woocommerce-MyAccount-paymentMethods .default-payment-method td.payment-method-method {
    font-weight: 600;
    color: #345a82;
    position: relative;
}

.post-11 .woocommerce-MyAccount-paymentMethods .default-payment-method td.payment-method-method::after {
    content: "Default";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #4d7192;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Payment Method Details */
.post-11 .woocommerce-MyAccount-paymentMethods .payment-method-method {
    font-weight: 500;
    color: #333;
}

.post-11 .woocommerce-MyAccount-paymentMethods .payment-method-expires {
    color: #666;
    font-family: monospace;
    font-size: 0.95rem;
}

/* Actions Column */
.post-11 .woocommerce-MyAccount-paymentMethods .payment-method-actions {
    text-align: center;
}

/* Delete Button */
.post-11 .woocommerce-MyAccount-paymentMethods .button.wcs_deletion_error {
    background-color: #dc3545;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.post-11 .woocommerce-MyAccount-paymentMethods .button.wcs_deletion_error:hover {
    background-color: #c82333;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    color: #ffffff;
    text-decoration: none;
}

/* Add Payment Method Button */
.post-11 .woocommerce-MyAccount-content > .button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    margin-top: 1rem;
}

.post-11 .woocommerce-MyAccount-content > .button:hover {
    background-color: #345a82;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52, 90, 130, 0.2);
    color: #ffffff;
    text-decoration: none;
}

/* Empty State (if no payment methods) */
.post-11 .woocommerce-MyAccount-paymentMethods tbody:empty::after {
    content: "No payment methods found.";
    display: block;
    padding: 2rem;
    text-align: center;
    color: #666;
    font-style: italic;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-11 .woocommerce-MyAccount-paymentMethods {
        font-size: 0.9rem;
    }
    
    .post-11 .woocommerce-MyAccount-paymentMethods thead {
        display: none;
    }
    
    .post-11 .woocommerce-MyAccount-paymentMethods tbody td {
        display: block;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #f0f0f0;
        position: relative;
    }
    
    .post-11 .woocommerce-MyAccount-paymentMethods tbody td::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        color: #345a82;
        display: inline-block;
        width: 100px;
    }
    
    .post-11 .woocommerce-MyAccount-paymentMethods tbody tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        background: #f9f9f9;
    }
    
    .post-11 .woocommerce-MyAccount-paymentMethods .default-payment-method td.payment-method-method::after {
        position: static;
        transform: none;
        margin-left: 10px;
    }
}

@media (max-width: 480px) {
    .post-11 .woocommerce-MyAccount-content {
        padding: 1.5rem;
    }
    
    .post-11 .woocommerce-MyAccount-content > .button {
        width: 100%;
        text-align: center;
    }
}

/* Add Payment Method Form - Simple Style with .post-11 prefix */
.post-11 #add_payment_method {
    background: #ffffff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

/* Payment Methods Container */
.post-11 .woocommerce-Payment {
    margin-bottom: 2rem;
}

/* Payment Methods List */
.post-11 .woocommerce-PaymentMethods {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Individual Payment Method */
.post-11 .woocommerce-PaymentMethod {
    background: #f9f9f9;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.post-11 .woocommerce-PaymentMethod:hover {
    border-color: #4d7192;
    box-shadow: 0 2px 8px rgba(77, 113, 146, 0.1);
}

/* Radio Button */
.post-11 .woocommerce-PaymentMethod .input-radio {
    width: 18px !important;
    height: 18px !important;
    margin-right: 0.75rem !important;
    cursor: pointer;
    accent-color: #4d7192;
}

/* Payment Method Label */
.post-11 .woocommerce-PaymentMethod label {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #345a82;
    cursor: pointer;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.post-11 .woocommerce-PaymentMethod label .stripe-cards-icon {
    margin-left: 0.5rem;
    height: 20px;
    width: auto;
}

/* Payment Box */
.post-11 .woocommerce-PaymentBox {
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-top: 1rem;
}

/* Test Mode Info */
.post-11 .testmode-info {
    background-color: #fff3cd;
    color: #856404;
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
    border-left: 4px solid #ffc107;
    font-size: 0.95rem;
}

.post-11 .testmode-info strong {
    color: #856404;
}

.post-11 .testmode-info a {
    color: #856404;
    text-decoration: underline;
}

.post-11 .testmode-info a:hover {
    color: #664d03;
}

/* Stripe Form Container */
.post-11 .wc-upe-form {
    border: none;
    padding: 0;
    margin: 0;
}

/* Stripe Element Container */
.post-11 .wc-stripe-upe-element {
    background: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
    transition: border-color 0.3s ease;
}

.post-11 .wc-stripe-upe-element:focus-within {
    border-color: #4d7192;
    box-shadow: 0 0 0 3px rgba(77, 113, 146, 0.1);
}

/* Stripe Errors */
.post-11 #wc-stripe-upe-errors {
    color: #dc3545;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #f8d7da;
    border-radius: 4px;
    border-left: 4px solid #dc3545;
    display: none;
}

.post-11 #wc-stripe-upe-errors:not(:empty) {
    display: block;
}

/* Checkbox Options */
.post-11 .form-row .checkbox {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    transition: background-color 0.3s ease;
    margin-bottom: 1rem;
}

.post-11 .form-row .checkbox:hover {
    background-color: #f0f4f8;
}

.post-11 .form-row .input-checkbox {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer;
    accent-color: #4d7192;
    flex-shrink: 0;
}

.post-11 .form-row .checkbox label {
    margin-bottom: 0 !important;
    cursor: pointer;
    line-height: 1.4;
    font-weight: 500;
    color: #333;
    font-size: 0.95rem;
}

.post-11 .form-row .checkbox .optional {
    color: #666;
    font-weight: 400;
}

/* Hidden Save Payment Fieldset */
.post-11 fieldset[style*="display:none"] {
    display: none !important;
}

/* Submit Button */
.post-11 .woocommerce-Button {
    background-color: #4d7192;
    color: #ffffff;
    padding: 1rem 2rem;
    border: none;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 1rem;
}

.post-11 .woocommerce-Button:hover {
    background-color: #345a82;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52, 90, 130, 0.2);
}

.post-11 .woocommerce-Button:active {
    transform: translateY(0);
}

.post-11 .woocommerce-Button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Form Row */
.post-11 .form-row {
    margin-bottom: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-11 #add_payment_method {
        padding: 1.5rem;
    }
    
    .post-11 .woocommerce-PaymentMethod {
        padding: 1.25rem;
    }
    
    .post-11 .woocommerce-PaymentBox {
        padding: 1.25rem;
    }
    
    .post-11 .woocommerce-PaymentMethod label {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .post-11 #add_payment_method {
        padding: 1rem;
    }
    
    .post-11 .woocommerce-PaymentMethod {
        padding: 1rem;
    }
    
    .post-11 .woocommerce-PaymentBox {
        padding: 1rem;
    }
    
    .post-11 .testmode-info {
        padding: 0.75rem;
        font-size: 0.9rem;
    }
}

/* Loading State */
.post-11 #add_payment_method.processing .woocommerce-Button {
    background-color: #ccc;
    cursor: not-allowed;
    position: relative;
}

.post-11 #add_payment_method.processing .woocommerce-Button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Product Category Page Styles - WordPress Hosting */
/* All styles prefixed with .tax-product_cat as requested */

/* Main container and layout */
.tax-product_cat #primary.site-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
    background: #f8f9fa;
}

/* Breadcrumb styling */
.tax-product_cat .woocommerce-breadcrumb {
    background: #ffffff;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 0.9rem;
    margin-top: 70px;
}

.tax-product_cat .woocommerce-breadcrumb a {
    color: #0073aa;
    text-decoration: none;
    transition: color 0.3s ease;
}

.tax-product_cat .woocommerce-breadcrumb a:hover {
    color: #005177;
    text-decoration: underline;
}

/* Header section */
.tax-product_cat .woocommerce-products-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 3rem 2rem;
    border-radius: 12px;
    margin-bottom: 2.5rem;
    text-align: center;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}

.tax-product_cat .woocommerce-products-header__title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    letter-spacing: -0.02em;
    color: #fff !important;
}

/* Results and sorting section */
.tax-product_cat .woocommerce-result-count {
    background: #ffffff;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-weight: 600;
    color: #333;
    border-left: 4px solid #667eea;
}

.tax-product_cat .woocommerce-ordering {
    background: #ffffff;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: flex-end;
}

.tax-product_cat .woocommerce-ordering .orderby {
    padding: 0.75rem 1rem;
    border: 2px solid #e1e5e9;
    border-radius: 6px;
    background: #ffffff;
    font-size: 0.95rem;
    color: #333;
    transition: all 0.3s ease;
    min-width: 200px;
}

.tax-product_cat .woocommerce-ordering .orderby:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

/* Products grid */
.tax-product_cat .products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Individual product cards */
.tax-product_cat .product {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid #f0f0f0;
}

.tax-product_cat .product:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    border-color: #667eea;
}

/* Product link wrapper */
.tax-product_cat .woocommerce-LoopProduct-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 1.5rem;
    padding-bottom: 1rem;
}

/* Product images */
.tax-product_cat .product img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    transition: transform 0.3s ease;
}

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

/* Product titles */
.tax-product_cat .woocommerce-loop-product__title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 1rem 0;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.tax-product_cat .product:hover .woocommerce-loop-product__title {
    color: #667eea;
}

/* Product prices */
.tax-product_cat .price {
    font-size: 1.1rem;
    font-weight: 700;
    color: #27ae60;
    margin-bottom: 1.5rem;
    display: block;
}

.tax-product_cat .price .woocommerce-Price-amount {
    font-size: 1.5rem;
}

.tax-product_cat .price .subscription-details {
    color: #7f8c8d;
    font-weight: 400;
    font-size: 0.9rem;
}

/* Add to cart buttons */
.tax-product_cat .add_to_cart_button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
    width: calc(100% - 3rem);
    margin: 0 1.5rem 1.5rem 1.5rem;
    text-align: center;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tax-product_cat .add_to_cart_button:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
    color: #fff;
}

/* Responsive design */
@media (max-width: 768px) {
    .tax-product_cat #primary.site-main {
        padding: 1rem 0.5rem;
    }
    
    .tax-product_cat .woocommerce-products-header {
        padding: 2rem 1rem;
    }
    
    .tax-product_cat .woocommerce-products-header__title {
        font-size: 2rem;
    }
    
    .tax-product_cat .products {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}