/* Blog container - Masonry Layout */.blog .site-main{column-count:2;column-gap:20px;/* Space between columns */max-width:1500px;margin:auto;padding:20px;margin-top:0;/* Add space above */margin-left:30px;margin-right:30px}/* Blog post boxes */.blog .post{display:inline-block;/* Prevents column breaking */width:100%;background:#fff !important;/* Ensures white background */margin-top:80px;border-radius:15px;/* More noticeable rounded corners */box-shadow:0 4px 10px rgba(0,0,0,0.1);/* Soft shadow effect */padding:20px;text-align:center;margin-bottom:20px;/* Adds spacing between posts */overflow:hidden;/* Prevents content from overflowing the rounded corners */}/* Blog post images */.blog .post img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:15px;/* Rounded corners for images */}/* Responsive adjustments */@media (max-width:1024px){.blog .site-main{column-count:2;/* Keep 2 columns on tablets */}}@media (max-width:900px){.blog .site-main{column-count:1;/* Single column layout */margin-left:5px;/* Add margin on the left */margin-right:5px;/* Add margin on the right */}.blog .post{width:calc(100% - 40px);/* Ensures full width minus margins */margin-left:auto;margin-right:auto}}.woocommerce .site-main{padding-top:80px}/* Make WooCommerce content full width */.woocommerce .content-area{width:100% !important;max-width:100% !important}/* WooCommerce Product Grid - White Box Style */.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(3,1fr);/* Force 3 products per row */gap:20px;/* Space between products */padding:20px;justify-content:center}/* WooCommerce Product Items */.woocommerce ul.products li.product{background:#fff !important;/* White background */border-radius:15px;/* Rounded corners */box-shadow:0 4px 10px rgba(0,0,0,0.1);/* Soft shadow effect */padding:20px;/* Space inside the box */text-align:center;/* Center content */overflow:hidden;/* Prevents content from overflowing */width:100%;/* Make sure it adapts to the grid */}/* WooCommerce Product Images - Rounded & Fit */.woocommerce ul.products li.product img{width:100%;aspect-ratio:1 / 1;/* Keep square */object-fit:cover;border-radius:15px;/* Match post style */}/* Responsive Adjustments */@media (max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);/* 2 products per row on tablets */}}@media (max-width:768px){.woocommerce ul.products{grid-template-columns:1fr;/* 1 product per row on mobile */justify-content:center;/* Center grid */}.woocommerce ul.products li.product{max-width:90%;/* Limit width so it's not too wide */margin:0 auto;/* Center the product */}}/* Add space after the header on Cart & Checkout pages */.woocommerce-cart .site-content,.woocommerce-checkout .site-content{margin-top:80px !important}