:root {
    --site-radius-control: 8px;
    --site-radius-card: 12px;
    --site-radius-dialog: 16px;
}

/* Shared surfaces keep the same corners across the older theme and new components. */
body .btn:not(.circle):not(.btn-naked):not(.btn-underlined),
body :is(a, button, input).button:not(.circle),
body .rev-btn,
#index_hero_slider .hero-content__link,
body .pagination .page-numbers,
body .pagination .page-link {
    border-radius: var(--site-radius-control);
}

body input:is([type="text"], [type="email"], [type="password"], [type="tel"], [type="search"], [type="url"], [type="date"]),
body input[type="number"]:not(.qty),
body textarea,
body select,
body .form-control:not(.qty),
body section.product .variations_form .variations select,
body .ui-selectmenu-button {
    border-radius: var(--site-radius-control);
}

body .theme-box,
body .shop-banner-inner,
body .shop-banner-image figure,
body .product-block.grid,
body .product-block.grid .grid-inner,
body .product-block.grid::before,
body .blog-grid .sp-block,
body .cart_totals,
body .alert,
body .shop-notice,
body .no-products {
    border-radius: var(--site-radius-card);
}

body .theme-box,
body .shop-banner-inner,
body .shop-banner-image figure,
body .blog-grid .media,
body .related-post-image,
body .product-gallery__image,
body .product-block .image-wrapper {
    border-radius: var(--site-radius-card);
    overflow: hidden;
}

#article_content img:not(.logo-image) {
    border-radius: var(--site-radius-control);
}

body .main-header .sub-menu,
body .main-header .dropdown-menu,
body .main-header .dropdown-menu-content,
body .ui-selectmenu-menu .ui-menu {
    border-radius: var(--site-radius-card);
}

body .theme-modal,
body .theme-modal-inner,
body .lity-content,
body .zoom-anim-dialog,
body .dark-wrapper .mfp-content,
body .popup-module .mfp-content,
#quickview-popup {
    border-radius: var(--site-radius-dialog);
}

body .sf.sf--sharp input:not([type="hidden"]),
body .sf.sf--sharp .sf_submit {
    border-radius: var(--site-radius-control);
}

/* Drawers keep only the corners that face the page rounded. */
@media (min-width: 576px) {
    #cart_sidebar_panel.cart-canvas-panel {
        border-radius: var(--site-radius-dialog) 0 0 var(--site-radius-dialog);
        overflow: hidden;
    }

    body .catalogue-categories {
        border-radius: 0 var(--site-radius-dialog) var(--site-radius-dialog) 0;
    }
}

#index_categories_main .index-category {
    display: block;
    isolation: isolate;
    box-shadow: 0 4px 18px rgba(24, 39, 22, .1);
    text-decoration: none;
    touch-action: manipulation;
}

#index_banners .wrapper {
    border-radius: var(--site-radius-card);
}

#index_categories_main .index-category > * {
    pointer-events: none;
}

#index_categories_main .index-category:focus-visible {
    outline: 3px solid var(--smpls-color-theme);
    outline-offset: 4px;
}

@media (max-width: 767px) {
    #index_categories_main .index-category--featured {
        aspect-ratio: 4 / 3;
        padding-bottom: 0;
    }
}

@media (hover: none), (pointer: coarse) {
    #index_categories_main .index-category .blur-image-container {
        display: none;
    }

    #index_categories_main .index-category:hover .cb-overlay {
        opacity: 1;
    }
}