/** Shopify CDN: Minification failed

Line 1183:45 Unterminated string token
Line 1184:353 Unterminated string token
Line 1392:0 Expected ")" to go with "("

**/
/** Shopify CDN: Minification failed

Line 1111:45 Unterminated string token
Line 1112:353 Unterminated string token
Line 1726:0 Expected ")" to go with "("

**/
/**/

.container { max-width: var(--page-width); margin: 0 auto; padding: 0 2rem; }

.template-page-gift_box .Avada-Faqs_Button {z-index: 9999;}
.popup-open .Avada-Faqs_Button {display:none;}
.o-hidden .gift-box-toolbar { z-index: 0; }
body.popup-open{ overflow: hidden;}

button { cursor: pointer;}
.box-loading { display: flex; align-items: center; justify-content: center; gap: 15px; padding: 20px 0; font-size: 16px; font-weight: 600; flex-wrap: wrap; }
.gift-box-add-to-cart .box-loading {justify-content: flex-start;}

.template-page-gift_box #mainContent { background: #f0fffd; }
.template-page-gift_box #mainContent .section { background: none; }
.template-page-gift_box .section-top-zero { padding: 0 !important; }
.template-page-gift_box .section-top-zero h2 { font-size: 35px;     font-family: Parkinsans, sans-serif; margin-top: 0; text-transform: uppercase; color: #000; margin-bottom: 0; }
.template-page-gift_box #gift-box-main .box-product__heading { text-transform: none;     font-family: Parkinsans, sans-serif; margin: 0 0 15px 0; font-size: 25px; color: #000; line-height: 1.2; }
.template-page-gift_box #gift-box-main .box-product__price { font-weight: 500; letter-spacing: 0; text-transform: none; font-size: 16px; line-height: 1.4; color: #000; margin-top: 0; margin-bottom: 15px; }
.template-page-gift_box button.button { max-width: inherit; background: #bf7b07; border: 0px;     font-family: Parkinsans, sans-serif; font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 1px; box-shadow: unset; padding: 16px 25px 15px 25px; display: inline-flex; justify-content: center; border-radius: 50px;cursor: pointer; }
.template-page-gift_box button.button:hover { background: #000000; color: #ffffff; border-color: #000;}
.template-page-gift_box button.button:before, .template-page-gift_box button.button:after { display: none;}

.gift-box-items .gift-box-items__list > .box-item { background: #ffffff; border-radius: 15px; overflow: hidden;}
.gift-box-items .gift-box-items__list > .box-item .box-item__content { padding: 15px; flex-direction: column; align-items: center; text-align: center; row-gap: 10px; }
.gift-box-items .gift-box-items__list > .box-item .box-item__info h5 { margin-bottom: 0; font-size: 15px; color: #000000; display: block; line-height: 1.5; }
.gift-box-items .gift-box-items__list .box-item .btn--add-to-box { gap: 10px; align-items: center; border: solid 1px #bf7b07; padding: 10px 10px; display: flex; border-radius: 50px; justify-content: center; background: #bf7b07; color: #fff; cursor: pointer;}
.gift-box-items .gift-box-items__list .box-item .btn--add-to-box:hover { border-color: #000; background: #000; }
.gift-box-items .gift-box-items__list .box-item .btn--add-to-box span.text { display: inline-block; padding-top: 2px; font-size: 13px;    white-space: pre; }
.gift-box-items .gift-box-items__list .box-item .btn--add-to-box svg { width: 14px; height: 16px; margin: 0; }
.gift-box-toolbar .edit-items { background: none; border: 0; padding: 2px 0 0 10px; line-height: 1.4; color: #ffffff; font-size: 14px; font-weight: 500; letter-spacing: 1px; cursor: pointer; white-space: nowrap;}

#gift-box-main .stage h1 { font-size: 42px;     font-family: Parkinsans, sans-serif; margin-top: 0; text-transform: uppercase; color: #000; margin-bottom: 0;    text-align: center; }
#gift-box-main .a-block p { font-size: 16px; line-height: 1.4; color: #000; margin-top: 10px; margin-bottom: 0; }

.gift-box-add-to-cart__review .items-list-wraper h3 { font-size: 30px;     font-family: Parkinsans, sans-serif; margin-top: 0; text-transform: none; color: #000; margin-bottom: 15px; }
.gift-box-add-to-cart__review .box-items__item .item-info .item-info__title { font-size: 15px; font-weight: 700; color: #000000; margin: 0; padding: 0; }
.gift-box-add-to-cart__review .box-items__item .item-info__actions button.delete-btn { background: none; border: 0; font-size: 15px; font-weight: 500; color: red; cursor: pointer; }

.template-page-gift_box button.add-to-cart-btn.btn { width: 100%; background: #bf7b07; border: 0px;     font-family: Parkinsans, sans-serif; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 1px; box-shadow: unset; padding: 16px 15px 15px 15px; }
.template-page-gift_box button.add-to-cart-btn.btn:hover { background:#000000; color:#ffffff; }
.template-page-gift_box button.add-to-cart-btn.btn:before, .template-page-gift_box button.add-to-cart-btn.btn:after { display: none;}
.template-page-gift_box .modal__inner {flex-wrap: wrap; text-align: center; justify-content: center; overflow-y: auto;}
.template-page-gift_box .modal__inner .box-size-change-modal__box-list { display: flex; gap: 20px; width: 100%;}
.template-page-gift_box .modal__inner .box-size-change-modal__box-list .box-product { width: 100%;}
.template-page-gift_box .modal__header .modal__close-btn { border: 0; background: none; padding: 10px !important; }
.template-page-gift_box .box-size-change-modal__text { width: 100%;}
.template-page-gift_box .box-size-change-modal__text h2.h1 { text-transform: none;     font-family: Parkinsans, sans-serif; margin: 0 0 20px 0; font-size: 45px; color: #000; line-height: 1.2; }
.template-page-gift_box #gift-box-main .modal__inner .box-product__heading { font-size: 26px;}
.template-page-gift_box #gift-box-main .modal__inner .box-product__price {font-size: 14px;}

.byob-box-selector .arrows { display: none; }
.arrows { display: flex; justify-content: space-between; padding: 10px 0; }
.arrows button.btn { background: none; padding: 20px;}
.arrows .nav-arrow.prev { transform: rotate(180deg); }

.popup-open .gift-box-toolbar { z-index: 5; }


.edit-box-items-modal .modal__inner .edit-box-items-modal__items h3 { font-size: 35px;     font-family: Parkinsans, sans-serif; margin: 0; text-transform: none; color: #000; }
.edit-box-items-modal .modal__inner .edit-box-items-modal__items .js-box-item { margin: 30px 0; }
.edit-box-items-modal .modal__inner .edit-box-items-modal__items .js-box-item .items-list { margin: 10px 0; border: 0; padding: 0; }
.edit-box-items-modal .modal__inner .edit-box-items-modal__items .js-box-item .items-list .items-list__item { border-bottom: solid 1px #dcdcdc; padding: 10px 0; }
.edit-box-items-modal .items-list__item .item-title-remove h4 { margin: 0; font-size: 18px; color: #000000; }
.edit-box-items-modal .items-list__item .item-title-remove button.delete-btn { background: red; color: #ffffff; border: 0; padding: 12px 15px 10px 15px; margin: 0; cursor: pointer; font-weight: 700; text-transform: uppercase; font-size: 12px; border-radius: 5px;}

.additional-fields .selector-wrapper input { -webkit-appearance: auto; appearance: auto; margin: 0; }
.additional-fields .selector-wrapper label { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #000000; margin: 10px 10px 0 0; }

.template-page-gift_box #mainContent .ctnr { max-width: 1200px; text-align: center; }
.template-page-gift_box #mainContent .ctnr .s-header { padding-bottom: 20px; }
.template-page-gift_box #mainContent .ctnr .s-content { font-size: 18px; line-height: 1.5; color: #000000; margin: 10px 0; padding: 0; }
.template-page-gift_box #mainContent .icons-section { margin-top: 60px; margin-bottom: 40px; }

.modal .box-item-modal__information h3 {     font-family: Parkinsans, sans-serif; margin: 0 0 20px 0; font-size: 35px; line-height: 1.4; }
.modal .box-item-modal__information .description p { font-size: 15px; line-height: 1.5; margin: 0 0 15px 0; }
.modal .box-item-modal__information .description ul { padding: 0 0 0 20px; }
.modal .box-item-modal__information .description ul li { margin: 0; padding: 0 0 8px 0; font-size: 15px; line-height: 1.4; }

.edit-box-items-modal .items-list__item .item-title-remove h4 {
    margin: 0;
    width: 100%;
    text-align: left;
    max-width: 320px;
}
.gift-box-items .gift-box-items__list .box-item.soldout { opacity: 0.5; }
.gift-box-items .gift-box-items__list .box-item.soldout .btn--add-to-box { cursor: no-drop; }
.gift-box-items .gift-box-items__list .box-item.soldout .box-item__image:after { content: "Sold Out"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 25px; font-weight: 500; }


.gift-box-items .box-item__qty-control { border: solid 1px #dcdcdc; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; min-width: 120px; margin: 4px 0; }
.gift-box-items .box-item__qty-control .qty-btn { background: none; border: 0; padding: 0; width: 40px; height: 30px; cursor: pointer;}
.gift-box-items .box-item__qty-control .qty-display { font-size: 14px; display: inline-flex; width: 100%; max-width: 50px; text-align: center; justify-content: center; }

.gift-box-items .gift-box-items__list .box-item {position: relative;}
.gift-box-items ul.gift-box-notifications-ul { margin: 0; padding: 0; text-align: center; position: absolute; top: 0; left: 0; width: 100%; }
/* .gift-box-items ul.gift-box-notifications-ul {margin:0;padding:0;text-align: center;} */
.gift-box-items ul.gift-box-notifications-ul li {font-size:14px;display:block; background:green; color: #fff;padding:5px 15px;line-height:1.4;}
.gift-box-items ul.gift-box-notifications-ul li.error {background:red; color: #fff;}


@media (max-width:1400px) {
    .template-page-gift_box #gift-box-main .modal__inner .box-product__heading { font-size: 22px; }
    .template-page-gift_box #gift-box-main .box-product__heading { font-size: 20px; }

    .gift-box-toolbar .column-2 { min-width: 300px;}
    .gift-box-toolbar__items { gap: 6px;}
    .gift-box-toolbar__items li { height: 36px; width: 36px;}
    .gift-box-toolbar .box-size-selector { padding: 10px 15px; font-size: 12px;}
    .gift-box-toolbar .btn--gift-box-next-step { padding: 14px 15px; font-size: 12px;}


}
@media (max-width:1023px) {
  
  .template-page-gift_box .modal__inner .box-size-change-modal__box-list {flex-wrap: wrap; justify-content: center;}
  .template-page-gift_box .modal__inner .box-size-change-modal__box-list .box-product { width: calc(50% - 10px);}
   #gift-box-main .a-block { margin-bottom: 30px;}  
  .template-page-gift_box .gift-box-items__list { margin-top: 20px;}

  .template-page-gift_box #mainContent .ctnr .s-content { font-size: 15px;}
  .template-page-gift_box #gift-box-main .modal__inner .box-product__heading { font-size: 18px; }
}


@media (max-width: 990px) {

  .byob-box-selector .arrows { display: flex; }

  .edit-box-items-modal .items-list__item .item-title-remove span.item-price { font-size: 14px; letter-spacing: 0; font-weight: 700; }
  .edit-box-items-modal .modal__inner .edit-box-items-modal__items h3 { font-size: 25px;}
  


}

@media (max-width:640px) {
  
  .template-page-gift_box .section-top-zero h2 {font-size: 30px;}

  .gift-box-steps { padding:0 20px !important;}
  .template-page-gift_box #gift-box-main .box-product__heading {font-size: 18px;}
  .template-page-gift_box #gift-box-main .box-product__price {font-size: 14px;}
  .template-page-gift_box button.button {font-size: 14px;padding: 15px 22px 13px 22px;}
  .template-page-gift_box .gift-box-box-selector { padding-bottom: 0 !important;}

  .gift-box-toolbar .box-size-selector {font-size:12px;}
  .gift-box-toolbar .btn--gift-box-next-step {font-size:12px;}

  .gift-box-items .gift-box-items__list > .box-item .box-item__info h5 {font-size: 13px;line-height: 1.2; padding-right: 10px;}
  .gift-box-items .gift-box-items__list > .box-item .box-item__content { padding: 12px;}
  
  /* .gift-box-toolbar__items li {margin-right: 6px !important;}
  .gift-box-toolbar__items li:nth-child(n+6) { margin-top: 6px !important;} */
  .gift-box-items .gift-box-items__list .box-item .btn--add-to-box { border: 0; padding: 0; background: none !important;}  
  .gift-box-items .gift-box-items__list .box-item .btn--add-to-box svg { width: 20px; height: 20px; color: #000000 !important; }  
  .gift-box-toolbar .btn--gift-box-next-step { padding: 16px 20px 15px 20px; font-size: 13px !important;}

  #gift-box-main .stage h1 {font-size:30px;}

  .template-page-gift_box .box-size-change-modal__text h2.h1 {font-size: 30px;}
  #gift-box-main .box-product__content { padding: 20px;}
  
  .gift-box-toolbar__items {gap: 5px;justify-content: center;}

  .gift-box-items .gift-box-items__list .box-item.soldout .box-item__image:after { font-size: 18px;}
}

@media (max-width:480px) {
    
  .template-page-gift_box .modal__inner .box-size-change-modal__box-list .box-product { width: 100%;}
  
  .gift-box-steps .step .number {height: 40px !important; width: 40px !important; font-size: 14px !important; margin-bottom: 5px !important;}
  .gift-box-steps__inner::after, .gift-box-steps__inner::before {top: 20px !important;}
    
}

@media (max-width:640px) {
  
  .box-item-modal__gallery { width: 100% !important; padding: 10px !important; max-height: inherit !important;}
  .box-item-modal__information { max-height: inherit !important; width: 100% !important; padding: 10px !important; text-align: left !important;}
}

@media (max-width:700px) {
  
  .gift-box-items .gift-box-items__list .box-item .modal .btn--add-to-box { border: solid 1px #000000; padding: 6px 12px; }
  .gift-box-items .gift-box-items__list .box-item .modal .btn--add-to-box span.text { clip: inherit; clip-path: inherit; height: inherit; overflow: hidden; position: static; white-space: nowrap; width: inherit; color: #000000; }

  .template-page-gift_box .modal__inner {padding-left: 20px !important; padding-right: 20px !important;}
  .modal .box-item-modal__information h3 { font-size: 30px; line-height: 1.2;}
  
}

/* old css */

.hidden {
  display: none !important;
}
#gift-box-main {
    min-height:60vh;
    padding:40px 0;
}

/* #gift-box-main .stage-1 {
    background-color:#f0fffd
} */
#gift-box-main .stage-2 .breadcrumbs,#gift-box-main .stage-3 .breadcrumbs,#gift-box-main .stage-4 .breadcrumbs {
    display:flex;
    justify-content:center;
    padding-top:3em
}
#gift-box-main .stage-4 {
    padding-bottom:2em
}
#gift-box-main .a-block {
    display:flex;
    flex-direction:column;
    align-items:center
}
#gift-box-main .a-block__heading {
    margin-top:0;
    margin-bottom:5px
}
#gift-box-main .a-block__text {
    text-align:center
}

#gift-box-main .a-block .create-new-box-btn {
    margin-top:1em;
    text-align:center;
    justify-content:center
}
#gift-box-main .a-block__cta {
    display:flex
}
#gift-box-main .a-block__cta a:first-of-type {
    margin-right:25px
}
#gift-box-main .infinite-scroll {
    text-align:center;
    padding:20px 0
}
#gift-box-main .box-product {
    background-color:#fff;
    border-radius: 20px;
    overflow: hidden;
}
#gift-box-main .box-product__image {
    padding-top:80%;
    position:relative
}
#gift-box-main .box-product__image img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
#gift-box-main .box-product__content {
    padding:40px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}
#gift-box-main .box-product__heading {
    margin:0;
    text-transform:uppercase
}
#gift-box-main .box-product__price {
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase
}
#gift-box-main .template-collection__toolbar {
    margin:0 0 30px 0
}
.gift-box-steps {
    padding:2rem 20px 5rem 20px
}
.gift-box-steps__inner {
    width:100%;
    max-width:900px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative
}
.gift-box-steps__inner::after,.gift-box-steps__inner::before {
    content:'';
    top:25px;
    left:0;
    transform:translateY(-50%);
    height:2px;
    position:absolute
}
.gift-box-steps__inner::before {
    width:100%;
    background-color:#f1dcb6
}
.gift-box-steps__inner::after {
    width:0;
    background-color:#bf7b07
}
.gift-box-steps .step {
    display:flex;
    flex-direction:column;
    align-items:center;
    font-weight:600;
    position:relative;
    z-index:1;
    cursor:pointer
}
.gift-box-steps .step .number {
    border-radius:50%;
    height:50px;
    width:50px;
    font-size:1.2em;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#f1dcb6;
    margin-bottom:1em
}
.gift-box-steps .step .label {
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:13px
}
.gift-box-steps .stepcurrent .number {
    background-color:#bf7b07
}
.gift-box-steps[data-current-step='1'] .gift-box-steps__inner .step-1 .number {
    background-color:#bf7b07;
    color:#ffffff;
}
.gift-box-steps[data-current-step='1'] .gift-box-steps__inner::after {
    width:5%
}
.gift-box-steps[data-current-step='2'] .gift-box-steps__inner .step-1 .number,.gift-box-steps[data-current-step='2'] .gift-box-steps__inner .step-2 .number {
    background-color:#bf7b07;
    color:#ffffff;
}
.gift-box-steps[data-current-step='2'] .gift-box-steps__inner::after {
    width:50%
}
.gift-box-steps[data-current-step='3'] .gift-box-steps__inner .step-1 .number,.gift-box-steps[data-current-step='3'] .gift-box-steps__inner .step-2 .number,.gift-box-steps[data-current-step='3'] .gift-box-steps__inner .step-3 .number {
    background-color:#bf7b07;
    color:#ffffff;
}
.gift-box-steps[data-current-step='3'] .gift-box-steps__inner::after {
    width:99.9%
}
.gift-box-steps[data-current-step='4'] .gift-box-steps__inner .step-1 .number,.gift-box-steps[data-current-step='4'] .gift-box-steps__inner .step-2 .number,.gift-box-steps[data-current-step='4'] .gift-box-steps__inner .step-3 .number,.gift-box-steps[data-current-step='4'] .gift-box-steps__inner .step-4 .number {
    background-color:#bf7b07;
    color:#ffffff;
}
.gift-box-steps[data-current-step='4'] .gift-box-steps__inner::after {
    width:99.9%
}
@media (max-width:400px) {    
    .gift-box-steps .step .label {
        letter-spacing:normal;
        font-size:10px
    }
}
.gift-box-box-selector {
    padding-bottom:4em
}
.gift-box-box-selector__text {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    margin-bottom:3em
}
.gift-box-box-selector__text .h1 {
    margin:0
}
.gift-box-box-selector__text .text {
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:300
}
.gift-box-box-selector__box-list {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-column-gap:20px
}
.gift-box-box-selector .box-product {
    background-color:#fff
}
.gift-box-box-selector .arrows {
    display:none
}
@media (max-width:990px) {
    .gift-box-box-selector .container {
        padding:0
    }
    .gift-box-box-selector .arrows {
        display:flex
    }
    .gift-box-box-selector__text {
        padding:0 20px
    }
    /* .gift-box-box-selector__box-list {
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        grid-template-columns:unset;
        grid-column-gap:unset;
        display:flex;
        padding-left:20px
    } */
    .gift-box-box-selector__box-list {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      padding: 0 20px;
    }
    .gift-box-box-selector__box-list::after {
        content:'dc';
        display:block;
        position:relative;
        max-width:20px;
        height:20px;
        color:transparent
    }
    .gift-box-box-selector .box-product {
      scroll-snap-align: center;     
      width: calc(50% - 10px);
      margin:0;
    }
    /* .gift-box-box-selector .box-product {
        min-width:400px;
        scroll-snap-align:center;
        margin-right:20px
    } */

    .template-page-gift_box #gift-box-main .box-product__heading { font-size: 18px;}
    .template-page-gift_box button.button { font-size: 13px; padding: 15px 20px 13px 20px; letter-spacing: 0;}
  
}
@media (max-width:450px) {
    .gift-box-box-selector .box-product {
        width:100%;
    }
}
.gift-box-items__list {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-column-gap:20px;
    grid-row-gap:20px;    
}
@media (max-width:1300px) {
    .gift-box-items__list {
        grid-template-columns:repeat(3,1fr)
    }
}
@media (max-width:990px) {
    .gift-box-items__list {
        grid-template-columns:repeat(2,1fr)
    }
}

    
.gift-box-toolbar {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#bf7b07;
    padding:10px 0;
    z-index:99999999999
}
.gift-box-toolbar .container {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.gift-box-toolbar .column-1,.gift-box-toolbar .column-2 {
    display:flex;
    align-items:center
}
.gift-box-toolbar .column-2 {
    min-width: 360px; justify-content: flex-end;
}
.gift-box-toolbar__items {
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap: wrap;
    gap:10px;
}
.gift-box-toolbar__items li {
    height:40px;
    width:40px;
    display:block;    
    position:relative;
    border-radius: 5px;
    background-color: #fff;
}
.gift-box-toolbar__items li:last-child {
    margin-right:0
}
.gift-box-toolbar__items li img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius: 5px;
}

.gift-box-toolbar .btn--gift-box-next-step {
    padding: 16px 20px 15px 20px;
    border: solid 1px #ffffff !important;
    background: none !important;
    color: #ffffff !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    outline: none !important;
    border-radius: 10px;
}

.gift-box-toolbar .btn--gift-box-next-step:hover {
    border-color:#21211c;
    background-color:#21211c;
    color:#fff
}
.gift-box-toolbar .btn--gift-box-next-step:disabled {
    opacity:.7
}
.gift-box-toolbar .box-size-selector {
    padding: 12px 20px 10px 20px;
    cursor: pointer;
    border: 1px solid #ffffff;
    margin-right: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 10px;
}
@media (max-width:900px) {
    .gift-box-toolbar .container {
        flex-direction:column;
        align-items:flex-start
    }
    .gift-box-toolbar .container .column-1,.gift-box-toolbar .container .column-2 {
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-width: unset;
    }
    .gift-box-toolbar .container .column-1 {
        margin-bottom:1em
    }
    .template-page-gift_box .gift-box-add-to-cart__review .items-list-wraper { margin-top: 20px;}
}
@media (max-width:650px) {
    .gift-box-toolbar__items {
        flex-wrap:wrap
    }
    .gift-box-toolbar__items li:nth-child(n+6) {
        /* margin-top:10px */
    }
}
@media (max-width:400px) {
    .gift-box-toolbar__items {
        /* max-width:220px; */
        flex-wrap:wrap
    }
    .gift-box-toolbar__items li {
        height:28px;
        width:28px
    }
    .gift-box-toolbar .edit-items {
        padding:0
    }    
}
.gift-box-notifications {
    position:fixed;
    top:20px;
    left:40px;
    list-style-type:none;
    padding:0;
    margin:0;
    z-index:10000
}
.gift-box-notifications li {
    background-color:red;
    color:#ffffff;
    font-size:15px;
    padding:10px;
    border-radius:8px;
}
.gift-box-notifications li:not(:last-child) {
    margin-bottom:10px
}
@media (max-width:900px) {
    .gift-box-notifications {
        padding:0 20px;        
        left:0;
        width:100%
    }
}
.edit-box-items-modal__items {
    width:100%
}
.edit-box-items-modal .items-list {
    width:100%;
    display:flex;
    flex-direction:column;
    border-top:1px solid grey
}
.edit-box-items-modal .items-list__item {
    width:100%;
    padding:1em 0;
    border-bottom:1px solid grey;
    display:flex;
    align-items:center
}
.edit-box-items-modal .items-list__item .item-image {
    position:relative;
    width:60px;
    height:60px;
    margin-right:2em;
    overflow:hidden
}
.edit-box-items-modal .items-list__item .item-image img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius: 5px;
}
.edit-box-items-modal .items-list__item .item-title-remove {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:calc(100% - 60px - 2em)
}
.edit-box-items-modal .items-list__item .item-title-remove h4 {
    margin:0
}
.edit-box-items-modal .items-list__item .item-title-remove .edit-btn {
    color:#21211c;
    padding:0
}
@media (min-width:901px) {  
    .edit-box-items-modal__items:nth-child(2):last-child {
        padding:0
    }
    .edit-box-items-modal .items-list {
        max-height:calc(90vh - 120px);
        overflow-y:scroll;
        -ms-overflow-style:none
    }
    .edit-box-items-modal .items-list::-webkit-scrollbar {
        display:none
    }
}
@media (max-width:900px) {
    .edit-box-items-modal .modal__inner {
        overflow-y:auto;
        /* flex-direction:column; */
        -ms-overflow-style:none
    }
    .edit-box-items-modal .modal__inner::-webkit-scrollbar {
        display:none
    }
    .edit-box-items-modal .items-list__item .item-image { margin-right:1em; }
    .gift-box-toolbar__items { gap: 5px !important;}
    .gift-box-toolbar__items li { height: 34px; width: 34px;}
}
@media (max-width:768px) {
    .edit-box-items-modal .items-list__item .item-title-remove {
        align-items:flex-start;
        flex-direction:row;
        flex-wrap:wrap
    }
    .edit-box-items-modal .items-list__item .item-title-remove h4 {
        font-size:14px;
        margin:0 0 .5em 0
    }
    .edit-box-items-modal .items-list__item .item-title-remove .delete-btn {
        padding:.5em 0
    }

    .gift-box-toolbar__items { justify-content: center;gap:5px !important;}
    .gift-box-toolbar .container .column-1 {flex-direction: column; gap: 10px;}
    .gift-box-toolbar__items li { height:32px; width:32px    }
    .edit-box-items-modal .items-list__item .item-title-remove button.delete-btn { padding: 10px 12px; font-size: 11px;}
}
.gift-box-add-to-cart {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-column-gap:2em;
    grid-row-gap:2em
}
.gift-box-add-to-cart__review .items-list-wraper {
    margin-bottom:2em
}
.gift-box-add-to-cart__review .box-items {
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.gift-box-add-to-cart__review .box-items__item {
    display:flex;
    align-items:center;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom:15px;
}
.gift-box-add-to-cart__review .box-items__item {
    
}
.gift-box-add-to-cart__review .box-items__item .item-image {
    position:relative;
    width:80px;
    height:80px;
    margin-right:1em;
    overflow:hidden;
    border-radius: 10px;
}
.gift-box-add-to-cart__review .box-items__item .item-image img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.gift-box-add-to-cart__review .box-items__item .item-info {
    position:relative;
    padding-right:1.5em
}
.gift-box-add-to-cart__review .box-items__item .item-info__actions {
    display:flex;
    margin-top:0px;
    gap:1em
}
.gift-box-add-to-cart__review .box-items__item .item-info__actions button {
    padding:0
}
.gift-box-add-to-cart__review .box-items__item .item-info__actions button.edit-btn {
    font-weight:600;
    cursor:pointer;
    color:#21211c
}
.gift-box-add-to-cart__add .buy {
    background-color:#f1dcb6;
    padding:20px;
    border-radius: 10px;
}
.gift-box-add-to-cart__add .additional-fields {
    display:flex;
    flex-direction:column
}
.gift-box-add-to-cart__add .additional-fields label {
    margin-top:.5em
}
.gift-box-add-to-cart__add .additional-fields label>span {
    font-weight:400
}
.gift-box-add-to-cart__add .additional-fields label textarea {
    width:100%;
    margin-top:1em;
    height:140px;    
    background-color:inherit;
    border:2px solid #21211c;
    padding:10px;
    outline:0;
    resize:none;
    border-radius:10px
}
.gift-box-add-to-cart__add .total {
    padding:1em 0;
    display:flex;
    justify-content:space-between;
    font-weight:600;
    font-size:18px
}
.gift-box-add-to-cart__add .add-to-cart-btn,.gift-box-add-to-cart__add .add-to-wishlist-btn {
    width:100%;
    align-items:center;
    justify-content:center;
    position:relative
}
.gift-box-add-to-cart__add .add-to-cart-btn svg,.gift-box-add-to-cart__add .add-to-wishlist-btn svg {
    animation:button-loader-spin .5s infinite;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
    transition:opacity .3s ease-in-out;
    opacity:0;
    height:20px;
    width:20px;
    fill:#fff
}
.gift-box-add-to-cart__add .add-to-cart-btn.adding,.gift-box-add-to-cart__add .add-to-wishlist-btn.adding {
    color:transparent
}
.gift-box-add-to-cart__add .add-to-cart-btn.adding svg,.gift-box-add-to-cart__add .add-to-wishlist-btn.adding svg {
    opacity:1
}
.gift-box-add-to-cart__add .wishlist-signin-message {
    text-align:center;
    margin-top:1em
}
.gift-box-add-to-cart__add .wishlist-signin-message a {
    text-decoration:underline
}
.gift-box-add-to-cart__add .add-to-wishlist-btn {
    margin-top:1em
}
.gift-box-add-to-cart__add .add-to-wishlist-btn svg {
    fill:#21211c
}
.gift-box-add-to-cart__add .create-new-box-btn {
    margin-top:1em;
    text-align:center;
    justify-content:center;
    width:100%
}
@media (max-width:900px) {
    .gift-box-add-to-cart {
        grid-template-columns:1fr
    }
}
.box-item {
    max-width:100%;
    min-width:100%
}
.box-item__image {
    padding-top:100%;
    position:relative;
    background-color:#f0fffd
}
.box-item__image img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.box-item__content {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:1em 0
}
.box-item__stars {
    height:18px;
    max-width:90px;
    width:100%;
    display:none
}
@media (max-width:768px) {
    .box-item__stars {
        height:12px;
        max-width:60px
    }
}
.box-item__stars[src] {
    display:block
}
.box-item__heading {
    padding-right:0px;
    margin:0;
    text-transform:none;
    line-height:1.6;
    cursor:pointer
}
.box-item__price {
    padding-top:5px
}
.box-item .btn--add-to-box {
    background:0 0;
    padding:8px;
    color:#21211c;
    border-width:1px;
    font-size:12px;
    max-width:136px;
    min-width:136px
}
.box-item .btn--add-to-box:hover {
    color:#fff;
    border-color:#21211c;
    background-color:#21211c
}
@media (max-width:700px) {
    .box-item__heading {
        font-size:12px;
        line-height:1.4
    }
    .box-item .btn--add-to-box {
        min-width:28px;
        padding:4px
    }
    .box-item .btn--add-to-box svg {
        width:18px;
        height:auto;
        margin-right:0
    }
    .box-item .btn--add-to-box span.text {
        clip:rect(0 0 0 0);
        clip-path:inset(50%);
        height:1px;
        overflow:hidden;
        position:absolute;
        white-space:nowrap;
        width:1px
    }
}
.box-item .rating {
    display:flex
}
@media (max-width:768px) {
    .box-item .rating {
        align-items:center
    }
}
.box-item .rating p {
    padding:0;
    margin:0 0 0 4px;
    color:#333;
    font-size:12px;
    position:relative;
    bottom:2px;
    font-family:inherit;
    line-height:22px
}
@media (max-width:768px) {
    .box-item .rating p {
        font-size:10px;
        margin:3px 0 0 4px
    }
}
.box-item .hide-rating {
    display:none
}
.modal {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(33,33,28,.8);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:999999999999
}
.modal__inner {
    background-color:#fff;
    width:80%;
    min-height:400px;
    max-height:90vh;
    position:relative;
    padding:40px;
    display:flex;
    align-items:flex-start;
    flex-wrap: wrap;
}
.modal__header {
    display:flex;
    justify-content:center;
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:50px
}
.modal__header .logo {
    display:none
}
.modal__close-btn {
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    height:40px;
    width:40px;
    outline:0;
    cursor:pointer
}
.modal__close-btn::after,.modal__close-btn::before {
    position:absolute;
    content:'';
    width:1px;
    height:26px;
    left:50%;
    background-color:#21211c
}
.modal__close-btn::before {
    transform:translate(-50%,-50%) rotate(-45deg)
}
.modal__close-btn::after {
    transform:translate(-50%,-50%) rotate(45deg)
}
@media (max-width:900px) {
    .modal__inner {
        width:100%;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        max-height:none;
        padding-top:60px
    }
    .modal__header {
        height:60px;
        position:fixed;
        z-index:30;
        background-color:#fff
    }
    .modal__header .logo {
        display:flex
    }
    .modal__header .logo img.site-logo {
      object-fit: contain;
      padding: 8px;
    }
    .modal__header .logo svg {
        width:200px
    }
}
.box-item-modal__gallery {
    width:50%;
    padding-right:3em;
    max-height:calc(90vh - 60px);
    overflow-y:auto;
    -ms-overflow-style:none
}
.box-item-modal__gallery::-webkit-scrollbar {
    display:none
}
.box-item-modal__gallery .gallery-slider {
    display:flex;
    overflow-x:auto;
    position:relative;
    scroll-snap-type:x mandatory;
    -ms-overflow-style:none
}
.box-item-modal__gallery .gallery-slider::-webkit-scrollbar {
    display:none
}
.box-item-modal__gallery .gallery-slider.auto-scrolling {
    scroll-snap-type:none
}
.box-item-modal__gallery .gallery-slider .gallery-image {
    min-width:100%;
    max-width:100%;
    padding-top:100%;
    margin-right:1em;
    position:relative;
    scroll-snap-align:center
}
.box-item-modal__gallery .gallery-slider .gallery-image img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.box-item-modal__gallery .gallery-slider-thumbnails {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-column-gap:10px;
    grid-row-gap:10px;
    padding-top:20px
}
.box-item-modal__gallery .gallery-slider-thumbnails .gallery-thumbnail {
    width:100%;
    padding-top:100%;
    position:relative;
    cursor:pointer
}
.box-item-modal__gallery .gallery-slider-thumbnails .gallery-thumbnail img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.box-item-modal__information {
    /* overflow-y:auto; */
    max-height:calc(90vh - 60px);
    width:50%;
    padding-left:0;
    text-align:left;
}
.box-item-modal__information .subheading {
    color:grey;
    text-transform:uppercase;
    font-size:12px
}
.box-item-modal__information h3 {
    margin-top:.5em
}
.box-item-modal__information .description {
    font-weight:300;
    margin-bottom:1em
}
.box-item-modal__information .btn--add-to-box {
    width:100%;
    justify-content:center;
    font-size:16px;
    padding:14px
}
.box-item-modal__information .btn--add-to-box svg {
    height:20px;
    width:auto;
    margin-right:1.5em
}
.box-item-modal .box-item-accordion {
    padding:20px 0 0 0
}
.box-item-modal .box-item-accordion details {
    background:0 0;
    padding:0;
    margin-bottom:0;
    width:auto
}
.box-item-modal .box-item-accordion details summary {
    outline:0;
    border-bottom:1px solid #c8c8c8;
    padding:15px 0;
    position:relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}
.box-item-modal .box-item-accordion p {
    font-size: 15px;
    line-height: 1.4;
    margin: 10px 0;
}
.box-item-modal .box-item-accordion details summary+div {
    padding: 12px;
}
.box-item-modal .box-item-accordion details summary::after {
    content:'';
    background-image:url('data:image/svg+xml;
    utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.22" height="7.178" viewBox="0 0 13.22 7.178"><path d="M13.991,152.29l-.21-.21a.356.356,0,0,0-.5,0l-5.79,5.793-5.793-5.793a.356.356,0,0,0-.5,0l-.21.21a.356.356,0,0,0,0,.5l6.252,6.255a.356.356,0,0,0,.5,0l6.252-6.255A.353.353,0,0,0,13.991,152.29Z" transform="translate(-0.875 -151.975)"/></svg>');
    background-position:center;
    background-size:100% auto;
    background-repeat:no-repeat;
    width:14px;
    height:8px;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    transition:transform .3s ease
}
.box-item-modal .box-item-accordion details[open] summary::after {
    transform:translateY(-50%) rotate(180deg)
}
@media (max-width:990px) {
    .box-item-modal__gallery {
        padding-right:2em
    }
}
@media (max-width:768px) {
    .box-item-modal .modal__inner {
        flex-direction:column;
        overflow-y:auto
    }
    .box-item-modal__gallery {
        width:100%;
        padding-right:0;
        max-height:none;
        padding-bottom:2em;
        overflow-y:unset
    }
    .box-item-modal__information {
        padding-left:0;
        width:100%;
        overflow-y:unset
    }
}

.box-item-variant-options {
    padding-bottom:1em
}
.box-item-variant-options .variant-selector {
    position:relative
}
.box-item-variant-options .variant-selector button {
    padding:8px 16px;
    min-height:58px;
    display:flex;
    align-items:center;
    width:100%
}
.box-item-variant-options .variant-selector button img {
    width:40px;
    height:auto;
    margin-right:20px
}
.box-item-variant-options .variant-selector>button {
    border:1px solid #21211c
}
.box-item-variant-options .variant-selector__options {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background-color:#cee7e4;
    overflow-y:auto;
    max-height:200px;
    width:100%;
    display:none
}
.box-item-variant-options .variant-selector__options>button:hover {
    background-color:#f0fffd
}
.box-item-variant-options .variant-selector.open .variant-selector__options {
    display:block
}


.stage-three-upsell-popup {
    z-index:48
}
.stage-three-upsell-popup .modal__inner {
    max-width:1100px
}
.stage-three-upsell-popup__content h3 {
    text-align:center
}
.stage-three-upsell-popup__products {
    overflow-y:auto;
    display:grid;
    gap:20px;
    grid-template-columns:repeat(3,1fr);
    padding-bottom:80px;
    max-height:68vh
}
.stage-three-upsell-popup__products::after {
    height:100px;
    content:'';
    display:block
}
.stage-three-upsell-popup__actions {
    padding:20px 40px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:#bf7b07
}
@media (max-width:900px) {
    body.gift-box-stage-4 .gift-box-notifications {        
        padding-bottom:20px
    }
}
#ShopifyChat,#dummy-chat-button-iframe {
    right:16px!important;
    bottom:90px!important
}
@media (max-width:990px) {
    #ShopifyChat[isopen=true] {
        bottom:0!important
    }
}
.collection__gift-box-collection #dummy-chat-button-iframe,.collection__gift-box-collection #shopify-chat {
    display:none!important
}
.modal-loader {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.modal-loader__spinner {
    height:2.5em;
    width:2.5em;
    color:#21211c;
    position:relative
}
.modal-loader__spinner svg {
    animation:button-loader-spin .4s infinite;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
    transition:opacity .3s ease-in-out;
    opacity:1;
    height:100%;
    width:100%
}
.modal-loader__spinner svg .fa-secondary {
    opacity:.4
}
.edit-item-gift-message {
    padding:0;
    background:0 0;
    font-weight:600;
    text-decoration:underline;
    cursor:pointer;
    color:#21211c
}
input[type=checkbox] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:1em;
    outline:0;
    position:relative
}
input[type=checkbox]::before {
    content:'';
    background:rgba(255,255,255,.4);
    border:1px solid rgba(255,255,255,.8);
    height:1em;
    width:1em;
    display:inline-block;
    border-radius:5px
}
input[type=checkbox]::after {
    content:'';
    opacity:0;
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7.061" height="5.762" viewBox="0 0 7.061 5.762"><path id="checkmark" d="M100.942,128l-3.459,3.953L96,130.471" transform="translate(-94.939 -126.942)" fill="none" stroke="%23000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>');
    background-repeat:no-repeat;
    background-position:.35em .42em;
    position:absolute;
    left:0;
    right:0;
    height:inherit;
    width:inherit;
    display:flex;
    justify-content:center;
    align-items:center;
    bottom:0;
    transition:ease-in-out 450ms opacity
}
input[type=checkbox]:focus::after,input[type=checkbox]:hover::after {
    opacity:.2
}
input[type=checkbox]:checked::before {
    background-color:#60ba98;
    border-color:#60ba98
}
input[type=checkbox]:checked::after {
    opacity:1
}