/** Shopify CDN: Minification failed

Line 35:0 Unexpected "<"

**/
.walkine-card{padding:20px;border:1px solid #e5e5e5;border-radius:14px;margin:20px 0;background:#fafafa;}
.walkine-modal{
    position:fixed;
    inset:80px 0 0 0;
    display:none;
    justify-content:center;
    align-items:flex-start;
    padding:20px 0;
    background:rgba(0,0,0,.55);
    overflow-y:auto;
    z-index:99999;
}
.walkine-modal.active{display:flex;}

.walkine-window{
    position:relative;
    background:#fff;
    width:min(760px,92vw);
    max-height:calc(100vh - 120px);
    overflow:auto;
    padding:30px;
    border-radius:18px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    z-index:1000;
}
.walkine-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:34px;cursor:pointer;}

.walkine-preview{position:relative;padding:20px;background:#fafafa;border-radius:18px;}
.walkine-preview-bar{position:relative;width:100%;height:38px;border-radius:12px;background:#FEDCDB;margin:24px 0 18px;overflow:visible;transition:.25s;}
<div class="walkine-preview-count">

    <span id="walkine-preview-count">0</span>/10

</div>
.walkine-preview-count{

    text-align:center;

    margin-top:10px;

    font-size:13px;

    color:#777;

    font-weight:500;

}
.walkine-preview-letters{
    position:absolute;
    left:50%;
    top:45%;
    transform:translate(-50%,-50%);
    height:60px;
    display:flex;
    align-items:center;
    overflow:visible;
    scroll-behavior:smooth;
}
.walkine-preview-letter{position:absolute;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;overflow:visible;cursor:pointer;transition:.2s;}
.walkine-preview-letter:hover{transform:translateY(-3px) scale(1.05);}
.walkine-letter-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:28px;font-weight:700;}
.walkine-preview-image{

width:100%;

height:100%;

object-fit:contain;

pointer-events:none;

}
.walkine-remove-preview{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.15);}

.walkine-preview-footer{margin-top:14px;display:flex;justify-content:space-between;align-items:center;}
#walkine-clear{background:none;border:none;padding:0;color:#666;font-size:14px;font-weight:500;cursor:pointer;}

.walkine-colours,.walkine-collar-swatches{display:flex;gap:10px;flex-wrap:wrap;}
.walkine-collar{width:34px;height:34px;border-radius:50%;border:2px solid #e5e5e5;cursor:pointer;padding:0;}
.walkine-collar.active,.walkine-colour.active{border:2px solid #222;box-shadow:0 2px 8px rgba(0,0,0,.12);}

#walkine-letter-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px;
    margin-top:20px;
}

.walkine-letter{
    background:#fff;
    border:1px solid #ddd;
    border-radius:16px;
    height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    cursor:pointer;
    transition:.2s;
}

.walkine-letter:hover{
    border-color:black;
}

.walkine-gallery-image{
    max-height:48px;
    width:auto;
    display:block;
    margin:auto;
    pointer-events:none;
}

.walkine-colour{
    border:2px solid transparent;
    border-radius:999px;
    padding:10px 18px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:.2s;
    color:#333;
}

.walkine-colour:hover{
    transform:translateY(-2px);
}

.walkine-colour.strawberry{
    background:#F8A8BC;
}

.walkine-colour.vanilla{
    background:#F9EFB5;
}

.walkine-colour.seasalt{
    background:#BFEAF7;
}

.walkine-colour.greentea{
    background:#BFE3A3;
}

.walkine-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 14px;
    margin-bottom:8px;
    border:1px solid #eee;
    border-radius:10px;
}

.walkine-left{
    display:flex;
    align-items:center;
    gap:10px;
}

.walkine-dot{
    width:14px;
    height:14px;
    border-radius:50%;
    display:inline-block;
}

.walkine-remove{
    background:none;
    border:none;
    cursor:pointer;
    font-size:20px;
}

.walkine-price{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:20px;
    font-size:18px;
}

.walkine-collar:hover{
    transform:scale(1.08);
}

.walkine-remove-preview:hover{
    transform:scale(1.15);
}


#walkine-selected{
    display:none;
}

#walkine-saved-list{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-bottom:18px;
}

.walkine-saved-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px;
    border:1px solid #e5e5e5;
    border-radius:18px;
    background:#fff;
}

.walkine-saved-left{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    min-width:160px;
}

.walkine-saved-image{
    width:46px;
    height:46px;
    object-fit:contain;
}

.walkine-saved-middle{
    flex:1;
}

.walkine-saved-middle strong{
    display:block;
    margin-bottom:6px;
}

.walkine-delete-set{
    background:#fff;
    border:1px solid #ddd;
    border-radius:999px;
    padding:10px 18px;
    cursor:pointer;
}

@media (max-width:768px){

   /* ===========================
   Mobile Preview
=========================== */

.walkine-preview{
    padding:8px 10px;
}

.walkine-preview h4{
    margin-bottom:6px;
    font-size:16px;
}

/* Colour swatches */
.walkine-collar-swatches{
    gap:6px;
    margin-bottom:12px;   /* add breathing room before the collar */
}

.walkine-collar{
    width:26px;
    height:26px;
}

/* Preview bar */
.walkine-preview-bar{
    height:28px;
    margin:8px 0 6px;
    border-radius:999px;
}

/* Charm images */
.walkine-preview-letter{
    width:42px;
    height:42px;
}

.walkine-preview-letters{
    height:42px;
    top:44%;
}

/* Counter */
.walkine-preview-count{
    font-size:11px;
    margin-top:4px;
}

/* Clear button */
.walkine-preview-footer{
    margin-top:6px;
}

#walkine-clear{
    font-size:12px;
}

}

.walkine-modal,
.walkine-window,
.walkine-preview{
    touch-action: manipulation;
}

.walkine-modal{
    -webkit-user-select:none;
    user-select:none;
}

.walkine-preview-image{
    -webkit-user-drag:none;
    user-drag:none;
}

.walkine-preview {
    position: sticky;
    top: 20px;
    z-index: 10;
}

.walkine-colour-note{
    margin:10px 0 18px;
    font-size:12px;
    color:#777;
    font-style:italic;
    line-height:1.4;
}

.walkine-card{
    border:none;
    background:transparent;
    padding:0;
    margin:0;
}
.walkine-card{
    margin-bottom:0 !important;
}

#walkine-open{
    width:100%;
    background:transparent;
    border:3px solid #E16F32 !important;
    border-radius:999px;
    padding:18px 25px;
    color:#E16F32;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    outline:none !important;
    box-shadow:none !important;
}

#walkine-open::before,
#walkine-open::after{
    display:none !important;
    content:none !important;
}

#walkine-open:focus,
#walkine-open:focus-visible,
#walkine-open:active{
    outline:none !important;
    box-shadow:none !important;
}

#walkine-save{
    width:100%;
    background:#f37021;
    border:3px solid #f37021;
    border-radius:999px;
    padding:16px 25px;
    color:#fff;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    outline:none;
    box-shadow:none;
}

#walkine-save:hover{
    background:#E16F32;
    border-color:#E16F32;
}

#walkine-save::before,
#walkine-save::after{
    display:none !important;
    content:none !important;
}

.walkine-selected-color{
  margin-left:3px;
  white-space:nowrap;
}

/* Walkine option heading */
.walkine-option .form__label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.walkine-option-title{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}

.walkine-selected-color{
  margin-left:3px!important;
  white-space:nowrap!important;
}

/* Orange selected Size + Bundle */
.walkine-option-size input:checked + label .walkine-radio,
.walkine-option-bundle input:checked + label .walkine-radio{
  background:#fff!important;
  border:8px solid #f37021!important;

}

.walkine-selected-flavor{
  margin-left:3px!important;
  white-space:nowrap!important;
}

.walkine-letter-grid button,
.walkine-letter-grid .walkine-letter {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.walkine-letter-grid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 768px){

    #walkine-letter-grid{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:8px;
        overflow:hidden;
    }

    .walkine-letter{
        width:100%;
        min-width:0;
        height:auto;
        aspect-ratio:1 / 1;
        box-sizing:border-box;
        padding:0;
    }

}