/* ============================================
   HSNLogix style.css
   ============================================
   INSTRUCTIONS: This file should be your EXISTING style.css
   with the additions below appended at the very end.
   
   Your current style.css is already working perfectly.
   Just add the section below to the bottom of it.
   ============================================ */


/* ========================================
   ADDITIONS: Replacing inline styles
   ======================================== */

/* Hero circle animation (was inline style on .TextShape-node) */
.hero-circle-anim {
    font-size: 23px;
    --stroke: red;
    --stroke-width: 0.1em;
    --stroke-linecap: round;
    --stroke-linejoin: round;
    --opacity: 1;
    width: 450px;
    height: 90px;
    position: absolute;
}

/* Shopify badge in hero (was inline style) */
.shopify-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    font-size: 32px;
    cursor: initial;
}

.shopify-badge img {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

/* On Shopify text size (was inline style) */
.on-shopify {
    font-size: 56px;
}