/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.add-to-cart-modal {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 430px
}

.add-to-cart-modal .container {
    display: flex;
    align-items: center;
    height: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #495565;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px
}

.add-to-cart-modal .delivery-date-wrapper {
    flex: 0 0 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.add-to-cart-modal .delivery-date {
    white-space: nowrap
}

.add-to-cart-modal .size-wrapper {
    flex: 0 0 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.add-to-cart-modal .size {
    white-space: nowrap
}

.add-to-cart-modal .stock-wrapper {
    flex: 0 0 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.add-to-cart-modal .stock {
    white-space: nowrap
}

.add-to-cart-modal .quantity-wrapper {
    flex: 0 0 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.add-to-cart-modal .quantity {
    white-space: nowrap
}

.add-to-cart-modal .div-wrapper {
    flex: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.add-to-cart-modal .text-wrapper {
    white-space: nowrap
}

.add-to-cart-modal .div {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.add-to-cart-modal .container-2,
.add-to-cart-modal .container-7 {
    display: flex;
    align-items: center;
    height: 36px;
    border: 1px solid #e5e7eb
}

.add-to-cart-modal .container-2 {
    background-color: #f3f4f6
}

.add-to-cart-modal .container-7 {
    background-color: #fff;
    box-shadow: 0 1px 2px -1px #0000001a, 0 1px 3px #0000001a
}

.add-to-cart-modal .container-3,
.add-to-cart-modal .container-8 {
    flex: 0 0 106px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 20px
}

.add-to-cart-modal .text-wrapper-2 {
    color: #99a1ae;
    white-space: nowrap
}

.add-to-cart-modal .text-wrapper-6 {
    color: #697282;
    white-space: nowrap
}

.add-to-cart-modal .container-4 {
    flex: 0 0 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.add-to-cart-modal .container-4>div:first-child {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background-color: #101828;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap
}

.add-to-cart-modal .rectangle,
.add-to-cart-modal .rectangle-2 {
    flex: 0 0 8px;
    height: 30px
}

.add-to-cart-modal .rectangle {
    background-color: #99a1af
}

.add-to-cart-modal .rectangle-2 {
    background-color: #00c850
}

.add-to-cart-modal .container-5,
.add-to-cart-modal .element-wrapper {
    flex: 0 0 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 20px
}

.add-to-cart-modal .text-wrapper-4 {
    color: #99a1ae;
    white-space: nowrap
}

.add-to-cart-modal .element {
    color: #00c850;
    white-space: nowrap
}

.add-to-cart-modal .container-6,
.add-to-cart-modal .container-9 {
    flex: 0 0 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.add-to-cart-modal .number-input,
.add-to-cart-modal .number-input-2 {
    width: 56px;
    height: 28px;
    border-radius: 4px;
    border: .67px solid #d0d5db;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 20px;
    padding: 0;
    outline: none;
    -moz-appearance: textfield;
    appearance: textfield
}

.add-to-cart-modal .number-input {
    background-color: #f9fafb;
    color: #99a1ae
}

.add-to-cart-modal .number-input-2 {
    background-color: #fff;
    color: #354152
}

.add-to-cart-modal .number-input::-webkit-inner-spin-button,
.add-to-cart-modal .number-input::-webkit-outer-spin-button,
.add-to-cart-modal .number-input-2::-webkit-inner-spin-button,
.add-to-cart-modal .number-input-2::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.add-to-cart-modal .button-column {
    display: flex;
    flex-direction: column;
    gap: 0
}

.add-to-cart-modal .light-button {
    width: 20px;
    height: 14px;
    background-color: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.2s;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.add-to-cart-modal .light-button-up {
    border-radius: 3px 3px 0 0;
    border-bottom: none
}

.add-to-cart-modal .light-button-down {
    border-radius: 0 0 3px 3px
}

.add-to-cart-modal .light-button .fas {
    font-size: 8px;
    color: #6b7280
}

.add-to-cart-modal .light-button:hover {
    background-color: #d0d5db
}

.add-to-cart-modal .button {
    flex: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer
}

.add-to-cart-modal .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px
}

.add-to-cart-modal .icon .fas,
.add-to-cart-modal .icon svg {
    font-size: 16px;
    color: #101828
}

.add-to-cart-modal>.container {
    padding: 0 !important;
}

.add-to-cart-modal .medium-stock {
    background-color: #FF9A52;
}

.add-to-cart-modal .low-stock {
    background-color: #FB2C36;
}

.add-to-cart-modal .medium-stock-text {
    color: #FF9A52 !important;
}

.add-to-cart-modal .low-stock-text {
    color: #FB2C36 !important;
}

/* Add to cart animations */
.add-to-cart-modal .button.adding-to-cart {
    opacity: 0.6;
    pointer-events: none;
}

.add-to-cart-modal .button.cart-success {
    animation: cartSuccessPulse 0.5s ease-out;
}

.add-to-cart-modal .button.cart-error {
    animation: cartErrorShake 0.5s ease-out;
}

@keyframes cartSuccessPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes cartErrorShake {

    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

/* Cart header pulse animation */
.cart-pulse {
    animation: cartPulse 0.6s ease-out !important;
}

@keyframes cartPulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.delivery-date-wrapper>div,
.size-wrapper>div,
.stock-wrapper>div,
.quantity-wrapper>div,
.div-wrapper>.text-wrapper {
    text-transform: uppercase !important;
}

/* Product list price styling */
.product-list-price {
    margin-bottom: 6px;
}

.product-list-price .price {
    font-size: 26px;
    color: #e53935;
    line-height: 1.2;
}

.product-list-retail-price {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 300;
    color: #9ca3af;
    line-height: 1.4;
}

.product-list-retail-price .label {
    font-size: 12px;
    font-weight: 300;
    color: #9ca3af;
    text-transform: none;
    letter-spacing: 0;
}

.product-list-retail-price .price {
    font-size: 12px;
    font-weight: 300;
    color: #9ca3af;
}
.product-miniature .product-description-short ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1.2em; /* Controls distance from left edge */
    margin-left: 0;
}
.login-panel-d {
    overflow: hidden;
    background-image: url('../img/auth-background.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
  }
  .login-panel-d .input, .login-panel-d .input-2 {
    outline: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
  }
  .login-panel-d .input::placeholder, .login-panel-d .input-2::placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
}
  
  .login-panel-d::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
      270deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.34) 100%
    );
    z-index: 1;
  }
  
  .login-panel-d > * {
    position: relative;
    z-index: 2;
  }
  
  .login-panel-d .rectangle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-color: #000000;
  }
  
  .login-panel-d .frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding: 10px;
    width: 148px;
    height: 32px;
  }
  
  .login-panel-d .image-SHIMA {
    width: 128px;
    height: 25px;
    display: block;
    object-fit: contain;
  }
  
  .login-panel-d .card {
    width: 100%;
    max-width: 450px;
    min-height: 550px;
    padding: 4.77e-06px 0px 0px 4.77e-06px;
    position: relative;
    background-color: #e8e8e814;
    border-radius: 14px;
    border: 1px solid;
    border-color: #fffefe29;
    box-shadow: 0px 4px 4px #00000040;
    backdrop-filter: blur(15.05px) brightness(100%);
    -webkit-backdrop-filter: blur(15.05px) brightness(100%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    margin-left: 250px;
    z-index: 5;
  }
  
  .login-panel-d .card-content {
    width: 100%;
    min-height: 550px;
    gap: 28px;
    padding: 60px 48px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
  }
  
  .login-panel-d .image-SHIMA-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .login-panel-d .div {
    position: relative;
    width: 227px;
    height: 22px;
    background-image: url(./img/image-SHIMA.png);
    background-size: cover;
    background-position: 50% 50%;
  }
  .login-help-text a {
    color: #ffffff !important;
  }


  .login-panel-d .login-form {
    display: flex;
    flex-direction: column;
    height: 43px;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .login-panel-d .paragraph {
    position: relative;
    width: 100%;
    min-height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .login-panel-d .text-wrapper {
    position: relative;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
    width: 100%;
  }
  
  .login-panel-d .login-form-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    min-height: 380px;
  }
  
  .login-panel-d .container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    margin-bottom: 18px;
  }
  
  .login-panel-d .div-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .login-panel-d .text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #fffefee6;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .login-panel-d .input {
    padding: 16px 14px;
    align-self: stretch;
    width: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid;
    border-color: #fffefe4c;
    background: none;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    box-sizing: border-box;
  }
  
  .login-panel-d .input::placeholder {
    color: rgba(255, 255, 255, 0.50);
    opacity: 1;
  }
  
  .login-panel-d .input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.50);
    opacity: 1;
  }
  
  .login-panel-d .input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.50);
    opacity: 1;
  }
  
  .login-panel-d .input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.50);
    opacity: 1;
  }
  
  .login-panel-d .container-2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    margin-bottom: 18px;
  }
  
  .login-panel-d .container-3 {
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: space-between;
    padding: 0px 1.53e-05px 0px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .login-panel-d .label {
    position: relative;
    width: 40.05px;
    height: 24px;
  }
  
  .login-panel-d .text-wrapper-3 {
    position: absolute;
    top: -2px;
    left: 0;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #fffefee6;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .login-panel-d .link {
    position: relative;
    width: 138.5px;
    height: 24px;
  }
  
  .login-panel-d .text-wrapper-4 {
    position: absolute;
    top: -2px;
    left: 0;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .login-panel-d .input-2 {
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 14px 12px;
    display: flex;
    position: relative;
    flex: 0 0 auto;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid;
    border-color: #fffefe4c;
    box-sizing: border-box;
    background: none;
  }
  
  .login-panel-d .text-wrapper-5 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #ffffff !important;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .login-panel-d .text-wrapper-5::placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .text-wrapper-5::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .text-wrapper-5::-moz-placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .text-wrapper-5:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .input-2 input {
    color: #ffffff !important;
  }
  
  .login-panel-d .input-2 input::placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .input-2 input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .input-2 input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .input-2 input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.50) !important;
    opacity: 1;
  }
  
  .login-panel-d .button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .login-panel-d .icon {
    position: relative;
    width: 20px;
    height: 20px;
  }
  
  .login-panel-d .vector {
    position: absolute;
    width: 83.34%;
    height: 58.33%;
    top: 16.67%;
    left: 4.16%;
  }
  
  .login-panel-d .img {
    position: absolute;
    width: 25.00%;
    height: 25.00%;
    top: 33.33%;
    left: 33.33%;
  }
  
  .login-panel-d .container-4 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    position: relative;
    margin-bottom: 18px;
  }
  
  .login-panel-d .checkbox {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1.5px solid;
    border-color: #ffffff63;
  }
  
  .login-panel-d .label-2 {
    position: relative;
    width: 118px;
    height: 20px;
  }
  
  .login-panel-d .button-2 {
    all: unset;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 48px;
    display: flex;
    background-color: #000000;
    border-radius: 8px;
    box-shadow: 0px 1px 2px -1px #0000001a, 0px 1px 3px #0000001a;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
  }
  
  .login-panel-d .text-wrapper-6 {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
    width: 100%;
  }
  
  .login-panel-d .container-5 {
    position: relative;
    width: 100%;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    gap: 5.3px;
  }
  
  .login-panel-d .paragraph-2 {
    width: 100%;
    margin-top: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .login-panel-d .text-wrapper-7 {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
    width: 100%;
    margin: 0 auto;
  }
  
  .login-panel-d .link-2 {
    display: flex;
    width: 100%;
    height: 21.33px;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  
  .login-panel-d .text-wrapper-8 {
    position: relative;
    width: fit-content;
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #ffffff !important;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: underline;
    white-space: nowrap;
  }

  /* Responsive styles */
  @media (max-width: 768px) {
    .login-panel-d {
      padding: 15px;
      padding-bottom: 100px;
      background-attachment: scroll;
      background-image: url('../img/auth_background_mobile.webp');
      overflow-y: auto;
      overflow-x: hidden;
    }
    
    .login-panel-d .card {
      max-width: 100%;
      min-height: auto;
      margin-left: 0;
    }
    
    .login-panel-d .card-content {
      padding: 40px 24px 24px;
      min-height: auto;
    }
    
    .login-panel-d .frame {
      width: 148px;
      height: 32px;
      bottom: 15px;
    }
    
    .login-panel-d .image-SHIMA {
      width: 128px;
      height: 12px;
    }
    
    .login-panel-d .input,
    .login-panel-d .input-2 {
      padding: 14px 12px;
      font-size: 14px;
    }
    
    .login-panel-d .text-wrapper {
      font-size: 16px;
    }
    
    .login-panel-d .text-wrapper-2,
    .login-panel-d .text-wrapper-3,
    .login-panel-d .text-wrapper-4 {
      font-size: 14px;
    }
  }

  @media (max-width: 480px) {
    .login-panel-d {
      background-attachment: scroll;
      background-image: url('../img/auth_background_mobile.webp');
      padding-top: 250px;
      padding-bottom: 100px;
      overflow-y: auto;
      overflow-x: hidden;
      min-height: 100vh;
    }
    
    .login-panel-d .card-content {
      padding: 30px 20px 20px;
    }
    
    .login-panel-d .frame {
      width: 148px;
      height: 32px;
      bottom: 15px;
    }
    
    .login-panel-d .image-SHIMA {
      width: 128px;
      height: 25px;
    }
    
    .login-panel-d .rectangle {
      height: 70px;
    }
  }

  /* Additional form styles */
  .login-panel-d .form-group {
    width: 100%;
    margin-bottom: 18px;
  }

  .login-panel-d .form-group label {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #fffefee6;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 8px;
    display: block;
  }

  .login-panel-d .form-group input[type="email"],
  .login-panel-d .form-group input[type="password"],
  .login-panel-d .form-group input[type="text"] {
    width: 100%;
    padding: 16px 14px;
    border-radius: 8px;
    border: 2px solid #fffefe4c;
    background: none;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #fffefe80;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    box-sizing: border-box;
  }

  .login-panel-d .form-group input[type="email"]:focus,
  .login-panel-d .form-group input[type="password"]:focus,
  .login-panel-d .form-group input[type="text"]:focus {
    outline: none;
    border-color: #fffefe80;
    color: #fffefe;
  }

  .login-panel-d .alert {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 18px;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    line-height: 1.5;
  }

  .login-panel-d .alert-danger {
    background-color: rgba(220, 38, 38, 0.2);
    border: 1px solid rgba(220, 38, 38, 0.5);
    color: #ffcccc;
  }

  .login-panel-d .alert-success {
    background-color: rgba(34, 197, 94, 0.2);
    border: 1px solid rgba(34, 197, 94, 0.5);
    color: #ccffdd;
  }

  .login-panel-d .alert-info {
    background-color: rgba(59, 130, 246, 0.2);
    border: 1px solid rgba(59, 130, 246, 0.5);
    color: #ccddff;
  }

  .login-panel-d .btn {
    all: unset;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    border-radius: 8px;
    box-shadow: 0px 1px 2px -1px #0000001a, 0px 1px 3px #0000001a;
    cursor: pointer;
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 18px;
    transition: opacity 0.2s ease;
  }

  .login-panel-d .btn:hover {
    opacity: 0.9;
  }

  .login-panel-d .btn:active {
    opacity: 0.8;
  }

  .login-panel-d a {
    color: #ffffff;
    text-decoration: underline;
    transition: opacity 0.2s ease;
  }

  .login-panel-d a:hover {
    opacity: 0.8;
  }

  .login-panel-d .forgot-password {
    width: 100%;
    text-align: right;
    margin-bottom: 18px;
  }

  .login-panel-d .forgot-password a {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
  }

  .login-panel-d .forgot-password a:hover {
    text-decoration: underline;
  }
  .container-3 .link a {
   text-decoration: none !important;
  }

/* --- SHIMA Custom Footer --- */
.shima-footer {
  background-color: #000000;
  color: #ffffff;
  padding: 80px 20px 40px;
  font-family: "Manrope", sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
}

.shima-footer-container {
  max-width: 1400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.shima-footer-main {
  display: flex;
  gap: 60px;
  align-items: flex-start;
  justify-content: space-between;
}

/* LEFT SIDE: Brand & Address */
.shima-footer-left {
  flex: 0 0 280px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.shima-footer a {
  color: #bbbbbb !important;
}
.shima-logo{
  margin-left: -8px !important;
}
.shima-logo img {
  width: 165px;
  height: auto;
  margin-bottom: 20px;
}

.shima-schedule p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #ffffff;
}

.shima-schedule .shima-time {
  font-weight: 400;
}

/* RIGHT SIDE: Team Rows */
.shima-footer-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.shima-team-row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: flex-end;
}

.shima-team-row .shima-person,
.shima-team-row .shima-support-group {
  flex: 1 1 200px;
  max-width: 300px;
}

.shima-section-title {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.shima-person {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.shima-name {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}

.shima-role, 
.shima-phone, 
.shima-address p,
.shima-email a {
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  line-height: 1.5;
}

.shima-email a:hover {
  text-decoration: underline;
}

.shima-address p {
  margin: 0;
  margin-bottom: 4px;
}
.shima-brand-section {
 min-height: 103.094px;
}

.shima-support-group .shima-person {
  margin-bottom: 0;
}

.shima-footer-bottom {
  border-top: 1px solid #1d2838;
  padding-top: 25px;
}

.shima-copyright {
  color: #697282;
  font-size: 13px;
  font-weight: 400;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
  .shima-footer-main {
    gap: 40px;
  }
  .shima-footer-left {
    flex: 0 0 240px;
  }
}

@media (max-width: 991px) {
  .shima-footer-main {
    flex-direction: column;
    gap: 60px;
  }
  
  .shima-footer-left {
    flex: 1 1 auto;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
  }

  .shima-brand-section,
  .shima-address-section {
    flex: 1 1 50%;
  }
}

@media (max-width: 600px) {
  .shima-footer {
    padding: 40px 15px;
  }
  
  .shima-footer-container {
    gap: 40px;
  }

  .shima-footer-left {
    flex-direction: column;
    gap: 40px;
  }
  
  .shima-team-row {
    gap: 30px;
  }

  .shima-team-row .shima-person,
  .shima-team-row .shima-support-group {
    flex: 1 1 100%;
    max-width: none;
  }
  
  .shima-footer-bottom {
    text-align: center;
  }
}

#identity-link, #order-slips-link {
  display: none !important;
}

.desktop-header-style-2 .iqit-megamenu-container {
  min-width: 100% !important;
  background-color: black !important;
}
#category #left-column {
  display: none !important;
}
#category #content-wrapper {
  width: 100% !important;
}
#category .page-title {
  border-bottom: none !important;
}
#index .sticky-desktop-wrapper {
  max-height: 104.375px !important;
}
#main-page-content > #wrapper {
  padding-top: 0 !important;
}
#js-product-list-header {
  display: none !important;
}
#js-product-list-top {
  border-top: none;
}

.dev-hidden {
  display: none !important;
}