/* Google Font import – MUST be first line */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Bangers&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Bangers&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');
@font-face {
    font-family: 'DonauNeueUppercase';
    src: url('/assets/frontend/fonts/Donau Neue_Uppercase.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Hangyaboly';
  src: url('/assets/frontend/fonts/Hangyaboly.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Prevent Safari "Zoom" and Rendering Glitches */
.new-header-area-wrapper .slick-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    /* Fixes sub-pixel rounding errors in Safari */
    -webkit-backface-visibility: hidden;
}

.slider-bg-img {
    /* Ensures Safari treats images as flat blocks */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: block;
    width: 100%;
    height: auto;
}

.product-bg-img {
    display: none;
}

.product-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;    
}

.random-product-area-wrapper .single-random-item {
     position: inherit;
}

@media  only screen and (max-width: 450px) {
    .nav-right-inline .nav-right-content {
        top: 10px !important;
    }
}

#bizcoxx_main_menu .navbar-nav li a {
  font-size: 13px;
}

/* ===========================
   MAIN MENU HOVER COLOR
   =========================== */
#bizcoxx_main_menu .navbar-nav > li > a:hover {
    color: #341439 !important;   /* hover color */
}

#bizcoxx_main_menu .navbar-nav > li.current-menu-item > a,
#bizcoxx_main_menu .navbar-nav > li.current-menu-ancestor > a {
    color: #341439 !important;   /* active color */
}

/* ===========================
   SUBMENU NORMAL BACKGROUND
   =========================== */
#bizcoxx_main_menu .navbar-nav li .sub-menu li a {
    background-color: #ffffff !important; /* normal white */
    color: #333 !important;               /* normal text */
}

/* ===========================
   SUBMENU HOVER + ACTIVE ITEM
   =========================== */
#bizcoxx_main_menu .navbar-nav li .sub-menu li a:hover,
#bizcoxx_main_menu .navbar-nav li .sub-menu li.current-menu-item > a,
#bizcoxx_main_menu .navbar-nav li .sub-menu li.active > a {
    background-color: #ff805d !important;  /* keep white */
    color: #ffffff !important;             /* text purple */
}

/* =================================== */

.single-new-popular-dress-item .content .title a {    
  font-size: 16px;
  line-height: inherit;
}

.single-blog-gird-new-item .content .title a {
  font-size: 16px;
}

.blog-grid-new-area-wrapper {
  /*background-color: #f2f2f2;*/
}

.breadcrumb-area .page-title {
  font-size: 20px;
}

.breadcrumb-area .page-list .list-item {    
  font-size: 15px;
}

/* Default (desktop) */
.breadcrumb-area .breadcrumb-inner {
    padding: 70px 0;
}

/* Tablet and mobile view */
@media (max-width: 768px) {
    .breadcrumb-area .breadcrumb-inner {
        padding: 30px 0;   /* smaller padding for mobile */
    }
}

/* Extra small devices (phones) */
@media (max-width: 480px) {
    .breadcrumb-area .breadcrumb-inner {
        padding: 25px 0;   /* even tighter padding */
    }
}

.shop-area-wrapper {
    padding-top: 10px; /* default for mobile */
}

/* Desktop view (≥992px for Bootstrap's lg breakpoint) */
@media (min-width: 992px) {
    .shop-area-wrapper {
        padding-top: 50px;
    }
}

.nav-right-content *:not(i) {
  font-size: 13px !important;
}

.footer-area .footer-top {
    padding: 36px 0 38px;
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title {
    font-size: 13px;    
}

.xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap {
    font-size: 13px;    
}

.navbar-area .new-nav-container .nav-right-content ul li {   
    text-transform: capitalize;    
}

.single-product-item .product-details-wrap .product-title {
    font-size: 16px;
}

.single-product-item .product-details-wrap .product-price-details .list .price {    
    font-size: 18px;
}

.single-product-item .product-img-box {    
    border-radius: 5px; /*12px*/
}

.product-info .detail .product-info-accordion + .product-info-accordion {
  margin-top: -50px;
}
.product-info .detail .product-info-accordion + .product-info-accordion .disclosure {
  border-top: none;
}

.product-summery .price-wrap .price {
    font-size: 16.28px !important;
}

.product-summery .price-wrap .del-price {
    font-size: 16.28px !important;
}

.product-summery h4 {
    font-size: 21px;
    line-height: 1.2380952381;
  margin-top: -14px;
}

.product-summery .short-description .info {
    font-size: 14px;    
}

.disclosure {
  border-top: 1px solid rgb(112 113 115 / 0.15);
  border-bottom: 1px solid rgb(112 113 115 / 0.15);
  margin-bottom: 20px;
  padding: 10px 0;
}

/* Summary Row */
.disclosure__title {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.disclosure__title::-webkit-details-marker {
  display: none;
}

.with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* SVG Icon */
.icon {
  width: 20px;
  height: 20px;
}

/* Panel */
.disclosure__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

details[open] .disclosure__panel {
  max-height: 300px;
}

/* Content area */
.disclosure__content {
  padding: 10px 0;
  font-size: 14px;
  color: #333;
}

svg {
  vertical-align: middle;
}
svg.feather {
  stroke: currentColor;
  fill: transparent;
}

.beside-svg {
  vertical-align: middle;
}

.icon {
  width: 16px;
  height: 16px;
}

.icon--extra-small {
  --icon-size: 14px;
}

.icon--small {
  --icon-size: 16px;
}

.icon--large {
  --icon-size: 38px;
}

.icon--extra-large {
  --icon-size: 52px;
}

.with-icon {
  display: inline-flex;
  align-items: flex-start;
  line-height: 1.4;
  vertical-align: top;
}
.with-icon > .icon,
.with-icon > .icon-container {
  flex: 0 0 auto;
  margin: calc(0.8em - 10px) 0 0;
  margin-inline-end: 12px;
}
.with-icon > .icon-container .icon {
  display: block;
}
.with-icon .icon--large {
  margin: 0;
  margin-inline-end: 16px;
}

.with-icon--small > .icon,
.with-icon--small > .icon-container {
  flex: 0 0 auto;
  margin: calc(0.8em - 9px) 0 0;
  margin-inline-end: 8px;
}

.icon-natcol .feather {
  stroke: currentColor;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin: 1em 0 15px;
}
.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
  margin-top: 0;
}
.rte a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgb(var(--link-color)/0.4);
  text-decoration-thickness: 1px;
}
.rte a:hover {
  text-decoration-color: currentColor;
}
.rte > p:last-child {
  margin-bottom: 0;
}
.rte ul,
.rte ol {
  margin-inline-start: 2em;
  margin-bottom: 1em;
}
.rte ul ul,
.rte ul ol,
.rte ol ul,
.rte ol ol {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.rte ul ul li {
  list-style-type: circle;
}
.rte ul li {
  list-style: disc outside;
}
.rte ol li {
  list-style: decimal outside;
}
.rte li:has(> ul:first-child, > ol:first-child) {
  list-style-type: none;
}
.rte iframe {
  max-width: 100%;
}

.product-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

.btn {
  width: 100%;
  padding: 14px 18px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  /*border: none;*/
  transition: all 0.25s ease-in-out;
}

/* Add to Cart Button */
.btn--add-to-cart {
  background: #490649;
  color: #fff;
}

.btn--add-to-cart:hover {
  background: #490649;
  color:#f7bc00;
}

/* Buy It Now Button (bright, filled) */
.btn--buy-now {
  background: #ff805d;
  color: #fff;
}

.btn--buy-now:hover {
  background: #ff805d;
}

.widget .widget-title {
    font-size: 14px;
}

.widget .single-checkbox-wrap label .checkmark {
    font-size: 14px;
}

/* Product Form */
.baby-details-form {
  padding: 10px 0;
  border-top: 1px solid rgb(112 113 115 / 0.15);
  border-bottom: 1px solid rgb(112 113 115 / 0.15);
}

.baby-details-form .form-heading {
  font-size: 13px;
  margin-bottom: 12px;
  color: #000;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.form-field {
  position: relative;
}

.form-field input {
  width: 60%;
  padding: 14px 10px 6px;
  font-size: 13px;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  background: #fff;
}

.form-field label {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 13px;
  color: #666;
  background: #fff;
  padding: 0 4px;
  transition: 0.2s ease all;
  pointer-events: none;
}

.form-field input:focus + label,
.form-field input:not(:placeholder-shown) + label {
  top: -8px;
  left: 8px;
  font-size: 11px;
  color: #111;
}

@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}

/* styles.css */
.title {
  font-size: 14px;
  font-weight: 400; /* regular */
  line-height: 1.3;
  margin: 0 0 0.5rem 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #222;
}

.checkbox-catagory {
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .container.home-page-two-container.new-nav-container .responsive-mobile-menu {
        background-color: #fff !important;
        padding: 14px 0;		
    }
}		

@media only screen and (max-width: 1000px) {
    .navbar.navbar-area.new-nav-style-01 .logo-wrapper img {
        max-width: 300px;
    }
}
@media only screen and (max-width: 450px) {
    .nav-right-inline .nav-right-content {
        top: 15px !important;
    }
}

/* FORCE WhatsApp button as round icon ONLY */
.whatsapp-chat-btn {
  position: fixed !important;
  right: 30px !important;
  bottom: 80px !important;            
  width: 52px !important;
  height: 52px !important;

  background-color: #25D366 !important;
  border-radius: 50% !important;

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

  padding: 0 !important;
  gap: 0 !important;

  white-space: normal !important;
  overflow: visible !important;

  box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
  z-index: 9999 !important;

  font-size: 0 !important;        /* text hide */
  line-height: 0 !important;
  text-decoration: none !important;

  transform: translateY(-10px) !important; 
}

/* icon size force */
.whatsapp-chat-btn img {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}



/* FORCE icon size */
.whatsapp-chat-btn img {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}


 Mobile Style */
@media (max-width: 768px) {
  .whatsapp-chat-btn {
    position: fixed;
    bottom: 10px; /* adjusted by JS */
     right: 30px;
    top: auto;
    transform: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    padding: 0;
    background-color: #25d366;
    animation: whatsapp-pulse 2s infinite;
    z-index: 9999;
    transition: bottom 0.3s ease, opacity 0.3s ease;
  }
  .whatsapp-chat-btn span { display: none; }
  .whatsapp-chat-btn img { width: 28px; height: 28px; }
} */

@keyframes whatsapp-pulse { */
  */0% { box-shadow: 0 0 0 0 rgba(37,211,102, 0.6); }
  70% { box-shadow: 0 0 0 12px rgba(37,211,102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102, 0); }
}
/* Hide WhatsApp Button */
.whatsapp-chat-btn {
  /*display: none !important;*/
}


.ask-wrapper .title {    
    font-size: 16px;
    font-weight: unset;
    text-transform: inherit;
    margin-bottom: 3px;
}

/* Ensure the hidden version doesn't take up ghost space */
@media (max-width: 767px) {
    .desktop-img { display: none !important; }
    .mobile-img { display: block !important; }
}
@media (min-width: 768px) {
    .desktop-img { display: block !important; }
    .mobile-img { display: none !important; }
}

.random-product-area-wrapper .row>div {
    margin-bottom: 15px;
    margin-top: 15px;
}

.image-stack {
	position: relative;
	width: 100%;
}

.stack-img-1 {
	width: 50%;
	border-radius: 10px;
	margin-left: 42px; /* LEFT SPACE ADDED */
}

.stack-img-2 {
	width: 50%;
	position: absolute;
	top: 20px;
	left: 300px;
	border-radius: 10px;
	margin-left: 42px; /* LEFT SPACE ADDED */
}

@media (max-width: 992px) {
	.stack-img-1, .stack-img-2 {
		position: static;
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0; /* Mobile-la space remove panniruken */
	}
}



.single-new-popular-dress-item .img-box {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

/* Remove submenu indicator arrows */
.menu-item-has-children::before {
    content: none !important;
    display: none !important;
}

.image-overlap .image-overlap__image-1:not(:last-child) {
    position: relative;
    z-index: 1;
    margin-top: 45px;
}

.image-overlap .image-overlap__image {
    flex: 1 0 50%;
}

.image-overlap {
    display: flex;
    margin: 0 auto;
}
.theme-img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.navbar-area .new-nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {    
    padding-right: unset; 
}
.section-title-wrapper .main-title {
    font-size: 21px;
}

.single-product-item .product-details-wrap .product-title {
    line-height: 1.0833333333; 
}

.product-wrap .single-shop-list-item .product-details-wrap .product-title {
    font-size: 16px;
    line-height: 1.0833333333;
}

.product-wrap .single-shop-list-item .product-details-wrap .pricing .price, .product-wrap .single-shop-list-item .product-details-wrap .pricing del {    
    font-size: 18px;    	
}

.product-wrap .single-shop-list-item .product-details-wrap .pricing del {    
    font-size: 16px;    	
}

.product-wrap .single-shop-list-item .product-details-wrap .info {
    font-size: 14px;
}
/*radio button form*/
.btn-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Hide radio input if used */
.btn-group input[type="radio"] {
  display: none;
}

/* Option boxes – content based */
/*radio button code*/
.btn-group {
 gap: 10px !important;
}
.custom-check {
  display: flex;
  align-items: flex-end;
  gap: 10px;             /* Space between checkbox and label */
  padding: 12px 12px;     /* Padding around the whole block */
  padding-left: 25px;
}

.custom-check:hover {
  background-color: #f1f1f1;
}

/* Checkbox styling */
.custom-check .form-check-input {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* Label styling */
.custom-check .form-check-label {
  cursor: pointer;
  padding: 0px 3px;
  font-size: 12px;
  font-weight: 100;
}

/*custome banner */
html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* disable horizontal overflow caused by 100vw tricks */
  overflow-x: hidden;
}
/* ===== FULL WIDTH + FULL HEIGHT BANNER ===== */
.custom-banner {
  position: relative;
  width: 100vw;
  min-height: 100vh;              /* FIX: no top/bottom border */
  
  background-image: url("https://yuvaara.com/assets/uploads/media-uploader/website-design-41765772812.jpg");
  background-repeat: no-repeat;
  background-size: contain;;         /* FIX: proper full cover */
  background-position: center center;

  left: 50%;
  margin-left: -50vw;
  overflow: hidden;               /* FIX: remove extra white edges */
}

/* ===== RIGHT SIDE CONTENT (BLACK BOX AREA ALIGN) ===== */
.custom-banner__content {
  position: absolute;
  top: 50%;
  right: 6.5%;                      /* matches black box area */
  transform: translateY(-50%);

  width: 440px;                   /* FIX: exact readable width */
  max-width: 90%;

  color: #4a4a4a;
}

/* ===== HEADING ===== */
.custom-banner__content h3 {
  font-family: 'oswald', sans-serif;
  font-size: 30px;                /* MATCH screenshot */
  font-weight: 450;
  line-height: 1.15;
  letter-spacing: 2px;
  color: #630d4a;
  margin-bottom: 22px;
}

/* ===== PARAGRAPH ===== */
.custom-banner__content p {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;            /* readable size */
  line-height: 1.20;
  margin-bottom: 26px;

  color: #4f4f4f;

  max-width: 420px;           /* text width control */
  text-align: justify;        /* magazine style */
}
/*bannert top move*/
.custom-banner__content {
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translateY(-55%); /* earlier -50% */
}


.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 48px;
  padding: 0 80px;

  background: #7ea723;
  color: #f4f6ec;
  border-radius: 10px;

  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  font-weight: 500;

  line-height: 1;
  letter-spacing: 1.2px;
  white-space: nowrap;

  overflow: hidden;
  text-decoration: none;

  transition: none; /*  optional */
}

/* LOCK HOVER STATE */
.cta-btn:hover,
.cta-btn:focus,
.cta-btn:active {
  background: #7ea723;   /* same as normal */
  color: #f4f6ec;        /* same as normal */
  text-decoration: none;
}


/* ===== MOBILE FIX ===== */
@media (max-width: 991px) {
  .custom-banner {
    min-height: auto;
    padding: 70px 20px;
  }

  .custom-banner__content {
    position: static;
    transform: none;
    width: 100%;
  }

  .custom-banner__content h3 {
    font-size: 30px;
    margin-bottom: 16px;
  }

  .custom-banner__content p {
    font-size: 15px;
    line-height: 1.8;
  }
}

/* =======================
   BASE STYLE (Desktop)
   ======================= */
.custom-subcategory-title,
.custom-subcategory-title:hover,
.custom-subcategory-title:focus,
.custom-subcategory-title:active {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;   /* Desktop default */
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize !important;
    color: #ff805d !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
}

/* =======================
   LARGE TABLET (max 1200px)
   ======================= */
@media (max-width: 1200px) {
    .custom-subcategory-title {
        font-size: 19px !important;
    }
}

/* =======================
   TABLET (max 991px)
   ======================= */
@media (max-width: 991px) {
    .custom-subcategory-title {
        font-size: 18px !important;
    }
}

/* =======================
   MOBILE (max 768px)
   ======================= */
@media (max-width: 768px) {
    .custom-subcategory-title {
        font-size: 16px !important;
    }
}

/* =======================
   SMALL MOBILE (max 576px)
   ======================= */
@media (max-width: 576px) {
    .custom-subcategory-title {
        font-size: 15px !important;
    }
}

/* =======================
   EXTRA SMALL MOBILE (max 480px)
   ======================= */
@media (max-width: 480px) {
    .custom-subcategory-title {
        font-size: 14px !important;
    }
}

/* =======================
   ULTRA SMALL MOBILE (max 360px)
   ======================= */
@media (max-width: 360px) {
    .custom-subcategory-title {
        font-size: 13px !important;
    }
}

/* Background color */
.custom-subcategories-bgcolor {
  background-color: #ffffff;
}

.single-product-item .product-details-wrap .product-price-details .list .price {
    color: #ff805d;
}

.product-summery .price-wrap .price{    
    color: #ff805d;
}
.custom-cat-Peacock, .custom-cat-Flowers, .custom-cat-Bangles {
  /*display: none;*/
}
.shop-details-area-wrapper {
    padding-top: 70px;
}

.about-topic-title {
    font-family: "Jost", sans-serif;
    font-size: 20px;
    font-weight: 400;
    /*color: var(--main-color-one);
    text-transform: uppercase;*/
    padding-bottom: 1rem !important
}

.product-details-tab .nav .nav-item .nav-link.active
{
    background-color: #ff805d;    
}
.product-attr {
    font-size: 14px;
}
.product-attr a {
    color: #ff805d;
}

.product-wrap .single-shop-list-item .product-details-wrap .pricing .price {         
	color: #ff805d;
}

.ui-widget-header {
    background:none;
}
.text-custom {
  color: #88b031;
}
/* Page Title H4 -> OSWALD */
.shop-area-wrapper h4,
.page-title-area h4,
.page-content h4,
.archive .page-title,
.shop-area-wrapper .page-title,
.category-title h4 {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important;
}
/* Widget Titles → PRODUCT SEARCH & FILTER BY PRICE */
.widget .widget-title,
.widget h2,
.widget h3 {
    font-family: "Oswald", sans-serif !important;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 17px !important;   /* ← Increased font size */
    text-transform: Capitalize;
}
/* Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.product-title {
    font-family: "Roboto", sans-serif !important;
    font-weight: 350 !important;  /* Normal weight */
    font-size: 16px !important;   /* ← Increased font size */
}

/* Product Prices (Sale + Regular) */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del {
    font-family: "Roboto", sans-serif !important;
    font-weight: 350 !important;
    font-size: 16px !important;   /* ← Increased font size */
}

/* Optional: Regular price lighter */
.woocommerce ul.products li.product .price del {
    opacity: 0.7;
}

.widget.widget-search form .form-btn-1 {
    color: #2aa9be;
}
.pagination-default .page-item.active .page-link {    
    background-color: var(--main-color-three);    
}

.pagination-default .page-item .page-link:hover {  
  background-color: var(--main-color-three);
}
/* ONLY "Show" dropdown width small */
.toolbox-wrapper .toolbox-item.toolbox-show .select-box {
    width: 100px !important;      /*  your smaller width */
    min-width: 100px !important;
    max-width: 100px !important;
    height: 40px !important;
    padding: 0 35px 0 12px !important;
    box-sizing: border-box !important;
  background-color: #fbfbfb !important;
  border: 1px solid #ddd !important;     /* force full border */
    border-radius: 2px !important;
}

/* Keep "Sort By" box normal (optional but safe) */
.toolbox-wrapper .toolbox-item.toolbox-sort .select-box {
    width: 220px !important;       /*  Increase width here */
    min-width: 220px !important;
    max-width: 220px !important;

    height: 40px !important;
    padding: 0 35px 0 12px !important;
    box-sizing: border-box !important;
    background-color: #fbfbfb !important;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
}


/* FIX: Parent wrappers removing border */
.toolbox-wrapper .toolbox-item .select-box:focus,
.toolbox-wrapper .toolbox-item .select-box:hover {
    border: 1px solid #dddddd !important; /* darker border on hover */
}

/* SOME THEMES WRAP SELECT INSIDE DIV – remove extra background */
.toolbox-wrapper .toolbox-item select {
    background: transparent !important;
    border: none !important;
}
/************
/* Parent container */
/* === PRODUCT SEARCH WIDGET – TOTAL SIZE & ICON POSITION === */

/* Parent form – relative for icon positioning */
.widget.widget-search form {
    position: relative !important;
    width: 100% !important;
    max-width: 285px;
    margin: 0;
}

/* Input box size + FIX RIGHT BORDER VISIBILITY */
.widget.widget-search form input {
    width: 100% !important;
    height: 39px !important;
    padding: 6px 42px 6px 12px !important; /* extra space so icon clickable */
    font-size: 14px !important;
    border: 1px solid #ddd !important;     /* force full border */
    border-radius: 2px !important;
    background-color: #fbfbfb !important;
    box-sizing: border-box !important;
}

/* Search icon button inside input (CLICKABLE) */
.widget.widget-search form .form-btn-1 {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    transform: translateY(-50%);
    width: 28px !important;     /* bigger clickable area */
    height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer !important;     /* now pointer shows */
    z-index: 5 !important;          /* ensures icon stays above input */
    pointer-events: auto !important; /* allow click */
}

/* Icon inside button */
.widget.widget-search form .form-btn-1 i {
    font-size: 16px !important;
    line-height: 1;
    color: #1697a1 !important;
}

/* Optional hover effect */
.widget.widget-search form .form-btn-1:hover i {
    opacity: 0.8;
    transform: scale(1.05);
}



/* =======================
   BASE STYLE (Desktop)
   ======================= */
.custom-subcategory-title,
.custom-subcategory-title:hover,
.custom-subcategory-title:focus,
.custom-subcategory-title:active {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important;
    font-size: 20px !important;   /* Desktop default */
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: capitalize !important;
    color: #79014b !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
}

.new-collection-area-wrapper .new-collection-slider .prev-arrow, 
.new-collection-area-wrapper .related-item-slider-main-full .prev-arrow,
.new-collection-area-wrapper .related-item-slider-main-full-2 .prev-arrow
{
    right: unset !important;
    left: 20px;
}

.new-collection-area-wrapper .new-collection-products
{
  position: relative;
}

.new-collection-area-wrapper .new-collection-products .slick-arrow
{
  position: absolute;
  text-transform: uppercase;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
  color: #666666;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  top: -85px;
}

.new-collection-area-wrapper .new-collection-products .slick-arrow:hover
{
  color: var(--hover-color-one);
}

.new-collection-area-wrapper .new-collection-products .prev-arrow
{
  right: unset !important;
  left: 20px;
}

.new-collection-area-wrapper .new-collection-products .next-arrow
{
  right: 15px;
}
.new-collection-area-wrapper .new-collection-products .slick-dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

.new-collection-area-wrapper .new-collection-products .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #999999;
  cursor: pointer;
}

.new-collection-area-wrapper .new-collection-products .slick-dots li button {
  display: none;
}

.new-collection-area-wrapper .new-collection-products .slick-dots li.slick-active {
  background-color: var(--main-color-two);
}

/* Special case for all-products */
.breadcrumb-area.all-products .breadcrumb-inner {
    padding: 20px 0;   /* reduced padding */
}

@media (max-width: 768px) {
    .breadcrumb-area.all-products .breadcrumb-inner {
        padding: 10px 0;   /* smaller padding for mobile */
    }
}

@media only screen and (max-width: 450px) {
    .breadcrumb-area.all-products .breadcrumb-inner {
        padding: 10px 0 !important;       
    }
}
/*refund policy css*/

/* ===============================
   HIDE THEME DEFAULT TITLES & BANNERS
   =============================== */

.page-title,
.page-title h1,
.page-title h2,
.page-header-title,
.entry-title,
.breadcrumb-area h1,
.breadcrumb-area .page-title,
.page-title-14 {
  display: none !important;
}

/* Hide BIG inner banner only */
.page-banner,
.inner-banner,
.page-header .banner {
  display: none !important;
}

/* Remove theme added top spacing */
main,
#main,
.site-main,
.content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===============================
   POLICY PAGE CONTENT STYLE
   =============================== */

/* =========================
   DESKTOP / DEFAULT
========================= */
.policy-page {
  max-width: 920px;
  width: 100%;

  padding: 50px 50px 110px;
  margin: 50px auto;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  color: #2d2d2d;
  text-align: justify;

  background: #f2f3f5;
  border-radius: 16px;
  box-sizing: border-box;
}

/* Bottom spacer – important */
.policy-page::after {
  content: "";
  display: block;
  height: 40px;
}

/* MAIN TITLE */
.policy-page h1 {
  text-align: left;
  font-size: 30px;
  font-weight: 500;
  margin: -100px 0 40px;
}

/* SUB HEADINGS */
.policy-page h2 {
  font-size: 22px;
  font-weight: 500;
  margin: 32px 0 10px;
}

/* PARAGRAPHS */
.policy-page p {
  font-size: 14px;
  line-height: 1.8;
  margin: 18px 0;
  color: #4a4a4a;
}

/* LISTS */
.policy-page ul {
  margin: 8px 0 22px 22px;
  font-size: 14px;
}

.policy-page li {
  margin-bottom: 10px;
  line-height: 1.6;
  color: #4a4a4a;
}

/* LINKS */
.policy-page a {
  color: #000;
  text-decoration: underline;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

  .policy-page {
    max-width: calc(100% - 24px); /* 🔥 ONLY CHANGE */
    padding: 5px 20px 80px;
    margin: 20px 45px;
    border-radius: 12px;
  }

  .policy-page h1 {
    font-size: 24px;
    margin: -40px 0 24px;
  }

  .policy-page h2 {
    font-size: 18px;
    margin-top: 24px;
  }

  .policy-page p {
    font-size: 13px;
    line-height: 1.7;
    margin: 14px 0;
  }

  .policy-page ul {
    margin-left: 18px;
    font-size: 13px;
  }

  .policy-page::after {
    height: 24px;
  }
}


/* RETURN POLICY  */
.return-policy {
  max-width: 780px;
  margin: 0 auto;
  padding: 10px 20px 40px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  text-align: left;
  color: #2d2d2d;
}

/* MAIN TITLE – move slightly down */
.return-policy h1 {
  text-align: center;
  font-size: 36px;
  font-weight: 500;

  margin-top: 40px;
  margin-bottom: 30px;
}

/* SECTION TITLES */
.return-policy h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 8px;
}

/* PARAGRAPHS */
.return-policy p {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 16px;
  color: #4a4a4a;
  text-align: justify;
}

/* LISTS */
.return-policy ul {
  margin: 6px 0 18px 20px;
  list-style: disc;
}

.return-policy li {
  margin-bottom: 8px;
  line-height: 1.6;
  color: #4a4a4a;
}

/* LINKS */
.return-policy a {
  color: #000;
  text-decoration: underline;
}

/* HIDE DEFAULT PAGE TITLE (THEME) */
.page-title-2 .widget-title {
  display: none !important;
}
.return-policy h1 {
  margin-top: -90px !important;  /* try -10 / -20 */
}


/*terms and condition/*/
/* TERMS & CONDITION PAGE */
.terms-condition {
  max-width: 780px;
  margin: 0 auto;
  padding: 20px 20px 50px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  color: #2d2d2d;
}

/* MAIN TITLE */
.terms-condition h1 {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 50px;
}

/* SECTION HEADINGS */
.terms-condition h2 {
  font-size: 27px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* PARAGRAPH */
.terms-condition p {
  font-size:16px;
  line-height: 1.75;
  margin-bottom: 18px;
  color: #4a4a4a;
}

/* LIST */
.terms-condition ul {
  margin: 10px 0 20px 20px;
}

.terms-condition ul li {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 10px;
  color: #4a4a4a;
}

/* LINK */
.terms-condition a {
  color: #2d2d2d;
  text-decoration: underline;
}

.terms-content strong {
  font-size: 18px;
  font-weight: 500;
  color: #2d2d2d;
}
.page-title-13 .widget-title {
  display: none !important;
}
.terms-condition h1 {
  margin-top: -65px;   /* adjust -10 / -20 / -30 as needed */
}
/* FAQ TITLE SIZE INCREASE */
.page-title-17 .widget-title {
  font-size: 34px;        
  font-weight: 600;      
  margin-bottom: 25px;    
}
/* shipping page*/
/* ===============================
   SHIPPING POLICY – SAFE CONTENT CSS
   =============================== */

/* Only content inside shipping section */
section.shipping {
  max-width: 780px;
  margin: 0 auto;
  padding: 10px 20px 50px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  color: #2d2d2d;
}

/* Shipping Policy main title ONLY */
section.shipping > h1 {
  text-align: center;
  font-size: 36px;
  font-weight: 500;

  margin-top: 0;          /* breadcrumb space affect pannadhu */
  margin-bottom: 45px;
}

/* Section headings */
section.shipping > h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 32px 0 10px;
  color: #1f1f1f;
}

/* Paragraphs */
section.shipping > p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 16px;
  color: #4a4a4a;
}

/* Strong text */
section.shipping strong {
  font-weight: 600;
  color: #2d2d2d;
}
/* HIDE DEFAULT PAGE TITLE (THEME) */
.page-title-16 .widget-title {
  display: none !important;

}
section.shipping > h1 {
  margin-top: -55px !important;

}
.scroll-to-top {
	background-color: #490649;
}
.product-wrapper{
  padding-top: 0px !important;
  padding-left: 3px;
}

.category-wrapper{  
  padding-left: 20px;
}

.subcategory-wrapper{  
  padding-left: 3px;
}


/* ================= FOOTER GAP FIX ================= */

/* ================================
   REMOVE GAP ABOVE FOOTER (SAFE)
   ================================ */

/* Kill last section bottom space */
main > *:last-child,
.site-main > *:last-child,
section:last-of-type,
.elementor-section:last-of-type,
.wp-block-group:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Footer – controlled pull (NO overlap) */
footer,
.footer,
.footer-area {
  margin-top: -90px !important;    
  padding-top: 140px !important;   
}

/* Logo + top content safety */
.footer-top,
.footer-area .footer-top {
  padding-top: 40px !important;    /* 🔥 logo space */
  margin-top: 0 !important;
  position: relative;
  z-index: 2;
}

/* Extra safety for logo image */
.footer-top img {
  margin-top: 0 !important;
  transform: translateY(0) !important;
}

/* Elementor / theme override */
html body footer,
html body .footer-area {
  margin-top: -70px !important;
}

/* ================= ABOUT OVERLAY LAYOUT ================= */
/* ================= SECTION ================= */

.about-ref {
  padding: 80px 0;
  background: #ffffff;
}

/* ================= MAIN WRAPPER ================= */

.about-ref-inner {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  gap: 40px;
  align-items: stretch; /* 🔥 equal height magic */
  margin-top: -70px;
}

/* ================= LEFT IMAGE ================= */

.about-ref-image {
  width: 52%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-ref-image img {
  width: 100%;
  height: 100%;                 /* 🔥 IMPORTANT */
  object-fit: contain;
  display: block;
  border-radius: 45px;

  /* 🔥 PAGE ENTER ANIMATION */
  opacity: 0;
  transform: translateX(-40px) scale(0.95);
  animation: leftImageEnter 1.2s ease forwards;
}

/* ================= RIGHT IMAGE ================= */

.about-ref-box {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffff;
  border-radius: 9px;
}

.about-ref-box img {
  width: 100%;
  height: 100%;                 
  object-fit: contain;
  display: block;
  border-radius: 45px;
  border: 1.5px solid #9e9b9b;

  /* 🔥 PAGE ENTER ANIMATION */
  opacity: 0;
  transform: translateX(40px) scale(0.95);
  animation: rightImageEnter 1.2s ease forwards;
  animation-delay: 0.2s;
}

/* ================= KEYFRAMES ================= */

@keyframes leftImageEnter {
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes rightImageEnter {
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* ================= MOBILE ================= */

@media (max-width: 768px) {

  /* Layout */
  .about-ref-inner {
    flex-direction: column;
    gap: 20px;
    margin-top: -90px; /* 🔼 top space reduced */
  }

  .about-ref-image,
  .about-ref-box {
    width: 100%;
  }

  /* Image animation */
  .about-ref-image img,
  .about-ref-box img {
    height: auto;              /* 📱 mobile natural ratio */
    opacity: 0;
    transform: translateY(-50px) scale(0.95); /* 🔼 less top gap */
    animation: mobileImageEnter 0.9s ease forwards;
  }

  /* Animation keyframes */
  @keyframes mobileImageEnter {
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  /* Optional: if parent section has extra top padding */
  .about-ref-section {
    padding-top: 0;
  }

}




/* FAQ section – FORCE spacing */
section .page-content-17 {
  padding-top: -50px !important;
  padding-bottom: 90px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* stop footer coming up */
footer.footer-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
  clear: both !important;
}

/* prevent overlap from previous sections */
section {
  overflow: visible !important;
}
/* FAQ title spacing fix */
.widget.widget-title {
  margin-top: 16px;   
}
/*navbar*/
/* =====================================
   1. IMPORT FONT (ROBOTO)
===================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

/* =====================================
   2. GLOBAL NAVBAR FONT RESET
===================================== */
header,
.navbar,
.navbar a,
#bizcoxx_main_menu,
#bizcoxx_main_menu a,
.header-icons,
.header-icons a,
.user-menu,
.user-menu a {
  font-family: 'Roboto', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* =====================================
   3. MENU TEXT
===================================== */
#bizcoxx_main_menu .navbar-nav > li > a {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.4px !important;
  color: #111 !important;
  text-transform: none !important;
  background: transparent !important;

  position: relative !important;
  top: 7px !important;   /* kela pogum */
  /* top: -4px;  mela poganum na */
}


/* =====================================
   4. RIGHT SIDE TEXT
===================================== */
.header-icons a,
.user-menu a,
.user-menu span {
  font-size: 13.8px !important;
  font-weight: 400 !important;
  letter-spacing: 0.35px !important;
  color: #111 !important;
}

/* =====================================
   5. ICON SIZE
===================================== */
.header-icons svg,
.header-icons i {
  font-size: 16px !important;
  stroke-width: 1.5;
}

/* =====================================
   6. LOGO TEXT
===================================== */
.navbar-brand,
.navbar-brand span,
.navbar-brand a {
  font-weight: 300 !important;
  letter-spacing: 1.2px;
}

/* =====================================
   7. HOVER COLOR
===================================== */
#bizcoxx_main_menu .navbar-nav > li > a:hover,
.header-icons a:hover,
.user-menu a:hover {
  color: #ff805d !important;
  background: transparent !important;
}

/* =====================================
    REAL BLINK FIX (ONLY CHANGE)
===================================== */

/* icons behave as ONE block */
.header-icons {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

/* remove inline gap */
.header-icons a {
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  margin: 0 !important;
  transition: color 0.12s linear !important;
}

/*overlap hover zones */
.header-icons a:not(:last-child) {
  margin-right: -6px !important;
}

/* prevent browser hover drop */
.header-icons:hover a {
  pointer-events: auto !important;
}

/* GPU flicker prevention */
.header-icons a,
.header-icons a * {
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

/* cart count must not steal hover */
.header-icons .count,
.header-icons .cart-count {
  pointer-events: none !important;
}

/* =====================================
   9. USER MENU SAFE
===================================== */
.user-menu a {
  padding: 0 12px !important;
}

/* =====================================
   10. MOBILE SAFE
===================================== */
@media (max-width: 991px) {
  #bizcoxx_main_menu .navbar-nav > li > a {
    font-size: 14px !important;
    letter-spacing: 0.35px !important;
  }

  .header-icons a,
  .user-menu a {
    font-size: 14px !important;
  }
}

/*material*/
/* ==================================================
   ATTRIBUTE ROW – MAIN LAYOUT
================================================== */
.size.section.attribute_row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

/* ==================================================
   HIDE LEFT TEXT (Soft Copy / Materials)
================================================== */
.size.section.attribute_row .name {
  display: none !important;
}

/* ==================================================
   OPTIONS CONTAINER – FORCE SAME ROW
================================================== */
.size.section.attribute_row .checkbox-color {
  display: flex !important;
  flex-wrap: wrap !important;      /* 🔥 never go to next line */
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;       /* 🔥 scroll if no space */
}

/* optional: hide scrollbar (clean look) */
.size.section.attribute_row .checkbox-color::-webkit-scrollbar {
  height: 0 !important;
}

/* ==================================================
   OPTION BOX – BASE STYLE
================================================== */
.size.section.attribute_row .checkbox-color > * {
  flex: 0 0 auto !important;         /* 🔥 stay in same row */
  width: auto !important;

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

  padding: 8px 14px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;

  background-color: #fff !important;
  color: #000 !important;

  border: 1px solid #cfcfcf !important;
  border-radius: 6px !important;

  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: none !important;

  transition: none !important;       /* 🔥 no hover animation */
  -webkit-tap-highlight-color: transparent !important;
}

/* ==================================================
   ❌ DISABLE HOVER / ACTIVE / FOCUS COLORS
================================================== */
.size.section.attribute_row .checkbox-color > *:hover,
.size.section.attribute_row .checkbox-color > *:active,
.size.section.attribute_row .checkbox-color > *:focus,
.size.section.attribute_row .checkbox-color > *:focus-visible {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #cfcfcf !important;
  outline: none !important;
}

/* ==================================================
   REMOVE INNER PINK / GREY BUTTONS
================================================== */
.size.section.attribute_row .checkbox-color * * {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Wrap both attribute rows in a horizontal flex container */
.attribute-row-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px; /* spacing between Soft Copy and Materials */
  overflow-x: auto; /* scroll if needed */
}

/* Optional: hide scrollbar for cleaner look */
.attribute-row-container::-webkit-scrollbar {
  height: 0;
}

.size.section.attribute_row:has(input[type="radio"]:checked) {
  background-color: #f5f5f5 !important; /* light highlight */
  border: 1px solid #000 !important;
  border-radius: 8px !important;
  padding: 10px !important;
}


/* ==================================================
   ✅ CLICK / SELECTED OPTION – BLACK BG, WHITE TEXT
================================================== */
.size.section.attribute_row 
.checkbox-color > *:has(input[type="radio"]:checked),
.size.section.attribute_row 
.checkbox-color > *.active {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* make sure inner text also turns white */
.size.section.attribute_row 
.checkbox-color > *:has(input[type="radio"]:checked) *,
.size.section.attribute_row 
.checkbox-color > *.active * {
  color: #fff !important;
}
/* ==================================================
    REMOVE EXTRA OUTER BOX ON CLICK
================================================== */
.size.section.attribute_row:has(input[type="radio"]:checked) {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ==================================================
   ✅ ALLOW ONLY ONE BLACK BOX VISUALLY
================================================== */

/* First reset ALL boxes to normal */
.size.section.attribute_row .checkbox-color > * {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #cfcfcf !important;
}

/* Only the ACTUALLY checked one becomes black */
.size.section.attribute_row 
.checkbox-color > *:has(input[type="radio"]:checked) {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* inner text force white */
.size.section.attribute_row 
.checkbox-color > *:has(input[type="radio"]:checked) * {
  color: #fff !important;
}
/* default inactive style */
.size.section.attribute_row .checkbox-color > * {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #cfcfcf !important;
}

/* selected style */
.size.section.attribute_row .checkbox-color > *:has(input[type="radio"]:checked) {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.size.section.attribute_row .checkbox-color > *:has(input[type="radio"]:checked) * {
  color: #fff !important;
}

/*font size/*
/* ==================================================
    BRUTE FORCE FONT SIZE FIX – SHOPIFY ATTRIBUTES
================================================== */

/* target the actual clickable text */
.size.section.attribute_row 
.checkbox-color 
.single-checkbox-wrap.attribute label,
.size.section.attribute_row 
.checkbox-color 
.single-checkbox-wrap.attribute span,
.size.section.attribute_row 
.checkbox-color 
.single-checkbox-wrap.attribute a,
.size.section.attribute_row 
.checkbox-color 
.single-checkbox-wrap.attribute div {
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

/* safety: inherit everywhere */
.size.section.attribute_row 
.checkbox-color 
.single-checkbox-wrap.attribute * {
  font-size: 20px !important;
}
/*box gap*/
/* ==================================================
    FIX EXTRA SPACE BETWEEN OPTION BOXES
================================================== */

/* reduce gap between boxes */
.size.section.attribute_row .checkbox-color {
  gap: 3px !important;          /* 🔥 before 10px */
  row-gap: 7px !important;      /* vertical gap control */
}

/* control box padding for big font */
.size.section.attribute_row .checkbox-color > .single-checkbox-wrap.attribute {
  padding: 6px 5px !important;   
  line-height: 1.1 !important;
}

/* make sure inner text doesn't add extra height */
.size.section.attribute_row 
.checkbox-color 
.single-checkbox-wrap.attribute * {
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 !important;
}







.navbar.navbar-area {
  --main-color-one: #ff805d;
}


@media (max-width: 991px) {

  /* Reset wrapper + keep honeycomb image */
  .custom-banner {
    all: unset;
    display: block;
    width: 100%;
    margin: 0;
    padding-top: 200px;   /* space for honeycomb image */
    padding-bottom: 40px;
    background-image: url("https://yuvaara.com/assets/uploads/media-uploader/grid-211f3c14-ace3-4ab2-b66f-1e7f0796fe1f1768192673.jpg");
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    overflow-x: hidden;
  }

  /* White centered card */
  .custom-banner__content {
    all: unset;
    display: block;
    width: 92%;
    max-width: 92%;
    margin: 0 auto;
    background: #ffffff;
    padding: 26px 20px;
    border-radius: 22px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    box-sizing: border-box;
  }

  .custom-banner__content h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .custom-banner__content p {
    font-size: 15px;
    line-height: 1.6;
  }

  .custom-banner__content .cta-btn {
    width: 100%;
    font-size: 18px;
    padding: 14px 0;
  }
}

/*collection title*/

.collection-title,
.collection-title * {
    font-family: "Josefin Sans", sans-serif !important;
    color: #4f253d !important;
    font-size: clamp(20px, 8vw, 20px) !important;
    font-weight: 500 !important;   
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: capitalize;
}

}
/*cart/*
/* Cart row */
.card-body.p-2 .media.canvas-cart-img {
    display: flex;
    align-items: center;
}

/* Image container */
.card-body.p-2 .media.canvas-cart-img a {
    margin-right: 22px;   
}

/* Image size */
.card-body.p-2 .media.canvas-cart-img img {
    width: 130px;
    height: 130px;
    object-fit: contain;
    border-radius: 10px;
}

/* Text container */
.card-body.p-2 .media-body {
    padding-left: 0;      /* avoid double spacing */
}
/* Price + Qty row */
.card-body.p-2 .media-body .d-flex {
    gap: 14px;                 /* 🔥 space between price & qty */
    align-items: center;
}

/* Price text */
.card-body.p-2 .media-body .text-primary {
    font-size: 16px;
    font-weight: 600;
}

/* Quantity box */
.card-body.p-2 .media-body input[type="number"] {
    width: 70px;
    padding: 6px 8px;
    border-radius: 8px;
}


/* footer */
/* Page full height */
html, body {
    height: 100%;
}

/* Checkout page wrapper */
.checkout-page,
.page-wrapper,
.main-wrapper,
.site-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Checkout content */
.checkout-area,
.page-content,
.woocommerce,
.woocommerce-checkout {
    flex: 1;
}

/* Footer */
/* Page full height */
html, body {
    height: 100%;
}

/* Checkout page wrapper */
.checkout-page,
.page-wrapper,
.main-wrapper,
.site-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Checkout content */
.checkout-area,
.page-content,
.woocommerce,
.woocommerce-checkout {
    flex: 1;
}

/* Footer */
/* Full page height */
html, body {
    height: 100%;
}

/* Checkout page wrapper */
.woocommerce-checkout,
.checkout-page,
.page-wrapper,
.main-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Checkout content should stretch */
.woocommerce,
.checkout-area,
.page-content {
    flex: 1;
    padding-bottom: 200px !important;  
}

/* Footer */
html body .footer-area,
footer {
    margin-top: 15px !important;
    padding-top: 50px;
    padding-bottom: 4px;
}


.page-title-20 .widget-title{
    transform: translateX(73px);
}


/* Hide custom fields below product title */
.custom-properties {
    display: none !important;
}

/* Make sure product title still visible */
.product-name,
.product-name a {
    display: block !important;
    font-size: 16px;
    font-weight: 600;
}

/*final check*/
.header-wrap h2 {
    font-size: 25px !important;
    line-height: 1.3;
   margin-top: -20px
}

/*register*/
.register-form-wrapper .register-form .btn-wrapper .default-btn {
    background-color: #4f253d !important;   
    border-color: #4f253d !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Hover */
.register-form-wrapper .register-form .btn-wrapper .default-btn:hover {
    background-color: #ff6a00 !important;
    border-color: #ff6a00 !important;
    color: #ffffff !important;
}

/*nav*/
/* =====================================
   MOBILE ONLY – FORCE ICONS NEAR HAMBURGER
   (UPDATED)
===================================== */
@media (max-width: 991px) {

  /* Make navbar relative */
  .navbar,
  header {
    position: relative !important;
  }

  /* Move search + profile to right */
  .header-icons {
    position: absolute !important;
    right: 52px !important;   
    top: 50% !important;

    margin-top: 2px !important;

    display: flex !important;
    align-items: center !important;
    z-index: 1000 !important;
  }

  /* ICON ONLY – size increase */
  .header-icons svg,
  .header-icons i {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
      margin-top: 2px !important;
    transform: translateY(4%) !important;
  }

  /* Hamburger stays extreme right */
  .navbar-toggler {
    position: absolute !important;
    right: 16px !important;
    top: 45% !important;
    z-index: 1001 !important;
  }

}

/*
@media (max-width: 991px) {

  /* position tweak */
  .nav-right-content {
    margin-left: 60px;
    margin-top: 15px;
  }

  /* ICON ONLY – size increase */
  .nav-right-content svg,
  .nav-right-content i {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
  }

}

/*v*/
#bizcoxx_main_menu .navbar-nav > li > a {
  padding-top: 14px !important;
  padding-bottom: 10px !important;
  line-height: 22px !important;
}



/* Number text hide */
.slick-dots li button {
  font-size: 0 !important;
}

/* Proper dot design */
.slick-dots li button:before {
  font-size: 10px;
  color: #999;
  opacity: 1;
}

/* Active dot */
.slick-dots li.slick-active button:before {
  color: #000;
}

/*dot enable/*
/* dots container center */
.slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px;
  bottom: -25px;
}

/* remove number text + button border */
.slick-dots li button {
  font-size: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* square dot (NO STROKE) */
.slick-dots li button:before {
  content: "" !important;
  width: 10px;
  height: 10px;
  background-color: #cfcfcf;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 2px;
  display: block;
  opacity: 1;
}

/* active dot */
.slick-dots li.slick-active button:before {
  background-color: #7a2c6d;
}


/* ==================================================
   SLICK SLIDER BASE
================================================== */
.slick-slider {
  position: relative !important;
}

/* ==================================================
   REMOVE BOTTOM DOTS
================================================== */
.slick-dots {
  display: !important;
}

/* ==================================================
   COMMON ARROW – DARK ROUND STYLE
================================================== */
.prev-icon.slick-arrow,
.next-icon.slick-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;

  width: 48px;
  height: 48px;

  background: #490649 !important;
  border-radius: 50% !important;
  border: none !important;

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

  cursor: pointer;
  transition: all 0.3s ease;
}

/* ==================================================
   LEFT & RIGHT POSITION
================================================== */
.prev-icon.slick-arrow {
  left: 24px !important;
}

.next-icon.slick-arrow {
  right: 24px !important;
}

/* ==================================================
   REMOVE ICON TAG COMPLETELY
================================================== */
.prev-icon i,
.next-icon i {
  display: none !important;
}

/* ==================================================
   PURE CSS CHEVRON ARROW – NORMAL STATE
================================================== */
.prev-icon::after,
.next-icon::after {
  content: "";
  width: 10px;
  height: 10px;

  border-width: 2px;
  border-style: solid;

  border-color: #ffffff; 
}

/* left arrow */
.prev-icon::after {
  border-right: none;
  border-top: none;
  transform: rotate(45deg);
}

/* right arrow */
.next-icon::after {
  border-left: none;
  border-top: none;
  transform: rotate(-45deg);
}

/* ==================================================
   REMOVE DEFAULT SLICK ICON
================================================== */
.prev-icon:before,
.next-icon:before {
  display: none !important;
}

/* ==================================================
   HOVER EFFECT – ICON COLOR CHANGE ONLY ON HOVER
================================================== */
.prev-icon:hover,
.next-icon:hover {
  background: #490649 !important;
  transform: translateY(-50%) scale(1.1);
}

.prev-icon:hover::after,
.next-icon:hover::after {
  border-color: #ffd5ff; 
}

/* ==================================================
   ACTIVE (CLICK FEEL)
================================================== */
.prev-icon:active,
.next-icon:active {
  transform: translateY(-50%) scale(0.95);
}



/*nav bar/*
/* =====================================
   NAVBAR LEFT & RIGHT WHITE SPACE
===================================== */
/* Desktop */
@media (min-width: 992px) {
  .navbar-area.new-nav-style-01 .new-nav-container {
    max-width: 12800px !important;
    margin: 0 auto !important;
    border-bottom: 0.5px solid #DEE2E7;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    height: 150px
  }
}


@media (max-width: 991px) {
  .navbar-area.new-nav-style-01 {
   border-bottom: 1.5px solid #DEE2E7;
    height: 150px
  }
}



@media only screen and (max-width: 991px) {
  .container.home-page-two-container.new-nav-container
  .responsive-mobile-menu {
    background-color: #fff !important;
    padding: 0px;
  }
}

/*cookies*/
/* ACCEPT BUTTON */
#gdpr-cookie-accept {
  background-color: #490649 !important; 
  color: #ffffff !important;
  border: none;
}

/* ACCEPT HOVER */
#gdpr-cookie-accept:hover {
  background-color: #490649 !important; 
}

/* DECLINE BUTTON */
#gdpr-cookie-advanced {
  background-color: #ffffff !important;
  color: #490649 !important;
  border: none;
}

/* DECLINE HOVER */
#gdpr-cookie-advanced:hover {
  background-color: #ffffff!important; 
}


/*bottom final css*/
/* ===============================
   POLICY PAGE CONTENT STYLE
   =============================== */

/* =========================
   DESKTOP / DEFAULT
========================= */
.policy-page {
  max-width: 920px;
  width: 100%;

  padding: 50px 50px 110px;
  margin: 50px auto;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  color: #2d2d2d;
  text-align: justify;

  background: #f2f3f5;
  border-radius: 16px;
  box-sizing: border-box;
}

/* Bottom spacer – important */
.policy-page::after {
  content: "";
  display: block;
  height: 40px;
}

/* MAIN TITLE */
.policy-page h1 {
  text-align: left;
  font-size: 23px;
  font-weight: 500;
  margin: -100px 0 40px;
}

/* SUB HEADINGS */
.policy-page h2 {
  font-size: 15px;
  font-weight: 500;
  margin: 32px 0 10px;
}

/* PARAGRAPHS */
.policy-page p {
  font-size: 14px;
  line-height: 1.8;
  margin: 18px 0;
  color: #4a4a4a;
}

/* LISTS */
.policy-page ul {
  margin: 8px 0 22px 22px;
  font-size: 14px;
}

.policy-page li {
  margin-bottom: 10px;
  line-height: 1.6;
  color: #4a4a4a;
}

/* LINKS */
.policy-page a {
  color: #000;
  text-decoration: underline;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

  .policy-page {
    max-width: calc(100% - 24px); 
    padding: 5px 20px 80px;
    margin: 20px 4px;
    border-radius: 12px;
  }

  .policy-page h1 {
    font-size: 20px;
    margin: -40px 0 24px;
  }

  .policy-page h2 {
    font-size: 15px;
    margin-top: 24px;
  }

  .policy-page p {
    font-size: 13px;
    line-height: 1.7;
    margin: 14px 0;
  }

  .policy-page ul {
    margin-left: 18px;
    font-size: 13px;
  }

  .policy-page::after {
    height: 24px;
  }
}

/* RETURN POLICY  */
/* =========================
   DESKTOP / DEFAULT
========================= */
.return-policy {
  max-width: 920px;
  width: 100%;

  padding: 50px 50px 110px;
  margin: 5px auto;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  color: #2d2d2d;
  text-align: justify;

  background: #f2f3f5;
  border-radius: 16px;
  box-sizing: border-box;
}

/* Bottom spacer */
.return-policy::after {
  content: "";
  display: block;
  height: 40px;
}

/* MAIN TITLE */
.return-policy h1 {
  text-align: left;
  font-size: 23px;
  font-weight: 500;
  margin: -100px 0 40px;
}

/* SECTION HEADINGS */
.return-policy h2 {
  font-size: 15px;
  font-weight: 500;
  margin: 32px 0 10px;
}

/* PARAGRAPHS */
.return-policy p {
  font-size: 14px;
  line-height: 1.8;
  margin: 18px 0;
  color: #4a4a4a;
}

/* LISTS */
.return-policy ul {
  margin: 8px 0 22px 22px;
  font-size: 14px;
}

.return-policy li {
  margin-bottom: 10px;
  line-height: 1.6;
  color: #4a4a4a;
}

/* LINKS */
.return-policy a {
  color: #000;
  text-decoration: underline;
}

/* HIDE THEME TITLE */
.page-title-2 .widget-title {
  display: none !important;
}
/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

  .return-policy {
    width: calc(100% - 24px);
    max-width: none;

    padding: 50px 20px 0px;
    margin: -20px 4px;

    border-radius: 12px;
    box-sizing: border-box;
  }

  .return-policy h1 {
    font-size: 20px;
    margin: -40px 0 24px;
  }

  .return-policy h2 {
    font-size: 15px;
    margin-top: 24px;
  }

  .return-policy p {
    font-size: 13px;
    line-height: 1.7;
    margin: 14px 0;
  }

  .return-policy ul {
    margin-left: 18px;
    font-size: 13px;
  }

  .return-policy::after {
    height: 24px;
  }
}

/* TERMS & CONDITION PAGE */
/* =========================
   DESKTOP / DEFAULT
========================= */
.terms-condition {
  max-width: 920px;
  width: 100%;

  padding: 50px 50px 110px;
  margin: 50px auto;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  color: #2d2d2d;
  text-align: justify;

  background: #f2f3f5;
  border-radius: 16px;
  box-sizing: border-box;
}

/* Bottom spacer – important */
.terms-condition::after {
  content: "";
  display: block;
  height: 40px;
}

/* MAIN TITLE */
.terms-condition h1 {
  text-align: left;
  font-size: 23px;
  font-weight: 500;
  margin: -100px 0 40px;
}

/* SUB HEADINGS */
.terms-condition h2 {
  font-size: 15px;
  font-weight: 500;
  margin: 32px 0 10px;
}

/* PARAGRAPHS */
.terms-condition p {
  font-size: 14px;
  line-height: 1.8;
  margin: 18px 0;
  color: #4a4a4a;
}

/* LISTS */
.terms-condition ul {
  margin: 8px 0 22px 22px;
  font-size: 14px;
}

.terms-condition li {
  margin-bottom: 10px;
  line-height: 1.6;
  color: #4a4a4a;
}

/* LINKS */
.terms-condition a {
  color: #000;
  text-decoration: underline;
}
.page-title-13 .widget-title {
  display: none !important;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

  .terms-condition {
    width: calc(100% - 24px);
    max-width: none;

    padding: 20px 22px 0px;
    margin: -5px 4px;

    border-radius: 12px;
    box-sizing: border-box;
  }

  .terms-condition h1 {
    font-size: 20px;
    margin: -52px 0 24px;
  }

  .terms-condition h2 {
    font-size: 15px;
    margin-top: 24px;
  }

  .terms-condition p {
    font-size: 13px;
    line-height: 1.7;
    margin: 14px 0;
  }

  .terms-condition ul {
    margin-left: 18px;
    font-size: 13px;
  }

  .terms-condition::after {
    height: 24px;
  }
}

/* shipping page*/
/* ===============================
   SHIPPING POLICY – SAFE CONTENT CSS
   =============================== */

/* Only content inside shipping section */
/* =========================
   DESKTOP / DEFAULT
========================= */
section.shipping {
  max-width: 920px;
  width: 100%;

  padding: 5px 50px 110px;
  margin: 50px auto;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;

  color: #2d2d2d;
  text-align: justify;

  background: #f2f3f5;
  border-radius: 16px;
  box-sizing: border-box;
}

/* Bottom spacer */
section.shipping::after {
  content: "";
  display: block;
  height: 40px;
}

/* MAIN TITLE */
section.shipping > h1 {
  text-align: left;
  font-size: 23px;
  font-weight: 500;
  margin: -100px 0 40px;
}

/* SECTION HEADINGS */
section.shipping > h2 {
  font-size: 15px;
  font-weight: 500;
  margin: 32px 0 10px;
  color: #1f1f1f;
}

/* PARAGRAPHS */
section.shipping > p {
  font-size: 14px;
  line-height: 1.8;
  margin: 18px 0;
  color: #4a4a4a;
}

/* STRONG TEXT */
section.shipping strong {
  font-weight: 500;
  color: #2d2d2d;
}

/* HIDE THEME TITLE */
.page-title-16 .widget-title {
  display: none !important;
}
/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {

  section.shipping {
    width: calc(100% - 24px);
    max-width: none;

    padding: 14px 16px 80px;
    margin: -1px 2px;

    border-radius: 12px;
    box-sizing: border-box;
  }

  section.shipping > h1 {
    font-size: 20px;
    margin: -32px 0 24px;
  }

  section.shipping > h2 {
    font-size: 15px;
    margin-top: 24px;
  }

  section.shipping > p {
    font-size: 13px;
    line-height: 1.7;
    margin: 14px 0;
  }

  section.shipping::after {
    height: 24px;
  }
}


}

/* Desktop (default) */
.category-wrapper {
  padding-left: 20px;
}

/* Mobile fix */
@media (max-width: 768px) {
  .category-wrapper {
    padding-left: 12px;   
    padding-right: 12px;  
  }
}



.register-form-wrapper .register-form .btn-wrapper 
.default-btn.custom-login-button {
  background-color: #ff805d !important;
  color: #ffffff !important;
  border: none !important;      
  outline: none !important;     
  box-shadow: none !important;
}




.register-form-wrapper .register-form .btn-wrapper .default-btn,
.register-form-wrapper .register-form .btn-wrapper .default-btn:hover,
.register-form-wrapper .register-form .btn-wrapper .default-btn:focus,
.register-form-wrapper .register-form .btn-wrapper .default-btn:active {
  background-color: #ff805d !important;
  color: #ffffff !important;

  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}



/* ===============================
   MOBILE – ICONS LEFT OF HAMBURGER
   COMPARE HIDE, WISHLIST SHOW*/
/* =========================================
   GLOBAL MOBILE HEADER FIX – ALL PAGES
   STABLE ICONS + OVERLAY MENU
========================================= */
@media (max-width: 991px) {

  /* ===== BASE ===== */
  header,
  .navbar,
  .navbar-area {
    position: relative !important;
  }

  body {
    overflow-x: hidden;
  }

  /* ===== NAVBAR CONTAINER (FIXED HEIGHT) ===== */
  .navbar-area .new-nav-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 70px !important;      
    padding: 0 12px !important;
    position: relative !important;
    overflow: visible !important;
    background: #fff;
    z-index: 1000;
  }

  /* ===== LOGO ===== */
  .logo-wrapper {
    flex: 1;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
  }

  /* ===== HEADER ICONS (SEARCH / WISHLIST / CART / ACCOUNT) ===== */
  .nav-right-content {
    position: static !important;   
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0;
  }

  .nav-right-content ul {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nav-right-content li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: block !important;
  }

  /* Hide ONLY compare icon */
  .nav-right-content li.favicon.pr-0.d-none {
    display: none !important;
  }

  /* Force show wishlist */
  .nav-right-content li.favicon:not(.d-none) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Search / cart / account */
  .nav-right-content li.search,
  .nav-right-content li.cart,
  .nav-right-content li.account {
    display: block !important;
  }

  /* Icon size */
  .nav-right-content i,
  .nav-right-content svg {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    color: #111 !important;
  }

  /* ===== CART BADGE ===== */
  .cart-badge,
  .navbar-area .new-nav-container .nav-right-content ul .favicon a .cart-badge {
    position: absolute;
    right: -9px;
    top: -11px;
    font-size: 11px;
    display: inline-block;
    height: 13px;
    width: 13px;
    color: #fff;
    border-radius: 50%;
    background-color: var(--main-color-three);
    line-height: 11px;
    text-align: center;
    font-weight: 600;
  }

  /* ===== HAMBURGER ===== */
    .navbar-toggler {
    position: static !important;
    margin-left: 12px !important;

    margin-top: 30px !important;   

    z-index: 1001 !important;
    flex-shrink: 0 !important;
  }

  /* ===== MOBILE MENU (OVERLAY – NO PUSH) ===== */
  .navbar-collapse {
    position: absolute !important;
    top: 80px !important;          
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 999 !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  }

  .navbar-collapse .navbar-nav {
    padding: 12px 16px !important;
    margin: 0 !important;
  }
}
/*icon*/
@media (max-width: 991px) {

  .nav-right-content {
    position: static !important;

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

    margin-left: auto !important;   
    margin-right: -35px !important;  
    margin-top: -55px !important;    

    padding: 10px !important;
    flex-shrink: 0 !important;
  }

}

 .navbar-nav {
  margin-top: 20px; 
}
.nav-right-content {
    margin-left: 60px;
    margin-top: 45px;
}




.collections-title {
      font-family: "Hangyaboly", sans-serif;
    color: #4f253d !important;
    font-size: clamp(20px, 8vw, 41px) !important;
    font-weight: 500 !important;   
    line-height: 1.1;
    letter-spacing: 1.5px;

    text-align: center;
    text-transform: capitalize;
   margin-top: 1px !important;     
    padding-top: 1px !important; 
}


/* DESKTOP (default) */
.col h4.widget.widget-category.widget-title.collections-title {
    font-family: "Hangyaboly", sans-serif;
  font-size: 41px !important;
  font-weight: 500 !important;
  letter-spacing: 1.5px;
  text-transform: capitalize !important;
  text-align: center;
   transform: translateY(-80px);
}

/* MOBILE */
@media (max-width: 767px) {
  .col h4.widget.widget-category.widget-title.collections-title {
    font-size: 45px !important;  
    letter-spacing: 1px;
 
  }
}




.col-md-9 .widget.widget-category.widget-title {
  position: relative;
  top: -18px;   
}
/*hide reddit*/
.social-link a[href*="reddit"] {
  display: none !important;
}
/*category font size*/
.widget.widget-category .widget-title {
  font-size: 20px !important; 
}
  
 .container-fluid .widget.widget-category-widget-title {
  font-family: "Hangyaboly", sans-serif;
  color: #481e36 !important;
  font-size: clamp(20px, 8vw, 41px) !important;
  font-weight: 500 !important;
  line-height: 1.35;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: capitalize !important;
  padding-top: 32px;   /* 🔥 margin yerine */
}


.col-md-9 h4.widget.widget-category.widget-title {
  font-family: "Oswald", sans-serif !important;
  color: #000000 !important;
  font-size: 22px !important;        
  font-weight: 400 !important;
  letter-spacing: 0.5px;
  text-transform: capitalize !important;
  text-align: left !important;       
  margin-left: 0 !important;
  transform: translateY(-25px);
}

.container-fluid.px-0.page-content-20 .random-product-area-wrapper{
  margin-top: -110px;
}
.container-fluid.px-0.page-content-18 .random-product-area-wrapper{
  margin-top: -70px;
}

.cart-box table tr th {
  text-transform: uppercase;
  font-family: var(--heading-font);
  font-size: 15px;
  font-weight: 450;
  display: table-cell;
  padding: 15px 25px;
  color: var(--heading-color-one);
}


.cart-box table tr td .thumb .product-name {
  display: inline-block;
  margin-left: 10px;
  text-transform: uppercase;   
  font-size: 16px;
  font-weight: 400;
  position: relative;
  top: -2px;                   
  transition: all 0.2s linear;
}

.custom-html-widget .logo-wrapper a {
  margin-left: -25px; 
}

@media (max-width: 768px) {
  .custom-html-widget .logo-wrapper a {
    margin-left: 90px; 
  }
}










/* =========================
   DASHBOARD WRAPPER
========================= */
.user-dashboard-wrapper {
  display: flex;
  min-height: 100vh;
  background: #ffff;
}

/* =========================
   SIDEBAR
========================= */
.user-dashboard-wrapper #pills-tab.nav-pills {
  width: 260px;
  min-height: 50vh;
  margin-left: -210px;
   margin-top: -60px; 
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  background: linear-gradient(
    180deg,
    #1f2937 0%,
    #111827 55%,
    #020617 100%
  );
}

/* REMOVE CSS BRAND (since HTML brand exists) */
.user-dashboard-wrapper #pills-tab::before {
  display: none !important;
  content: none !important;
}

/* =========================
   MENU ITEMS
========================= */
.user-dashboard-wrapper #pills-tab .nav-item {
  border: none;
}

.user-dashboard-wrapper #pills-tab .nav-link {
  background: transparent !important;
  color: #d1d5db!important;
  padding: 14px 16px;
  margin-bottom: 6px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
  transition: all .25s ease;
}

/* hover */
.user-dashboard-wrapper #pills-tab .nav-link:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}

/* active */
.user-dashboard-wrapper #pills-tab .nav-link.active {
  background: linear-gradient(135deg,#374151,#1f2937) !important;
  color: #ffffff !important;
}

/* =========================
   LOGOUT BOTTOM
========================= */
.user-dashboard-wrapper #pills-tab .nav-item:last-child {
  margin-top: auto;
}

/* =========================
   CONTENT AREA
========================= */
.user-dashboard-wrapper .dashboard-content {
  flex: 1;
  padding: 40px 40px 40px 32px;
  background: linear-gradient(180deg,#f9fafb,#f3f4f6);
}


/* TOP USERNAME ONLY */
.user-dashboard-wrapper 
#pills-tab 
.nav-link.bg-info.text-white {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
      margin-left: -20px;
   color: #ffff !important; 
}

/* Icon size control (optional) */
.user-dashboard-wrapper 
#pills-tab 
.nav-link.bg-info.text-white i {
  font-size: 22px;
  margin-right: 5px;
}



/* parent layout */

.user-dashboard-card.style-01 {
  flex: 1;
  background: #ffffff !important;
  border-radius: 14px;
  padding: 22px 26px;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  overflow: hidden;
    border: 0.5px solid #ff805d;
}

/* left color strip */
.user-dashboard-card.style-01::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: #ff8a65;
}

/* icon */
.user-dashboard-card.style-01 .icon {
  width: 55px;
  height: 55px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: #ff8a65;
  font-size: 20px;
  flex-shrink: 0; 
}

/* content wrapper */
.user-dashboard-card.style-01 .content {
  flex: 1;                
}

/* title text – single line */
.user-dashboard-card.style-01 .content p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #000 !important;
  white-space: nowrap;     
  overflow: hidden;
  text-overflow: ellipsis;
}

/* number */
.user-dashboard-card.style-01 .content h2 {
  margin: 6px 0 0;
  font-size: 32px;
  font-weight: 700;
  color: #000 !important;
}

/* BLUE VARIANT */
.user-dashboard-card.style-01.blue::before {
  background: #4a90ff;
}

.user-dashboard-card.style-01.blue .icon {
  background: #eef4ff;
  color: #4a90ff;
}

.user-dashboard-card .content {
    text-align: left;
}
.user-dashboard-card .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #4a4a4a;
}
.user-dashboard-card .number {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    display: block;
    color: #4a4a4a;
}

.user-dashboard-card.style-01 .icon i {
  font-size: 45px;  
}
.user-dashboard-wrapper .tab-content {
    width: calc(100% - 150px);
  margin-top: -50px;
}
.dashboard-form-wrapper .title {
  font-size: 25px;
  line-height: 40px;
  margin-bottom: 30px;
}
.dashboard-form-wrapper .form-control {
    border: 2px solid #e4e1e1;
    border-radius: 0;
}




.alert.alert-warning .btn.btn-link{
 display: inline-flex;        
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #0d6efd;
  width: auto;                 
  padding: 11px 24px;         
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
      left: 550px;
    position: relative;
    text-align: right;

}


.text-right .btn{
  margin-top: -80px;
 display: inline-flex;        
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #0d6efd;
  width: auto;                 
  padding: 11px 24px;          
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
      left: 1px;
    position: relative;
    text-align: right;
}
.btn-align-right{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
}
.margin-top-10 {
    margin-top: 80px;
}


.register-form-wrapper .nav-tabs .nav-item .nav-link {
  font-size: 15px; 
  font-weight: 500;
}

.register-form-wrapper .register-form .form-check label {
  margin-top: 9px;
  margin-left: 1px;
}

.register-form-wrapper .register-form .form-check input {
  margin-left: -17px;
  margin-top: 15px;
}
.register-form-area-wrapper .register-bg {
  border-radius: 50px;
}
.register-form-wrapper .sin-in-with .sign-in-btn {
  border-radius: 4px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.user-dashboard-wrapper ul {
    background: #212225 !important;
}
.slick-slider {
    margin-top: -20px;
}
  
@media (min-width: 1024px) {
  .navbar-nav a[href*="login"] {
    display: none;
  }
}
.register-form-wrapper .register-form .btn-wrapper .default-btn.custom-login-button {
  border-radius: 4px;
}
.register-form-wrapper .register-form .btn-wrapper .default-btn,
.register-form-wrapper .register-form .btn-wrapper .default-btn:hover,
.register-form-wrapper .register-form .btn-wrapper .default-btn:focus,
.register-form-wrapper .register-form .btn-wrapper .default-btn:active {
  border-radius: 4px;
}


/*signup*/
.register-form-area-wrapper .register-bg {
      margin-left: 10%;
  margin-top: 2%;
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  background-size: cover;
  background-position-x: center;
  background-position-y: top;
  height: 73%;
}


/* Desktop only */
@media (min-width: 992px) {
  .register-form-wrapper {
    right: 7%;
    position: relative;
    top: 32px; 
    width: 120%;
    max-width: 200%;   
    margin: 0 auto;
    border: 2px solid #111;
    border-radius: 30px;
    padding: 24px 40px;
    background: #fff;
  }
}


/* Category Widget Title – Final Fix */
.widget.widget-category.widget-title {
  font-family: "Hangyaboly", sans-serif;
  color: #481e36 !important;

  font-size: clamp(20px, 8vw, 41px) !important;
  font-weight: 500 !important;
  line-height: 1.35;            
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: capitalize !important;
  padding-top: 33px !important;   
  padding-bottom: 30px;
  margin: 0;                     
}
.shop-area-wrapper.grid-only.product-wrapper 
.widget.widget-category.widget-title {
  font-family: "Hangyaboly", sans-serif !important;
  font-size: clamp(20px, 8vw, 41px) !important;
  font-weight: 500 !important;
  line-height: 1.35;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: capitalize;
  padding-top: 36px;   /* pt-3 override */
}
.container-fluid.px-0.page-title-19 
.widget.widget-category.widget-title {
  padding-bottom: 0px;   
}
.register-form-wrapper .sin-in-with .sign-in-btn {
    display: block;
    border: 1px solid #919191;
    text-align: center;
    margin-top: 25px;
    font-family: var(--heading-font);
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    padding: 10px;
}



@media (max-width: 767px) {
  .register-form-wrapper .register-form .form-check label {
    margin-top: 12px;      
    margin-left: 0px;     
          
  }
}

.login-page-wrapper .register-form-wrapper.my-5 {
  margin-top: -50px !important;
}

/*img[src*="left-arrow.png"] {
  display: none;
}
img[src*="right-arrow.jpeg"] {
  display: none;
}*/
.page-title-17 .widget.widget-category.widget-title,
.page-title-17 .widget.widget-category.widget-title * {
  color: #2d2d2d !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
      margin-left: -90%;
}

.page-title-17 .widget.widget-category.widget-title {
  margin-bottom: 1px !important;   
  padding-bottom: 1px !important;   
}


.baby-details-form {
    padding: 10px 0;
    border-top: 0px solid rgb(112 113 115 / 0.15);
    border-bottom: 0px solid rgb(112 113 115 / 0.15);
}
.tab-content .mb-3 {
  margin-bottom: 35px !important;
}
.dashboard-form-wrapper .default-btn.default-theme-btn {
  border-radius: 8px;
}

.dashboard-form-wrapper .default-btn.default-theme-btn {
  background-color: #ff805d;
  color: #fff;
  border-radius: 10px;
  border: none;
  transition: all 0.3s ease;
}

.dashboard-form-wrapper .default-btn.default-theme-btn:hover {
  background-color: #ff805d; /* hover color */
  color: #fff;
  border: none;
  outline: none;
  box-shadow: none;
}
.all-uploaded-images .main-content-area-wrap {
    margin-top: 50px!important;
}
.modal-body .nav.nav-tabs {
  margin-top: -10px;
}
.dropzone-form-wrapper {
    margin-top: 80px;
}

.user-dashboard-wrapper ul.media-uploader-image-list {
  background: #ffffff!important;
}
.modal-body ul.nav.nav-tabs {
  background: #ffffff !important;
}


.user-dashboard-wrapper ul.img-meta {
  background: transparent !important;
}


.payment-gateway-wrapper li[data-gateway="cash_on_delivery"],
.payment-gateway-wrapper li[data-gateway="bank_payment"] {
    display: none !important;
}
/*new title*/
.product-details-wrap h3.product-title,
.product-details-wrap .product-title {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;  
    letter-spacing: 0px !important;
}
.product-details-wrap .product-price-details {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
}
.product-summery h4,
.product-summary h4 {
    font-family: 'Libre Baskerville', serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
}
.toolbox-wrapper .toolbox-item.toolbox-show .select-box {
       font-family: "Josefin Sans", sans-serif !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 40px !important;
    padding: 0 35px 0 12px !important;
    box-sizing: border-box !important;
    background-color: #fbfbfb !important;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
}
.toolbox-wrapper .toolbox-item.toolbox-sort .select-box {
   font-family: "Josefin Sans", sans-serif !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 40px !important;
    padding: 0 35px 0 12px !important;
    box-sizing: border-box !important;
    background-color: #fbfbfb !important;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
}
.toolbox-wrapper .toolbox-item.toolbox-show label, .toolbox-wrapper .toolbox-item.toolbox-sort label {
   font-family: "Josefin Sans", sans-serif !important;
    font-size: 16px;
    text-transform: capitalize;
    margin-right: 4px;
    color: var(--heading-color-two);
}
.custom-check .form-check-input {
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.product-details-wrap h3.product-title.custom-subcategory-title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px !important;
}
.custom-check {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 8px 50px;
}
.widget.widget-category .widget-title {
    padding: 0px 30px;
}
.row:has(> .col-md-3:only-child) > .col-md-3 {
    flex: 0 0 35% !important;
    max-width: 35% !important;
}
@media (max-width: 767px) {
  .row:has(> .col-md-3:only-child) > .col-md-3 {
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }
}

.upper-x {
  text-transform: uppercase;
}


@media (max-width: 768px) {

  /* Flex 2 per row */
  .custom-container-1618 ul,
  .custom-container-1618 .grid,
  .random-product-area-wrapper .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  .custom-container-1618 li,
  .custom-container-1618 .grid__item,
  .random-product-area-wrapper .row > div {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;

    padding: 2px !important;      /* side gap */
    margin-bottom: 2px !important; /* 👈 row gap reduce */
  }

  /* Remove text spacing */
  .custom-container-1618 h3 {
    margin: 4px 0 0 0 !important;
  }

  .custom-container-1618 p {
    margin: 0 !important;
  }

}
.single-product-item .product-details-wrap {
    padding: 2px 0 0;
}
.product-details-wrap h3.product-title.custom-subcategory-title {
    text-align: center;
}


@media (max-width: 480px) {

  .new-collection-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .new-collection-slider .slick-track {
    display: flex !important;
  }

  .new-collection-slider .slick-slide {
    width: 50vw !important;
    min-width: 50vw !important;
    max-width: 50vw !important;
    flex-shrink: 0 !important;
    padding: 0 4px !important;
    display: flex !important;              /* center helper */
    justify-content: center !important;    /* horizontal center */
  }

  .new-collection-slider .slick-slide img {
    width: 100% !important;
    height: auto !important;               /* no crop */
    object-fit: contain !important;        /* show full image */
    object-position: center !important;    /* center image */
    display: block !important;
    margin: auto !important;               /* extra safety center */
    background: #fff;
  }

}



/*baby shoer gap*/
@media (max-width: 768px) {
  .custom-container-1618 .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    gap: 12px !important;
  }
  
  .custom-container-1618 .row > .col {
    width: calc(50% - 6px) !important;  /* ← 2 column fix */
    flex: 0 0 calc(50% - 6px) !important;
    padding: 0 !important;
  }
}

@media (max-width: 576px) {
  .subcategories-img-box img {
    width: 170px !important;
    height: 170px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
  }
}


.swiper-scrollbar {
    background: #f0f0f0;
    height: 4px !important;
    bottom: -5px !important;   /* konjam kela */
}

.tabs-main-container .collection-title {
    font-size: 20px !important;
   margin-top: -7px;
}

@media (max-width: 768px) {
    .tabs-main-container .collection-title {
        font-size: 18px !important;   /* size kammi pannalam */
        margin-top: -9px !important;  /* mobile-ku adjust pannalam */
    }
}
@media (max-width: 768px) {
    .collection-tabs-wrapper {
        padding: 4px 0;
    }
}


.collection-tab-btn.active {
    background: #ff805d;
    color: #ffffff;
    border-color: #ff805d;
}


.page-title-18 h4.widget.widget-category.widget-title {
    display: none !important;
}
.mb-4, .my-4 {
    margin-top: -30px;
}


.page-title-19 h4.widget.widget-category.widget-title {
    display: none !important;
}
.mt-5, .my-5 {
    margin-top: 1rem !important;
}
@media (max-width: 768px) {

  /* ===== Menu item ===== */
  .navbar-nav > li > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 15px !important;  
    font-size: 19px;
    line-height: 1.3;                
  }

  /* ===== Submenu items ===== */
  .navbar-nav .sub-menu li a {
    padding: 10px 15px !important;    
    font-size: 17px;
    line-height: 1.3;
  }

  /* ===== Arrow (same) ===== */
  .navbar-nav .menu-item-has-children > a::after {
    content: "›";
    font-size: 23px;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
    transition: transform 0.3s ease;
  }

  /* ===== Rotate ===== */
  .navbar-nav .menu-item-has-children.active > a::after {
    transform: rotate(90deg);
  }

  /* ===== Submenu ===== */
  .navbar-nav .sub-menu {
    display: none !important;
  }

  .navbar-nav .menu-item-has-children.active > .sub-menu {
    display: block !important;
  }

  /* ===== Slight gap between items ===== */
  .navbar-nav li {
    margin: 1px 0 !important;  
  }

}

@media only screen and (max-width: 991px) {
    .navbar-area .new-nav-container .navbar-collapse .navbar-nav li {
        padding: 6px 22px;
    }
}


.bs-canvas-header {
    background-color: #D4EBFB !important;
}
.text-light {
    color: #000000 !important;
}



.user-select-option .quantity-add-cart .cart-option .cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #5a0a4d;/* new color (dark teal) */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    margin-right: 10px;
    border-radius: 6px; /* slight rounded */
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.container-fluid.px-0.page-content-20 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}



.navbar-nav {
padding-left: 150px;
}



.baby-details-form h3,
.baby-details-form .upload-title {
    display: none;
}






.single-product-item .product-details-wrap {
    padding: 12px 0 0;
}

@media (max-width: 768px) {
    .shop-area-wrapper.grid-only.product-wrapper .widget.widget-category.widget-title {
        margin-top: -20px !important;
        margin-bottom: -10px !important;
    }
}



    .container-fluid.px-0.page-content-18 .ai-collection-section {
    padding: 30px 15px !important;
    margin: -70px auto !important;
}

@media (max-width: 768px) {
    .container-fluid.px-0.page-content-18 .ai-collection-section {
        padding: 30px 15px !important;
        margin: -50px auto !important;
    }
}

body:has(.page-content-18) .footer-area,
body:has(.page-content-18) footer {
    margin-top: 70px !important;
    padding-top: 20px !important;
}




  .container-fluid.px-0.page-content-20 .ai-collection-section {
    padding: 30px 15px !important;
    margin: -40px auto !important;
}

@media (max-width: 768px) {
    .container-fluid.px-0.page-content-20 .ai-collection-section {
        padding: 30px 15px !important;
        margin: -20px auto !important;
    }
}

body:has(.page-content-20) .footer-area,
body:has(.page-content-20) footer {
    margin-top: 40px !important;
    padding-top: 20px !important;
}

.head.img1 img {
    width: 100%;
    max-width: 250px;
}

.container-fluid .single-product-item .product-details-wrap {
 
    margin-left: 15px !important;
}

.user-select-option .quantity-add-cart
{
    display: block;
}

.form-field input {
  width: 100% !important;
}




.btn--add-to-cart:hover {
    color: #ff805d !important;
    background: #490649 !important; /* same background */
}

.btn--buy-now:hover {
    color: #490649 !important;
    background: #ff805d !important; /* same background */
}

body:has(.page-content-10) .footer-area,
body:has(.page-content-10) footer {
    margin-top: -40px !important;
    padding-top: 20px !important;
}
@media (max-width: 768px) {
    body:has(.page-content-10) .footer-area,
    body:has(.page-content-10) footer {
        margin-top: 10px !important; 
        padding-top: 15px !important;
    }
}







..center-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    margin-bottom: 40px;
}

/* Button default */
.btn-primary {
    padding: 14px 30px;
    font-size: 16px;
    color: #fff;
    background: #ff805d;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s ease;
    text-align: center;       
    display: inline-block;     
}

/* Hover */
.btn-primary:hover {
    background: #ff805d;
    transform: scale(1.05);
}


@media (min-width: 1024px) {
    .btn-primary {
      margin-left: 28px;
        min-width: 490px;
        padding: 14px 50px;
        
        text-align: center;   /*  ensure center */
    }
}


@media (max-width: 768px) {
    .center-section {
        padding: 25px 0;
        margin-bottom: 25px;
    }

    .btn-primary {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 25px;
    }
}


@media (max-width: 480px) {
    .btn-primary {
        width: 90%;
        font-size: 14px;
        padding: 12px;
    }
}


.collection-tab-btn {
    padding: 12px 40px!important;
}
@media (max-width: 768px) {
  .collection-tab-btn {
    padding: 8px 30px !important;
  }
}