/*
Theme Name: Joyas Business Agency
Author: aThemeArt
Author URI: https://athemeart.com/
Theme URI: https://athemeart.com/downloads/joyas-business-agency/
Description: Joyas Business Agency, a child theme of Joyas Shop, delivers a crisp, dynamic design perfect for modern businesses. Ideal for agencies, corporate firms, consultants, law offices, real estate, and more, it features a clean layout with hero banners, service grids, team profiles, and stylish portfolios. Built for clarity and impact, it offers space for achievements, testimonials, fun facts, and blogs. Fully optimized for Elementor and WooCommerce, it’s easy to customize, responsive, and packed with features like skill indicators, testimonial sliders, service boxes, and company stats. Also, while the blogging layout does not show company or latest news, it’s a great option for personal bloggers, supporting various post formats to suit any blog type. Try it for your agency, studio, wellness center, corporate, industrial, insurance company, charity, or construction firm—and see the difference!
Template: joyas-shop
Version: 1.0.3
Requires at least: 5.0
Tested up to: 5.
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog, e-commerce
Text Domain: joyas-business-agency
*/

html {
  scroll-behavior: smooth;
}

#content {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}

/* Header Styles */
:root {
  --secondary-color: #01A4EF;
  --tertiary-color: #000;
  --quaternary-color:#fff;
  --secondary-alpha: #d2a35c;
   
  --nav-color:#000;
  --nav-h-color:#d2a35c;
  --nav-bg:#fff;
  --nav-h-bg:#FF4343;
  --nav-h-bg-2:#f01a1a;
  
  --body-font:'Jost', sans-serif;
  --heading-font:'Jost', sans-serif;
  
  }

#masthead.style_6 {
  position: relative;
  padding: 0;
  height: 0;
}
#masthead.style_6 .header_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 999;
}
#masthead.style_6 .navigation-menu > li > a {
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  letter-spacing:1px;
}
#masthead.style_6 .navigation-menu > li > a:hover,
#masthead.style_6 .navigation-menu > li > a:focus{
  color: #01A4EF; 
}
#masthead.style_6 .navigation-menu li li > a:hover,
#masthead.style_6 .navigation-menu li li > a:focus, 
#masthead.style_6 .navigation-menu li li.current-menu-item > a,
#masthead.style_6 .navigation-menu li li.current-page-parent > a{
  background: #01A4EF;
}
#navbar.underline .navigation-menu > li > a::after{
  display: none;
}
#masthead.style_6 .navsticky.active {
  position: fixed;
}
#masthead.style_6 .logo-wrap {
  position: relative;
  padding: 6px 0;
}
#masthead.style_6 #navbar {
  margin-left: auto;
}
#masthead.style_6 .header-icon {
  padding: 25px 0 25px 25px;
  margin-left: 25px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#masthead.style_6 .header-icon a{
	color: var(--nav-color);
	border: 1px solid var(--nav-color);
	background: none!important;
}
/* Password Field Styles */
.password-input {
  position: relative;
  display: block;
}
.show-password-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
  background: none !important;
  border: none;
}
.show-password-input:before {
  font-family: 'bootstrap-icons' !important;
  content: "\f33f";
  font-size: 18px;
  color: var(--secondary-color);
}
.show-password-input.display-password:before {
  content: "\f341";
}
/* Section Specific Padding */
#gs-home-page-hero.style_6 .slideUp.center,
#static_header_banner.style_6 .content-text {
   padding-top: 100px;
}
.top-bar-menu li ul.sub-menu{
	 z-index: 9999!important;
}
#static_header_banner{
    height: 40vh!important;
}
#static_header_banner .site-header-text-wrap{
    padding-top: 100px;
}
#masthead.style_6 .navigation-menu li ul{
    top: 100%!important;
}
#masthead.style_6 .navigation-menu li ul ul {
    top: 3px!important;
}
.joyas-shop-single-post .img-box .animation_on:before,
.joyas-shop-single-post .img-box .animation_on:after{
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .35s ease-in-out;
    -moz-transition: opacity .4s, -moz-transform .35s ease-in-out;
    -o-transition: opacity .4s, -o-transform .35s ease-in-out;
    transition: opacity .4s, transform .35s ease-in-out;
}
.joyas-shop-single-post .img-box .animation_on:before{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.joyas-shop-single-post .img-box .animation_on:after{
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.joyas-shop-single-post .img-box:hover .animation_on:before,
.joyas-shop-single-post .img-box:hover .animation_on:after,
.joyas-shop-single-post .img-box .animation_on:hover:before,
.joyas-shop-single-post .img-box .animation_on:hover:after,
.joyas-shop-single-post .img-box .animation_on:focus:before,
.joyas-shop-single-post .img-box .animation_on:focus:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.joyas-shop-single-post .img-box .animation_on img{
    transform: scale(1) rotate(0deg);
    transition: transform 0.5s ease-in-out;
}
.joyas-shop-single-post .img-box .animation_on:hover img{
    transform: scale(1.2) rotate(4deg);
}
#secondary .widget li{
    padding: 3px 0 3px 0px !important;
}
.top-bar-menu .container a:hover,
.top-bar-menu .container a:focus{
    color: var(--secondary-color);
}
.top-bar-menu .right-menu li ul a:hover,
.top-bar-menu .right-menu li ul a:focus{
    color: var(--secondary-color);
}
#masthead.style_6 .header-icon li a,
#masthead.style_6 .header-icon .searchbar-action{
    color: var(--secondary-color);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    position: relative;
    background: none;
    padding: 0px;
    color: #fff;
    font-size: 12px;
    border: 1px solid rgba(256, 256, 256, 0.5);
}
#masthead.style_6 .header-icon li a:hover,
#masthead.style_6 .header-icon .searchbar-action:hover,
#masthead.style_6 .header-icon li a:focus,
#masthead.style_6 .header-icon .searchbar-action:focus{
    background: var(--secondary-color)!important;
    border-color: var(--secondary-color);
}

/*==========================================================
********************** Search modal ********************
===========================================================*/ 
.search-bar-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    color: rgba(255, 255, 255, 0.5);
    transition: opacity 0s linear 0.3s, visibility 0s linear 0.3s;
    opacity: 0;
    display: none;
}
.search-bar-modal.active {
    visibility: visible;
    opacity: 1;
    display: block;
}
.search-bar-modal .modal-wrap {
    position: fixed;
    top: 0;
    left: 50%;
    width: 80%;
    max-width: 550px;
    transform: translateX(-50%);
    box-sizing: border-box;
    text-align: left;
    z-index: 9999;
    transition: all 0.5s;
}
.search-bar-modal.active .modal-wrap {
    top: 48%;
}
.search-bar-modal form.search-form {
    display: flex;
}
.search-bar-modal form.search-form input[type="search"] {
    width: calc(100% - 120px);
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    border: 1px solid #1F526B;
    outline: 2px solid transparent;
    background: #fff;
    color: #000;
    border-radius: 7px 0 0 7px;
    margin-bottom: 0;
}
.search-bar-modal form.search-form input[type="search"]:focus,
.search-bar-modal form.search-form input[type="search"]:active,
.search-bar-modal form.search-form input[type="search"]:focus-visible {
    background: #C8F2FF !important;
}
.search-bar-modal form.search-form .search-submit {
    width: 120px;
    height: 48px;
    line-height: 48px;
    background: #1F526B !important;
    color: #fff;
    text-align: center;
    transform: translateX(-5px);
    padding: 0;
}
.search-bar-modal form.search-form .search-submit:focus,
.search-bar-modal form.search-form .search-submit:active,
.search-bar-modal form.search-form .search-submit:focus-visible {
    color: var(--secondary-color);
}
.search-bar-modal .appw-modal-close-button {
    position: absolute;
    right: -30px;
    top: -30px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50%;
    background: #000;
    color: #fff;
    padding: 0;
}
.search-bar-modal .appw-modal-close-button:focus,
.search-bar-modal .appw-modal-close-button:active,
.search-bar-modal .appw-modal-close-button:focus-visible {
   color: var(--secondary-color);
}

#static_header_banner ul.post-meta{
    display: block;
    margin: 0px auto;
    color: #fff;
}
#static_header_banner ul.post-meta a:hover,
#static_header_banner ul.post-meta a:focus{
    color: var(--secondary-color);
    text-decoration: underline;
}
.joyas-business-agency,
.joyas-business-agency .nav-links{
    display: block;
    text-align: center;
    margin: 0px auto;
}
.joyas-business-agency ul.page-numbers{
    display: flex;
    list-style: none;
    gap: 5px;
}
.joyas-business-agency ul.page-numbers a,
.joyas-business-agency ul.page-numbers span{
    margin: 0;
    text-decoration: none!important;
    padding: 0;
    line-height: 1;
    font-size: 1rem;
    font-weight: 400;
    padding: 15px 18px;
    min-width: 1em;
    display: block;
    border: 1px solid var(--secondary-color);
    background: var(--quaternary-color);
    color: var(--secondary-color);
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.joyas-business-agency ul.page-numbers a:hover,
.joyas-business-agency ul.page-numbers a:focus,
.joyas-business-agency ul.page-numbers span.current{
    background: var(--secondary-color);
    color: #fff;
}
.logo-wrap a.site-title{
    color: #fff;
}
.logo-wrap a.site-title:hover,
.logo-wrap a.site-title:focus,
.logo-wrap h3 a.site-title:hover,
.logo-wrap h3 a.site-title:focus{
    color: var(--secondary-color);
    text-decoration: underline;
}
@media screen and (max-width: 850px) {
    #masthead.style_6 .navigation-menu > li > a{
        color: #000;
    }
    #navbar li > .responsive-submenu-toggle{
        color: var(--secondary-color);
    }
    #masthead.style_6 .logo-wrap{
        text-align: left;
    }
}
#commentform input[type="checkbox"]{
    margin-top: 5px;
}
.wc-block-cart table.wc-block-cart-items td{
    display: table-cell!important;
}













/* Main Styled List - News Directory Style */
.styled-main-list {
    list-style: none;
    counter-reset: item-counter;
    padding: 0;
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: #ddd;
    border: 1px solid #ddd;
}

.styled-main-list li {
    counter-increment: item-counter;
    position: relative;
    padding: 13px 20px 13px 65px;
    background: #ffffff;
    transition: background 0.2s ease;
}

.styled-main-list li:hover {
    background: #f5f5f5;
}

.styled-main-list li::before {
    content: counter(item-counter, decimal-leading-zero);
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 22px;
    color: var(--secondary-color);
    font-family: 'Georgia', serif;
}

.styled-main-list li strong {
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.styled-main-list li a {
    text-decoration: none !important;
    color: #1a1a1a;
    transition: color 0.2s ease;
}

.styled-main-list li a:hover,
.styled-main-list li a:focus {
    color: var(--secondary-color);
    text-decoration: none !important;
}

/* Shop Card Styles - Primary Version */
.styled-shop {
    background: #ffffff !important;
    padding: 0;
    margin: 50px 0;
    border-top: 3px solid #000;
    border-bottom: 1px solid #ddd;
}

.styled-shop .wp-block-columns {
    margin: 0 !important;
    background: #ffffff !important;
}

.styled-shop .wp-block-column {
    padding: 30px;
    background: #ffffff !important;
}

.styled-shop p strong {
    font-size: 24px;
    color: #000;
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.styled-shop p:has(strong) + p {
    background: #000;
    color: #fff;
    padding: 8px 12px;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

.styled-shop p:has(strong) + p + p {
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    margin: 15px 0;
}

.styled-shop ul.wp-block-list {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
    border-top: 2px solid #000;
    padding-top: 9px;
}

.styled-shop ul.wp-block-list li {
    padding: 10px 0;
    color: var(--secondary-color) !important;
    line-height: 1.6;
    font-size: 14px;
    border-bottom: 1px dotted #ddd;
    position: relative;
    padding-left: 22px;
    font-weight: 600;
}

.styled-shop ul.wp-block-list li:first-child::before {
    content: '📍';
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 14px;
}

.styled-shop ul.wp-block-list li:last-child {
    border-bottom: none;
}

.styled-shop ul.wp-block-list li:last-child::before {
    content: '☎';
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 14px;
}

.styled-shop ul.wp-block-list li em {
    font-style: normal;
    color: var(--secondary-color) !important;
}

.styled-shop ul.wp-block-list li strong {
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    color: var(--secondary-color) !important;
    font-weight: 700;
}

.styled-shop .wp-block-image {
    overflow: hidden;
    border: 1px solid #ddd;
    background: #ffffff !important;
}

.styled-shop .wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
    filter: grayscale(15%);
    transition: filter 0.3s ease;
}

.styled-shop .wp-block-image:hover img {
    filter: grayscale(0%);
}

/* Shop Card Styles - Alternate Version */
.styled-shop-1 {
    background: #ffffff !important;
    padding: 0;
    margin: 50px 0;
    border-bottom: 1px solid #ddd;
}

.styled-shop-1 .wp-block-columns {
    margin: 0 !important;
    background: #ffffff !important;
}

.styled-shop-1 .wp-block-column {
    padding: 30px;
    background: #ffffff !important;
}

.styled-shop-1 p strong,
.styled-shop-1 h3 strong {
    font-size: 24px;
    color: var(--secondary-color);
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.styled-shop-1 p:has(strong) + p {
    background: #000;
    color: #fff;
    padding: 8px 12px;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

.styled-shop-1 p:has(strong) + p + p {
    font-size: 15px;
    line-height: 1.7;
    color: #333;
    margin: 15px 0;
}

.styled-shop-1 ul.wp-block-list {
    list-style: none;
    padding: 0;
    margin: 8px 0 0 0;
    border-top: 2px solid #000;
    padding-top: 9px;
}

.styled-shop-1 ul.wp-block-list li {
    padding: 10px 0;
    color: var(--secondary-color) !important;
    line-height: 1.6;
    font-size: 14px;
    border-bottom: 1px dotted #ddd;
    position: relative;
    padding-left: 22px;
    font-weight: 600;
}

.styled-shop-1 ul.wp-block-list li:first-child::before {
    content: '📍';
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 14px;
}

.styled-shop-1 ul.wp-block-list li:last-child {
    border-bottom: none;
}

.styled-shop-1 ul.wp-block-list li:last-child::before {
    content: '☎';
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 14px;
}

.styled-shop-1 ul.wp-block-list li em {
    font-style: normal;
    color: var(--secondary-color) !important;
}

.styled-shop-1 ul.wp-block-list li strong {
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0;
    color: var(--secondary-color) !important;
    font-weight: 700;
}

.styled-shop-1 .wp-block-image {
    border: 1px solid #ddd;
    background: #ffffff !important;
}

.styled-shop-1 .wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Column Styles for Info Sections */
.style-col {
    background: #ffffff !important;
    padding: 10px !important;
    border: none;
    margin-bottom: 0;
}

.style-col h3 {
    color: #000;
    font-size: 18px;
    margin: 0 0 20px 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-bottom: 12px;
    border-bottom: 2px solid #000;
    padding-left: 48px;
    position: relative;
}

.style-col h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.style-col h3.icon-car::before {
    background-image: url('/wp-content/uploads/2026/02/car-icon.png');
}

.style-col h3.icon-cable::before {
    background-image: url('/wp-content/uploads/2026/02/cable-icon.png');
}

.style-col h3.icon-sport::before {
    background-image: url('/wp-content/uploads/2026/02/sport-icon.png');
}

.style-col h3.icon-popular::before {
    background-image: url('/wp-content/uploads/2026/02/popular-icon.png');
}

.style-col p {
    color: #333;
    line-height: 1.8;
    margin-bottom: 15px;
    font-size: 15px;
}

.style-col p strong {
    color: #000;
    font-weight: 600;
}

/* Headings Styles */
.content-wrap h2.wp-block-heading {
    font-size: 36px;
    color: #000;
    margin: 30px 0 30px 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.2;
    border-bottom: 4px solid #000;
    padding-bottom: 15px;
}

.content-wrap h3.wp-block-heading {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 0;
    margin: 10px 0;
   padding-left: 52px;
}

/* Paragraphs Enhancement */
.content-wrap > p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 18px;
    font-family: 'Georgia', serif;
}

.content-wrap > p strong {
    color: #000;
    font-weight: 700;
    font-family: var(--body-font);
}

/* Editorial Note Styling */
.content-wrap p:has(strong:first-child) {
    background: #fffbf0;
    padding: 8px 2px;
    margin: 6px 0;
    font-style: italic;
    color: #555;
}

/* Links Enhancement */
.content-wrap a:not(.post-edit-link) {
    color: var(--secondary-color);
    text-decoration: underline;
    transition: color 0.2s ease;
    font-weight: 600;
}

.content-wrap a:not(.post-edit-link):hover,
.content-wrap a:not(.post-edit-link):focus {
    color: #000;
}

/* Grid Columns Enhancement */
.content-wrap .wp-block-columns {
    margin: 20px 0;
    gap: 1px;
    background: #ddd;
}

.content-wrap .wp-block-columns .wp-block-column {
    background: #ffffff !important;
    padding: 0;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .styled-main-list {
        grid-template-columns: 1fr;
        margin: 30px 0;
    }
    
    .styled-shop,
    .styled-shop-1 {
        margin: 35px 0;
    }
    
    .styled-shop .wp-block-column:first-child,
    .styled-shop-1 .wp-block-column:first-child {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .content-wrap h2.wp-block-heading {
        font-size: 30px;
        margin: 25px 0 25px 0;
    }
    
    .content-wrap h3.wp-block-heading {
        padding: 8px 0;
        margin: 8px 0;
    }
    
    .content-wrap .wp-block-columns {
        gap: 1px;
        margin: 30px 0;
    }
    
    .style-col {
        padding: 25px !important;
    }
    
    .style-col h3 {
        font-size: 17px;
        padding-left: 42px;
    }
    
    .style-col h3::before {
        width: 34px;
        height: 34px;
    }
}

@media screen and (max-width: 768px) {
    .site-header-text-wrap h1 {
    font-weight: 400 !important;
    line-height: 39px;
      font-size: 2.7rem ;
}
    #static_header_banner {
  height: 34vh ;
}
  
    .styled-main-list {
        margin: 20px 0;
    }
    
    .styled-main-list li {
        padding: 11px 12px 11px 50px;
    }
    
    .styled-main-list li::before {
        font-size: 18px;
        left: 12px;
    }
    
    .styled-shop,
    .styled-shop-1 {
        margin: 25px 0;
    }
    
    .styled-shop .wp-block-column,
    .styled-shop-1 .wp-block-column {
        padding: 20px;
    }
    
    .styled-shop p strong,
    .styled-shop-1 p strong,
    .styled-shop-1 h3 strong {
        font-size: 20px;
    }
    
    .styled-shop p:has(strong) + p,
    .styled-shop-1 p:has(strong) + p {
        padding: 6px 10px;
        font-size: 12px;
    }
    
    .styled-shop ul.wp-block-list,
    .styled-shop-1 ul.wp-block-list {
        margin: 12px 0 0 0;
        padding-top: 10px;
    }
    
    .styled-shop ul.wp-block-list li,
    .styled-shop-1 ul.wp-block-list li {
        padding: 9px 0 9px 20px;
        font-size: 13px;
    }
    
    .styled-shop ul.wp-block-list li:first-child::before,
    .styled-shop ul.wp-block-list li:last-child::before,
    .styled-shop-1 ul.wp-block-list li:first-child::before,
    .styled-shop-1 ul.wp-block-list li:last-child::before {
        font-size: 13px;
        top: 9px;
    }
    
    .content-wrap h2.wp-block-heading {
        font-size: 26px;
        letter-spacing: -0.5px;
        margin: 20px 0 20px 0;
        padding-bottom: 12px;
    }
    
    .content-wrap h3.wp-block-heading {
        font-size: 19px;
        padding: 8px 0;
        margin: 8px 0;
    }
    
    .content-wrap > p {
        margin-bottom: 15px;
    }
    
    .style-col {
        padding: 20px !important;
        margin-bottom: 1px;
    }
    
    .style-col h3 {
        font-size: 16px;
        margin: 0 0 15px 0;
        padding-bottom: 10px;
        padding-left: 38px;
    }
    
    .style-col h3::before {
        width: 30px;
        height: 30px;
    }
    
    .content-wrap .wp-block-columns {
        gap: 1px;
        margin: 25px 0;
    }
}

@media (max-width: 480px) {
  #static_header_banner {
  height: 32vh !important;
}
  .site-header-text-wrap h1 {
    font-weight: 400 !important;
    line-height: 39px;
}
    .styled-main-list {
        gap: 0;
        margin: 15px 0;
    }
    
    .styled-main-list li {
        padding: 9px 10px 9px 45px;
        font-size: 14px;
    }
    
    .styled-main-list li::before {
        font-size: 16px;
        left: 10px;
    }
    
    .styled-shop,
    .styled-shop-1 {
        border-top-width: 2px;
        margin: 20px 0;
    }
    
    .styled-shop .wp-block-column,
    .styled-shop-1 .wp-block-column {
        padding: 15px;
    }
    
    .styled-shop p strong,
    .styled-shop-1 p strong,
    .styled-shop-1 h3 strong {
        font-size: 18px;
    }
    
    .styled-shop p:has(strong) + p,
    .styled-shop-1 p:has(strong) + p {
        padding: 5px 8px;
        font-size: 11px;
    }
    
    .styled-shop ul.wp-block-list,
    .styled-shop-1 ul.wp-block-list {
        margin: 10px 0 0 0;
        padding-top: 8px;
    }
    
    .styled-shop ul.wp-block-list li,
    .styled-shop-1 ul.wp-block-list li {
        padding: 8px 0 8px 18px;
        font-size: 13px;
    }
    
    .styled-shop ul.wp-block-list li:first-child::before,
    .styled-shop ul.wp-block-list li:last-child::before,
    .styled-shop-1 ul.wp-block-list li:first-child::before,
    .styled-shop-1 ul.wp-block-list li:last-child::before {
        font-size: 12px;
        top: 8px;
    }
    
    .content-wrap h2.wp-block-heading {
        font-size: 22px;
        padding-bottom: 10px;
        margin: 15px 0 15px 0;
    }
    
    .content-wrap h3.wp-block-heading {
        font-size: 17px;
        padding: 6px 0;
        margin: 6px 0;
        padding-left: 37px;
    }
    
    .content-wrap > p {
        font-size: 15px;
        margin-bottom: 12px;
    }
    
    .style-col {
        padding: 8px !important;
    }
    
    .style-col h3 {
        font-size: 15px;
        margin: 0 0 12px 0;
        padding-bottom: 8px;
        padding-left: 34px;
    }
    
    .style-col h3::before {
        width: 26px;
        height: 26px;
    }
    
    .style-col p {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    .content-wrap .wp-block-columns {
        margin: 20px 0;
    }
}

/* Footer Styles */
#colophon.site-footer {
    background: #1a1a1a;
    border-top: 4px solid #000;
    padding: 6px 0;
    margin-top: 10px;
}

#colophon.site-footer .site_info {
    max-width: 1200px;
    margin: 0 auto;
    border-top: none !important;
    padding: 10px 0 !important;
}

#colophon.site-footer .col-12 {
    color: #999;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 1px 0;
}

@media screen and (max-width: 768px) {
    #colophon.site-footer {
        padding: 5px 0;
        margin-top: 8px;
    }
    
    #colophon.site-footer .site_info {
        padding: 8px 0 !important;
    }
    
    #colophon.site-footer .col-12 {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    #colophon.site-footer {
        padding: 4px 0;
        margin-top: 6px;
    }
    
    #colophon.site-footer .site_info {
        padding: 6px 0 !important;
    }
    
    #colophon.site-footer .col-12 {
        font-size: 12px;
        letter-spacing: 0.3px;
    }
}