/* ======= */
/* STANDM6 */
/* ======= */

section {
    transition: 0.6s ease;
    position: relative;
    box-sizing: border-box;
}

section:hover {
    box-shadow: 
        inset 0.15rem 0 0 0 rgba(212, 145, 243, 0.8),
        inset -0.15rem 0 0 0 rgba(78, 205, 196, 0.8),
        inset 0 0.15rem 0 0 rgba(212, 145, 243, 0.8),
        inset 0 -0.15rem 0 0 rgba(212, 145, 243, 0.8);
}

.flex_st {
    position: relative;
}

.flex_st img,
.flex_st::after {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.flex_st:hover img {
    transform: scale(1.03);
    filter: brightness(1.05);
}

.flex_st:hover::after {
    transform: scale(1.08);
    box-shadow: 
        0 0 2rem rgba(212, 145, 243, 0.8),
        inset 0 0 0.3rem rgba(255, 255, 255, 0.5);
}

/* ==== */
/* SKU1 */
/* ==== */

#sku1 #flex a:hover {
    transition: 0.3s ease;
}

#sku1 #flex a:hover {
    background-color: rgba(212, 145, 243, 0.333);
}

#sku1 #flex_st img {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#sku1 #flex_st::after {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#sku1 #flex_st:hover img {
    transform: scale(1.03);
    filter: brightness(1.05);
}

#sku1 #flex_st:hover::after {
    transform: scale(1.08);
    box-shadow: 
        0 0 2rem rgba(212, 145, 243, 0.8),
        inset 0 0 0.3rem rgba(255, 255, 255, 0.5);
}

/* ==== */
/* SKU2 */
/* ==== */

#sku2>div>img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#sku2>div>img:hover {
    transform: scale(1.03);
    box-shadow: 
        inset 0 0 3rem -0.3rem rgba(212, 145, 243, 0.9),
        0 0 2rem rgba(212, 145, 243, 0.4);
}

/* ==== */
/* SKU3 */
/* ==== */

#sku3 #card_ct #hvsk3 p {
    transition: transform 0.3s ease;
}

#sku3 #card_ct #hvsk3 p:hover {
    transform: scale(1.05);
}

/* ==== */
/* SKU4 */
/* ==== */

#sku4 > div {
    transition: 0.3s ease;
}

#sku4 > div:hover {
    transform: scale(1.035);
}

/* ==== */
/* SKU5 */
/* ==== */

#gallery #table {
    transition: 0.3s ease;
}

#gallery #table:hover {
    transform: scale(1.01);
}

#sku6 #flex a:hover {
    transition: 0.3s ease;
}

#sku6 #flex a:hover {
    background-color: rgba(212, 145, 243, 0.333);
}

/* ==== */
/* SKU8 */
/* ==== */

#sku8 #gropr img {
    transition: 0.3s ease;
}

#sku8 #gropr img:hover {
    transform: scale(1.06);
}

/* ==== */
/* SKU9 */
/* ==== */

#sku9 > div > div {
    transition: 0.3s ease;
}

#sku9 > div > div:hover {
    transform: scale(1.03);
}