.elementor-1155 .elementor-element.elementor-element-619c280{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1155 .elementor-element.elementor-element-619c280:not(.elementor-motion-effects-element-type-background), .elementor-1155 .elementor-element.elementor-element-619c280 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF8;}.elementor-1155 .elementor-element.elementor-element-2dbd9ab{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1155 .elementor-element.elementor-element-133d094{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1155 .elementor-element.elementor-element-2abd9d5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1155 .elementor-element.elementor-element-e4a614b{--display:flex;}.elementor-1155 .elementor-element.elementor-element-eebd289{--display:flex;--margin-top:-13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-619c280 *//* =========================================================
   SHAYNI — BLOC PRODUIT / COMMANDE COD
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 {
    width: 100%;
    overflow: visible;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product {
    --shayni-bg: #FCFAF8;
    --shayni-surface: #FFFFFF;
    --shayni-pink: #F4ECEB;
    --shayni-border: #E8DADC;

    --shayni-text: #2F292B;
    --shayni-muted: #756B6E;

    --shayni-rose: #B9828C;
    --shayni-rose-dark: #966570;
    --shayni-salmon: #C66E63;

    /* Ces 2 variables seront changées
       plus tard par le JS selon la couleur choisie */
    --product-accent: #C9B887;
    --product-soft: #F5EFE0;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 18px 24px 60px;

    background: var(--shayni-bg);

    color: var(--shayni-text);

    font-family: "DM Sans", sans-serif;

    box-sizing: border-box;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product *,
.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product *::before,
.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product *::after {
    box-sizing: border-box;
}


/* =========================================================
   TOP BAR
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-topbar {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 22px;

    width: 100%;

    margin-bottom: 22px;
    padding: 11px 18px;

    border: 1px solid rgba(185,130,140,.18);
    border-radius: 999px;

    background: #F8F1EF;

    color: #756B6E;

    font-size: 12px;
    font-weight: 500;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-topbar-item {
    display: flex;
    align-items: center;

    gap: 7px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-topbar-icon {
    color: #B9828C;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-topbar-separator {
    width: 1px;
    height: 15px;

    background: #DCCBCD;
}


/* =========================================================
   DESKTOP GRID
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.03fr)
        minmax(0, .97fr);

    gap: 34px;

    align-items: start;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery,
.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-purchase-panel {
    min-width: 0;
}


/* =========================================================
   GALERIE
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery {
    position: sticky;
    top: 20px;
}


/* IMAGE PRINCIPALE */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-image {
    position: relative;

    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;

    border-radius: 28px;

    background:
        radial-gradient(
            circle at 50% 38%,
            #FFFDFC 0%,
            var(--product-soft) 100%
        );

    transition:
        background .45s ease,
        box-shadow .45s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    transition:
        opacity .35s ease,
        transform .55s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-image:hover img {
    transform: scale(1.015);
}


/* FLECHES GALERIE */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery-arrow {
    position: absolute;
    top: 50%;

    z-index: 5;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    transform: translateY(-50%);

    border: 1px solid rgba(47,41,43,.08);
    border-radius: 50%;

    background: rgba(255,255,255,.87);
    color: #2F292B;

    font-family: Arial, sans-serif;
    font-size: 29px;
    font-weight: 300;

    cursor: pointer;

    box-shadow:
        0 6px 18px rgba(47,41,43,.07);

    transition:
        transform .25s ease,
        background .25s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery-arrow:hover {
    background: #FFFFFF;

    transform:
        translateY(-50%)
        scale(1.06);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery-prev {
    left: 16px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery-next {
    right: 16px;
}


/* MINIATURES */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-thumbnails {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 10px;

    margin-top: 11px;
}.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-thumbnail {
    position: relative;

    width: 100%;
    aspect-ratio: 1 / 1;

    padding: 0;

    overflow: hidden;

    border:
        1px solid #E8DADC;

    border-radius: 15px;

    background: #FFFFFF;

    cursor: pointer;

    transition:
        border .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-thumbnail img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-thumbnail:hover {
    transform: translateY(-2px);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-thumbnail.active {
    border:
        2px solid var(--product-accent);

    box-shadow:
        0 5px 15px rgba(47,41,43,.08);
}


/* BENEFICES */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefits {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 10px;

    margin-top: 15px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefit {
    display: flex;
    align-items: center;

    gap: 9px;

    min-width: 0;

    padding: 14px 12px;

    border:
        1px solid #E8DADC;

    border-radius: 16px;

    background: rgba(255,255,255,.68);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefit-icon {
    flex-shrink: 0;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #F4ECEB;

    color: #B9828C;

    font-family: "Playfair Display", serif;

    font-size: 18px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefit div {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefit strong {
    color: #2F292B;

    font-size: 11px;
    font-weight: 600;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefit div > span {
    color: #756B6E;

    font-size: 10px;
}


/* =========================================================
   PANNEAU ACHAT
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-purchase-panel {
    position: relative;

    padding: 34px;

    border:
        1px solid #E8DADC;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FFFCFA 100%
        );

    box-shadow:
        0 12px 40px rgba(47,41,43,.055);

    transition:
        border-color .45s ease,
        background .45s ease,
        box-shadow .45s ease;
}


/* PRODUIT */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-brand {
    display: inline-block;

    margin-bottom: 13px;

    color: #C66E63;

    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 3px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-heading h1 {
    margin: 0;

    font-family:
        "Playfair Display",
        serif;

    font-size: clamp(
        42px,
        3.7vw,
        59px
    );

    font-weight: 600;

    line-height: .98;

    color: #2F292B;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-heading p {
    max-width: 530px;

    margin: 18px 0 20px;

    color: #756B6E;

    font-size: 14.5px;

    line-height: 1.65;
}


/* COD BADGE */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-cod-badge {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 8px 12px;

    border-radius: 999px;

    background: #EEF3EA;

    color: #60745F;

    font-size: 11px;
    font-weight: 600;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-cod-badge span {
    width: 19px;
    height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #8FA88E;

    color: #FFFFFF;

    font-size: 10px;
}


/* =========================================================
   PRIX PRINCIPAL
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-price {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin:
        25px 0
        28px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-price strong {
    color: #2F292B;

    font-family:
        "Playfair Display",
        serif;

    font-size: 33px;
    font-weight: 600;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-price del {
    color: #A99EA0;

    font-size: 14px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-discount {
    padding: 6px 9px;

    border-radius: 999px;

    background: #F4ECEB;

    color: #C66E63;font-size: 11px;
    font-weight: 700;
}


/* =========================================================
   TITRES DE SOUS-SECTIONS
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-section-title {
    margin-bottom: 12px;

    color: #2F292B;

    font-size: 13px;
    font-weight: 600;
}


/* =========================================================
   PACKS
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-options {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 9px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-card {
    position: relative;

    min-width: 0;
    min-height: 117px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 5px;

    padding:
        18px 13px
        13px;

    border:
        1px solid #E8DADC;

    border-radius: 18px;

    background: #FFFFFF;

    color: #2F292B;

    font-family:
        "DM Sans",
        sans-serif;

    text-align: left;

    cursor: pointer;

    transition:
        border-color .3s ease,
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(185,130,140,.5);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-card.active {
    border:
        2px solid var(--product-accent);

    background:
        color-mix(
            in srgb,
            var(--product-soft) 55%,
            white
        );

    box-shadow:
        0 7px 20px rgba(47,41,43,.06);
}


/* fallback si color-mix n'est pas dispo */

@supports not (
    background:
    color-mix(in srgb, white 50%, black)
) {
    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-card.active {
        background: #FAF6EC;
    }
}


.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-radio {
    position: absolute;

    top: 13px;
    right: 12px;

    width: 15px;
    height: 15px;

    border:
        1.5px solid #C8BFC1;

    border-radius: 50%;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-card.active
.shayni-radio {
    border:
        4px solid var(--product-accent);
}


.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-name {
    padding-right: 18px;

    font-size: 13px;
    font-weight: 700;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-price {
    font-family:
        "Playfair Display",
        serif;

    color: #2F292B;

    font-size: 19px;
    font-weight: 600;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-discount {
    color: #C66E63;

    font-size: 10.5px;
    font-weight: 700;
}


/* BEST DEAL */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-best-deal {
    padding-top: 25px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-best-label {
    position: absolute;

    top: -9px;
    left: 50%;

    transform:
        translateX(-50%);

    white-space: nowrap;

    padding: 5px 9px;

    border-radius: 999px;

    background: #B9828C;

    color: #FFFFFF;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: .6px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-free-delivery {
    margin-top: 2px;

    color: #70876E;

    font-size: 9.5px;
    font-weight: 700;
}


/* MESSAGE LIVRAISON */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-free-shipping-message {
    margin-top: 10px;

    padding: 10px 12px;

    border-radius: 12px;

    background: #FAF4F2;

    color: #756B6E;

    font-size: 10.5px;

    text-align: center;

    transition:
        background .3s ease,
        color .3s ease;
}


/* =========================================================
   COULEURS
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-section {
    margin-top: 27px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-colors {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 8px;
}


/* COULEUR */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color {
    position: relative;

    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 6px;

    padding: 12px 5px 10px;

    border:
        1px solid #E8DADC;

    border-radius: 15px;

    background: #FFFFFF;

    color: #2F292B;

    font-family:
        "DM Sans",
        sans-serif;

    cursor: pointer;

    transition:
        border-color .3s ease,
        transform .3s ease,
        background .3s ease,
        opacity .3s ease;
}.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color:not(
    .out-of-stock
):hover {
    transform:
        translateY(-2px);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.active {
    border:
        2px solid var(--product-accent);

    background: var(--product-soft);
}


/* PASTILLE COULEUR */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-circle {
    position: relative;

    width: 34px;
    height: 34px;

    display: block;

    border:
        3px solid #FFFFFF;

    border-radius: 50%;

    box-shadow:
        0 0 0 1px
        rgba(47,41,43,.15);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.active
.shayni-color-circle {
    box-shadow:
        0 0 0 2px
        var(--product-accent);
}


.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-name {
    max-width: 100%;

    overflow: hidden;

    color: #2F292B;

    font-size: 10px;
    font-weight: 600;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* DISPONIBLE */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color:not(
    .out-of-stock
) .shayni-stock-status {
    color: #70876E;

    font-size: 8.5px;
    font-weight: 600;
}


/* RUPTURE */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock {
    opacity: .46;

    cursor: not-allowed;

    filter:
        grayscale(.25);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock
.shayni-color-name {
    text-decoration:
        line-through;

    text-decoration-thickness:
        1px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock
.shayni-stock-status {
    color: #966570;

    font-size: 8.5px;
    font-weight: 700;
}


/* ligne diagonale couleur */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock
.shayni-color-circle::after {
    content: "";

    position: absolute;

    top: 50%;
    left: -4px;

    width: 38px;
    height: 1.5px;

    background: #966570;

    transform:
        rotate(-42deg);
}


/* =========================================================
   FORMULAIRE COD
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-order-form {
    margin-top: 28px;

    padding-top: 25px;

    border-top:
        1px solid #E8DADC;
}


/* HEADER FORM */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-heading {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 18px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-icon {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #F4ECEB;

    color: #B9828C;

    font-size: 18px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-heading div {
    display: flex;
    flex-direction: column;

    gap: 1px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-heading strong {
    color: #2F292B;

    font-size: 14px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-heading div span {
    color: #756B6E;

    font-size: 10.5px;
}


/* GRID FORM */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 11px;

    margin-bottom: 11px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field {
    min-width: 0;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field label {
    display: block;

    margin:
        0 0 6px
        2px;

    color: #62595B;

    font-size: 10.5px;
    font-weight: 600;
}


/* INPUTS */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field input,
.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field select {
    width: 100%;
    min-width: 0;
    min-height: 48px;

    padding: 0 13px;

    border:
        1px solid #E2D7D9;

    border-radius: 13px;

    outline: none;

    background: #FFFFFF;

    color: #2F292B;

    font-family:
        "DM Sans",
        sans-serif;

    font-size: 13px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field input::placeholder {
    color: #ADA2A4;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field input:focus,
.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field select:focus {
    border-color:
        var(--product-accent);

    box-shadow:
        0 0 0 3px
        rgba(185,130,140,.09);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field select:disabled {
    opacity: .55;

    cursor: not-allowed;
}


/* =========================================================
   LIVRAISON
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery {
    margin: 18px 0 0;

    padding: 0;

    border: 0;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery legend {
    margin-bottom: 9px;

    color: #62595B;font-size: 10.5px;
    font-weight: 600;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-options {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 10px;
}


.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-card {
    position: relative;

    min-width: 0;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 13px 12px;

    border:
        1px solid #E8DADC;

    border-radius: 15px;

    background: #FFFFFF;

    cursor: pointer;

    transition:
        border-color .3s ease,
        background .3s ease,
        transform .3s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-card:hover {
    transform:
        translateY(-1px);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-card.active {
    border:
        2px solid var(--product-accent);

    background: var(--product-soft);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-card input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-icon {
    flex-shrink: 0;

    width: 35px;
    height: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #F4ECEB;

    color: #B9828C;

    font-size: 16px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-text {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-text strong {
    color: #2F292B;

    font-size: 11.5px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-text small {
    color: #756B6E;

    font-size: 9px;

    line-height: 1.3;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-check {
    margin-left: auto;

    color: var(--product-accent);

    font-size: 14px;
}


/* ADRESSE */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-home-address {
    margin-top: 11px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-home-address[hidden] {
    display: none !important;
}


/* =========================================================
   BOUTON ACHAT
========================================================= */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button {
    width: 100%;
    min-height: 57px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 22px;
    padding: 13px 18px;

    border: 0;
    border-radius: 999px;

    background:
        var(--shayni-rose);

    color: #FFFFFF;

    font-family:
        "DM Sans",
        sans-serif;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 11px 27px
        rgba(150,101,112,.18);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button:hover {
    background:
        var(--shayni-rose-dark);

    transform:
        translateY(-2px);

    box-shadow:
        0 15px 32px
        rgba(150,101,112,.24);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-icon {
    font-size: 17px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button strong {
    margin-left: 4px;

    padding-left: 11px;

    border-left:
        1px solid
        rgba(255,255,255,.35);

    font-size: 13px;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-arrow {
    margin-left: 2px;

    font-size: 19px;

    transition:
        transform .3s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button:hover
.shayni-buy-arrow {
    transform:
        translateX(4px);
}


/* SECURITE */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-order-security {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 11px;

    color: #84797B;

    font-size: 9.5px;
}


/* MESSAGE FORM */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-message {
    margin-top: 10px;

    font-size: 11px;

    text-align: center;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1024px) {

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product {
        padding:
            16px 18px
            50px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-grid {
        gap: 22px;

        grid-template-columns:
            minmax(0,.95fr)
            minmax(0,1.05fr);
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-purchase-panel {
        padding: 27px 22px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-heading h1 {
        font-size: 42px;
    }.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefits {
        grid-template-columns: 1fr;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-colors {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product {
        padding:
            9px 12px
            35px;
    }


    /* TOP */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-topbar {
        gap: 9px;

        margin-bottom: 12px;

        padding:
            9px 10px;

        border-radius: 13px;

        font-size: 9px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-topbar-separator {
        height: 13px;
    }


    /* STACK */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-grid {
        display: block;
    }


    /* Galerie non sticky mobile */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery {
        position: relative;
        top: auto;
    }


    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-image {
        aspect-ratio: 1 / 1;

        border-radius: 22px;
    }


    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery-arrow {
        width: 38px;
        height: 38px;

        font-size: 25px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery-prev {
        left: 10px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-gallery-next {
        right: 10px;
    }


    /* thumbnails */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-thumbnails {
        gap: 7px;

        margin-top: 8px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-thumbnail {
        border-radius: 12px;
    }


    /* on cache les bénéfices ici
       car ils seront déjà visibles
       plus bas dans le parcours */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-benefits {
        display: none;
    }


    /* panneau achat */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-purchase-panel {
        margin-top: 13px;

        padding:
            25px 16px
            20px;

        border-radius: 23px;

        box-shadow: none;
    }


    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-brand {
        margin-bottom: 10px;

        font-size: 9.5px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-heading h1 {
        font-size: 38px;

        line-height: 1;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-heading p {
        margin:
            14px 0
            16px;

        font-size: 13px;

        line-height: 1.55;
    }


    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-cod-badge {
        padding:
            7px 10px;

        font-size: 9.5px;
    }


    /* prix */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-price {
        margin:
            20px 0
            25px;

        gap: 8px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-price strong {
        font-size: 29px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-main-price del {
        font-size: 12px;
    }


    /* PACKS :
       on garde les 3 visibles
       en même temps */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-options {
        gap: 6px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-card {
        min-height: 108px;

        padding:
            16px 9px
            10px;

        border-radius: 14px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-name {
        font-size: 11px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-price {
        font-size: 16px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-discount {
        font-size: 9px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-best-label {
        top: -8px;

        padding:
            4px 6px;

        font-size: 6.7px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-free-delivery {
        font-size: 7.8px;
    }


    /* COULEURS */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-section {
        margin-top: 24px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-colors {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 7px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color {
        flex-direction: row;

        justify-content: flex-start;

        padding:
            10px 11px;

        border-radius: 13px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-circle {
        flex-shrink: 0;

        width: 29px;
        height: 29px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-name {
        font-size: 10px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-stock-status {
        margin-left: auto;
    }


    /* FORMULAIRE */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-order-form {
        margin-top: 25px;

        padding-top: 22px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-form-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field input,
    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-field select {
        min-height: 51px;

        font-size: 16px;
        /* évite le zoom iPhone */
    }


    /* livraison */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-options {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 7px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-card {
        align-items: flex-start;

        padding:
            12px 9px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-icon {
        width: 32px;
        height: 32px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-text strong {
        font-size: 10px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-text small {
        font-size: 8px;
    }


    /* bouton */

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button {
        min-height: 58px;

        margin-top: 20px;

        padding:
            13px 13px;

        font-size: 12px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button strong {
        font-size: 11px;
    }

}


/* =========================================================
   PETITS MOBILES
========================================================= */

@media (max-width: 380px) {

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-product-heading h1 {
        font-size: 34px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-card {
        padding-left: 7px;
        padding-right: 7px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-pack-price {
        font-size: 14.5px;
    }

    .elementor-1155 .elementor-element.elementor-element-619c280 .shayni-delivery-text small {
        display: none;
    }

}/* ================================================
   COULEURS DYNAMIQUES WOOCOMMERCE
================================================ */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-status {
    margin-top: 10px;
    padding: 10px 13px;

    border-radius: 12px;

    font-family: "DM Sans", sans-serif;
    font-size: 11px;
    font-weight: 600;

    transition:
        background .3s ease,
        color .3s ease;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-status.available {
    background: #EEF3EA;
    color: #60745F;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color-status.unavailable {
    background: #FAEDEF;
    color: #966570;
}


/* couleurs générées par JS */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color {
    cursor: pointer;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock {
    opacity: .65;
    cursor: pointer;
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock.active {
    opacity: 1;

    border:
        2px solid var(--product-accent);

    background:
        var(--product-soft);
}

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock
.shayni-color-name {
    text-decoration: none;
}


/* pastille rupture */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-color.out-of-stock
.shayni-color-circle::after {
    content: "";

    position: absolute;

    top: 50%;
    left: -4px;

    width: 38px;
    height: 1.5px;

    background: #966570;

    transform: rotate(-42deg);
}


/* bouton achat lorsque couleur en rupture */

.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button.stock-disabled,
.elementor-1155 .elementor-element.elementor-element-619c280 .shayni-buy-button:disabled {
    opacity: .60;

    cursor: not-allowed;

    transform: none !important;

    box-shadow: none;
}/* End custom CSS */