/* -------- New Layout Checkout -------- */
/* Order Details */
/* Reset elements */
.order-summary a {
    color: #121212;
    text-decoration: underline;
}

.order-summary ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* End Reset elements */

.title-order {
    font-size: 18px;
    color: #121212;
    font-weight: 600;
    text-align: left;
}

.page-title-margin {
    margin-bottom: 20px;
}

.page-title-margin h1 {
    font-size: 28px !important;
    color: #121212;
}

.page-title-margin h2{
    font-size: 24px !important;
    color: #121212;
}

.order-summary {
    background-color: #F7F8FF;
    border-radius: 16px;
    color: #121212;
    /* padding-bottom: 16px; */
}

.order-summary .order-detail {

}

.order-summary .drag-details {
    font-size: 14px;
    color: #121212;
    font-weight: 400;
}

.payment-methods, .finish-order {
    padding: 8px 30px;
}

.order-summary .order-detail .title-order-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 30px 8px;
}

.order-summary .order-detail .order-items {
    background-color: #ffffff;
}

.order-summary .order-detail .order-items ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.order-summary .order-detail .order-items ul li {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    padding: 4px 8px;
    gap: 4px;
    border-bottom: 1px solid #E3E4E7;
    font-size: 14px;
    line-height: 16px;
}

.order-summary .order-detail .order-items ul li .item-product-quantity {
    width: 28px;
    text-align: left;
    /* border: 1px solid #E3E4E7; */
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.order-summary .order-detail .order-items ul li .item-product-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
    width: 60px;
    /* height: 60px; */
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    /* border: 1px solid #E3E4E7; */
}


.order-summary .order-detail .order-items ul li .item-product-img .is-medical-alert {
    position: absolute;
    top: 0;
    right: 0;
}


.order-summary .order-detail .order-items ul li .item-product-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.order-summary .order-detail .order-items ul li .item-product-title a {
    font-size: 12px;
    line-height: 16px;
}

.order-summary .order-detail .order-items ul li .item-product-price {
    text-align: right;
    white-space: wrap;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 68px;
}

.order-summary .order-detail .order-items ul li .item-product-price .regular-price {
    font-size: 12px;
    display: block;
    color: #636563;
}

.order-summary .order-detail .order-items ul li .item-product-img img {
    -o-object-fit: contain;
        object-fit: contain;
    width: 60px;
    height: 60px;
    
}

.order-summary .details-order-amount,
.order-summary .checkout-alerts,
.order-summary .payment-methods,
.order-summary .finish-order,
.order-summary .shipping-form {
    padding: 16px 30px 0;
}

.order-summary ul.items-order-amount {
    color: #636563;
    font-size: 14px;
    gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.order-summary ul.items-order-amount li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
}

.order-summary ul.items-order-amount li span.style-discount-valeu {
    color: #7EAC62;
}

.order-summary ul.items-order-amount li span.style-total-title,
.order-summary ul.items-order-amount li span.style-total-valeu {
    font-weight: 700;
}

.order-summary ul.items-order-amount li.item-total, 
.order-summary ul.items-order-amount li.item-subtotal {
    border-top: 1px solid #D1D1D3;
    padding: 8px 0;
}

/* ALERT */
.order-alert {
    padding: 16px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
}

.details-order-collaps {
    padding-bottom: 10px;
}

.order-alert.alert-success  {
    background-color: #67B13A;
    color: #ffffff;
}

.order-alert.alert-warning  {
    background-color: #ffa500;
    color: #ffffff;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px);
    }
    50% {
        -webkit-transform: translateX(5px);
                transform: translateX(5px);
    }
    75% {
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px);
    }
    50% {
        -webkit-transform: translateX(5px);
                transform: translateX(5px);
    }
    75% {
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px);
    }
}

.order-alert.error {
    background-color: red !important; /* Red color when error is active */
    -webkit-animation: shake 0.5s ease !important;
            animation: shake 0.5s ease !important; /* Apply the shake animation */
}

.order-alert.alert-info  {
    background-color: #DBEAFE;
    border: 1px solid #2563EB;
    color: #2563EB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}

.order-alert.alert-success.align-text-center, .order-alert.alert-warning.align-text-center {
    text-align: center;
}

.order-confirmation {
    padding: 16px 0;
}

/* CHECKBOX */
.container-checkbox {
    text-align: left;
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
  
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.container-checkbox:hover input ~ .checkmark {
    background-color: #f7f7f7;
    border: 1px solid #121212;
}

.container-checkbox input:checked ~ .checkmark {
    background-color: #121212;
    border: 1px solid #121212;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.container-checkbox .checkmark:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.order-confirmation a {
    color: #636465;
    text-decoration: underline;
}
/* End CHECKBOX */

.checkout-page .btn,
/*.cart-page .btn,*/
.button-login .btn,
.modal-dialog:not(.except) .btn,
.content-button .btn, 
.form-group .btn, .new-quickview-content .btn {
    padding: 12px 16px !important;
    border: none !important;
    font-size: 16px !important;
    line-height: normal !important;
    border-radius: 8px !important;
    text-transform: capitalize !important;
    height: auto !important;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
}

.new-quickview-content .btn {
    font-size: 14px !important;
    height: 42px !important;
}

.btn-warning {
    padding: 8px 12px !important;
    border: 1px solid !important;
    margin-top: 8px;
    background: transparent !important;
    font-size: 14px !important;
    line-height: normal !important;
    border-radius: 8px !important;
    text-transform: capitalize !important;
    height: auto !important;
    text-decoration: none !important;
}

.btn-warning:hover {
    background: white !important; /* Adds white background */
    color: #ffa500 !important; /* Matches the orange card background */
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05); /* Optional: Slightly enlarges the button for emphasis */
}

.error .btn-warning:hover {
    color: red !important; /* Matches the orange card background */
}

.btn.submit-order {
    text-align: center;
    color: #fff !important;
    background-color: #121212;
    background: #121212;
    border-radius: 8px;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out !important;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out !important;
}

.btn.submit-order:hover {
    color: #fff !important;
    background-color: #3a3434 !important;
}

.btn.submit-order:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.btn.submit-order:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.new-quickview-content .btn {
    color: #fff !important;
}

/* ===== Pack Card ===== */

.pack-card {
  margin-top: 8px;
  padding: 12px 4px 0px 4px;
  border: 1px solid #CED4DA;
  border-radius: 8px;
}

.pack-card-label {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.pw-header {
    padding: 0px 8px 0px 8px;
}

/* FLEX CONTAINER (unchanged) */
.pw-tiers{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:8px;
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}

.pw-tiers .owl-stage {
    padding-bottom: 12px;
    padding-top: 14px;
}

/* CARD */
.pw-tier{
  -webkit-box-flex:1;
      -ms-flex:1 1 0px;
          flex:1 1 0;
  min-width:0;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  gap:8px;
  padding: 16px 8px 8px 8px;
  border:1 solid;
  border-color: #CED4DA;
  border-radius:8px;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  -webkit-transition:border-color .15s, background .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  transition:border-color .15s, background .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  -o-transition:border-color .15s, box-shadow .15s, transform .15s, background .15s;
  transition:border-color .15s, box-shadow .15s, transform .15s, background .15s;
  transition:border-color .15s, box-shadow .15s, transform .15s, background .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  background:#FFF;
  -webkit-box-shadow: 0px 1px 2px 0px #8A9CA81A;
          box-shadow: 0px 1px 2px 0px #8A9CA81A;
  -webkit-box-shadow: 0px 3px 3px 0px #8A9CA817;
          box-shadow: 0px 3px 3px 0px #8A9CA817;
  -webkit-box-shadow: 0px 6px 4px 0px #8A9CA80D;
          box-shadow: 0px 6px 4px 0px #8A9CA80D;
  -webkit-box-shadow: 0px 11px 4px 0px #8A9CA803;
          box-shadow: 0px 11px 4px 0px #8A9CA803;
   width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* so padding/border don’t overflow */
}
.pw-tier:hover{ -webkit-transform:translateY(-2px); -ms-transform:translateY(-2px); transform:translateY(-2px); -webkit-box-shadow:0 6px 16px rgba(0,0,0,.08); box-shadow:0 6px 16px rgba(0,0,0,.08); }
/* Remove default UA focus rings */
.pw-tier:focus { outline: none; }
.pw-tier:focus-visible { outline: none; }

/* Firefox inner dotted border */
.pw-tier::-moz-focus-inner { border: 0; padding: 0; }

/* Optional: kill tap highlight on mobile */
.pw-tier { -webkit-tap-highlight-color: transparent; }

/* Keep an accessible custom focus style (green) */
.pw-tier:focus-visible,
.pw-tier[aria-checked="true"]{
  border-color:#26A842;
  -webkit-box-shadow: 0px 1px 2px 0px #26A84233;
          box-shadow: 0px 1px 2px 0px #26A84233;

-webkit-box-shadow: 0px 3px 3px 0px #26A8421F;

        box-shadow: 0px 3px 3px 0px #26A8421F;

-webkit-box-shadow: 0px 6px 4px 0px #26A8421A;

        box-shadow: 0px 6px 4px 0px #26A8421A;

-webkit-box-shadow: 0px 11px 4px 0px #26A8420A;

        box-shadow: 0px 11px 4px 0px #26A8420A;

}

/* Top: quantity (keep clear) */
.pw-top{
  font-weight:400;
  font-size:12px;
  color:#424646;
}

/* Middle: €/unid — make it subtle */
.pw-mid{
  font-weight:400;           /* not bold */
  font-size:12px;            /* smaller */
  color:#A29F9F;       /* subdued color */
}

/* Bottom: “Poupa …” — make it the hero */
.pw-bottom{
  font-weight:700;
  font-size:12px;
  color:#fff;
  background:#26A842;
  padding:8px 8px;
  border-radius:8px;
}

/* Full-width top banner */
.pw-tag{
  position: absolute;
  top: -12px;
  left: 0px;
  right: 0px;
  font-size: 12px;
font-weight: 700;
  color: #424646;
  padding: 6px 8px;
border-radius: 999px;
background: #FFD54F;
  opacity: .95;
}

.outlet-card .btn {
    border: 1px solid #000000 !important;
    color: #121212 !important;
    background: #E6E6E6;
}

.outlet-card .btn:hover {
    color: #121212 !important;
    background-color: #ccc !important;
}

  /* ===== Outlet Card: consistent look everywhere ===== */
.outlet-card{
  /* remove the extra top padding you were using for absolute elements */
  margin-top: 16px;
  padding: 12px 0px;                 /* was 48px 12px ... */
  border: 1px solid #CED4DA;
  border-radius: 8px;
  background:#fff;
}

/* Header row: ribbon left, date-chip right */
.outlet-card__header{
    margin: 0px 12px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* optional divider under header */
  padding-bottom: 4px;
}

/* Ribbon — now inline, not absolute */
.pack-card__ribbon{
  color: #26a842 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
}

.outlet-card__ribbon {
    padding: 4px 12px;
    background: #F97316;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    display: inline-block;      /* or block */
  max-width: 100%;            /* respect container width */
    white-space: normal;        /* allow wrapping */
  overflow-wrap: anywhere;    /* break very long words */
    border-radius: 0 16px 16px 0;
}

.outlet-card__footer {
  margin: 0px 12px;
  margin-top: 0.75rem;
  padding: 6px 8px;
  background: #f9fafb;
  border-radius: 0.5rem;
  border: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: 0.65rem;
  line-height: 1.3;
  color: #4b5563;
}

.outlet-card__footer-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.15rem;
}

.outlet-card__note {
  display: block;
}

/* Date chip — inline, pushed to the right */
.date-chip{
    padding:0 0 0 12px;
  color:#424646;                 
  font-size:10px;
  font-weight:400;
}

/* Small screens: let them stack cleanly */
@media (max-width: 360px){
  .outlet-card__header{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 6px;
  }
  .date-chip{
    margin-left: 0;              /* allow wrap under the ribbon */
  }
}

/* stats row — flex version */
.outlet-card__body{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;          /* needed for the mobile wrap */
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;  /* no extra space between columns */
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;          /* horizontal gap */
  row-gap: 6px;             /* vertical gap */
  padding: 0px 12px;
  width: 100%;
}

/* children: set sensible flex defaults */
.outlet-card__body > *{
  min-width: 0;             /* prevent overflow on long content */
}

/* desktop: 96px + two autos */
.outlet-card__body > :first-child{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 96px;
          flex: 0 0 96px;           /* fixed 96px column */
}

.outlet-card__body > :nth-child(2){
    -webkit-box-flex: 0;
        -ms-flex: 0 0 106px;
            flex: 0 0 106px;           /* fixed 106px column */
}

.outlet-card__body > :nth-child(3){
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;              /* share remaining space */
}

/* ≤360px: first item full row, next two as 2 columns */
@media (max-width: 360px){
  .outlet-card__body > :first-child{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;         /* spans full row */
  }
  
  .outlet-card__body > :nth-child(2) {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 106px;
              flex: 0 0 106px;           /* fixed 106px column */
  }

  .outlet-card__body > :nth-child(3){
    /* two equal columns on the next row */
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc((100% - 6px) / 2);
            flex: 1 1 calc((100% - 6px) / 2); /* account for the column gap */
  }
}

.outlet-card__stat{
  padding:8px 10px; background:#F6F7FB; border-radius:8px;
}
.outlet-card__price{ font-size:18px; font-weight:700; color:#F97316; }

.order-summary .select-payment {

}

/* Radio */
.container-radio,
.conteiner-checkbox-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #DDE0E4;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    
}

.container-radio.h32,
.conteiner-checkbox-box.h32 {
    padding: 12px 16px;
}

.container-radio input[type=radio],
.conteiner-checkbox-box input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container-radio .checkmark {
    position: absolute;
    top: 16px;
    right: 16px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #DDE0E4;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.conteiner-checkbox-box .checkmark {
    position: absolute;
    top: 16px;
    right: 16px;
    height: 16px;
    width: 16px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #DDE0E4;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.container-radio:hover,
.conteiner-checkbox-box:hover {
    border: 1px solid #121212;
}
  
.container-radio:hover input ~ .checkmark,
.conteiner-checkbox-box:hover input ~ .checkmark {
    background-color: #f7f7f7;
    border: 1px solid #121212;
}

.container-radio input:checked ~ .checkmark {
    background-color: #f7f7f7;
    border: 1px solid #121212;
}

.conteiner-checkbox-box input:checked ~ .checkmark{
    background-color: #121212;
    border: 1px solid #121212;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container-radio input:checked ~ .checkmark:after,
.conteiner-checkbox-box input:checked ~ .checkmark:after {
    display: block;
}

.container-radio .checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #121212;
}

/* Checkbox */
.conteiner-checkbox-box .checkmark:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.active-radio {
    border: 1px solid #121212;
}

.payment-field {
    padding-top: 16px;
}

.value-payment-field {
    color: #636563;
    font-size: 10px;
}

.customer-discounts,
.customer-account-data {
    margin-bottom: 30px;
}

.form-card-cupon,
.form-card-balance {
    padding-top: 16px;
}

/* Customer Discounts */
.customer-discounts, 
.filter-sales {
    background-color: #F1F6EE;
    border-radius: 16px;
    padding: 16px 30px;
}

/* Customer Account Data */
.customer-account-data,
.content-border-gray,
.content-list-sales,
.content-form-drugs {
    border: 1px solid #DDE0E4;
    border-radius: 16px;
    padding: 16px 24px;
}

/* Filter My Sales */
.content-list-sales .table-head {
    background-color: #121212;
    color: #ffffff;
    padding: 10px 0;
    border-radius: 8px;
}

.table-item {
    padding: 16px 0 8px;
    border-radius: 16px;
}

.content-list-sales .table-item .table-body-col {

}

.table-item:nth-child(odd) {
    background-color: #f9f9f9;
}

.table-item:nth-child(even) {
    background-color: transparent;
}

.content-list-sales .table-footer {
    background-color: #DDE0E4;
    color: #121212;
    padding: 10px 0 10px;
    border-radius: 8px;
    margin-top: 8px;
}

.content-list-sales .field-number {
    text-align: right;
}

/* Order status */
[class^="order-status-"] {
    background-color: #DDE0E4;
    padding: 4px 8px;
    border-radius: 8px;
    color: #121212;
    border: 1px solid #121212;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

[class$="cancelado"] {
    background-color: #F2C5C6;
    color: #C40D11;
    border: 1px solid #C40D11;
}

[class$="expedido"] {
    background-color: #C2D5F5;
    color: #356DCE;
    border: 1px solid #356DCE;
}

[class$="pago-en-proceso"] {
    background-color: #FBE1C8;
    color: #E2863C;
    border: 1px solid #E2863C;
}

.actions-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

[id^="view-order-detail-"]{
    border: 1px solid #DDE0E4;
    margin-top: 8px;
    padding: 0 8px;
    border-radius: 16px;
}

ul.list-order-detail li.item {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: start;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 8px;
}

ul.list-order-detail li.item:not(:last-child){
    border-bottom: 1px solid #DDE0E4;
}

ul.list-order-detail {
    margin: 0;
    padding: 0;
}

ul.list-order-detail .item-product-img img {
    width: 68px;
    border-radius: 8px;
    overflow: hidden;
}

ul.list-order-detail .item-product-quantity {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #121212;
    width: 40px;
}

ul.list-order-detail .item-product-title {
    width: 100%;
}

ul.list-order-detail .item-product-title a {
    text-align: left;
    padding: 0;
    margin: 0;
    font-weight: 400;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 12px;
    line-height: 16px;
    color: #121212;
    text-decoration: none;
}

ul.list-order-detail .item-product-price {
    width: 50%;
}

ul.list-order-detail .item-product-price .old-price {
    font-weight: 400;
    border-collapse: collapse;
    text-align: right;
    font-variant-numeric: tabular-nums;
    padding: 0;
    margin: 0;
    color: #636563;
    text-decoration: line-through;
    line-height: 10px;
    font-size: 12px;
    display: block;
}


ul.list-order-detail .item-product-price .price {
    display: block;
    font-weight: 400;
    line-height: 24px;
    border-collapse: collapse;
    font-size: 14px;
    color: #121212;
    text-align: right;
    font-variant-numeric: tabular-nums;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

.mobile-title-card {
    display: none;
}

@media only screen and (max-width: 767px) {
    .content-list-sales .table-head,
    .content-list-sales .table-footer {
        display: none;
    }
    .content-list-sales {
    }

    .table-item {
        border: 1px solid #DDE0E4;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    
    .table-item:not(:last-child) {
        margin-bottom: 8px ;
    }
    
    .mobile-title-card {
        display: inline-block;
        text-align: left;
        color: #424646;
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        padding: 0;
        margin: 0;
        margin-right: 8px;
    }

    .content-list-sales .field-number {
        text-align: left;
    }
}

/* END FILTER */

.form-control {
    font-size: 14px !important;
}

input.form-control:not(#globalsearchtearm):not(#mobile-globalsearchtearm),
textarea.form-control {
    
    font-size: 16px !important;
    padding: 12px 16px !important;
    border-radius: 8px;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
}

/* Force use style textarea */
textarea#obs.form-control,
textarea#message.form-control,
textarea#local.form-control,
textarea#infolocal.form-control,
textarea#motivation-letter.form-control {
    border: 1px solid #cccccc !important;
}

textarea#obs.form-control:focus,
textarea#message.form-control:focus {
    border: 1px solid #121212 !important;
}
/* End Force use style textarea */

select.form-control {
    border-radius: 8px;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 15px);
}

.form-control:focus {
    border-color: #121212 !important;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none !important; 
  margin: 0 !important; 
}

.input-group-text {
    background-color: transparent !important;
    border: 0 !important;
}

/* input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #868e96 !important;
} */

input[type="date"]:target {
    color: blue !important;
}

/* Force Style Nice Select  */
.shop.checkout .nice-select,
.order-summary .nice-select,
.login-page-section .nice-select,
.customer-account-page .nice-select,
.service-appointment .nice-select,
.content-form-drugs .nice-select,
.job-opportunity .nice-select {
    width: 100%;
    height: auto;
    line-height: 40px;
    margin-bottom: 0px;
    background: white;
    border-radius: 8px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
}

.shop.checkout .nice-select .list,
.order-summary .nice-select .list,
.login-page-section .nice-select .list,
.customer-account-page .nice-select .list,
.service-appointment .nice-select .list,
.content-form-drugs .nice-select .list,
.job-opportunity .nice-select .list {
    width: 100% !important;
    height: auto !important;
    overflow: auto !important;
    border: 1px solid #ccc !important;
    border-radius: 0 0 8px 8px;
    z-index: 9999;
}

.order-summary .nice-select.open .list,
.login-page-section .nice-select.open .list,
.customer-account-page .nice-select.open .list {
    width: 100%;
}

.shop.checkout .nice-select .list li.option,
.order-summary .nice-select .list li.option,
.login-page-section .nice-select .list li.option,
.customer-account-page .nice-select .list li.option {
    color: #121212;
}

.shop.checkout .nice-select .list li.option:hover,
.order-summary .nice-select .list li.option:hover,
.login-page-section .nice-select .list li.option:hover,
.customer-account-page .nice-select .list li.option:hover {
    background: #F7F8FF;
    color: #121212;
}

.order-alert.alert-error {
    background-color: #f05858;
    color: #ffffff;
}

.checkout-page #mapid {
    border: 1px solid #ced4da;
    border-radius: 8px 8px 8px 8px !important;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
}

/* Modal */
.modal {
    background: rgb(188 188 188 / 49%) !important;
    -webkit-backdrop-filter: blur(5px) !important;
            backdrop-filter: blur(5px) !important;
}

.modal-content {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10) !important;
}

.modal-dialog .modal-content {
    border-radius: 16px;
    overflow: hidden;
    border: none;
}

.modal-footer {
    border: none;
    background-color: #f6f6f8;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
}

.modal-footer>:not(:last-child) {
    margin-right: 0;
}

.modal-dialog .modal-content .modal-header .close {
    cursor: pointer !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    text-shadow: none !important;
    font-size: 12px !important;
    background: transparent !important;
    color: #121212 !important;
    border-radius: 100% !important;
    border: none !important;
    -webkit-transition: all 0.4s ease !important;
    -o-transition: all 0.4s ease !important;
    transition: all 0.4s ease !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}

.modal-dialog .modal-content .modal-header .close:hover {
    color: #fff !important;
    border-color: transparent !important;
    background: #3a3434 !important;
}

/* Force a */
.input-group-prepend {
    margin-right: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 6px;
}

#lblinfopayref,
#lblinfopaymbway,
#lblinfopaybizum {
    display: block;
    padding: 8px 16px !important;
    border-radius: 8px;
    margin: 10px 30px;
}

.field-alert-erro {
    margin-left: 5px;
    color: #f05858;
    font-size: 14px;
}

.shop.checkout .single-widget.get-button {
    padding: 10px 30px 16px;
}

/* Cart Page */
.shopping-cart {
    background-color: #ffffff;
}
.button-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: row; 
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
}

.table-container {
    width: auto;
    border-collapse: collapse;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #ced4da;
    font-size: 14px;
    color: #121212;
    margin-bottom: 16px;
}

.table-row {
    display: table-row;
    padding: 8px;
}

.table-row:not(:last-child) {
    border-bottom: 1px solid #ced4da;
}

.table-cell {
    display: table-cell;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
}

.table-header {
    background-color: #121212;
    color: #F1F6EE;
    vertical-align: middle;
    font-size: 16px;
}

.table-cell.img-cell {
    width: 16%;
    max-width: 80px;
}

.table-cell.img-cell img {
    width: 80px;
}

.table-cell.tb-product-item {
    width: 40%;
}

@media (max-width: 767px) {
    .table-cell.tb-product-item {
        width: 70%;
    }
}

.table-cell.tb-action-item {
    width: 50px;
}

.table-cell.tb-unit-item {
    width: 16%;
}

.table-cell.tb-price-item {
    width: 12%;
    min-width: 76px;
    text-align: right;
    font-variant-numeric: tabular-nums;

}

.table-container .item-product-title a {
    font-size: 12px;
    line-height: 16px;
    color: #121212;
    text-decoration: none;
}


.table-cell.tb-price-item .old-price {
    display: block;
    color: #636563;
    text-decoration: line-through;
    line-height: 10px;
    font-size: 12px;
}

/* Display in mobile */
@media (max-width: 480px) {

    [id^="line-cart-"]:not([id^="line-cart-total-"]) {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
        -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
                justify-content: space-between !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }

    .tb-price-item[id^="line-cart-price-"] {
        display: none !important;
    }

    .table-cell.tb-product-item {
        width: 100% !important;
    }

    .tb-unit-item {
        width: 110px !important;
    }

    .table-header .tb-price-item {
        display: none !important;
    }

}

.product-quantity-group {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ced4da;
    padding: 4px;
    line-height: 0px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.product-quantity-group .button-less,
.product-quantity-group .button-more {
    background-color: #121212;
    border: 0;
    width: 28px;
    height: 28px !important;
    border-radius: 5px;
    padding: 2px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.new-quickview-content .product-quantity-group .button-less,
.new-quickview-content .product-quantity-group .button-more {
    width: 32px !important;
    height: 32px !important;
}

.product-quantity-group .button-less[disabled="disabled"],
.product-quantity-group .button-more[disabled="disabled"] {
    background-color: #bdbdbd;
}

.product-quantity-group .button-less svg,
.product-quantity-group .button-more svg {

}

/* .product-quantity-group .button-less {
    border-radius: 4px 0 0 4px;
} */

.product-quantity-group .input-number {
    width: 28px;
    height: 28px;
    border: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.new-quickview-content .product-quantity-group .input-number{
    width: 32px;
    height: 32px;
    background: transparent;
}

/* .product-quantity-group .button-more {
    border-radius: 0 4px 4px 0;
} */

.product-quantity-group .input-quantity {
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 32px;
}

.bt-full-width {
    width: 100%;
    text-decoration: none !important;
}

.payment-methods, .finish-order, .back-order {
    padding: 8px 30px;
}

.checkout-alerts #for_sent_2 {
    font-weight: bold;
    font-size: 14px;
}

/* Page Login */

.goto-recover-password,
.goto-register-user {
    padding: 8px 0 0;
}

.go-to-other-location {
    text-align: center;
    color:#121212;
    text-decoration: underline;
}

.go-to-other-location:hover {
    color: #636563;
    text-decoration: underline;
}

.sso-login-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0;
    gap: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.sso-bt-login {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}
 a.sso-social-login {
    text-transform: capitalize !important;
    width: 220px !important;
    color:#121212 !important;
    border-radius: 8px !important;
    border: 1px solid #DDE0E4 !important;
    background-color: #ffffff;
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important; 
            flex-direction: row !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
 }

 a.sso-social-login:hover {
    color:#121212 !important;
    border: 1px solid #121212 !important;
    background-color: #ffffff !important;
 }

 a.sso-social-login span {
    margin-left: 4px !important;
 }

.divider-text {
    color: #636563;
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    
}

p#inforegister {
    margin-bottom: 16px;
}

/* Modais */
.modal-new-body {
    height: auto !important;
    padding: 16px 24px !important;
    width: 96vw !important;
    max-width: 480px !important;
}


/* ------------------ New Page Pharmacies ----------------- */
.gray-shadow {
    -webkit-box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
            box-shadow: 0px 17px 5px 0px rgba(138, 156, 168, 0.00), 0px 11px 4px 0px rgba(138, 156, 168, 0.01), 0px 6px 4px 0px rgba(138, 156, 168, 0.05), 0px 3px 3px 0px rgba(138, 156, 168, 0.09), 0px 1px 2px 0px rgba(138, 156, 168, 0.10);
}
.contacts-group {
    width: 76%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.contacts-group a:hover {
    text-decoration: underline;
}

.contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -ms-flex-line-pack: center;
        align-content: center;
    margin: 4px 0;
}

.contact-item .contact-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.contact-item .contact-icon img {
    width: 24px;
    height: 24px;
}

.contact-item .contact-valeu {
    margin-left: 3px;
    width: 100%;
}

.contact-item .contact-valeu span {
    display: block;
    font-size: 10px;
    line-height: 1.2;
}

.content-schedule-time {
    border: 2px solid #121212;
    border-radius: 16px;
    padding: 8px 32px;
    cursor: pointer;
}

.schedule-title {
    font-weight: bold;
}

.schedule-title span[data-status="Aberto"] {
    color: #67B13A;
}

.schedule-title span[data-status="Fechado"] {
    color: #cb4435;
}

.content-schedule-time .schedule-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center;
}

.btn-green {
    background-color: #37BE23 !important;
    background: #37BE23 !important;
}

.btn-green:hover {
    background-color: #39da20 !important;
    background: #39da20 !important;
}

.content-social-network {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    gap: 8px;
}

/* ------------------ New Input Errors ----------------- */
input.form-control.error-highlight {
    border: 1px solid rgb(240, 88, 88) !important;
    -webkit-box-shadow: 0px 17px 5px 0px rgba(240, 88, 88, 0.00), 0px 11px 4px 0px rgba(240, 88, 88, 0.01), 0px 6px 4px 0px rgba(240, 88, 88, 0.05), 0px 3px 3px 0px rgba(240, 88, 88, 0.09), 0px 1px 2px 0px rgba(240, 88, 88, 0.10) !important;
            box-shadow: 0px 17px 5px 0px rgba(240, 88, 88, 0.00), 0px 11px 4px 0px rgba(240, 88, 88, 0.01), 0px 6px 4px 0px rgba(240, 88, 88, 0.05), 0px 3px 3px 0px rgba(240, 88, 88, 0.09), 0px 1px 2px 0px rgba(240, 88, 88, 0.10) !important;
}


    .collapseExampleInfoOffers{
        font-size: 10px;
        font-weight: 100;
        margin: 0;
        padding: 5px 5px 5px 5px;
        background-color: #F7F8FF;
    }
    .bg-info {
        color: white !important;
    }
    .list{
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        overflow-x: hidden !important;
    }
    @-webkit-keyframes tilt-n-move-shaking {
        0% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
        25% { -webkit-transform: translate(5px, 5px) rotate(5deg); transform: translate(5px, 5px) rotate(5deg); }
        50% { -webkit-transform: translate(0, 0) rotate(0eg); transform: translate(0, 0) rotate(0eg); }
        75% { -webkit-transform: translate(-5px, 5px) rotate(-5deg); transform: translate(-5px, 5px) rotate(-5deg); }
        100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
    }
    @keyframes tilt-n-move-shaking {
        0% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
        25% { -webkit-transform: translate(5px, 5px) rotate(5deg); transform: translate(5px, 5px) rotate(5deg); }
        50% { -webkit-transform: translate(0, 0) rotate(0eg); transform: translate(0, 0) rotate(0eg); }
        75% { -webkit-transform: translate(-5px, 5px) rotate(-5deg); transform: translate(-5px, 5px) rotate(-5deg); }
        100% { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); }
    }
    .preloader{
        background-color: rgba(0.0, 0.0, 0.0, 0.5) !important;
    }
    .--fadeIn {
  -webkit-animation: anim-fadein linear 5s;
          animation: anim-fadein linear 5s;
    }
    @-webkit-keyframes anim-fadein {
    10% { opacity: 1; }
    50% { opacity: 1; }
    90% { opacity: 0.5; }
    100% { opacity: 0; }
    }
    @keyframes anim-fadein {
    10% { opacity: 1; }
    50% { opacity: 1; }
    90% { opacity: 0.5; }
    100% { opacity: 0; }
    }





    .--fade {
        opacity: 0;
    }

    .item {
        text-align: center;
        /*margin: auto 25px;*/
        overflow: hidden;
        min-width: 30%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .item .box a {
        font-size: 12px;
    }

    .item-img {
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
        width: 150px;
        height: 150px;
    }

    .item-name {
        color: black;
        display: inline-block;
        margin-top: 10px;
        border-radius: 10px;
        font-weight: 300;
    }
    .owl-carousel {
  position: relative; /* Required for absolute positioning */
}

.owl-nav {
  position: absolute;
  top: 50%; /* Center vertically */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none; /* 👈 key line */
}

/* But the actual arrows should still be clickable */
.owl-nav .owl-prev,
.owl-nav .owl-next {
  pointer-events: auto;
}

.owl-nav button {
  pointer-events: all; /* Ensure clicks work */
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  font-size: 24px;
  padding: 10px 15px;
  border-radius: 50%;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer; /* Ensure cursor changes on hover */
}

.owl-nav button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.owl-nav button.owl-prev {
  position: absolute;
  left: -40px; /* Adjust for positioning */
}

.owl-nav button.owl-next {
  position: absolute;
  right: -40px; /* Adjust for positioning */
} 

/* ------------------ New Product Page Design ----------------- */
.new-quickview-content {
	padding: 0px 40px 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .new-quickview-content {
    padding: 0px 35px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .new-quickview-content {
    padding: 0px 10px 10px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .new-quickview-content {
    padding: 0px;
  }
}