:root {
    --dfh10-font: Helvetica, "Helvetica Neue", Arial, sans-serif;
    --dfh10-ease: cubic-bezier(.22,.61,.36,1);
    --dfh10-edge:clamp(18px,2vw,32px);
    --dfh10-ink: #101010;
    --dfh10-paper: #fff;
}

/* =========================================================
   HOME ROOT — UNIFIED TWO-SCENE ENGINE
   No nested scroll, no scroll-snap, no sticky slides.
   First scene is a CSS fallback before JS initializes.
   ========================================================= */
.dfh10-home,
.dfh10-home * { box-sizing:border-box; }

.dfh10-home {
    position:relative;
    z-index:0;
    isolation:isolate;
    width:100%;
    /*
     * One height source for EVERY responsive width. JS replaces the fallback
     * with the exact visible space below announcement/header. Keeping all
     * scenes on the same variable prevents campaign/footer bottoms from being
     * pushed below the fold on first load.
     */
    height:var(--dfh10-viewport-height,100dvh);
    min-height:var(--dfh10-viewport-height,100dvh);
    max-height:var(--dfh10-viewport-height,100dvh);
    margin:0 !important;
    padding:0 !important;
    overflow:hidden;
    background:#111;
    color:var(--dfh10-ink);
    font-family:var(--dfh10-font);
    font-size:11px;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
    touch-action:pan-x pinch-zoom;
    overscroll-behavior-y:none;
}

@supports (height:100svh) {
    .dfh10-home {
        height:var(--dfh10-viewport-height,100svh);
        min-height:var(--dfh10-viewport-height,100svh);
        max-height:var(--dfh10-viewport-height,100svh);
    }
}

.dfh10-home :is(a,button,input,textarea,select,label) {
    font-family:var(--dfh10-font) !important;
}

.dfh10-stage {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#111;
}

.dfh10-screen {
    grid-column:1;
    grid-row:1;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    margin:0 !important;
    padding:0;
    display:none;
    overflow:hidden;
    pointer-events:none;
    transform:none;
    transition:none;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translateZ(0);
}


/* Never allow a blank first paint even if JS is delayed or blocked. */
.dfh10-home:not(.is-ready) .dfh10-screen:first-child,
.dfh10-screen.is-active,
.dfh10-screen.is-transition {
    display:grid;
}

.dfh10-screen.is-active { pointer-events:auto; }
.dfh10-screen.is-transition,
.dfh10-screen.is-moving { pointer-events:none !important; }

.dfh10-original-footer-hidden { display:none !important; }

/* =========================================================
   CAMPAIGN SCENES
   ========================================================= */
.dfh10-campaign {
    position:relative;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    background:#111;
}

.dfh10-campaign > .dfh10-media,
.dfh10-campaign > /* Campaign media: no visibility gating. Navigation remains independent from loading. */
.dfh10-campaign .dfh10-campaign-image {
    backface-visibility:hidden;
    transform:translateZ(0);
}

.dfh10-shade {
    grid-column:1;
    grid-row:1;
}

.dfh10-media {
    /* Explicitly occupy the campaign's only grid cell. Without this, the
       explicit shade layer can reserve row 1 and push the auto-placed
       <picture> into an implicit second row on some responsive layouts. */
    grid-column:1;
    grid-row:1;
    position:relative;
    z-index:0;
    align-self:stretch;
    justify-self:stretch;
    display:block;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    overflow:hidden;
    background:#111;
}

.dfh10-media img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    min-width:100%;
    min-height:100%;
    max-width:none;
    margin:0;
    object-fit:cover;
    object-position:var(--dfh-desktop-focal,center center);
    user-select:none;
    -webkit-user-drag:none;
    transform:none;
}

.dfh10-shade {
    grid-column:1;
    grid-row:1;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    pointer-events:none;
    background:rgba(0,0,0,var(--dfh-overlay,0));
}

.dfh10-campaign-hit {
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    color:inherit;
    text-decoration:none !important;
}

/* One viewport-anchored caption rail shared by every campaign slide. */
.dfh10-campaign-caption {
    position:absolute;
    left:50%;
    bottom:clamp(88px,11vh,132px);
    z-index:5;
    width:min(620px,82vw);
    margin:0;
    padding:0;
    pointer-events:none;
    text-align:center;
    font-family:var(--dfh10-font);
    font-size:11px;
    line-height:1.2;
    letter-spacing:.075em;
    text-transform:uppercase;
    transform:translate3d(-50%,0,0);
    opacity:0;
    transition:opacity .16s linear;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}
.dfh10-campaign-caption.is-visible { opacity:1; }
.dfh10-campaign-caption__title,
.dfh10-campaign-caption__subtitle {
    margin:0;
    padding:0;
    color:inherit;
    font:inherit;
    text-transform:inherit;
}
.dfh10-campaign-caption__title {
    font-weight:600;
    line-height:1.18;
}
.dfh10-campaign-caption__subtitle {
    margin-top:3px;
    font-weight:400;
    line-height:1.18;
    opacity:.92;
}

.dfh10-text-light { color:#fff; }
.dfh10-text-dark { color:#101010; }

/* =========================================================
   CATEGORY EDITORIAL SCENE — MIU MIU REFERENCE REBUILD
   Balanced centered desktop composition + clean mobile controls.
   ========================================================= */
.dfh10-category-screen {
    background:#fff;
    color:#111;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
}

.dfh10-category-inner {
    width:100%;
    height:100%;
    min-height:0;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0;
    overflow:hidden;
    background:#fff;
}

.dfh10-category-intro {
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:96px;
    padding:16px var(--dfh10-edge) 24px;
    text-align:center;
    color:#111;
}
.dfh10-category-intro h2,
.dfh10-category-intro p {
    margin:0;
    padding:0;
    font-family:var(--dfh10-font);
    color:inherit;
}
.dfh10-category-intro h2 {
    font-size:14px;
    line-height:1.15;
    font-weight:600;
    letter-spacing:.01em;
    text-transform:none;
}
.dfh10-category-intro p {
    margin-top:8px;
    font-size:11px;
    line-height:1.25;
    font-weight:400;
    letter-spacing:.015em;
    text-transform:none;
}

.dfh10-category-carousel {
    position:relative;
    flex:0 0 auto;
    width:100%;
    min-width:0;
    margin:0 auto;
}
.dfh10-category-stage {
    position:relative;
    width:100%;
    min-width:0;
}
.dfh10-category-viewport {
    width:100%;
    min-width:0;
    overflow:hidden;
}
.dfh10-category-track {
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    background:#fff;
}
.dfh10-category-tile {
    position:relative;
    display:block;
    min-width:0;
    aspect-ratio:4 / 5;
    overflow:hidden;
    color:#fff !important;
    background:#e9e6df;
    text-decoration:none !important;
    -webkit-tap-highlight-color:transparent;
}
.dfh10-category-tile img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
    padding:0;
    object-fit:cover;
    object-position:center center;
    transform:scale(1.001);
    transition:transform .62s var(--dfh10-ease), opacity .22s ease;
    user-select:none;
    -webkit-user-drag:none;
}
.dfh10-category-shade {
    position:absolute;
    z-index:1;
    inset:auto 0 0;
    height:22%;
    pointer-events:none;
    background:linear-gradient(to top,rgba(0,0,0,.17) 0%,rgba(0,0,0,.06) 46%,rgba(0,0,0,0) 100%);
}
.dfh10-category-label {
    position:absolute;
    z-index:2;
    left:16px;
    right:16px;
    bottom:18px;
    display:block;
    margin:0;
    color:#fff !important;
    font-family:var(--dfh10-font) !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.01em !important;
    text-align:center;
    text-transform:none !important;
    text-shadow:0 1px 5px rgba(0,0,0,.28);
    opacity:1 !important;
}
.dfh10-category-arrow { display:none !important; }
.dfh10-category-pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    margin-top:12px;
    color:#111;
}
.dfh10-category-progress { display:none; }
.dfh10-category-count {
    display:block;
    color:#111;
    font-family:var(--dfh10-font);
    font-size:10px;
    line-height:1;
    font-weight:500;
    letter-spacing:.04em;
    text-align:center;
    white-space:nowrap;
}

@media (hover:hover) and (pointer:fine) {
    .dfh10-category-tile:hover img { transform:scale(1.012); }
}

@media (max-width:1024px) {
    .dfh10-category-inner {
        justify-content:center;
        align-items:center;
        align-content:center;
        width:100%;
        height:100%;
        min-height:100%;
        padding:clamp(20px, 5svh, 46px) 0 clamp(20px, 4svh, 32px);
        gap:0;
    }
    .dfh10-category-intro {
        min-height:78px;
        padding:10px 18px 16px;
        flex:0 0 auto;
    }
    .dfh10-category-intro h2 { font-size:13px; }
    .dfh10-category-intro p { margin-top:7px; font-size:10px; }
    .dfh10-category-carousel {
        width:min(100%, 520px);
        margin:0 auto;
        padding:0 28px;
    }
    .dfh10-category-stage {
        position:relative;
        width:100%;
    }
    .dfh10-category-viewport {
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        touch-action:pan-x pan-y;
    }
    .dfh10-category-viewport::-webkit-scrollbar { display:none; }
    .dfh10-category-track {
        display:flex;
        width:max-content;
        min-width:100%;
        gap:12px;
        background:transparent;
    }
    .dfh10-category-tile {
        flex:0 0 calc(100vw - 56px);
        max-width:464px;
        aspect-ratio:4 / 5;
        scroll-snap-align:center;
        scroll-snap-stop:always;
    }
    .dfh10-category-label {
        bottom:14px;
        font-size:10px !important;
    }
    .dfh10-category-arrow {
        display:flex !important;
        appearance:none !important;
        -webkit-appearance:none !important;
        position:absolute;
        z-index:6;
        top:50%;
        align-items:center;
        justify-content:center;
        width:30px;
        height:30px;
        margin:0;
        padding:0;
        border:0 !important;
        border-radius:50% !important;
        background:#fff !important;
        background-image:none !important;
        color:#111 !important;
        box-shadow:none !important;
        filter:none !important;
        text-shadow:none !important;
        outline:none !important;
        opacity:.96 !important;
        transform:translateY(-50%);
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        cursor:pointer;
        transition:opacity .18s ease, transform .18s ease;
    }
    .dfh10-category-arrow:hover,
    .dfh10-category-arrow:focus,
    .dfh10-category-arrow:active {
        background:#fff !important;
        color:#111 !important;
        box-shadow:none !important;
        opacity:1 !important;
    }
    .dfh10-category-arrow svg,
    .dfh10-category-arrow svg * {
        width:14px;
        height:14px;
        fill:none !important;
        stroke:currentColor !important;
        stroke-width:1.5;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .dfh10-category-arrow--prev { left:42px; }
    .dfh10-category-arrow--next { right:42px; }
    .dfh10-category-arrow:disabled { opacity:.28 !important; cursor:default; }
    .dfh10-category-pagination {
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:10px;
        width:100%;
        min-height:38px;
        margin:14px 0 0;
        padding:0;
        background:transparent;
        color:#111;
        pointer-events:none;
    }
    .dfh10-category-progress {
        display:block !important;
        width:76px;
        height:1px;
        background:rgba(17,17,17,.20);
        overflow:hidden;
    }
    .dfh10-category-progress > span {
        display:block;
        width:25%;
        height:100%;
        background:#111;
        transform:translateX(0);
        transition:transform .24s var(--dfh10-ease);
    }
    .dfh10-category-count {
        display:block;
        margin:0;
        padding:0;
        font-family:var(--dfh10-font);
        font-size:9px;
        line-height:1;
        font-weight:400;
        letter-spacing:.04em;
        color:#111;
        text-align:center;
        white-space:nowrap;
    }
}

@media (max-width:600px) {
    .dfh10-category-inner {
        justify-content:center;
        align-items:center;
        padding:clamp(18px, 4svh, 38px) 0 clamp(18px, 3.5svh, 28px);
    }
    .dfh10-category-intro { min-height:72px; padding:8px 16px 14px; }
    .dfh10-category-intro h2 { font-size:12px; }
    .dfh10-category-intro p { font-size:10px; }
    .dfh10-category-carousel { width:min(100%, 420px); padding:0 30px; }
    .dfh10-category-tile { flex-basis:calc(100vw - 60px); }
    .dfh10-category-arrow--prev { left:14px; }
    .dfh10-category-arrow--next { right:14px; }
    .dfh10-category-pagination { margin-top:12px; gap:9px; min-height:34px; }
    .dfh10-category-progress { width:72px; }
}

@media (max-height:560px) and (orientation:landscape) {
    .dfh10-category-inner {
        justify-content:flex-start;
        align-items:stretch;
        padding:34px 0 22px;
    }
    .dfh10-category-intro { padding:0 16px 14px; }
    .dfh10-category-intro h2 { font-size:11px; }
    .dfh10-category-intro p { display:none; }
    .dfh10-category-carousel { width:min(64vw,520px); margin:0 auto; padding:0; }
    .dfh10-category-tile { flex-basis:min(58vw,470px); }
    .dfh10-category-arrow--prev { left:12px; }
    .dfh10-category-arrow--next { right:12px; }
    .dfh10-category-pagination { margin-top:10px; min-height:30px; gap:8px; }
}

/* Hard reset for category carousel controls against theme / Elementor button skins. */
@media (max-width:1024px) {
    .dfh10-home button.dfh10-category-arrow,
    .dfh10-home button.dfh10-category-arrow:hover,
    .dfh10-home button.dfh10-category-arrow:focus,
    .dfh10-home button.dfh10-category-arrow:focus-visible,
    .dfh10-home button.dfh10-category-arrow:active {
        -webkit-appearance:none !important;
        appearance:none !important;
        background:#fff !important;
        background-color:#fff !important;
        background-image:none !important;
        border:0 !important;
        border-color:transparent !important;
        border-radius:999px !important;
        color:#111 !important;
        box-shadow:none !important;
        outline:0 !important;
        text-decoration:none !important;
        text-shadow:none !important;
        filter:none !important;
    }
    .dfh10-home button.dfh10-category-arrow::before,
    .dfh10-home button.dfh10-category-arrow::after {
        content:none !important;
        display:none !important;
        background:none !important;
        border:0 !important;
        box-shadow:none !important;
    }
    .dfh10-home button.dfh10-category-arrow svg,
    .dfh10-home button.dfh10-category-arrow svg * {
        fill:none !important;
        stroke:#111 !important;
    }
}

/* =========================================================
   FOOTER SCENE — MIU MIU-INSPIRED DESKTOP + MOBILE-SPECIFIC UX
   One shared edge gutter. No external layout mutation.
   ========================================================= */
.dfh10-footer-screen {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    color:#070707;
    background:#fff;
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size:11px;
    font-weight:400;
    line-height:1.28;
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

/* Footer typography is intentionally inherited from one responsive source. */
.dfh10-footer-screen :is(a,button,input,textarea,select,label,summary) {
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif !important;
    text-transform:uppercase !important;
}

.dfh10-footer-frame {
    width:100%;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    /* Footer is a scene, not a nested page. Never create a second scrollbar. */
    overflow:hidden;
    overscroll-behavior:none;
    background:#fff;
}
.dfh10-footer-frame::-webkit-scrollbar { width:0; height:0; display:none; }

/* Desktop: newsletter + approved legacy information groups. */
.dfh10-footer-top {
    width:100%;
    flex:0 0 auto;
    display:grid;
    grid-template-columns:minmax(320px,1.45fr) repeat(3,minmax(140px,.78fr));
    align-items:start;
    gap:clamp(28px,3vw,58px);
    padding:clamp(26px,5.2vh,64px) var(--dfh10-edge) clamp(18px,3vh,36px);
}

.dfh10-newsletter-panel {
    width:100%;
    min-width:0;
    max-width:560px;
}
.dfh10-newsletter-title,
.dfh10-footer-group summary,
.dfh10-footer-social h2 {
    margin:0;
    color:#070707;
    font-size:inherit !important;
    line-height:1.2;
    font-weight:600 !important;
    letter-spacing:.075em;
    text-transform:uppercase;
}
.dfh10-newsletter-intro {
    max-width:470px;
    margin:7px 0 0;
    color:#111;
    font-size:inherit !important;
    line-height:1.45;
}
.dfh10-newsletter-form { width:100%; max-width:520px; margin:clamp(12px,2vh,20px) 0 0; }
.dfh10-newsletter-placeholder {
    width:100%;
    min-height:36px;
    padding:0 1px 9px 0;
    border-bottom:1px solid #111;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    color:#777;
    font-size:inherit;
    line-height:1;
    text-transform:uppercase;
}
.dfh10-newsletter-cf7,
.dfh10-newsletter-cf7 .wpcf7,
.dfh10-newsletter-cf7 form { width:100%; margin:0; padding:0; }
.dfh10-newsletter-cf7 form { position:relative; min-height:36px; }
.dfh10-newsletter-cf7 p { margin:0 !important; padding:0 !important; }
.dfh10-newsletter-cf7 label { display:block; margin:0; padding:0; font-size:0 !important; line-height:0; }
.dfh10-newsletter-cf7 .wpcf7-form-control-wrap { display:block; width:100%; }
.dfh10-newsletter-cf7 input[type="email"],
.dfh10-newsletter-cf7 input[type="text"] {
    width:100% !important;
    height:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 38px 9px 0 !important;
    border:0 !important;
    border-bottom:1px solid #111 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    color:#111 !important;
    font-size:inherit !important;
    line-height:1 !important;
    font-weight:400 !important;
    text-transform:uppercase !important;
    -webkit-appearance:none;
}
.dfh10-newsletter-cf7 input::placeholder { color:#777 !important; opacity:1 !important; }
.dfh10-newsletter-cf7 input[type="submit"],
.dfh10-newsletter-cf7 button[type="submit"] {
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:32px !important;
    height:34px !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 0 7px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#111 !important;
    box-shadow:none !important;
    font-size:inherit !important;
    line-height:1 !important;
    text-align:right !important;
    cursor:pointer;
}
.dfh10-newsletter-cf7 .wpcf7-not-valid-tip,
.dfh10-newsletter-cf7 .wpcf7-response-output {
    margin:5px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    color:#111;
    font-size:inherit !important;
    line-height:1.35;
    text-transform:uppercase;
}
.dfh10-newsletter-privacy {
    max-width:480px;
    margin:clamp(10px,1.8vh,18px) 0 0;
    color:#171717;
    font-size:inherit !important;
    line-height:1.55;
}
.dfh10-newsletter-privacy a {
    color:inherit !important;
    text-decoration:none !important;
    border-bottom:1px solid currentColor;
}

.dfh10-footer-nav {
    grid-column:2 / -1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(24px,3.2vw,58px);
    width:100%;
}
.dfh10-footer-group {
    min-width:0;
    margin:0;
    padding:0;
    border:0;
}
.dfh10-footer-group summary {
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    cursor:default;
}
.dfh10-footer-group summary::-webkit-details-marker { display:none; }
.dfh10-footer-toggle { display:none; }
.dfh10-footer-links {
    display:grid;
    gap:9px;
    margin-top:15px;
}
.dfh10-footer-links a,
.dfh10-footer-meta,
.dfh10-footer-meta a,
.dfh10-footer-lang summary,
.dfh10-footer-lang-menu a {
    color:#070707 !important;
    font-size:inherit !important;
    line-height:1.28;
    font-weight:400;
    text-transform:uppercase;
    text-decoration:none !important;
}
.dfh10-footer-links a {
    position:relative;
    width:fit-content;
    max-width:100%;
    transition:opacity .16s ease;
}
.dfh10-footer-links a::after {
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:100%;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .24s var(--dfh10-ease);
}
@media (hover:hover) and (pointer:fine) {
    .dfh10-footer-links a:hover { opacity:.58; }
    .dfh10-footer-links a:hover::after { transform:scaleX(1); transform-origin:left center; }
}

.dfh10-footer-social {
    width:100%;
    flex:0 0 auto;
    padding:0 var(--dfh10-edge) clamp(14px,2.8vh,32px);
}
.dfh10-footer-social-row {
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:14px;
}
.dfh10-footer-social-link {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    color:#111 !important;
    border:1px solid #111;
    border-radius:50%;
    transition:background .18s var(--dfh10-ease), color .18s var(--dfh10-ease), transform .18s var(--dfh10-ease);
}
.dfh10-footer-social-link svg { width:14px; height:14px; display:block; fill:currentColor; }
@media (hover:hover) and (pointer:fine) {
    .dfh10-footer-social-link:hover { background:#111; color:#fff !important; transform:translateY(-2px); }
}

/* Brand logo shares exactly the same left/right edge as header and all footer content. */
.dfh10-footer-brand {
    width:100%;
    /* The logo owns only the leftover height. It may shrink, but it can never
       force newsletter/social/meta content below the scene boundary. */
    flex:1 1 0;
    min-height:0;
    padding:clamp(4px,1.2vh,14px) var(--dfh10-edge) clamp(8px,1.6vh,18px);
    display:flex;
    align-items:flex-end;
    justify-content:center;
    overflow:hidden;
}
.dfh10-footer-brand img {
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    max-width:100%;
    max-height:100%;
    margin:0;
    object-fit:contain;
    object-position:center bottom;
    filter:grayscale(1) brightness(0);
}

.dfh10-footer-meta {
    width:100%;
    flex:0 0 auto;
    min-height:54px;
    padding:0 var(--dfh10-edge);
    border-top:1px solid rgba(0,0,0,.12);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.dfh10-footer-copy { white-space:nowrap; }
.dfh10-footer-meta-actions { display:flex; align-items:center; gap:24px; }
.dfh10-footer-lang { position:relative; display:block; }
.dfh10-footer-lang summary {
    list-style:none;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-height:18px;
    margin:0;
    padding:0;
    line-height:1;
    cursor:pointer;
    transition:opacity .16s ease;
}
.dfh10-footer-lang summary::-webkit-details-marker { display:none; }
.dfh10-footer-lang summary::marker { content:""; }
.dfh10-footer-lang-icon {
    display:block;
    width:9px;
    height:6px;
    flex:0 0 9px;
    margin:0;
    padding:0;
    overflow:visible;
    fill:none;
    stroke:currentColor;
    stroke-width:1.25;
    stroke-linecap:round;
    stroke-linejoin:round;
    transform:none;
    transform-origin:50% 50%;
    transition:transform .18s var(--dfh10-ease);
}
.dfh10-footer-lang[open] .dfh10-footer-lang-icon { transform:rotate(180deg); }
.dfh10-footer-lang summary:hover { opacity:.55; }
.dfh10-footer-lang-menu {
    position:absolute;
    right:0;
    bottom:calc(100% + 8px);
    min-width:110px;
    padding:8px 10px;
    background:#fff;
    border:1px solid rgba(0,0,0,.14);
    display:flex;
    flex-direction:column;
    gap:6px;
}


/* Short viewport density: preserve ALL footer information inside one scene. */
@media (max-height:760px) and (min-width:768px) {
    .dfh10-footer-top {
        padding-top:clamp(22px,4vh,34px);
        padding-bottom:clamp(14px,2.4vh,22px);
    }
    .dfh10-newsletter-form { margin-top:10px; }
    .dfh10-newsletter-privacy { margin-top:9px; line-height:1.38; }
    .dfh10-footer-links { margin-top:10px; gap:7px; }
    .dfh10-footer-social { padding-bottom:12px; }
    .dfh10-footer-social-row { margin-top:8px; }
    .dfh10-footer-brand { padding-top:0; padding-bottom:6px; }
    .dfh10-footer-meta { min-height:42px; }
}

@media (max-height:620px) and (min-width:768px) {
    .dfh10-footer-top { padding-top:18px; padding-bottom:12px; }
    .dfh10-newsletter-intro { margin-top:4px; line-height:1.28; }
    .dfh10-newsletter-privacy { line-height:1.3; }
    .dfh10-footer-links { margin-top:7px; gap:5px; }
    .dfh10-footer-social-link { width:30px; height:30px; }
    .dfh10-footer-meta { min-height:38px; }
}

/* =========================================================
   HEADER SHORTCODE — v10.8
   Sticky behaviour is handled by a measured surface + placeholder.
   Mega menu uses the browser top layer (Popover API) where available.
   ========================================================= */
.dfh10-header,
.dfh10-header * { box-sizing:border-box; }

.dfh10-header {
    --dfh10-h:58px;
    --dfh10-pad:var(--dfh10-edge);
    --dfh10-left-ink:#111;
    --dfh10-center-ink:#111;
    --dfh10-right-ink:#111;
    --dfh10-admin-offset:0px;
    --dfh10-sticky-left:0px;
    --dfh10-sticky-width:100%;
    --dfh10-header-space:var(--dfh10-h);
    --dfh10-logo-top-scale:1.82;
    position:relative;
    z-index:20;
    width:100%;
    min-width:0;
    height:var(--dfh10-header-space);
    overflow:visible;
    color:#111;
    font-family:var(--dfh10-font);
    font-size:11px;
    font-weight:400;
    line-height:1;
    letter-spacing:.015em;
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased;
}

.dfh10-header__surface {
    position:relative;
    width:100%;
    background:transparent;
    color:inherit;
    transition:background-color .18s ease, box-shadow .18s ease, backdrop-filter .18s ease;
}

.dfh10-header.is-stuck .dfh10-header__surface {
    position:fixed;
    top:var(--dfh10-admin-offset);
    left:var(--dfh10-sticky-left);
    width:var(--dfh10-sticky-width);
}

.dfh10-header.is-mega-open .dfh10-header__surface {
    background:rgba(255,255,255,.78);
    -webkit-backdrop-filter:blur(16px) saturate(135%);
    backdrop-filter:blur(16px) saturate(135%);
    box-shadow:0 1px 0 rgba(0,0,0,.08);
}

.dfh10-header a,
.dfh10-header button {
    color:inherit;
    font:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    text-transform:inherit;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}
.dfh10-header button {
    -webkit-appearance:none;
    appearance:none;
    border:0 !important;
    margin:0;
    padding:0;
    background:transparent !important;
    color:inherit !important;
    box-shadow:none !important;
    outline:0 !important;
    cursor:pointer;
}

.dfh10-header :is(.dfh10-header__item,.dfh10-header__utility,.dfh10-header__cart,.dfh10-header__mobile),
.dfh10-header :is(.dfh10-header__item,.dfh10-header__utility,.dfh10-header__cart,.dfh10-header__mobile):is(:hover,:focus,:focus-visible,:active),
.dfh10-header .dfh10-header__item[aria-expanded="true"] {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    color:inherit !important;
    box-shadow:none !important;
    outline:0 !important;
    filter:none !important;
}

.dfh10-header__bar {
    position:relative;
    width:100%;
    height:var(--dfh10-h);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:20px;
    padding:0 var(--dfh10-pad);
}
.dfh10-header__bar::after {
    content:"";
    position:absolute;
    left:var(--dfh10-pad);
    right:var(--dfh10-pad);
    bottom:0;
    height:1px;
    background:currentColor;
    opacity:0;
    transform:scaleX(.96);
    transform-origin:center;
    transition:opacity .18s ease, transform .32s var(--dfh10-ease);
    pointer-events:none;
}
.dfh10-header.is-mega-open .dfh10-header__bar::after { opacity:.12; transform:scaleX(1); }

.dfh10-header__left,
.dfh10-header__center,
.dfh10-header__right {
    min-width:0;
    display:flex;
    align-items:center;
    white-space:nowrap;
    transition:color .11s linear;
}
.dfh10-header__left { justify-self:start; color:var(--dfh10-left-ink); }
.dfh10-header__center { justify-self:center; color:var(--dfh10-center-ink); }
.dfh10-header__right { justify-self:end; justify-content:flex-end; gap:clamp(14px,1.45vw,24px); color:var(--dfh10-right-ink); }
.dfh10-header__nav { display:flex; align-items:center; gap:clamp(18px,1.8vw,30px); }

.dfh10-header__item,
.dfh10-header__utility,
.dfh10-header__cart {
    position:relative;
    height:var(--dfh10-h);
    display:inline-flex;
    align-items:center;
    opacity:1;
    transform:translate3d(0,0,0);
    transition:opacity .17s ease, transform .26s var(--dfh10-ease), letter-spacing .26s var(--dfh10-ease);
}
.dfh10-header__item::after,
.dfh10-header__utility::after,
.dfh10-header__cart::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:13px;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .25s var(--dfh10-ease);
}
@media (hover:hover) and (pointer:fine) {
    .dfh10-header__item:hover::after,
    .dfh10-header__item[aria-expanded="true"]::after,
    .dfh10-header__utility:hover::after,
    .dfh10-header__cart:hover::after { transform:scaleX(1); transform-origin:left center; }
    .dfh10-header__item:hover,
    .dfh10-header__utility:hover,
    .dfh10-header__cart:hover { transform:translate3d(0,-1px,0); letter-spacing:.03em; }
    .dfh10-header__nav:hover .dfh10-header__item:not(:hover):not([aria-expanded="true"]) { opacity:.48; }
    .dfh10-header__right:hover > :not(:hover) { opacity:.56; }
}

.dfh10-header__logo {
    display:block;
    width:clamp(130px,9.7vw,154px);
    height:22px;
    color:inherit;
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    transform-origin:center;
    transition:transform .44s cubic-bezier(.16,1,.3,1), opacity .2s ease;
}
.dfh10-header.is-logo-expanded:not(.is-mega-open) .dfh10-header__logo {
    transform:translate3d(0,0,0) scale(var(--dfh10-logo-top-scale));
}
@media (hover:hover) and (pointer:fine) {
    .dfh10-header:not(.is-logo-expanded) .dfh10-header__logo:hover { transform:scale(.99); opacity:.72; }
    .dfh10-header.is-logo-expanded:not(.is-mega-open) .dfh10-header__logo:hover { transform:scale(calc(var(--dfh10-logo-top-scale) * .985)); opacity:.82; }
}
.dfh10-header__logo-mark {
    display:block;
    width:100%;
    height:100%;
    background:currentColor;
    -webkit-mask:url("https://dalyastudios.com/wp-content/uploads/2026/09/Untitled-1.png") center/contain no-repeat;
    mask:url("https://dalyastudios.com/wp-content/uploads/2026/09/Untitled-1.png") center/contain no-repeat;
}

.dfh10-header__cart { gap:.3em; }
.dfh10-header__wishlist { gap:.3em; }
.dfh10-header__mobile {
    display:none;
    width:30px;
    height:30px;
    align-items:center;
    justify-content:flex-start;
    color:inherit;
}
.dfh10-header__hamburger { position:relative; display:block; width:19px; height:12px; }
.dfh10-header__hamburger::before,
.dfh10-header__hamburger::after {
    content:"";
    position:absolute;
    left:0;
    height:1px;
    background:currentColor;
    transition:width .24s var(--dfh10-ease), transform .28s var(--dfh10-ease), top .28s var(--dfh10-ease);
}
.dfh10-header__hamburger::before { top:2px; width:19px; }
.dfh10-header__hamburger::after { top:8px; width:13px; }
.dfh10-header.is-mobile-open .dfh10-header__hamburger::before { top:5px; width:18px; transform:rotate(45deg); }
.dfh10-header.is-mobile-open .dfh10-header__hamburger::after { top:5px; width:18px; transform:rotate(-45deg); }

/* Desktop mega menu: browser top layer, so page content cannot paint above it. */
.dfh10-header__mega[popover] {
    --dfh10-mega-top:58px;
    position:fixed;
    inset:var(--dfh10-mega-top) 0 auto 0;
    width:auto;
    max-width:none;
    max-height:calc(100dvh - var(--dfh10-mega-top));
    margin:0;
    padding:0;
    border:0;
    overflow:auto;
    color:#111;
    background:rgba(255,255,255,.68);
    background-image:linear-gradient(180deg,rgba(255,255,255,.80),rgba(248,248,248,.64));
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
    box-shadow:0 16px 38px rgba(0,0,0,.055);
    opacity:0;
    clip-path:inset(0 0 100% 0);
    transform:translate3d(0,-4px,0);
    pointer-events:none;
    transition:clip-path .32s cubic-bezier(.16,.72,.24,1), opacity .16s ease, transform .32s cubic-bezier(.16,.72,.24,1);
}
.dfh10-header__mega[popover]::backdrop { background:transparent; }
.dfh10-header__mega[popover].is-visible {
    opacity:1;
    clip-path:inset(0 0 0 0);
    transform:translate3d(0,0,0);
    pointer-events:auto;
}
.dfh10-header__mega[data-dfh10-fallback-open="1"] { display:block; }
.dfh10-header__mega-inner { position:relative; width:100%; padding:28px var(--dfh10-pad) 34px; }
.dfh10-header__grid {
    display:grid;
    grid-template-columns:repeat(var(--dfh10-mega-cols,4), minmax(0,1fr));
    gap:clamp(28px,3.2vw,72px);
    align-items:start;
}
.dfh10-header__group {
    min-width:0;
    opacity:0;
    transform:translate3d(0,7px,0);
    transition:opacity .2s ease calc(35ms + var(--i) * 18ms), transform .3s var(--dfh10-ease) calc(20ms + var(--i) * 18ms);
}
.dfh10-header__mega.is-visible .dfh10-header__group { opacity:1; transform:translate3d(0,0,0); }
.dfh10-header__kicker { display:block; margin-bottom:14px; color:#666; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.dfh10-header__list { display:grid; gap:9px; }
.dfh10-header__list a {
    position:relative;
    display:block;
    width:fit-content;
    color:#111 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1;
    transform:translate3d(0,0,0);
    transition:opacity .15s ease, transform .24s var(--dfh10-ease), letter-spacing .24s var(--dfh10-ease);
}
.dfh10-header__list a::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-3px;
    height:1px;
    background:#111;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .22s var(--dfh10-ease);
}
@media (hover:hover) and (pointer:fine) {
    .dfh10-header__list:hover a:not(:hover) { opacity:.44; }
    .dfh10-header__list a:hover { transform:translate3d(3px,0,0); letter-spacing:.03em; }
    .dfh10-header__list a:hover::after { transform:scaleX(1); transform-origin:left center; }
}
.dfh10-header.is-mega-open .dfh10-header__left,
.dfh10-header.is-mega-open .dfh10-header__center,
.dfh10-header.is-mega-open .dfh10-header__right { color:#111 !important; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1024px) {
    :root { --dfh10-edge:20px; }
    .dfh10-footer-screen { font-size:10px; }
    .dfh10-header {
        --dfh10-h:54px;
        --dfh10-pad:var(--dfh10-edge);
        font-size:10px;
    }
    .dfh10-header__bar { gap:10px; }
    .dfh10-header__nav,
    .dfh10-header__right .dfh10-header__utility { display:none; }
    .dfh10-header__mobile { display:inline-flex; }
    .dfh10-header__right { gap:0; }
    .dfh10-header__logo { width:clamp(132px,20vw,154px); height:24px; }

    .dfh10-media img { object-position:var(--dfh-mobile-focal,var(--dfh-desktop-focal,center center)); }
    .dfh10-campaign-caption {
        bottom:clamp(82px,11svh,112px);
        width:min(620px,84vw);
        font-size:10px;
    }

}


@media (max-width:1024px) and (min-width:768px) {
    .dfh10-footer-top {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        gap:40px clamp(28px,5vw,56px);
        padding-top:58px;
    }
    .dfh10-newsletter-panel { grid-column:1 / -1; max-width:640px; }
    .dfh10-footer-nav {
        grid-column:1 / -1;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:24px;
    }
}

@media (max-width:767px) {
    :root { --dfh10-edge:16px; }

    /*
     * Mobile footer is a separate compact composition.
     * The top breathing room belongs to the footer itself, not the homepage/header.
     * Keeping it on the scroll frame prevents the first footer row from visually
     * colliding with the sticky header while preserving completely local layout.
     */
    .dfh10-footer-frame {
        padding-top:clamp(20px,3.6svh,36px);
        padding-bottom:0;
        overflow:hidden;
    }

    .dfh10-footer-top {
        display:flex;
        flex-direction:column;
        padding:0 var(--dfh10-edge);
    }

    .dfh10-footer-nav { order:1; }
    .dfh10-newsletter-panel {
        order:2;
        width:100%;
        max-width:none;
        padding:clamp(12px,2.4svh,20px) 0 clamp(14px,2.8svh,22px);
    }
    .dfh10-newsletter-intro {
        max-width:none;
        margin-top:5px;
        line-height:1.38;
    }
    .dfh10-newsletter-form { max-width:none; margin-top:14px; }
    .dfh10-newsletter-privacy {
        max-width:none;
        margin-top:12px;
        font-size:inherit !important;
        line-height:1.45;
    }

    .dfh10-footer-nav {
        display:block;
        width:100%;
    }
    .dfh10-footer-group {
        width:100%;
        border-top:1px solid rgba(0,0,0,.15);
    }
    .dfh10-footer-group:last-child { border-bottom:1px solid rgba(0,0,0,.15); }
    .dfh10-footer-group summary {
        min-height:46px;
        cursor:pointer;
        user-select:none;
        touch-action:manipulation;
    }
    .dfh10-footer-toggle {
        display:block;
        position:relative;
        width:13px;
        height:13px;
        flex:0 0 13px;
    }
    .dfh10-footer-toggle::before,
    .dfh10-footer-toggle::after {
        content:"";
        position:absolute;
        left:1px;
        top:6px;
        width:11px;
        height:1px;
        background:currentColor;
        transition:transform .22s var(--dfh10-ease);
    }
    .dfh10-footer-toggle::after { transform:rotate(90deg); }
    .dfh10-footer-group[open] .dfh10-footer-toggle::after { transform:rotate(0deg); }
    .dfh10-footer-links {
        gap:8px;
        margin:0;
        padding:0 0 16px;
    }
    .dfh10-footer-links a { font-size:inherit !important; line-height:1.35; }

    .dfh10-footer-social {
        padding:clamp(12px,2.2svh,18px) var(--dfh10-edge) clamp(12px,2.4svh,18px);
    }
    .dfh10-footer-social-row {
        gap:8px;
        margin-top:10px;
    }
    .dfh10-footer-social-link {
        width:31px;
        height:31px;
    }

    .dfh10-footer-brand {
        flex:1 1 0;
        min-height:0;
        padding:0 var(--dfh10-edge) 4px;
    }
    .dfh10-footer-brand img {
        width:100%;
        height:100%;
        min-height:0;
        max-width:100%;
        max-height:100%;
        object-fit:contain;
        object-position:center bottom;
    }

    /* Keep copyright left and language on the far right on ONE mobile row. */
    .dfh10-footer-meta {
        min-height:40px;
        padding:8px var(--dfh10-edge) max(9px, env(safe-area-inset-bottom));
        align-items:center;
        flex-direction:row;
        justify-content:space-between;
        flex-wrap:nowrap;
        gap:12px;
        font-size:inherit !important;
    }
    .dfh10-footer-copy {
        min-width:0;
        flex:1 1 auto;
        white-space:nowrap;
    }
    .dfh10-footer-meta-actions {
        width:auto;
        flex:0 0 auto;
        margin-left:auto;
        justify-content:flex-end;
        gap:12px;
    }
    .dfh10-footer-lang { margin-left:auto; }
    .dfh10-footer-lang summary {
        display:inline-flex;
        align-items:center;
        justify-content:flex-end;
        min-height:18px;
        white-space:nowrap;
        text-align:right;
        line-height:1 !important;
        font-size:inherit !important;
    }
    .dfh10-footer-lang-icon {
        width:8px;
        height:5px;
        flex-basis:8px;
    }

    /* Every campaign occupies the complete measured mobile scene. */
    .dfh10-stage,
    .dfh10-screen,
    .dfh10-campaign,
    .dfh10-media,
    .dfh10-shade,
    .dfh10-campaign-hit {
        width:100%;
        height:100%;
        min-height:0;
    }
    .dfh10-campaign { position:relative; overflow:hidden; }
    .dfh10-media,
    .dfh10-shade,
    .dfh10-campaign-hit { inset:0; }
    .dfh10-media img {
        inset:0;
        width:100%;
        height:100%;
        min-width:100%;
        min-height:100%;
        object-fit:cover;
    }
}

@media (max-width:600px) {
    .dfh10-header__logo { width:clamp(150px,43vw,180px); height:27px; }
    .dfh10-campaign-caption {
        bottom:max(clamp(64px,9svh,88px), calc(48px + env(safe-area-inset-bottom)));
        width:min(340px,calc(100vw - 32px));
        font-size:10px;
    }

}

@media (max-height:560px) and (orientation:landscape) {
}

@media (prefers-reduced-motion:reduce) {
    .dfh10-header *,
    .dfh10-home * {
        transition-duration:0.01ms !important;
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
    }
}

/* =========================================================
   v10.2 — MONOCHROME INTERACTION SYSTEM
   Black / white / neutral only. Header button fills are explicitly neutralized in every state.
   Scoped to DALYA UI + DALYA Elementor popups.
   ========================================================= */
.dfh10-home,
.dfh10-header,
.dfh10-footer-screen {
    --e-global-color-accent:#111 !important;
    --wp--preset--color--vivid-red:#111 !important;
    accent-color:#111;
}

.dfh10-home ::selection,
.dfh10-header ::selection,
.dfh10-footer-screen ::selection {
    background:#111;
    color:#fff;
}

.dfh10-home :is(a,button,input,textarea,select):focus-visible,
.dfh10-header :is(a,button):focus-visible,
.dfh10-footer-screen :is(a,button,input,summary):focus-visible {
    outline:1px solid currentColor !important;
    outline-offset:4px;
    box-shadow:none !important;
}

/* Neutralize common WordPress / Woo / CF7 accent leakage inside this plugin. */
.dfh10-home :is(.button,button,input[type="submit"]),
.dfh10-footer-screen :is(.button,button,input[type="submit"]) {
    --e-global-color-accent:#111 !important;
}
.dfh10-home .woocommerce :is(a.button,button.button,input.button):hover,
.dfh10-home .woocommerce :is(a.button,button.button,input.button):focus,
.dfh10-footer-screen .wpcf7 :is(input[type="submit"],button[type="submit"]):hover,
.dfh10-footer-screen .wpcf7 :is(input[type="submit"],button[type="submit"]):focus {
    border-color:#111 !important;
    box-shadow:none !important;
}

/* Known DALYA Elementor popup content: keep Elementor's accent token monochrome. */
.elementor-18355,
.elementor-20110,
.elementor-19024 {
    --e-global-color-accent:#111 !important;
    --e-global-color-primary:#111 !important;
    accent-color:#111;
}
@supports selector(:has(*)) {
    .elementor-popup-modal:has(.elementor-18355) .dialog-widget-content,
    .elementor-popup-modal:has(.elementor-20110) .dialog-widget-content,
    .elementor-popup-modal:has(.elementor-19024) .dialog-widget-content {
        --e-global-color-accent:#111 !important;
    }
}

/* ---------- FOOTER: refined desktop hover / focus ---------- */
.dfh10-newsletter-cf7 input[type="email"],
.dfh10-newsletter-cf7 input[type="text"],
.dfh10-newsletter-placeholder {
    transition:border-color .2s ease, color .2s ease;
}
.dfh10-newsletter-cf7 form:focus-within input[type="email"],
.dfh10-newsletter-cf7 form:focus-within input[type="text"] {
    border-bottom-color:#111 !important;
}
.dfh10-newsletter-cf7 input[type="submit"],
.dfh10-newsletter-cf7 button[type="submit"] {
    transition:transform .26s var(--dfh10-ease), opacity .18s ease !important;
}
@media (hover:hover) and (pointer:fine) {
    .dfh10-newsletter-cf7 input[type="submit"]:hover,
    .dfh10-newsletter-cf7 button[type="submit"]:hover {
        background:transparent !important;
        color:#111 !important;
        transform:translate3d(3px,0,0);
        opacity:.58;
    }

    .dfh10-footer-group:hover summary { opacity:.62; }
    .dfh10-footer-group:hover .dfh10-footer-links a { transform:translate3d(1px,0,0); }
    .dfh10-footer-links a:hover {
        opacity:1;
        transform:translate3d(3px,0,0) !important;
        letter-spacing:.025em;
    }
    .dfh10-footer-brand img {
        transition:transform .55s cubic-bezier(.2,.72,.24,1), opacity .24s ease;
        transform-origin:center bottom;
    }
    .dfh10-footer-brand:hover img {
        transform:scale(.998) translate3d(0,-2px,0);
        opacity:.92;
    }
}

.dfh10-footer-group summary {
    transition:opacity .18s ease, letter-spacing .24s var(--dfh10-ease), color .18s ease;
}
.dfh10-footer-links a {
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    transition:opacity .16s ease, transform .24s var(--dfh10-ease), letter-spacing .24s var(--dfh10-ease);
}
.dfh10-footer-links a:hover,
.dfh10-footer-links a:focus,
.dfh10-footer-links a:focus-visible,
.dfh10-footer-links a:active {
    background:transparent !important;
    background-color:transparent !important;
    color:#111 !important;
    box-shadow:none !important;
    outline:0 !important;
}

.dfh10-footer-social-link {
    position:relative;
    overflow:hidden;
    background:#fff !important;
    color:#111 !important;
}
.dfh10-footer-social-link::before {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:#111;
    transform:scale(0);
    transition:transform .28s cubic-bezier(.2,.72,.24,1);
}
.dfh10-footer-social-link svg {
    position:relative;
    z-index:1;
    transition:color .16s ease, transform .28s var(--dfh10-ease);
}
@media (hover:hover) and (pointer:fine) {
    .dfh10-footer-social-link:hover {
        background:#fff !important;
        color:#fff !important;
        transform:translateY(-2px);
    }
    .dfh10-footer-social-link:hover::before { transform:scale(1); }
    .dfh10-footer-social-link:hover svg { transform:scale(.94); }
}

.dfh10-footer-lang-menu {
    transform-origin:right bottom;
}
.dfh10-footer-lang[open] .dfh10-footer-lang-menu {
    animation:dfh10-lang-in .22s var(--dfh10-ease) both;
}
@keyframes dfh10-lang-in {
    from { opacity:0; transform:translate3d(0,5px,0) scale(.985); }
    to   { opacity:1; transform:translate3d(0,0,0) scale(1); }
}

/* ---------- MOBILE ACCORDION: bespoke open/close choreography ---------- */
@media (max-width:767px) {
    .dfh10-footer-group {
        position:relative;
        background:#fff !important;
        transition:border-color .22s ease;
    }
    .dfh10-footer-group summary {
        position:relative;
        min-height:48px;
        background:#fff !important;
        background-color:#fff !important;
        background-image:none !important;
        color:#111 !important;
        border:0 !important;
        box-shadow:none !important;
        outline:0 !important;
        -webkit-tap-highlight-color:transparent;
        transition:opacity .18s ease, letter-spacing .24s var(--dfh10-ease), transform .24s var(--dfh10-ease);
    }
    .dfh10-footer-group summary:hover,
    .dfh10-footer-group summary:focus,
    .dfh10-footer-group summary:focus-visible,
    .dfh10-footer-group summary:active {
        background:#fff !important;
        background-color:#fff !important;
        color:#111 !important;
        box-shadow:none !important;
        outline:0 !important;
    }
    .dfh10-footer-group.is-accordion-open summary,
    .dfh10-footer-group[open] summary {
        letter-spacing:.105em;
    }
    .dfh10-footer-toggle {
        transition:transform .28s var(--dfh10-ease), opacity .18s ease;
    }
    .dfh10-footer-group.is-accordion-open .dfh10-footer-toggle,
    .dfh10-footer-group[open] .dfh10-footer-toggle {
        transform:rotate(180deg);
    }
    .dfh10-footer-toggle::before,
    .dfh10-footer-toggle::after {
        background:#111 !important;
        transition:transform .26s var(--dfh10-ease), width .26s var(--dfh10-ease);
    }
    .dfh10-footer-links {
        will-change:height, opacity, transform;
    }
    .dfh10-footer-links a {
        opacity:.78;
        transform:translate3d(0,0,0);
        transition:opacity .18s ease, transform .28s var(--dfh10-ease);
    }
    .dfh10-footer-group[open] .dfh10-footer-links a {
        opacity:1;
    }
    .dfh10-footer-group[open] .dfh10-footer-links a:nth-child(1) { transition-delay:50ms; }
    .dfh10-footer-group[open] .dfh10-footer-links a:nth-child(2) { transition-delay:85ms; }
    .dfh10-footer-group[open] .dfh10-footer-links a:nth-child(3) { transition-delay:120ms; }

    .dfh10-footer-group summary:active,
    .dfh10-footer-social-link:active,
    .dfh10-header__mobile:active,
    .dfh10-header__cart:active {
        opacity:.58;
    }
}

@media (prefers-reduced-motion:reduce) {
    .dfh10-header__mega,
    .dfh10-header__group,
    .dfh10-header__item,
    .dfh10-header__utility,
    .dfh10-header__cart,
    .dfh10-header__logo,
    .dfh10-footer-group summary,
    .dfh10-footer-links,
    .dfh10-footer-links a,
    .dfh10-footer-social-link,
    .dfh10-footer-social-link::before,
    .dfh10-footer-brand img {
        transition-duration:0ms !important;
        animation-duration:0ms !important;
    }
}

/* v10.5 — clean single-column mega groups (e.g. Collections leaf items). */
.dfh10-header__grid--single {
    grid-template-columns:minmax(220px, 360px);
    justify-content:start;
}
.dfh10-header__grid--single .dfh10-header__list {
    gap:10px;
}

/* Shared-logo FLIP layer: only exists during HOME/HEADER/MENU morph. */
.dfh10-logo-flight {
    position:fixed;
    display:block;
    pointer-events:none;
    background:currentColor;
    -webkit-mask:url("https://dalyastudios.com/wp-content/uploads/2026/09/Untitled-1.png") center/contain no-repeat;
    mask:url("https://dalyastudios.com/wp-content/uploads/2026/09/Untitled-1.png") center/contain no-repeat;
    transform:translate3d(0,0,0) scale(1);
    transform-origin:0 0;
    will-change:transform,color;
}

/* =========================================================
   MOBILE NAVIGATION — GLASS DRAWER (v10.8)
   Anchored to the left edge; slides in instead of floating/scaling.
   ========================================================= */
.dfh10-mobile-menu {
    display:none;
    margin:0;
    padding:0;
    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;
    border:0;
    background:rgba(220,233,231,.58);
    color:#111;
    overflow:hidden;
    --dfh10-mobile-font:Helvetica, Arial, sans-serif;
    --dfh10-mobile-font-size:10px;
    --dfh10-mobile-tracking:.04em;
    font-family:var(--dfh10-mobile-font);
    font-size:var(--dfh10-mobile-font-size);
    line-height:1.2;
    letter-spacing:var(--dfh10-mobile-tracking);
    text-transform:uppercase;
    -webkit-font-smoothing:antialiased;
    opacity:0;
    transition:opacity .22s ease;
}
.dfh10-mobile-menu::backdrop { background:transparent; }

@media (max-width:1024px) {
    .dfh10-header { --dfh10-logo-top-scale:1.42; }
    .dfh10-mobile-menu[open] { display:block; }
    .dfh10-mobile-menu.is-open,
    .dfh10-mobile-menu.is-closing,
    .dfh10-mobile-menu.has-logo-flight { opacity:1; }
    .dfh10-mobile-menu.is-measuring-logo { opacity:0 !important; pointer-events:none !important; }
    .dfh10-mobile-menu.is-measuring-logo .dfh10-mobile-menu__glass {
        transform:none !important;
        transition:none !important;
        visibility:hidden !important;
    }

    .dfh10-mobile-menu,
    .dfh10-mobile-menu * { box-sizing:border-box; }
    .dfh10-mobile-menu a,
    .dfh10-mobile-menu button,
    .dfh10-mobile-menu input {
        font:inherit;
        color:#111 !important;
        background:transparent !important;
        box-shadow:none !important;
        outline:0;
        -webkit-tap-highlight-color:transparent;
    }
    .dfh10-mobile-menu button { border:0; padding:0; margin:0; cursor:pointer; }

    .dfh10-mobile-menu__glass {
        position:relative;
        width:min(430px,calc(100vw - 10px));
        height:100dvh;
        margin:0;
        display:grid;
        grid-template-rows:54px 48px minmax(0,1fr) auto;
        overflow:hidden;
        border-right:1px solid rgba(17,17,17,.08);
        background:rgba(255,255,255,.82);
        background-image:linear-gradient(180deg,rgba(255,255,255,.90),rgba(250,250,250,.78));
        -webkit-backdrop-filter:blur(16px) saturate(132%);
        backdrop-filter:blur(16px) saturate(132%);
        box-shadow:18px 0 46px rgba(0,0,0,.065);
        transform:translate3d(-102%,0,0);
        transition:transform .42s cubic-bezier(.16,1,.3,1);
        will-change:transform;
    }
    .dfh10-mobile-menu.is-open .dfh10-mobile-menu__glass { transform:translate3d(0,0,0); }
    .dfh10-mobile-menu.is-closing .dfh10-mobile-menu__glass { transform:translate3d(-102%,0,0); transition-duration:.39s; transition-timing-function:cubic-bezier(.4,0,.2,1); }

    .dfh10-mobile-menu__topbar {
        display:grid;
        grid-template-columns:34px minmax(0,1fr) 34px;
        align-items:center;
        padding:0 15px;
        border-bottom:1px solid rgba(17,17,17,.075);
    }
    .dfh10-mobile-menu__close {
        width:28px;
        height:28px;
        display:grid;
        place-items:center;
        justify-self:start;
    }
    .dfh10-mobile-menu__close svg {
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.25;
        stroke-linecap:round;
        transition:transform .24s var(--dfh10-ease), opacity .18s ease;
    }
    .dfh10-mobile-menu__close:active svg { transform:scale(.9); opacity:.55; }

    .dfh10-mobile-menu__logo {
        justify-self:center;
        display:block;
        width:clamp(160px,42vw,192px);
        height:28px;
        opacity:1;
        transform:none;
        transform-origin:center;
    }
    .dfh10-mobile-menu__logo-mark {
        display:block;
        width:100%;
        height:100%;
        background:#111;
        -webkit-mask:url("https://dalyastudios.com/wp-content/uploads/2026/09/Untitled-1.png") center/contain no-repeat;
        mask:url("https://dalyastudios.com/wp-content/uploads/2026/09/Untitled-1.png") center/contain no-repeat;
    }
    .dfh10-mobile-menu__top-spacer { width:28px; height:28px; }

    .dfh10-mobile-menu__search {
        display:grid;
        grid-template-columns:20px minmax(0,1fr);
        align-items:center;
        gap:9px;
        padding:0 15px;
        border-bottom:1px solid rgba(17,17,17,.075);
        opacity:0;
        transform:translate3d(-5px,0,0);
        transition:opacity .16s ease, transform .26s cubic-bezier(.16,1,.3,1);
    }
    .dfh10-mobile-menu.is-open .dfh10-mobile-menu__search { opacity:1; transform:translate3d(0,0,0); }
    .dfh10-mobile-menu__search-icon {
        width:15px;
        height:15px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.35;
        stroke-linecap:round;
    }
    .dfh10-mobile-menu__search input[type="search"] {
        width:100%;
        height:46px;
        border:0 !important;
        border-radius:0 !important;
        padding:0 !important;
        margin:0 !important;
        appearance:none;
        -webkit-appearance:none;
    }
    .dfh10-mobile-menu__search input[type="search"]::-webkit-search-cancel-button { display:none; }
    .dfh10-mobile-menu__search input::placeholder { color:#8a8a8a; opacity:1; }

    .dfh10-mobile-menu__viewport { position:relative; min-height:0; overflow:hidden; }
    .dfh10-mobile-menu__screens { position:relative; width:100%; height:100%; overflow:hidden; }
    .dfh10-mobile-menu__screen {
        display:none;
        position:absolute;
        inset:0;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding:14px 15px 22px;
        opacity:1;
        background:#fff;
        transform:translate3d(100%,0,0);
        pointer-events:none;
        contain:layout paint;
    }
    .dfh10-mobile-menu__screen.is-current {
        display:block;
        transform:translate3d(0,0,0);
        pointer-events:auto;
    }
    /* One-screen-at-a-time submenu motion. Full-width transforms prevent the
       outgoing screen from hanging visibly behind the incoming screen. */
    .dfh10-mobile-menu__screen.is-stage-target,
    .dfh10-mobile-menu__screen.is-stage-current {
        display:block;
        pointer-events:none;
        will-change:transform;
        transition:none;
    }
    .dfh10-mobile-menu__screen.is-stage-target.is-animating,
    .dfh10-mobile-menu__screen.is-stage-current.is-animating {
        transition:transform .22s cubic-bezier(.32,.72,0,1);
    }
    .dfh10-mobile-menu.is-screen-transitioning .dfh10-mobile-menu__row {
        transition:none !important;
    }

    .dfh10-mobile-menu__screen-head {
        min-height:32px;
        display:grid;
        grid-template-columns:28px minmax(0,1fr) 28px;
        align-items:center;
        margin-bottom:5px;
        font-weight:400;
    }
    .dfh10-mobile-menu__screen-head > span { grid-column:2; justify-self:center; }
    .dfh10-mobile-menu__back { grid-column:1; width:28px; height:28px; display:grid; place-items:center; }
    .dfh10-mobile-menu__back-icon,
    .dfh10-mobile-menu__chevron {
        width:15px;
        height:15px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.35;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .dfh10-mobile-menu__chevron { width:14px; height:14px; flex:0 0 14px; }

    .dfh10-mobile-menu__rows { display:grid; align-content:start; }
    .dfh10-mobile-menu__row {
        width:100%;
        min-height:45px;
        display:flex !important;
        align-items:center;
        justify-content:space-between;
        gap:18px;
        padding:0 !important;
        border:0 !important;
        text-align:left;
        text-decoration:none !important;
        opacity:1;
        transform:translate3d(0,0,0);
        transition:opacity .16s ease, transform .2s var(--dfh10-ease);
    }
    .dfh10-mobile-menu__row:active { opacity:.5; transform:translate3d(2px,0,0); }

    .dfh10-mobile-menu__utilities {
        display:grid;
        gap:0;
        padding:8px 15px 12px;
        border-top:1px solid rgba(17,17,17,.075);
        opacity:0;
        transform:translate3d(-5px,0,0);
        transition:opacity .16s ease, transform .26s cubic-bezier(.16,1,.3,1);
    }
    .dfh10-mobile-menu.is-open .dfh10-mobile-menu__utilities { opacity:1; transform:translate3d(0,0,0); }
    .dfh10-mobile-menu__utilities > a,
    .dfh10-mobile-menu__languages {
        min-height:31px;
        display:flex;
        align-items:center;
        gap:12px;
        text-decoration:none !important;
    }
    .dfh10-mobile-menu__wishlist { color:inherit; }
    .dfh10-mobile-menu__utility-count {
        margin-left:auto;
        font:inherit;
        line-height:1;
        opacity:.7;
    }
    .dfh10-mobile-menu__utilities svg,
    .dfh10-mobile-menu__languages > svg {
        width:15px;
        height:15px;
        flex:0 0 15px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.25;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    .dfh10-mobile-menu__languages {
        border-top:1px solid rgba(17,17,17,.06);
        margin-top:3px;
        padding-top:4px;
    }
    .dfh10-mobile-menu__languages > div { flex:1; display:flex; justify-content:space-between; gap:10px; }
    .dfh10-mobile-menu__languages a { text-decoration:none !important; }

    /* Rows remain visually stable; the drawer/screen movement carries the motion. */
    .dfh10-mobile-menu.is-open [data-dfh10-mobile-screen="root"].is-current .dfh10-mobile-menu__row {
        animation:none;
    }
}

@media (max-width:600px) {
    .dfh10-header { --dfh10-logo-top-scale:1.34; }
    .dfh10-mobile-menu__glass { width:calc(100vw - 8px); grid-template-rows:52px 46px minmax(0,1fr) auto; }
    .dfh10-mobile-menu__topbar { padding:0 13px; }
    .dfh10-mobile-menu__search { padding:0 13px; }
    .dfh10-mobile-menu__screen { padding:13px 13px 20px; }
    .dfh10-mobile-menu__utilities { padding:7px 13px 11px; }
    .dfh10-mobile-menu__logo { width:clamp(166px,47vw,196px); height:29px; }
    .dfh10-mobile-menu__row { min-height:44px; }
}

@media (prefers-reduced-motion:reduce) {
    .dfh10-mobile-menu,
    .dfh10-mobile-menu *,
    .dfh10-mobile-menu *::before,
    .dfh10-mobile-menu *::after {
        animation-duration:.01ms !important;
        animation-delay:0s !important;
        transition-duration:.01ms !important;
        transition-delay:0s !important;
    }
}


/* =========================================================
   v10.8.3 — MOBILE SEARCH + LANGUAGE + PERFORMANCE
   Real product search, no iOS focus zoom, editorial results.
   ========================================================= */
@media (max-width:1024px) {
    .dfh10-mobile-menu__search {
        grid-template-columns:24px minmax(0,1fr) 28px;
        gap:8px;
        min-height:50px;
        transition:
            opacity .18s ease .08s,
            transform .3s cubic-bezier(.16,1,.3,1) .06s,
            border-color .22s ease;
    }

    .dfh10-mobile-menu__search:focus-within {
        border-bottom-color:rgba(17,17,17,.28);
    }

    .dfh10-mobile-menu__search-submit,
    .dfh10-mobile-menu__search-clear {
        width:24px;
        height:44px;
        display:grid;
        place-items:center;
        border:0 !important;
        padding:0 !important;
        margin:0 !important;
        color:#111 !important;
        opacity:1;
        transition:opacity .16s ease, transform .22s var(--dfh10-ease);
    }

    .dfh10-mobile-menu__search-submit:active,
    .dfh10-mobile-menu__search-clear:active {
        opacity:.46;
        transform:scale(.92);
    }

    .dfh10-mobile-menu__search-clear[hidden] { display:none !important; }

    .dfh10-mobile-menu__search-clear svg {
        width:14px;
        height:14px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.2;
        stroke-linecap:round;
    }

    /* Typography is intentionally identical to the mobile menu hierarchy. */
    .dfh10-mobile-menu__search input[type="search"] {
        height:48px;
        font:inherit !important;
        color:#111 !important;
        caret-color:#111;
        text-transform:uppercase !important;
    }

    .dfh10-mobile-menu__search input[type="search"]::placeholder {
        color:#8a8a8a;
        opacity:1;
        text-transform:uppercase !important;
    }

    .dfh10-mobile-menu__screens {
        transition:opacity .2s ease, transform .28s cubic-bezier(.16,1,.3,1);
    }

    .dfh10-mobile-menu.is-search-mode .dfh10-mobile-menu__screens {
        opacity:0;
        transform:translate3d(-7px,0,0);
        pointer-events:none;
    }

    .dfh10-mobile-menu__search-results {
        position:absolute;
        inset:0;
        z-index:1;
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding:12px 15px 24px;
        background:rgba(255,255,255,.72);
        opacity:0;
        transform:translate3d(7px,0,0);
        pointer-events:none;
        visibility:hidden;
        transition:
            opacity .2s ease,
            transform .3s cubic-bezier(.16,1,.3,1),
            visibility 0s linear .3s;
    }

    .dfh10-mobile-menu.is-search-mode .dfh10-mobile-menu__search-results {
        opacity:1;
        transform:translate3d(0,0,0);
        pointer-events:auto;
        visibility:visible;
        transition:
            opacity .2s ease,
            transform .3s cubic-bezier(.16,1,.3,1),
            visibility 0s;
    }

    .dfh10-mobile-menu__search-state {
        min-height:0;
        padding:5px 0 8px;
        color:#777;
    }

    .dfh10-mobile-menu__search-state:empty { display:none; }

    .dfh10-mobile-menu__search-list {
        display:grid;
        align-content:start;
    }

    .dfh10-mobile-menu__search-result {
        width:100%;
        min-height:82px;
        display:grid !important;
        grid-template-columns:52px minmax(0,1fr) 16px;
        align-items:center;
        gap:13px;
        padding:8px 0 !important;
        border-bottom:1px solid rgba(17,17,17,.075);
        color:#111 !important;
        text-decoration:none !important;
        opacity:1;
        transform:translate3d(0,0,0);
        transition:opacity .16s ease, transform .2s var(--dfh10-ease);
    }

    .dfh10-mobile-menu__search-result:active {
        opacity:.5;
        transform:translate3d(2px,0,0);
    }

    .dfh10-mobile-menu__search-thumb {
        display:block;
        width:52px;
        height:68px;
        overflow:hidden;
        background:#f3f3f3;
    }

    .dfh10-mobile-menu__search-thumb img {
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .dfh10-mobile-menu__search-copy {
        min-width:0;
        display:grid;
        gap:5px;
        align-content:center;
    }

    .dfh10-mobile-menu__search-category {
        overflow:hidden;
        color:#777;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .dfh10-mobile-menu__search-title {
        overflow:hidden;
        color:#111;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .dfh10-mobile-menu__search-result > svg {
        width:13px;
        height:13px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.25;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .dfh10-mobile-menu__languages a {
        position:relative;
        color:#111 !important;
        opacity:.48;
        transition:opacity .18s ease;
    }

    .dfh10-mobile-menu__languages a:hover,
    .dfh10-mobile-menu__languages a:focus,
    .dfh10-mobile-menu__languages a:active,
    .dfh10-mobile-menu__languages a.is-current,
    .dfh10-mobile-menu__languages a[aria-current="page"] {
        opacity:1;
    }

    .dfh10-mobile-menu__languages a[aria-current="page"]::after {
        content:"";
        position:absolute;
        left:0;
        right:0;
        bottom:-3px;
        height:1px;
        background:currentColor;
    }
}


@media (min-width:1025px) {
    .dfh10-header__mobile {
        display:none !important;
        width:0 !important;
        height:0 !important;
        overflow:hidden !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        pointer-events:none !important;
    }
}

/* DALYA Elementor popups — unified text close control. */
.dfh10-popup-modal .dfh10-popup-close {
    appearance:none !important;
    -webkit-appearance:none !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    top:18px !important;
    right:18px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#111 !important;
    font-family:Helvetica, "Helvetica Neue", Arial, sans-serif !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:uppercase !important;
    opacity:1 !important;
    cursor:pointer !important;
    z-index:20 !important;
}
.dfh10-popup-modal .dfh10-popup-close:hover,
.dfh10-popup-modal .dfh10-popup-close:focus,
.dfh10-popup-modal .dfh10-popup-close:active {
    background:transparent !important;
    color:#111 !important;
    opacity:.55 !important;
    box-shadow:none !important;
}
.dfh10-popup-modal .dfh10-popup-close::before,
.dfh10-popup-modal .dfh10-popup-close::after {
    content:none !important;
    display:none !important;
}
.dfh10-popup-modal .dfh10-popup-close[data-dfh10-close-duplicate="1"] {
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
}
.dfh10-popup-modal .dfh10-popup-close__label {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font:inherit !important;
    color:inherit !important;
    text-transform:inherit !important;
}
@media (max-width:767px) {
    .dfh10-popup-modal .dfh10-popup-close {
        top:14px !important;
        right:14px !important;
        font-size:10px !important;
    }
}