.top-blink-bar{background:linear-gradient(90deg,#009DFF,#0577BE);color:white;padding:10px 15px;margin-bottom:20px;animation:slow-blink 3s infinite;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-size:14px;font-weight:400}.top-bar-content{display:flex;justify-content:space-between;align-items:center;max-width:400px;margin:0 auto;flex-wrap:wrap}.top-bar-text{color:white;flex:1}.whatsapp-btn img{height:28px;width:28px;margin-left:10px;transition:transform 0.3s ease}.whatsapp-btn img:hover{transform:scale(1.1)}@keyframes slow-blink{0%,100%{opacity:1}50%{opacity:0.75}}@media only screen and (max-width:767px){.woocommerce ul.products li.product{padding-bottom:10px}.woocommerce ul.products li.product .price{margin-top:4px;margin-bottom:6px}.woocommerce ul.products li.product .button{margin-top:4px;padding:8px 16px;font-size:13px}}ul.woo-entry-inner.clr li.title h2 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:3.2em;/* 2 lines with line-height ~1.6 */}/* Tighten space between title,price,and button */ul.woo-entry-inner.clr li.title{margin-bottom:0 !important}ul.woo-entry-inner.clr li.price-wrap{margin-top:0 !important;margin-bottom:2px !important}ul.woo-entry-inner.clr li.btn-wrap{margin-top:2px !important}/* Optional:Reduce padding around the product card itself */ul.woo-entry-inner.clr li{margin:4px 0 !important;padding:0 !important}ul.woo-entry-inner.clr li.btn-wrap a.button{padding:6px 10px !important;font-size:13px !important}/* Base style for product cards */.woocommerce ul.products{display:flex;flex-wrap:wrap;justify-content:space-between}.woocommerce ul.products li.product{width:23.5%;/* 4 per row on desktop */margin-bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:8px;background-color:#fff;transition:box-shadow 0.3s ease}/* Hover effect */.woocommerce ul.products li.product:hover{box-shadow:0 3px 5px rgba(0,0,0,0.5)}/* Tablet:2 per row */@media only screen and (max-width:1024px){.woocommerce ul.products li.product{width:48%}}/* Mobile:2 per row */@media only screen and (max-width:768px){.woocommerce ul.products li.product{width:48%}}/* Very small screen:1 per row */@media only screen and (max-width:480px){.woocommerce ul.products li.product{width:100%}}.artist-page{padding:30px 20px;background:#f9f9f9;text-align:center;font-family:'Segoe UI',sans-serif}.artist-header h1{font-size:36px;color:#111;margin-bottom:10px}.artist-header p{font-size:16px;max-width:700px;margin:0 auto 30px;color:#555}.artist-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:30px}.artist-filters label{font-weight:bold;margin-right:5px}.artist-filters select{padding:6px 10px;border-radius:5px;border:1px solid #ccc}.artist-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.artist-card{width:140px;text-align:center;text-decoration:none;transition:transform 0.3s ease}.artist-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.artist-card span{display:block;margin-top:10px;font-size:15px;font-weight:600;color:#222}.artist-card:hover{transform:scale(1.05)}.artist-cta{margin-top:40px;font-size:16px}.artist-cta a{color:#d63447;font-weight:bold;text-decoration:underline}#comments{display:none !important}#top-bar-wrap{display:none;/* Hide the top bar by default */}body.show-top-bar-on-woocommerce #top-bar-wrap{display:block !important;/* Show the top bar when the body class is present */}/* Add Font Awesome User Icon to "Profile" (My Account) menu item */.main-navigation #menu-item-10770 a::before{    font-family:'Font Awesome 6 Free';/* Or 'Font Awesome 5 Free' if 6 doesn't work */    font-weight:900;/* For solid icons */    content:"\f007";/* Unicode for fa-solid fa-user */    color:#63E6BE;/* Your desired color */    margin-right:5px;/* Space between icon and text */    vertical-align:middle;/* Helps align the icon vertically */    display:inline-block;/* Essential for proper icon display */}/* Add Font Awesome User Icon to "Profile" (My Account) menu item *//* Increased specificity by adding 'ul' to the selector chain */nav.main-navigation ul#menu-shop-page-menu li#menu-item-10770 a.menu-link::before{font-family:'Font Awesome 6 Free';/* Use the exact one you verified */font-weight:900;/* For solid icons */content:"\f007";/* Unicode for fa-solid fa-user */color:#63E6BE !important;/* Added !important to ensure color is applied */margin-right:5px;vertical-align:middle;display:inline-block}/* Optional:Hide the "Profile" text and only show the icon on desktop *//* Increased specificity for this rule as well */@media (min-width:768px){nav.main-navigation ul#menu-shop-page-menu li#menu-item-10770 span.text-wrap{display:none !important;/* Added !important */}nav.main-navigation ul#menu-shop-page-menu li#menu-item-10770 a.menu-link::before{margin-right:0;font-size:20px}}/* Add Font Awesome User Icon to "Profile" (My Account) menu item for MOBILE *//* This code specifically targets the mobile menu structure you provided */#sidr-id-menu-primary-menu #sidr-id-menu-item-10775 a::before{font-family:'Font Awesome 6 Free';/* Use the exact font-family you confirmed from your search icon */font-weight:900;/* For solid icons */content:"\f007";/* Unicode for fa-solid fa-user */color:#63E6BE;/* Your desired color */margin-right:5px;/* Space between icon and text */vertical-align:middle;/* Helps align the icon vertically */display:inline-block;/* Essential for proper icon display */}/* Optional:Hide the "Profile" text and only show the icon on mobile *//* This will make the link just the icon. Test carefully! *//* We're using a max-width media query to specifically target mobile views */@media (max-width:767px){/* Adjust this breakpoint if your theme's mobile cutoff is different */#sidr-id-menu-primary-menu #sidr-id-menu-item-10775 a{font-size:0;/* Hides the original "Profile" text */position:relative;/* Needed for absolute positioning of the icon if you want perfect centering */padding-left:25px;/* Adjust padding if needed to make space for the icon when text is hidden */display:block;/* Typically mobile menu items are block level */}#sidr-id-menu-primary-menu #sidr-id-menu-item-10775 a::before{margin-right:0;/* Remove margin if text is hidden */font-size:20px;/* Adjust icon size for mobile *//* Optional:Absolute positioning for perfect centering */position:absolute;left:10px;/* Adjust to position the icon */top:50%;transform:translateY(-50%);/* Centers vertically */text-indent:0;/* Make icon visible again if parent hides text with text-indent */}}/* Fine-tune alignment for icon WITH text on mobile */#sidr-id-menu-primary-menu #sidr-id-menu-item-10775 a::before{/* Existing properties:font-family,font-weight,content,color,display:inline-block;*//* Adjust these values to fine-tune */margin-right:8px;/* Slightly more space for better visual separation */vertical-align:-2px;/* Small vertical adjustment,try -1px,-2px,0px,1px etc. */}/* Custom Styles for the New Dynamic Product Grid Section *//* Ensure the main section provides spacing and is a block element */.my-simple-grid-section{margin-top:40px;margin-bottom:40px;padding:0 15px;display:block;/* Ensure it's a block element */box-sizing:border-box;width:100%;/* Ensure it takes full width */overflow:hidden;/* Helps contain floats if any */}/* Center the new section's title */.my-simple-grid-section h2{text-align:center;margin-bottom:30px}/* Custom Styles for the New Dynamic Product Grid Section *//* Ensure the main section provides spacing and is a block element */.my-simple-grid-section{margin-top:40px;margin-bottom:40px;padding:0 15px;display:block;/* Ensure it's a block element */box-sizing:border-box;width:100%;/* Ensure it takes full width */overflow:hidden;/* Helps contain floats if any */}/* Center the new section's title */.my-simple-grid-section h2{text-align:center;margin-bottom:30px}/* Styles for the NEW product grid container */.my-simple-grid-container{display:grid;/* Activate CSS Grid */gap:20px;/* Space between grid items */justify-content:center;/* Center the grid items horizontally */align-items:start;/* Align items to the start of their grid cell vertically */padding:0;/* Remove any default padding */margin:0 auto;/* Center the grid container itself */max-width:1200px;/* Optional:Constrain max width for large screens */}/* Mobile Layout:2 columns (for screens up to 767px) */@media (max-width:767px){.my-simple-grid-container{grid-template-columns:repeat(2,1fr);/* 2 columns,equal width */}}/* Tablet Layout:3 columns (for screens between 768px and 991px) */@media (min-width:768px) and (max-width:991px){.my-simple-grid-container{grid-template-columns:repeat(3,1fr);/* 3 columns,equal width */}}/* Desktop Layout:4 columns (for screens 992px and wider) */@media (min-width:992px){.my-simple-grid-container{grid-template-columns:repeat(4,1fr);/* 4 columns,equal width */}}/* Ensure individual product items fill their grid cells */.my-simple-grid-container .product.my-custom-grid-product{width:100%;/* Make product card fill its grid cell */height:auto;/* Allow height to adjust */box-sizing:border-box;text-align:center;/* Center align content within the product card */border:1px solid #eee;/* Example:add a border to see the card boundaries */padding:15px;/* Example:add some padding inside the card *//* Override any default floats or inline-blocks that might conflict with grid */float:none !important;display:flex;/* Use flexbox for internal content alignment within the product card */flex-direction:column;/* Stack image,title,price,button vertically */justify-content:space-between;/* Distribute space between elements if needed */align-items:center;/* Center items horizontally within the card */}/* Ensure product image fits within its container */.my-simple-grid-container .product.my-custom-grid-product img.woocommerce-product-thumbnail{display:block;max-width:100%;height:auto;margin:0 auto 10px auto;/* Center image and add bottom margin */}/* Product Title Styling (adjust as needed,relying on theme default otherwise) */.my-simple-grid-container .product.my-custom-grid-product h3.woocommerce-loop-product__title,.my-simple-grid-container .product.my-custom-grid-product h2.woocommerce-loop-product__title{text-align:center;margin-top:10px;margin-bottom:5px;line-height:1.2;font-size:14px;/* Slightly larger for readability */}/* Price Alignment (relying on theme default otherwise) */.my-simple-grid-container .product.my-custom-grid-product .price{text-align:center;display:block;margin-bottom:10px}/* Button Container Alignment (Add to Cart,Add to Wishlist) - relying on theme default otherwise */.my-simple-grid-container .product.my-custom-grid-product .button,.my-simple-grid-container .product.my-custom-grid-product .add_to_cart_button,.my-simple-grid-container .product.my-custom-grid-product .yith-wcwl-add-to-wishlist a{display:block;/* Ensure buttons are blocks for centering */margin-left:auto;/* Auto margins for centering block elements */margin-right:auto;text-align:center;/* Fallback for button text */width:auto;/* Allow button to size naturally */max-width:150px;/* Constrain button width if needed */margin-bottom:5px}/* If buttons are grouped in a container,center that container's content */.my-simple-grid-container .product.my-custom-grid-product .buttons,.my-simple-grid-container .product.my-custom-grid-product .add-to-cart-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto;width:100%}.tools-section{max-width:700px;margin:30px auto;padding:22px;background:linear-gradient(135deg,#ffe4f1,#ffd0ea,#ffb8e0);border-radius:18px;box-shadow:0 8px 25px rgba(255,50,150,0.18);font-family:"Poppins",Arial,sans-serif}/* Main heading */.tools-section h2{text-align:center;margin-bottom:22px;font-size:28px;font-weight:700;background:linear-gradient(90deg,#ff2e93,#ff6ac9);-webkit-background-clip:text;color:transparent}/* Tool Card */.tool-box{margin-bottom:40px;padding:22px;border-radius:16px;background:rgba(255,255,255,0.85);border:1px solid rgba(255,140,200,0.25);box-shadow:0 3px 15px rgba(255,90,160,0.12);transition:transform 0.2s ease,box-shadow 0.2s ease}.tool-box:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,0,120,0.18)}/* Tool Box Heading */.tool-box h3{margin-bottom:12px;font-size:22px;font-weight:600;color:#ff2e93}/* Labels */.tool-input{margin-bottom:14px}.tool-input label{display:block;font-weight:600;margin-bottom:6px;color:#444}/* Inputs */.tool-input input,.tool-input select{width:100%;padding:11px;border-radius:10px;border:1px solid #ffb9dd;font-size:16px;background:#fff;transition:0.25s ease}.tool-input input:focus,.tool-input select:focus{border-color:#ff5eb8;box-shadow:0 0 6px rgba(255,120,180,0.4);outline:none}/* Button */.tool-btn{width:100%;margin-top:18px;padding:14px;background:linear-gradient(135deg,#ff2e93,#ff6ac9);color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer;font-weight:700;transition:background 0.2s ease,transform 0.2s ease}.tool-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff157b,#ff4cba)}/* Result Box */.result-box{margin-top:15px;padding:16px;background:rgba(255,230,245,0.7);border-left:5px solid #ff2e93;font-size:18px;border-radius:12px;color:#6b006b}/* Mobile Responsive */@media (max-width:480px){.tools-section{padding:15px}.tool-box{padding:18px}.tool-btn{font-size:16px;padding:12px}}