/* ==========================================================
   Easy Orders Premium UI
   Author: ChatGPT
   Version: 1.0
========================================================== */

:root{
    --radius:20px;
    --radius-sm:12px;
    --radius-lg:28px;
    --transition:.25s ease;
}

/* ==========================================================
   Images
========================================================== */

img,
video{
    display:block;
}

/* ==========================================================
   Hero Banner
========================================================== */

.ab-banner,
.ab-slider,
.ab-slider img,
.ab-slider video{
    border-radius:var(--radius-lg)!important;
    overflow:hidden!important;
}

/* ==========================================================
   Categories
========================================================== */

.ab-cat-card,
.category-mosaic__tile.ab-cat-card{

    border-radius:var(--radius)!important;
    overflow:hidden!important;

    transition:
        transform .25s ease,
        box-shadow .25s ease!important;

    background:#eee;
}

.ab-cat-card:hover{

    transform:translateY(-4px)!important;

    box-shadow:
        0 18px 35px rgba(0,0,0,.18)!important;
}

.ab-cat-card img{

    width:100%;
    height:100%;
    object-fit:cover;

    border-radius:inherit!important;

    transition:
        transform .4s ease;
}

.ab-cat-card:hover img{

    transform:scale(1.05);
}

.ab-cat-copy{

    left:24px!important;
    right:24px!important;
    bottom:24px!important;
}

/* ==========================================================
   Products
========================================================== */

.product-card,
[class*="product-card"],
[class*="product_item"],
[class*="product-item"]{

    border-radius:18px!important;
    overflow:hidden!important;

    transition:.25s ease;
}

.product-card:hover,
[class*="product-card"]:hover{

    transform:translateY(-3px);

    box-shadow:
        0 12px 28px rgba(0,0,0,.15)!important;
}

/* ==========================================================
   Buttons
========================================================== */

button,
.btn,
input[type="submit"],

a[class*="btn"]{

    border-radius:14px!important;

    transition:.25s ease;
}

button:hover,
.btn:hover{

    transform:translateY(-2px);
}

/* ==========================================================
   Inputs
========================================================== */

input,
textarea,
select{

    border-radius:12px!important;
}

/* ==========================================================
   Search
========================================================== */

input[type="search"]{

    border-radius:999px!important;
}

/* ==========================================================
   Modal
========================================================== */

.modal,
.dialog,
[class*="modal"]{

    border-radius:22px!important;
}

/* ==========================================================
   Cart
========================================================== */

[class*="cart"]{

    border-radius:22px!important;
}

/* ==========================================================
   Collection Cards
========================================================== */

[class*="collection"] img{

    border-radius:18px!important;
}

/* ==========================================================
   Footer
========================================================== */

footer{

    border-radius:30px 30px 0 0;
}

/* ==========================================================
   Smooth
========================================================== */

*{

    -webkit-font-smoothing:antialiased;
}

/* ==========================================================
   Reviews Widget Fix
========================================================== */
.ps-rev-carousel__card{
    height:auto !important;
    min-height:0 !important;
}
.ps-rev-carousel__body{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    padding-bottom:0 !important;
}
.ps-rev-carousel__product-hs{
    margin-top:8px !important;
}


/* ==========================================================
   Product Images - Global Rounded Fix
========================================================== */

/* Card containers */
[class*="product"]{
    border-radius:20px !important;
    overflow:hidden !important;
}

/* Image wrappers */
[class*="product"] picture,
[class*="product"] figure,
[class*="product"] .image,
[class*="product"] [class*="image"],
[class*="product"] [class*="media"]{
    border-radius:20px !important;
    overflow:hidden !important;
}

/* Images */
[class*="product"] img{
    display:block;
    width:100%;
    border-radius:20px !important;
    overflow:hidden !important;
    object-fit:cover;
}

/* Logo */
.header-logo,
.site-logo,
.logo,
[class*="logo"] img{
    border-radius:16px !important;
    overflow:hidden !important;
}