/* --- Yacht Gallery Styles --- */

/* This is the main wrapper for both sliders */
.yacht-gallery-container {
    width: 100%;
    margin-bottom: 20px; /* Adds space between the gallery and your details list */
}

/* 1. Main Image Slider */
.yacht-gallery-main {
    width: 100%;
    height: auto;
    border: 1px solid #eee; /* Light border around main image */
}

.yacht-gallery-main .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 600px; 
    aspect-ratio: 16 / 9;
}

.yacht-gallery-main .swiper-slide img {
    width: 100%;
    height: 100%;    
    object-fit: cover;  
}

/* 2. Thumbnail Slider */
.yacht-gallery-thumbs {
    height: 100px; /* You can change this height */
    margin-top: 10px;
    box-sizing: border-box;
}

.yacht-gallery-thumbs .swiper-slide {
    width: 25%; /* Corresponds to slidesPerView: 4 in your JS */
    height: 100%;
    opacity: 0.6;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.yacht-gallery-thumbs .swiper-slide:hover {
    opacity: 1;
}

/* This is the style for the active, selected thumbnail */
.yacht-gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.yacht-gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes all thumbnails uniform (crops them to fit) */
}
.aws-container .aws-show-clear .aws-search-field {
    padding-right: 40px;
    font-size: 18px;
}
aws-container .aws-search-form .aws-wrapper {
    flex-grow: 1;
    position: relative;
    vertical-align: top;
    height: fit-content;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
/* --- NEW Sidebar Layout --- */
@media (min-width: 769px) {
    .ylm-details-wrapper {
        float: right;
        width: 300px;
        margin-left: 30px;
        margin-bottom: 30px;
        margin-top: 0; /* Reset default top margin */
    }
    
    /* This makes sure the post content clears the floated box */
    .ast-single-post .entry-content:after {
        content: "";
        display: table;
        clear: both;
    }
}
.single-layout-1 {
    clear: none;
    overflow: hidden;
}
.ylm-details-wrapper {
    border: 1px solid #eee;
    padding: 20px;
    margin-top: 30px; /* This will apply on mobile */
    border-radius: 5px;
    background: #fdfdfd;
}
.ylm-details-wrapper h2 {
    margin-top: 0;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}
.ylm-details-wrapper > ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.ylm-details-wrapper > ul > li {
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
    font-size: 0.9em;
}
.ylm-details-wrapper > ul > li:last-child {
    border-bottom: none;
}
.ylm-details-wrapper > ul > li > strong {
    display: inline-block;
    min-width: 120px;
}
.ylm-details-wrapper > ul > li > ul {
    list-style: disc;
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}

/* --- NEW Price Styling --- */
.ylm-details-wrapper li.ylm-price {
    font-size: 1.2em;
    font-weight: bold;
    border-top: 2px solid #f0f0f0;
    border-bottom: none;
    padding-top: 15px;
    margin-top: 10px;
}
.ylm-details-wrapper li.ylm-price strong {
    color: #333;
}
/*
 * ===================================================================
 * SHORTCODE LIST STYLES
 * ===================================================================
 */

.ylm-shortcode-list .ylm-list-item {
    display: flex;
    flex-direction: row;
    border: 1px solid #eee;
    background: #fdfdfd;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.ylm-shortcode-list .ylm-item-thumbnail {
    flex-basis: 200px; /* Fixed width for thumbnail */
    flex-shrink: 0;
}

.ylm-shortcode-list .ylm-item-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
}

.ylm-shortcode-list .ylm-item-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
}

.ylm-shortcode-list .ylm-item-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ylm-shortcode-list .ylm-item-content h3 {
    margin-top: 0;
}

.ylm-shortcode-list .ylm-item-meta {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    font-size: 0.9em;
    color: #555;
}

.ylm-shortcode-list .ylm-item-meta li {
    display: inline-block;
    margin-right: 15px;
}

.ylm-shortcode-list .ylm-item-content .ylm-item-price {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    margin-top: auto; /* Pushes price to the bottom */
    padding-top: 10px;
    border-top: 1px dotted #ccc;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .ylm-shortcode-list .ylm-list-item {
        flex-direction: column;
    }
    .ylm-shortcode-list .ylm-item-thumbnail {
        flex-basis: auto; /* Auto height */
        width: 100%;
        max-height: 250px;
        overflow: hidden;
    }
}
/* ===================================================================
 * FINAL BADGE STYLES
 * =================================================================== */

/* This is the container for the badges */
.ylm-badge-wrapper {
    margin-bottom: 10px; 
}

/* Pulls the badges up closer to the title on list pages */
.ylm-item-content h3 + .ylm-badge-wrapper {
     margin-top: -5px; 
}

/* Base style for an individual badge */
.ylm-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 4px;
    text-transform: uppercase;
    margin: 5px 5px 5px 0;
    text-decoration: none;
    line-height: 1.5;
    background: #ef4444;
}

.ylm-badge:hover {
    background-color: #333;
    color: #fff;
}

/* --- YOUR CUSTOM COLORS --- */

/* Color for Sale badges */
.ylm-badge.term-sale,
.ylm-badge.term-for-sale { 
    background-color: #28a745; /* Green */
}

/* Color for Rent badges */
.ylm-badge.term-rent { 
    background-color: #ff6300; /* Orange */
}

/* Color for Charter badges */
.ylm-badge.term-for-charter { 
    background-color: #dc3545; /* Red */
}

/* Color for 'yacht-for-sale' */
.ylm-badge.term-yacht-for-sale { 
    background-color: #28a745; /* Green */
}

/* Color for 'charter-barefoot' */
.ylm-badge.term-charter-barefoot { 
    background-color: #007bff; /* Blue */
}

/* Color for 'charter-with-skipper' */
.ylm-badge.term-charter-with-skipper { 
    background-color: #dc3545; /* Red */
}
/* --- Horizontal Yacht Filters --- */

/* ===================================================================
   ACCOMMODATION: FORCED SINGLE-ROW FILTER
   =================================================================== */

/* This is the main container for the filter items */
.single-row-filter {
    display: flex;
    align-items: flex-end; /* Aligns bottoms of inputs/buttons */
    gap: 15px; /* The space between each filter */
        width: 100%;
}

/* Base style for each filter group */
.single-row-filter .filter-group {
    flex-grow: 1;  /* Allow all items to grow */
    flex-shrink: 1; /* Allow all items to shrink */
    flex-basis: 0;   /* Let flex-grow manage the width */
    margin-bottom: 0;
    min-width: 120px; /* Prevent items from becoming too small */
}

/* Allow the slider to take up more of the extra space */
.single-row-filter .filter-group.filter-group-slider {
   flex-grow: 2; 
   min-width: 200px;
}

/* Prevent the button group from growing too much */
.single-row-filter .filter-group:last-child {
    flex-grow: 0.5;
}

/* --- MOBILE STYLES --- */
/* On tablets and phones, stack everything into a single column */
@media (max-width: 1024px) {
    .single-row-filter {
        flex-direction: column;
        align-items: stretch; /* Make all items full-width */
        gap: 20px;
    }
}

/* This is the main <form> container */
.yacht-filters {
    display: flex;         /* This makes the filter groups line up horizontally */
    flex-wrap: wrap;       /* Allows items to drop to the next line on small screens */
    align-items: flex-end; /* Aligns the bottom of the inputs and buttons */
    margin: 0 auto 20px auto;  
    padding: 15px;         /* Adds some internal padding */
    border: 1px solid #eee;
    border-radius: 4px;
}

/* This is for each individual filter group (the label + input) */
.yacht-filters .filter-group {
    display: flex;
    flex-direction: column; /* Stacks the label on top of the input */
    flex-grow: 1;           /* Allows items to grow and fill space */
    min-width: 150px;       /* Prevents items from becoming too squished */
    margin: 0 15px !important;
    
}

.yacht-filters .filter-group label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.filter-group-button {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    max-width:150px;
}

/* --- Astra-Style Pagination --- */

/* This is the main container for your pagination links */
.ylm-pagination {
    margin-top: 40px;
    margin-bottom: 40px!important;
    clear: both;
    text-align: center;
}

/* This styles each individual link/number box */
.ylm-pagination .page-numbers {
    display: inline-block;
    padding: 10px 18px;
    margin: 0 4px;
    border: 1px solid #e0e0e0; /* Light grey border */
    border-radius: 4px;
    color: #3a3a3a; /* Dark grey text */
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

/* This is the hover effect when you move your mouse over a link */
.ylm-pagination .page-numbers:hover {
    background-color: #f0f0f0; /* Light grey background on hover */
    color: #000000;
}

/* This is the style for the current, active page number */
.ylm-pagination .page-numbers.current {
    background-color: #007bff; /* Primary blue color */
    border-color: #007bff;
    color: #ffffff;
    cursor: default;
}

/* This styles the '...' dots if there are many pages */
.ylm-pagination .page-numbers.dots {
    border: none;
    background: none;
    padding: 10px 4px;
}
/* --- Checkbox Button Styles --- */

/* This is the container for the buttons */
.filter-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* Hide the actual checkbox square */
.filter-checkbox-group .checkbox-as-button input[type="checkbox"] {
    display: none;
}

/* Style the text label to look like a button */
.filter-checkbox-group .checkbox-as-button span {
    display: block;
    padding: 8px 15px; /* Adjust padding to match dropdown height */
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7;
    color: #555;
    cursor: pointer;
    line-height: 1.5; /* Helps match the height of other inputs */
    transition: all 0.2s ease-in-out;
}

/* Style for hover state */
.filter-checkbox-group .checkbox-as-button:hover span {
    border-color: #aaa;
}

/* Style for the selected/checked "button" */
.filter-checkbox-group .checkbox-as-button input[type="checkbox"]:checked + span {
    background-color: #007bff; /* Blue */
    border-color: #007bff;
    color: #fff;
    font-weight: bold;
}
.yacht-filters .filter-group-sort {
    margin-left: auto;
}
/* --- Two-Row Filter Layout --- */

/* Main form container - now stacks the two rows vertically */
.yacht-filters {
    display: flex;
    flex-direction: column; /* This stacks the rows */
    gap: 20px; /* This is the space BETWEEN the top and bottom row */
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 0px;
}

/* Style for each row - these are now the horizontal containers */
.filter-row-top,
.filter-row-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* This is the space between items in a row */
    align-items: flex-end;
    width:100%;
}
.ylm-filters-collapsible  {

    width:100%;
}   
.filter-group-slider {
    flex-grow: 1;
    min-width: 200px;
}
/* Make slider groups take up more space */
.filter-group-slider {
    flex-grow: 1;
    min-width: 200px;
}
/* --- Mobile Filter Toggle --- */

/* Hide the toggle button on desktop by default */
.ylm-mobile-filter-button {
    display: none;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    background-color: #0067ff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    margin-top:30px;
}

.ylm-mobile-filter-button .arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.ylm-mobile-filter-button.active .arrow {
    transform: rotate(180deg);
}

/* On mobile screens (768px and below) */
@media (max-width: 768px) {
    /* Show the toggle button */
    .ylm-mobile-filter-button {
        display: block;
    }

    /* Stack the filter rows vertically */
    .yacht-filters {
        flex-direction: column;
        padding-top: 0;
        border-top: none;
    }
    
    /* Hide the filter area by default using max-height for a slide effect */
    .ylm-filters-collapsible {
        max-height: 0;
        overflow: hidden;
        padding: 0 !important;
        margin: 0 !important;
        transition: max-height 0.5s ease-out;
    }
    
    /* When the 'filters-visible' class is added, expand it */
    .ylm-filters-collapsible.filters-visible {
        max-height: 1500px; /* A large number to allow full expansion */
        transition: max-height 0.5s ease-in;
    }
}
/* --- THIS IS THE MISSING CODE FOR MOBILE DROPDOWNS --- */

@media (max-width: 768px) {

    /* This targets the dropdowns inside your filter on mobile */
    .yacht-filters select {
        width: 100%; 
        padding: 12px;
        font-size: 16px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #fff;
        -webkit-appearance: none;
        appearance: none;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-position: right 15px top 50%;
        background-size: 12px auto;
    }

    /* This makes sure each filter group takes the full width inside the mobile popup */
    .yacht-filters .filter-group {
        width: 100%;
    }
}
div#price-slider-values, div#guests-slider-values, div#cabins-slider-values, div#power-slider-values, div#acc-price-slider-values {
    text-align: center;
    font-weight:normal;
    margin-bottom:0;
}   

/* ===================================================================
   INQUIRY FORM STYLES
   =================================================================== */

.simple-form-container {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    max-width: 700px;
    margin: 40px auto;
}
.simple-form-container .form-group {
    margin-bottom: 20px;
}
.simple-form-container .form-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.simple-form-container .form-row .form-group {
    flex: 1;
    min-width: 200px;
}
.simple-form-container label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
}
.simple-form-container input[type="text"],
.simple-form-container input[type="email"],
.simple-form-container input[type="tel"],
.simple-form-container textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}
.simple-form-container input[readonly] {
    background-color: #e9ecef;
    cursor: not-allowed;
}
.simple-form-container button[type="submit"] {
    width: 100%;
    padding: 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.simple-form-container button[type="submit"]:hover {
    background-color: #0056b3;
}
/* ===================================================================
   INQUIRY BUTTON STYLES
   =================================================================== */

.ylm-inquiry-button {
    /* Layout and Spacing */
    display: inline-flex; /* Use flexbox to align icon and text */
    align-items: center;
    gap: 10px; /* Space between icon and text */
    padding: 12px 24px;
    margin-top: 20px; /* Space above the button */

    /* Appearance */
    background-color: #007bff; /* Primary blue */
    color: #ffffff !important; /* Use !important to override theme link color */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    cursor: pointer;

    /* Smooth transition for hover */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.ylm-inquiry-button:hover {
    background-color: #0056b3; /* Darker blue on hover */
    transform: translateY(-2px); /* Slight lift effect on hover */
    color: #ffffff !important;
}

/* The Icon (embedded SVG) */
.ylm-inquiry-button::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor; /* This makes the icon white, like the text */
    
    /* SVG Icon (Paper Airplane) */
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S146 482.8 146 469.5v-112.1L23.3 331.4c-11-4.2-18.3-15.1-18.3-27.4s7.3-23.2 18.3-27.4l448-160c10.7-3.8 22.5-2.1 31.2 4.4z"/></svg>');
    mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S146 482.8 146 469.5v-112.1L23.3 331.4c-11-4.2-18.3-15.1-18.3-27.4s7.3-23.2 18.3-27.4l448-160c10.7-3.8 22.5-2.1 31.2 4.4z"/></svg>');
    
    -webkit-mask-size: contain;
    mask-size: contain;
}
/* ===================================================================
   YACHT CARD LAYOUT STYLES (FINAL)
   =================================================================== */

   .ylm-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;   
    
}

.ylm-card {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex; /* Added for flex structure */
    flex-direction: column; /* Added for flex structure */
}

.ylm-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.ylm-card-link-wrapper {
    display: flex; /* Changed to flex */
    flex-direction: column; /* Changed to flex */
    flex-grow: 1; /* Makes wrapper grow to fill card */
    text-decoration: none;
    color: inherit;
}

.ylm-card-image {
    position: relative;
    width: 100%;
    height: 200px; 
    background-color: #f0f0f0; /* Placeholder color */
}

.ylm-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This crops the image to fit, no distortion */
}

.ylm-badge-on-card {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
}

.ylm-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Makes content area grow */
}

.ylm-card-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.25em;
    color: #111;
}

.ylm-card-price {
    font-size: 1.15em;
    font-weight: bold;
    color: #007bff;
    margin-bottom: 15px;
}

.ylm-card-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9em;
    color: #666;
    margin-top: auto; /* Pushes meta to the bottom */
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.ylm-card-meta li {
    padding-left: 24px;
    position: relative;
    margin-bottom: 8px;
}

.ylm-card-meta li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: currentColor; /* Inherits the #666 color */
}

/* Icon for Length */
.ylm-meta-length::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M496 384H16L15.7 384c-8.8 0-16-7.2-16-16s7.2-16 16-16l480-.3c8.8 0 16 7.2 16 16s-7.2 16.2-16 16.2zM16 128h480c8.8 0 16 7.2 16 16s-7.2 16-16 16H16c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>');
    mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M496 384H16L15.7 384c-8.8 0-16-7.2-16-16s7.2-16 16-16l480-.3c8.8 0 16 7.2 16 16s-7.2 16.2-16 16.2zM16 128h480c8.8 0 16 7.2 16 16s-7.2 16-16 16H16c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg>');
}

/* Icon for Guests */
.ylm-meta-guests::before {
    -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM320 336a128 128 0 1 0 0-256 128 128 0 1 0 0 256z"/></svg>');
    mask-image: url('data:image/svg+xml;charset=UTF-T,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM320 336a128 128 0 1 0 0-256 128 128 0 1 0 0 256z"/></svg>');
}