/** Shopify CDN: Minification failed

Line 996:0 Unexpected "}"

**/
/* ==========================================================
   HEADER
   ========================================================== */

/* Homepage */
.template-index .header-wrapper:not(.header-force-white),
.template-index .header-wrapper:not(.header-force-white) .header {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Homepage text */
.template-index .header-wrapper:not(.header-force-white) .header__heading-link,
.template-index .header-wrapper:not(.header-force-white) .header__menu-item,
.template-index .header-wrapper:not(.header-force-white) .header__active-menu-item,
.template-index .header-wrapper:not(.header-force-white) .header__icon {
  color: #fff !important;
}

.template-index .header-wrapper:not(.header-force-white) .header__icon svg,
.template-index .header-wrapper:not(.header-force-white) .header__icon svg path {
  stroke: #fff !important;
  color: #fff !important;
}

/* Hover / Scroll state */


.header-wrapper.header-force-white .header__heading-link,
.header-wrapper.header-force-white .header__menu-item,
.header-wrapper.header-force-white .header__active-menu-item,
.header-wrapper.header-force-white .header__icon {
  color: #000 !important;
}

.header-wrapper.header-force-white .header__icon svg,
.header-wrapper.header-force-white .header__icon svg path {
  stroke: #000 !important;
  color: #000 !important;
}

/* Dropdown */
.header__submenu {
  background: #fff !important;
}

.header__submenu a,
.header__submenu .header__menu-item,
.header__submenu .list-menu__item {
  color: #000 !important;
}

/* Non-home pages */
body:not(.template-index) #MainContent {
  padding-top: 90px;
}

/* Collection page - remove top gap */
.template-collection #MainContent {
  padding-top: 63px !important;
}

/* Smooth header transitions */
.header-wrapper,
.header {
  transition:
    background-color .6s ease,
    backdrop-filter .6s ease,
    border-color .6s ease !important;
}

.header__menu-item,
.header__heading-link,
.header__heading-logo,
.header__account-text,
.header__icon,
.header__icon .svg-wrapper,
.header__icon svg,
.header__icon svg * {
  transition:
    color .05s linear,
    fill .05s linear,
    stroke .05s linear,
    opacity .05s linear !important;
}

.shopify-section-header {
  z-index: 999;
}

.header-wrapper.header-force-white {
  background: #ffffff !important;
  background-color: #ffffff !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  opacity: 1 !important;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  width: 100%;

  transition:
    background-color .6s ease,
    border-color .6s ease;
}

.header-wrapper.header-force-white .header {
  background: transparent !important;
}

.header__menu-item {
  transition: color .18s ease, opacity .18s ease !important;
}

.header__menu-item:hover {
  opacity: .72;
}

/* ==========================================================
   PREMIUM PRODUCT CARDS
========================================================== */

.card,
.card__inner,
.card__media,
.card__content,
.card__information {
  transition: all .45s cubic-bezier(.22,.61,.36,1);
}

.card {
  will-change: transform;
}

.card__media {
  overflow: hidden;
  border-radius: 0;
  background: transparent;
}

.card__media img {
  transition:
    transform .9s cubic-bezier(.22,.61,.36,1),
    filter .45s ease;
}

.card-wrapper:hover .card {
  transform: translateY(-3px);
}

.card-wrapper:hover .card__media img {
  transform: scale(1.04);
  filter: brightness(.95) contrast(1.02);
}

.card-wrapper:hover .card__information {
  opacity: .96;
}

.card__inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.card__media {
  background: transparent !important;
  border-radius: 0 !important;
}

.card {
  background: transparent !important;
}

/* ==========================================================
   PRODUCT CARD TYPOGRAPHY
========================================================== */

.card__heading,
.card__heading a {
  display: block;
  margin-bottom: 8px;

  font-size: 1.45rem !important;
  font-weight: 500 !important;
  line-height: 1.45;
  letter-spacing: .08em;

  text-transform: uppercase;
  text-align: center;

  color: #111;

  transition: color .25s ease;
}

.card-wrapper:hover .card__heading a {
  color: #444;
}

.card__information {
  padding-top: 18px;
  padding-bottom: 10px;

  text-align: center;
}

.card__information > * + * {
  margin-top: 6px;
}

.price,
.price__container {
  display: flex;
  justify-content: center;
  text-align: center;
}

.price-item {
  font-size: 1.45rem !important;
  font-weight: 400;
  letter-spacing: .05em;
  color: #555;
}

/* ==========================================================
   MOBILE PRODUCT CARDS
   ========================================================== */

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

  .card__heading,
  .card__heading a {
    font-size: 1.3rem !important;
    line-height: 1.35;
  }

  .price {
    font-size: 1.3rem !important;
  }

  .card__information {
    padding-top: 12px !important;
  }

}

/* ==========================================================
   COLLECTION PAGE
   ========================================================== */

.collection-hero__title,
.title--primary {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: .5px;
}

.main-collection {
  padding-top: 3rem;
}

.facets-container {
  align-items: center;
  margin-bottom: 3rem;
}

/* Premium collection layout */
.collection.page-width {
  margin: 1rem auto 0;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

.product-grid {
  column-gap: 2.5rem;
  row-gap: 4rem;
}

.collection-hero {
  margin-bottom: 2rem;
}

/* ==========================================================
   PRODUCT PAGE SOLD OUT BADGE
   ========================================================== */

/* Hide the original badge beside the price */
.price__badge-sold-out {
  display: none !important;
}

/* Make the media wrapper a positioning context */
.product__media-wrapper {
  position: relative;
}

/* Main product image Sold Out badge */
[id^="GalleryViewer-"] {
  position: relative;
}

.product-image-sold-out {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;

  transform: translate(-50%, -50%);

  padding: 10px 22px;
  border-radius: 999px;

  background: rgba(17, 17, 17, 0.92);
  color: #fff;

  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  pointer-events: none;
}

/* ==========================================
   Luxury Sold Out Badge
========================================== */

.badge {
  border-radius: 0 !important;
}

.badge--bottom-left {
  left: 18px !important;
  bottom: 18px !important;

  padding: 8px 14px !important;

  background: rgba(17,17,17,.92) !important;
  color: #fff !important;

  border: none !important;

  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;

  backdrop-filter: blur(8px);

  box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

.badge {
  transition:
    transform .25s ease,
    opacity .25s ease;
}

.product-card-wrapper:hover .badge {
  transform: translateY(-2px);
}

@keyframes soldOutFade {
  to {
    opacity: 1;
  }
}


/* =========================================
   Mobile title above product image
========================================= */

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

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

  .mobile-product-title {
    display: block;
    margin: 0 0 18px;
    padding: 0;
  }

  .mobile-product-title h1 {
  margin: 0;
  padding-top: 28px;      /* More space above the title */
  font-size: 1.7rem;
  font-weight: 600;       /* Slightly bolder */
  line-height: 1.25;
  letter-spacing: -0.015em;
}

  .desktop-product-title {
    display: none;
  }

}

/* =========================================
   Reduce mobile product spacing
========================================= */

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

  /* Title closer to image */
  .mobile-product-title {
    margin-bottom: 2px !important;
  }

  /* Remove extra space below gallery */
  .product__media-wrapper {
    margin-bottom: 0 !important;
  }

  .product__media-list {
    margin-bottom: 0 !important;
  }

  .product__media-gallery {
    margin-bottom: 0 !important;
  }

  /* Pull price closer to image */
  .product__info-container {
    margin-top: -5px !important;
  }

}

/* =========================================
   Product page price (mobile)
========================================= */

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

  .product .price-item {
    font-size: 1.6rem !important;
    font-weight: 600;
    line-height: 1.1;
  }

}

/* =========================================
   Global Premium Button Style
========================================= */

.button,
.button::before,
.button::after,
.product-form__submit,
.product-form__submit::before,
.product-form__submit::after,
.shopify-payment-button__button,
.shopify-payment-button__button::before,
.shopify-payment-button__button::after {
  border-radius: 8px !important;
}

/* Hero button only */
.banner__buttons .button {
  padding: 1.4rem 3.6rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* ==========================================
   Premium Add to Cart
========================================== */

.product-form__buttons {
  border-radius: 0;
  overflow: visible;
}

.product-form__submit {
  height: 54px !important;

  border-radius: 0px !important;

  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;

  transition:
    background-color .25s ease,
    color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.product-form__submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* Quantity selector */
.quantity {
  border-radius: 0px !important;
  overflow: hidden;
  padding: 0 !important;
}

.quantity::before,
.quantity::after {
  border-radius: 0px !important;
}

.quantity__button,
.quantity__input {
  border-radius: 0 !important;
}

/* Size selector */
.product-form__input input[type="radio"] + label {
  border-radius: 0px !important;
}

/* =========================================
   Premium Image Banner Overlay
========================================= */

.banner {
  position: relative;
}

.banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.20),
    rgba(0,0,0,.45),
    rgba(0,0,0,.20)
  );
  pointer-events: none;
}

.banner__content {
  position: relative;
  z-index: 2;
}

/* Banner heading & description */
.banner__heading,
.banner__text,
.banner__text p {
  color: #fff !important;
  text-shadow:
    0 2px 8px rgba(0,0,0,.45),
    0 1px 2px rgba(0,0,0,.55);
}

/* Improve readability of the paragraph */
.banner__text {
  max-width: 720px;
}

.banner__text p {
  line-height: 1.7;
  font-weight: 400;
}

/* Hero button */
.banner__buttons .button {
  color: #fff !important;
  border-color: #fff !important;
}

.banner__buttons .button::before,
.banner__buttons .button::after {
  border-color: #fff !important;
}

/* =========================================
   Collection page - 2 products per row
========================================= */

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

  .template-collection .product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  column-gap: 10px !important;
  row-gap: 10px !important;
}

  .template-collection .product-grid > li {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .template-collection .card-wrapper {
    width: 100%;
  }

}

/* =========================================
   Premium image rendering
========================================= */

.card__media img {
  object-fit: cover;
}

.card__media {
  border-radius: 8px;
}

/* =========================================
   Premium Desktop Product Page
========================================= */

@media screen and (min-width: 990px) {

  /* Align product info with top of image */
  .product__info-wrapper {
    padding-top: 0 !important;
  }

  .product__info-container {
    margin-top: 30px;
  }

  /* Product title */
  .product__title h1 {
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: -10px;
  }

  /* Price */
  .product .price {
    justify-content: flex-start;
    margin-bottom: 8px;
  }

  .product .price-item {
    font-size: 2rem !important;
    font-weight: 600;
  }

}

/* =========================================
   Left align desktop product price
========================================= */

@media screen and (min-width: 990px) {

  .product .price,
  .product .price__container {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .product .price-item {
    text-align: left !important;
  }

}

/* =========================================
   Premium header menu
========================================= */

.header__menu-item,
.header__active-menu-item {
  font-size: 1.3rem;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* =========================================
   PREMIUM BUTTON INTERACTIONS
========================================= */

.button {
  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Homepage hero button */
.banner__buttons .button:hover {
  background: #fff !important;
  color: #111 !important;
  border-color: #fff !important;
}

/* All other buttons */
.button:not(.banner__buttons .button):hover {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

/* =========================================
   Premium Footer Social Icons
========================================= */

.list-social {
  gap: 40px !important;
}

.list-social__link {
  padding: 0 !important;
}

.list-social__link .svg-wrapper {
  width: 28px !important;
  height: 28px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  transition:
    transform .25s ease,
    opacity .25s ease;
}

.list-social__link .svg-wrapper svg {
  width: 100% !important;
  height: 100% !important;
}

.list-social__link:hover .svg-wrapper {
  transform: translateY(-2px) scale(1.08);
  opacity: .75;
}

/* =========================================
   Signature Collection Banner Image Position
========================================= */

.template-collection .banner__media media img,
.template-collection .banner__media img {
  object-position: center 35% !important;
}

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

  .template-index .banner__content {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 10px !important;
    padding-top: 0 !important;
  }

}

/* Hide Taxes Included */
.product__tax {
  display: none !important;
}

/* =========================================
   Premium Mobile Product Header
========================================= */

/* Hide mobile title and price on desktop */
.mobile-product-header {
  display: none;
}

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

  .mobile-product-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    padding-top: 28px;
    margin-bottom: -10px;
  }

  .mobile-product-title {
    display: block;
    flex: 1;
    margin: 0;

    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.02em;
  }

  .mobile-product-price {
    margin-left: auto;
    padding-right: 12px;
    flex-shrink: 0;
  }

  .mobile-product-price .price,
  .mobile-product-price .price__container {
    display: flex;
    justify-content: flex-end;
    text-align: right;
  }

  .mobile-product-price .price-item {
    font-size: 1.7rem !important;
    font-weight: 600;
  }

  /* Hide original price below the image on mobile only */
  .product__info-container > [id^="price-"] {
    display: none;
  }
}

/* =========================================
   Premium Size Selector
========================================= */

.product-form__input input[type="radio"] + label {
  border-radius: 6px !important;

  min-width: 54px !important;
  min-height: 24px !important;

  padding: 3px 8px !important;
}

/* =========================================
   Premium Header Login
========================================= */

.header__account-text {
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 4.4rem;
  margin-left: 26px;

  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;

  color: inherit;
  text-decoration: none;

  transition: color .18s ease, opacity .18s ease;
}

.header__account-text:hover {
  opacity: .65;
}

/* =========================================
   Header Login Color
========================================= */

/* Homepage */
.template-index .header-wrapper:not(.header-force-white) .header__account-text {
  color: #fff !important;
}

/* Hover / Scrolled state */
.header-wrapper.header-force-white .header__account-text {
  color: #000 !important;
}

/* =========================================
   Header Cart Icon Size
========================================= */

.header__icon--cart .svg-wrapper svg {
  width: 2.2rem !important;
  height: 2.2rem !important;
}

.header__icon--cart {
  transition: color .18s ease, opacity .18s ease;
}

.header__icon--cart svg,
.header__icon--cart svg path {
  transition: stroke .18s ease, fill .18s ease;
}

.header__icon--cart:hover {
  opacity: .65;
}


/* Mobile Login */
.custom-mobile-login {
  border-top: 1px solid rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(0,0,0,.05);

  margin-top: 16px;

  padding-top: 10px;
  padding-bottom: 10px;
}

.custom-mobile-login .menu-drawer__menu-item {
  min-height: 52px !important;

  display: flex;
  align-items: center;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.custom-mobile-login .menu-drawer__menu-item {
  text-transform: uppercase;
}

/* =========================================
   Collection Banner Description - Mobile
========================================= */

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

  .template-collection .banner__text {
    max-width: 82%;
    margin: 0 auto;
  }

  .template-collection .banner__text,
  .template-collection .banner__text p {
    font-size: 1.15rem !important;
    line-height: 1.65 !important;
    font-weight: 400;

    text-shadow:
      0 1px 3px rgba(0,0,0,.35),
      0 0 8px rgba(0,0,0,.18);
  }

}

/* ==========================================
   Collection Banner Title
========================================== */

.template-collection .banner__heading {

    font-family: inherit !important;

    font-size: 3rem !important;

    font-weight: inherit !important;

    letter-spacing: inherit !important;

    line-height: inherit !important;

    text-transform: uppercase;

    color: #fff !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.45),
        0 1px 2px rgba(0,0,0,.55);
}

}

/* =========================================
   Collection Spacing
========================================= */

.template-collection .banner {
  margin-bottom: 0 !important;
}

.template-collection .facets-container {
  margin-top: -25px;
}

/* =========================================
   Larger Mobile Product Images
========================================= */

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

  .template-collection .card__media{
      transform: scale(1.05);
      transform-origin:center;
  }

}

/* =========================================
   Product Description - Mobile
========================================= */

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

  .product__description,
  .product__description p,
  .product__description.rte {
    line-height: 1.5 !important;
  }

  .product__description p {
    margin-bottom: 0.8rem !important;
  }

}

/* =========================================
   Product Description Images
========================================= */

.product__description img {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* =========================================
   Tighten description → size selector spacing
========================================= */

.product__description {
  margin-bottom: 0.8rem !important;
}

.product-form__input:first-child {
  margin-top: 0 !important;
}

.product__info-container > * {
  margin-bottom: 1rem !important;
}

/* ==========================================
   PREMIUM BUY NOW
========================================== */

.custom-buy-now {
    margin-top: 12px;

    border: 1px solid #111 !important;

    background: #111 !important;

    color: #fff !important;

    transition: all .35s cubic-bezier(.4,0,.2,1);

    font-weight: 600;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.custom-buy-now:hover{

    background:#fff !important;

    color:#111 !important;

    border-color:#111 !important;

}

/* Product media should stay below the sticky header */
.product__media-wrapper,
.product__media-list,
.product__media-item,
.product-media-container {
  position: relative;
  z-index: 1 !important;
}

/* ==========================================
   PREMIUM WIDE LAYOUT
   ========================================== */

@media screen and (min-width: 990px) {

  .page-width {
    max-width: 1800px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

}

/* ==========================================
   Header Search Icon
========================================== */

.header__icon--search .svg-wrapper svg {
    width: 15px !important;
    height: 15px !important;
}


/* ==========================================
   Header Cart Icon
========================================== */

.header__icon--cart .svg-wrapper svg {
    width: 15px !important;
    height: 15px !important;
}


/* ==========================================
   Header Menu Icon
========================================== */

.header__icon--menu svg {
  width: 12px !important;
  height: 12px !important;
}

/* Synchronize search icon color with the header */
.header__icon--search {
  transition: color .18s ease, opacity .18s ease !important;
}

.header__icon--search .svg-wrapper,
.header__icon--search svg,
.header__icon--search svg path {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  transition: none !important;
  transition-delay: 0s !important;
}

/* Make GCash icon larger */
.list-payment__item img[alt="GCash"] {
  width: 60px;
  height: auto;
}

/* Make QR Ph icon larger */
.list-payment__item img[alt="QR Ph"] {
  width: 50px;
  height: auto;
}

/* Payment heading */
.footer__payment-heading {
  margin: 0 0 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), .75);
}

/* ==========================================================
   STATELY VELOUR PREMIUM MOBILE MENU
========================================================== */

/* Main menu items */
.menu-drawer__menu-item {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  letter-spacing: .10em;
  text-transform: uppercase;

  min-height: 64px;
  padding: 0 30px !important;

  display: flex;
  align-items: center;
  justify-content: space-between;

  transition:
    opacity .25s ease,
    transform .25s ease,
    background-color .25s ease;
}

.menu-drawer__menu-item span {
  font-weight: inherit;
}

/* Hover */
.menu-drawer__menu-item:hover {
  opacity: .70;
  transform: translateX(4px);
}

/* Tap */
.menu-drawer__menu-item:active {
  transform: translateX(8px);
}

/* Remove Shopify gray highlight */
.menu-drawer summary,
.menu-drawer__menu-item {
  background: transparent !important;
}

/* Better submenu arrow */
.menu-drawer summary .svg-wrapper:last-child {
  transition: transform .25s ease;
}

.menu-drawer summary:hover .svg-wrapper:last-child {
  transform: translateX(4px);
}

/* Bottom utility section */
.menu-drawer__utility-links{
    border-top:1px solid rgba(0,0,0,.08);

    padding:24px 30px;

    margin-top:auto;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
}

/* Better social icons */
.menu-drawer .list-social{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:28px;
    width:100%;
}

.menu-drawer .list-social__item{
    display:flex;
}

.menu-drawer .list-social__link{
    padding:0;
}

.menu-drawer .list-social__link .svg-wrapper {
  width: 22px;
  height: 22px;
}

.menu-drawer .list-social__link:hover {
  opacity: .65;
}

/* ==========================================================
   FIX MOBILE MENU LAYOUT
========================================================== */

.menu-drawer__inner-container{
    display:flex;
    flex-direction:column;
    height:100%;
}

.menu-drawer__navigation-container{
    display:flex;
    flex-direction:column;
    height:100%;
}

.menu-drawer__navigation{
    display:flex;
    flex-direction:column;
}

.menu-drawer__menu{
    flex:none;
}

/* ==========================================================
   STATELY VELOUR MOBILE MENU SOCIAL ICONS
========================================================== */

.sv-mobile-social {
  list-style: none;
  width: 100%;

  margin: 0 !important;
  margin-bottom: -16px;

  padding: 12px 30px 10px !important;

  border-top: none;

  display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.sv-mobile-social__heading {
  margin: 0 0 12px;

 font-size: 10px;
font-weight: 500;
letter-spacing: .22em;
opacity: .7;
  text-transform: uppercase;

  color: rgba(17,17,17,.65);
}

.sv-mobile-social__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
}

.sv-mobile-social .list-social__link {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;
  padding: 0 !important;

  color: #111;
  text-decoration: none;

  transition:
    opacity .25s ease,
    transform .25s ease;
}

.sv-mobile-social .list-social__link .svg-wrapper {
  width: 24px !important;
  height: 24px !important;
}

.sv-mobile-social .list-social__link svg {
  width: 100% !important;
  height: 100% !important;
}

.sv-mobile-social .list-social__link:hover {
  opacity: .6;
  transform: translateY(-2px);
}

/* ==========================================================
   MOBILE MENU CAMPAIGN BANNER
========================================================== */

.sv-mobile-banner{
    list-style:none;
    margin:0;
    padding:20px 24px 8px;
}

.sv-mobile-banner__link{
    display:block;
    overflow:hidden;
    border-radius:8px;
}

.sv-mobile-banner img{
    width:100%;
    display:block;
    border-radius:8px;
    transition:
        transform .45s ease,
        opacity .3s ease;
}

.sv-mobile-banner:hover img{
    transform:scale(1.03);
    opacity:.96;
}

/* ==========================================
   Larger Homepage Hero (Mobile Only)
========================================== */

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

  .template-index .banner {
    min-height: 88vh !important;
  }

  .template-index .banner__media,
  .template-index .banner__media img {
    height: 88vh !important;
  }

  .template-index .banner__media img {
    object-fit: cover;
    object-position: center center;
  }

}

/* Desktop */
.desktop-banner-image {
  display: block;
}

.mobile-banner-image {
  display: none;
}

/* Mobile */
@media screen and (max-width: 749px) {

  .desktop-banner-image {
    display: none;
  }

  .mobile-banner-image {
    display: block;
    width: 100%;
    height: 100%;
  }

  .mobile-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

}

/* ==========================================
   Contact Us Button
========================================== */

.template-page .button {
  border-radius: 0 !important;

  background: transparent !important;
  color: #111 !important;

  border: none !important;

  padding: 14px 34px !important;

  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;

  transition: all .35s cubic-bezier(.4,0,.2,1);
}

/* Dawn draws the outline with ::after */
.template-page .button::after {
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.template-page .button:hover {
  background: #111 !important;
  color: #fff !important;
}

.template-page .button:hover::after {
  border-color: #111 !important;
}

/* Remove rounded corners */
.template-page .button,
.template-page .button::before,
.template-page .button::after {
  border-radius: 0 !important;
}

/* ==========================================
   Stately Velour - Square Buttons
========================================== */

/* Add to Cart */
.product-form__submit,
.product-form__submit::before,
.product-form__submit::after {
    border-radius: 0 !important;
}

/* Buy Now */
.custom-buy-now,
.custom-buy-now::before,
.custom-buy-now::after {
    border-radius: 0 !important;
}

/* Quantity selector */
.quantity,
.quantity::before,
.quantity::after {
    border-radius: 0 !important;
}

/* Size selector */
.product-form__input input[type="radio"] + label {
    border-radius: 0 !important;
}


/* ==========================================
   Quantity + Add to Cart Row
========================================== */

.sv-purchase-row {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  align-items: end;
  gap: 12px;
  width: 100%;
}

.sv-quantity-slot,
.sv-quantity-slot .product-form__quantity,
.sv-quantity-slot .price-per-item__container {
  width: 100%;
  max-width: none;
}

.sv-quantity-slot .product-form__quantity {
  margin: 0 !important;
}

.sv-quantity-slot .quantity__label {
  display: block;
  margin: 0 0 8px;
}

.sv-quantity-slot .quantity {
  width: 100%;
  min-height: 54px;
}

.sv-purchase-row .product-form__submit {
  width: 100%;
  min-height: 54px;
  margin: 0 !important;
}

.sv-buy-buttons .custom-buy-now {
  width: 100%;
  margin-top: 12px;
}

@media screen and (max-width: 749px) {
  .sv-purchase-row {
    grid-template-columns: 135px minmax(0, 1fr);
    gap: 10px;
  }

  .sv-quantity-slot .quantity,
  .sv-purchase-row .product-form__submit {
    min-height: 48px;
    height: 48px !important;
  }
}

/* ==========================================
   Cart Notification Buttons
========================================== */

.cart-notification .button,
.cart-notification .button::before,
.cart-notification .button::after {
    border-radius: 0 !important;
}

/* Match Add to Cart */
.cart-notification .button {
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;
}

/* View Cart button only */
.cart-notification .button--secondary {
    letter-spacing: 0.03em !important;
}

/* Checkout button */
.cart-notification .button--primary {
    letter-spacing: 0.08em !important;
}

/* ==========================================
   Cart Page Quantity
========================================== */

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

  .cart-item__quantity-wrapper{
      margin-top:8px;
      gap:8px;
  }

  .cart-item__quantity-wrapper .quantity{
      width:80px !important;
      min-height:30px !important;
  }

  .cart-item__quantity-wrapper .quantity__button{
      width:25px !important;
  }

  .cart-item__quantity-wrapper .quantity__input{
      font-size:1.1rem !important;
  }

}

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

  .cart-item__quantity{
      padding-top:0 !important;
  }

}

/* Cart Remove Button */

cart-remove-button .button {
    color: #d32f2f !important;
}

cart-remove-button svg {
    color: #d32f2f !important;
    fill: #d32f2f !important;
}

/* Checkout Button */

.cart__checkout-button,
.cart__checkout-button::before,
.cart__checkout-button::after {
    border-radius: 0 !important;
}

.cart__checkout-button {
    text-transform: uppercase !important;

    font-size: 1.3rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
}

/* ==========================================
   Stately Velour Cart Layout
========================================== */

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

  /* Product title */
  .cart-item__name {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    line-height: 1.2;
    margin-bottom: 4px;
  }

  /* Product information */
  .cart-item .product-option {
    margin: 2px 0;
    font-size: 1.2rem;
  }

  /* Product price only */
  .cart-item__details > .product-option,
  .cart-item__final-price {
    font-weight: 600 !important;
  }

  /* Variant information */
  .cart-item dl {
    margin-top: 2px;
  }

}

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

  .cart-item__image-container{
      width:100px !important;
      height:100px !important;
  }

  .cart-item__image{
      width:100% !important;
      height:100% !important;
      object-fit:cover;
  }

}

/* ==========================================
   Cart Item Vertical Alignment
========================================== */

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

  .cart-item__quantity-wrapper {
    margin-top: -15px !important;
  }

}

/* ==========================================
   Cart Total Label
========================================== */

#main-cart-footer .totals__total {
  font-family: var(--font-body-family) !important;
  font-style: normal !important;

  font-size: 2rem !important;
  font-weight: 700 !important;

  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;

  padding-top: 0px;
  padding-bottom: 0;
}

/* ==========================================
   Cart Total Price
========================================== */

.totals__total-value {
    font-size: 2rem !important;

    font-weight: 600 !important; /* Adjust thickness */

    padding-top: 0px;
    padding-bottom: 0px;
}

/* ==========================================
   Cart Tax Note
========================================== */

.tax-note {
    margin-top: 12px !important;
    margin-bottom: 0 !important;

    font-size: 1.3rem;
    line-height: 1.5;
    text-align: center;
}

/* Gap between total and checkout */
.cart__ctas {
  margin-top: 30px !important;
}

/* ==========================================
   Premium Footer Layout
========================================== */

@media screen and (min-width: 990px) {

  /* LEGAL + COMPANY + NEWSLETTER */
  .footer__content-top {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start !important;
    gap: 90px !important; /* COMPANY to newsletter */
  }

  /* LEGAL + COMPANY group */
  .footer__blocks-wrapper {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    gap: 60px !important; /* LEGAL to COMPANY */
    margin: 0 !important;
  }

  /* Keep each menu column compact */
  .footer__blocks-wrapper .footer-block {
    flex: 0 0 220px !important;
    width: 220px !important;
    max-width: 220px !important;
  }

  /* Newsletter group */
  .footer-block--newsletter {
    display: flex !important;
    flex: 0 0 360px !important;
    width: 360px !important;
    margin: 0 !important;
    flex-direction: column;
    align-items: flex-start;
  }

  /* Social icons aligned under the email field */
.footer-block--newsletter > .footer__list-social.list-social {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;

  margin: 32px 0 0 !important;
  padding: 0 !important;

  transform: translateX(30px) !important;
}

}

/* ==========================================
   Mobile Footer Layout
========================================== */

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

  /* Main mobile footer order */
  .footer__content-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /*
    Remove the newsletter wrapper from the layout so its
    newsletter and social icons can be ordered separately.
  */
  .footer-block--newsletter {
    display: contents !important;
  }

  /* 1. JOIN OUR JOURNEY + email field */
  .footer-block__newsletter {
    order: 1;
    width: 100%;
    margin: 0 0 36px !important;

    text-align: left !important;
}

.footer-block__newsletter .footer-block__heading {
    text-align: left !important;
    margin-left: 0 !important;
}

.footer-block__newsletter .newsletter-form {
    width: 100%;
    max-width: 320px;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

  /* 2. LEGAL + COMPANY */
  .footer__blocks-wrapper {
    order: 2;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;

    width: 100% !important;
    margin: 0 !important;
    gap: 24px !important;
  }

  .footer__blocks-wrapper .footer-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
  }

  .footer__blocks-wrapper .footer-block__heading {
    margin-top: 0 !important;
  }

  /* 3. Social icons */
  .footer-block--newsletter > .footer__list-social {
    order: 3;

    display: flex !important;
    justify-content: center !important;

    width: 100% !important;
    margin: 0px 0 0 !important;
    padding: 0 !important;

    transform: none !important;
  }
}

/* ==========================================
   Mobile Footer Typography
========================================== */

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

  /* Headings: LEGAL / COMPANY */
  .footer__blocks-wrapper .footer-block__heading {
    font-size: 1.15rem !important;   /* Adjust this */
    font-weight: 600 !important;
    letter-spacing: 0.04em;
  }

  /* Links under each heading */
  .footer__blocks-wrapper .list-menu__item {
    font-size: 1rem !important;  /* Adjust this */
    line-height: 1.3;
  }

}

/* ==========================================
   Mobile Header Fine Tuning
========================================== */

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

  /* Keep the homepage logo position identical on every page.
     Dawn wraps the homepage logo in .header__heading, while inner pages
     render .header__heading-link as the direct grid item. */
  .header > .header__heading,
  .header > .header__heading-link {
    margin-left: -30px !important;
  }

  /* Move ONLY the cart to the left */
  .header__icon--cart {
    margin-right: 3px !important;
  }

}

/* ==========================================
   Move header icons to the right (Mobile)
========================================== */

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

  .header__icons {
    margin-right: -17px !important;
  }

}

.header__icon--menu {
    margin-right: -15px !important;
}

/* Mobile touch polish */
@media screen and (max-width: 989px) {
  a, button, summary, input, select, textarea, [role='button'] {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Smaller cart quantity bubble */
.header__icon--cart .cart-count-bubble {
  min-width: 1.6rem !important;
  min-height: 1.6rem !important;
  width: 1.6rem !important;
  height: 1.6rem !important;

  border-radius: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 1rem !important;
  line-height: 1 !important;

  padding: 0 !important;
}

/* Single-digit badge adjustment */
.header__icon--cart .cart-count-bubble span {
  margin: 0 !important;
  transform: none !important;
}