/* Copy Animation */
::selection{
  background-color: #3390FF;
  color: #fff;
}

.base-color{
  color: hsl(var(--main)) !important;
}

.copyInput {
	display: inline-block;
	line-height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
  }
  
  .copied::after {
	position: absolute;
	top: 8px;
	right: 12%;
	width: 100px;
	display: block;
	content: "COPIED";
	font-size: 1em;
	padding: 5px 5px;
	color: #fff;
	background-color: #FF7000;
	border-radius: 3px;
	opacity: 0;
	will-change: opacity, transform;
	animation: showcopied 1.5s ease;
  }
  
  @keyframes showcopied {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	50% {
		opacity: 0.7;
		transform: translateX(40%);
	}
	70% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
	}
  }




  .cookies-card {
	width: 520px;
	padding: 30px;
	color: #1E2337;
	position:  fixed;
	bottom: 15px;  
	left: 15px;
	z-index: 999999;
	transition: all .5s;
	background: #d1d1d1;
    border-radius: 5px;
  }
  
  .cookies-card.hide{
	bottom: -500px !important;
  }
  .radius--10px {
	border-radius: 10px;
  }
  
  .cookies-card__icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #6e6f70;
    color: #fff;
	font-size: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
  }
  
  .cookies-card__content {
	margin-bottom: 0;
  }
  
  .cookies-btn {
	color: #363636;
	text-decoration: none;
	padding: 10px 35px;
	margin: 3px 5px;
	display: inline-block;
	border-radius:  999px;
  }
  
  .cookies-btn:hover {
	color: #363636;
  }

  
  @media (max-width: 767px) {
	  .cookies-card {
		  width:  100%;
		  left: 0;
		  bottom:  0;
		  font-size:  14px;
		  padding:  15px;
	  }
  }




.hover-input-popup {
        position: relative;
    }
    .input-popup {
        display: none;
    }
    .hover-input-popup .input-popup {
        display: block;
        position: absolute;
        bottom: 130%;
        left: 50%;
        width: 280px;
        background-color: #1a1a1a;
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .input-popup::after {
        position: absolute;
        content: '';
        bottom: -19px;
        left: 50%;
        margin-left: -5px;
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent #1a1a1a transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .input-popup p {
        padding-left: 20px;
        position: relative;
    }
    .input-popup p::before {
        position: absolute;
        content: '';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        left: 0;
        top: 4px;
        line-height: 1;
        font-size: 18px;
    }
    .input-popup p.error {
        text-decoration: line-through;
    }
    .input-popup p.error::before {
        content: "\f057";
        color: #ea5455;
    }
    .input-popup p.success::before {
        content: "\f058";
        color: #28c76f;
    }



.show-filter{
  display: none;
}
@media(max-width:767px){
  .responsive-filter-card{
      display: none;
      transition: none;
  }
  .show-filter{
      display: block;
  }
}

/* ==========================================================================
   Customer Studio Theme (White / Orange) - Scoped to customer area only
   ========================================================================== */
.customer-studio {
    --studio-primary: #f97316;
    --studio-primary-strong: #ea580c;
    --studio-primary-soft: #fff3eb;
    --studio-bg: #fff7f1;
    --studio-surface: #ffffff;
    --studio-surface-soft: #fffaf6;
    --studio-text: #1f2937;
    --studio-muted: #6b7280;
    --studio-border: #ffd8bf;
    --studio-shadow: 0 14px 28px rgba(249, 115, 22, 0.14);
    --studio-shadow-soft: 0 8px 18px rgba(249, 115, 22, 0.1);
    --heading-font: "Noto Sans", "Roboto", "Segoe UI", Arial, sans-serif;
    --body-font: "Noto Sans", "Roboto", "Segoe UI", Arial, sans-serif;
    font-family: "Noto Sans", "Roboto", "Segoe UI", Arial, sans-serif;
}

.customer-studio,
.customer-studio .service-category {
    background:
        radial-gradient(circle at 100% 0, rgba(251, 146, 60, 0.15), transparent 36%),
        radial-gradient(circle at 0 100%, rgba(249, 115, 22, 0.11), transparent 42%),
        var(--studio-bg) !important;
}

.customer-studio h1,
.customer-studio h2,
.customer-studio h3,
.customer-studio h4,
.customer-studio h5,
.customer-studio h6 {
    color: var(--studio-text);
}

.customer-studio p,
.customer-studio span,
.customer-studio li {
    color: var(--studio-muted);
}

.customer-studio a {
    color: var(--studio-primary);
}

.customer-studio a:hover {
    color: var(--studio-primary-strong);
}

.customer-studio .text--base,
.customer-studio .base-color {
    color: var(--studio-primary) !important;
}

.customer-studio .bg--base {
    background-color: var(--studio-primary) !important;
}

.customer-studio .header {
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--studio-border);
    backdrop-filter: blur(8px);
}

.customer-studio .header.sticky {
    box-shadow: var(--studio-shadow-soft);
}

.customer-studio .header-bottom {
    padding: 12px 0;
}

.customer-studio .logo img {
    max-height: 42px;
}

.customer-studio .menu li a {
    color: #8a5230;
    font-weight: 600;
    border-radius: 10px;
    padding: 8px 12px;
}

.customer-studio .menu li a.active,
.customer-studio .menu li a:hover {
    color: var(--studio-primary-strong);
    background-color: var(--studio-primary-soft);
}

.customer-studio .menu li.has-sub-menu>a::after {
    color: #af6b41;
}

.customer-studio .sub-menu {
    background-color: #ffffff;
    border: 1px solid var(--studio-border);
    border-radius: 12px;
    box-shadow: var(--studio-shadow-soft);
}

.customer-studio .sub-menu li {
    border-bottom: 1px solid #ffe7d7;
}

.customer-studio .sub-menu li:last-child {
    border-bottom: none;
}

.customer-studio .sub-menu li a {
    color: #8a5230;
}

.customer-studio .sub-menu li a:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong));
    border-radius: 8px;
}

.customer-studio .header-trigger__icon,
.customer-studio .show-sidebar-bar {
    color: var(--studio-primary);
}

/* Customer header widget polish (cart + language) */
.customer-studio .menu-btn a {
    background: #fff !important;
    color: var(--studio-primary-strong) !important;
    border: 1px solid var(--studio-border);
    border-radius: 10px;
    font-weight: 700;
}

.customer-studio .menu-btn a:hover {
    background: var(--studio-primary) !important;
    color: #fff !important;
    border-color: var(--studio-primary) !important;
}

.customer-studio .add-cart {
    background: #fff !important;
    color: var(--studio-primary-strong) !important;
    border: 1px solid var(--studio-border);
    border-radius: 10px;
    min-width: 50px;
    text-align: center;
}

.customer-studio .add-cart:hover {
    background: var(--studio-primary) !important;
    color: #fff !important;
    border-color: var(--studio-primary);
}

.customer-studio .add-cart i,
.customer-studio .add-cart i span {
    color: inherit !important;
}

.customer-studio .language_switcher::after {
    color: #8a5230 !important;
}

.customer-studio .language_switcher__caption .text {
    color: #8a5230 !important;
}

.customer-studio .language_switcher__list {
    border: 1px solid var(--studio-border) !important;
}

.customer-studio .language_switcher__item.selected {
    background: #fff3eb !important;
}

.customer-studio .language_switcher__item.selected .text,
.customer-studio .language_switcher__item.selected a,
.customer-studio .language_switcher__item.selected a .text {
    color: #7c3f1f !important;
    font-weight: 700;
}

/* Customer footer hard override (placed at end intentionally) */
.customer-studio footer.footer.bg-dark-two {
    background: linear-gradient(135deg, #1f2a44 0%, #13203a 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.customer-studio footer.footer .footer-content,
.customer-studio footer.footer .footer-text,
.customer-studio footer.footer p,
.customer-studio footer.footer span,
.customer-studio footer.footer li,
.customer-studio footer.footer .anchor-decoration,
.customer-studio footer.footer .text--base,
.customer-studio footer.footer .footer-links a {
    color: #e8edf7 !important;
    opacity: 1 !important;
}

.customer-studio footer.footer .anchor-decoration:hover,
.customer-studio footer.footer .text--base:hover,
.customer-studio footer.footer .footer-links a:hover {
    color: #ffb37e !important;
}

.customer-studio .breadcrumb-bg {
    border-top: 1px solid #ffe7d7;
    border-bottom: 1px solid #ffe7d7;
    background: linear-gradient(180deg, #fff9f5 0%, #fff 100%);
}

.customer-studio .anchor-decoration {
    color: var(--studio-primary) !important;
    text-decoration: none;
    font-weight: 600;
}

.customer-studio .card,
.customer-studio .custom--card,
.customer-studio .contact-card,
.customer-studio .gateway-card,
.customer-studio .domain-card-wrapper {
    border: 1px solid var(--studio-border);
    border-radius: 14px !important;
    box-shadow: var(--studio-shadow-soft);
    background-color: var(--studio-surface);
}

.customer-studio .card-header,
.customer-studio .card-footer,
.customer-studio .custom--card .card-header,
.customer-studio .custom--card .card-footer {
    border-color: var(--studio-border) !important;
    background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
}

.customer-studio .bg-dark-two {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong)) !important;
    color: #fff !important;
}

/* Customer footer contrast fix */
.customer-studio .footer.bg-dark-two {
    background: linear-gradient(135deg, #1f2a44 0%, #13203a 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.customer-studio .footer .footer-content,
.customer-studio .footer .footer-text,
.customer-studio .footer p,
.customer-studio .footer span,
.customer-studio .footer li {
    color: #e8edf7 !important;
}

.customer-studio .footer .anchor-decoration,
.customer-studio .footer .text--base,
.customer-studio .footer .footer-links a {
    color: #f6f8ff !important;
    opacity: 0.95;
}

.customer-studio .footer .anchor-decoration:hover,
.customer-studio .footer .text--base:hover,
.customer-studio .footer .footer-links a:hover {
    color: #ffb37e !important;
    opacity: 1;
}

.customer-studio .btn {
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 0.1px;
    transition: all 0.25s ease;
}

.customer-studio .btn--base {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong)) !important;
    border-color: var(--studio-primary) !important;
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.25);
}

.customer-studio .btn--base:hover,
.customer-studio .btn--base:focus-visible,
.customer-studio .btn--base:active {
    transform: translateY(-1px);
    filter: saturate(1.08);
}

.customer-studio .btn--base-outline {
    border-color: var(--studio-primary) !important;
    color: var(--studio-primary) !important;
}

.customer-studio .btn--base-outline:hover {
    background-color: var(--studio-primary) !important;
    color: #fff !important;
}

.customer-studio .dashboard-sidebar,
.customer-studio .collapable-sidebar {
    background-color: var(--studio-surface);
}

.customer-studio .collapable-sidebar .card {
    border-radius: 12px !important;
}

.customer-studio .collapable-sidebar__close {
    background: var(--studio-primary) !important;
}

.customer-studio #categoryMenu,
.customer-studio #actionMenu {
    border: 1px solid var(--studio-border) !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--studio-shadow-soft);
}

.customer-studio .list-group-item {
    border-color: #ffe8d9;
    color: #8a5230;
    transition: all 0.2s ease;
}

.customer-studio .list-group-item:hover {
    background-color: var(--studio-primary-soft);
    color: var(--studio-primary-strong);
    transform: translateX(2px);
}

.customer-studio .user-dashboard .custom--card {
    border: 1px solid var(--studio-border);
    border-left: 4px solid var(--studio-primary) !important;
    border-radius: 14px !important;
    box-shadow: var(--studio-shadow-soft);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.customer-studio .user-dashboard .custom--card:hover {
    transform: translateY(-3px);
    box-shadow: var(--studio-shadow);
}

.customer-studio .widgets-icons-2 {
    background: #fff2e8;
    border: 1px solid #ffd9c2;
}

.customer-studio .widgets-icons-2 i {
    color: var(--studio-primary-strong);
}

.customer-studio .custom-border-top-dark,
.customer-studio .custom-border-top-primary {
    border-top-color: var(--studio-primary) !important;
}

.customer-studio .custom-border-top-success,
.customer-studio .custom-border-top-info,
.customer-studio .custom-border-top-warning {
    border-top-color: #f59e0b !important;
}

.customer-studio .form--control,
.customer-studio .form-control,
.customer-studio .select2-selection.select2-selection--single,
.customer-studio .select2-selection.select2-selection--multiple {
    border-color: #f8ccb0 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
}

.customer-studio .form--control:focus,
.customer-studio .form-control:focus,
.customer-studio .select2-container--open .select2-selection.select2-selection--single,
.customer-studio .select2-container--open .select2-selection.select2-selection--multiple {
    border-color: var(--studio-primary) !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15) !important;
}

.customer-studio ::placeholder {
    color: #9a8e85 !important;
    opacity: 0.9 !important;
}

.customer-studio .table {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.customer-studio .table thead tr {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong));
}

.customer-studio .table thead tr th {
    color: #fff;
    border: none;
}

.customer-studio .table tbody tr td {
    border-color: #ffe6d4;
}

.customer-studio .table tbody tr:nth-child(even) {
    background: #fff8f3;
}

.customer-studio .table tbody tr:hover {
    background: #fff1e8;
}

.customer-studio .pagination .page-link {
    border-radius: 10px !important;
    border-color: #ffd9c2;
    color: #9f6540;
}

.customer-studio .page-item.active .page-link,
.customer-studio .page-link:hover {
    border-color: var(--studio-primary);
    background-color: var(--studio-primary);
    color: #fff !important;
}

.customer-studio .domain-search-icon,
.customer-studio .domain-search-icon-reset {
    color: #bb7b52;
}

.customer-studio .notification-alert .card-header {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong)) !important;
    color: #fff !important;
}

@media (max-width: 1199px) {
    .customer-studio .menu {
        border: 1px solid var(--studio-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: var(--studio-shadow-soft);
    }

    .customer-studio .menu li {
        border-bottom: 1px solid #ffe7d7;
    }

    .customer-studio .menu li a {
        color: #8a5230;
    }

    .customer-studio .sub-menu {
        box-shadow: none;
        border: none;
        border-left: 2px solid #ffd8bf;
        border-radius: 0;
        margin-top: 4px;
    }
}

@media (max-width: 991px) {
    .customer-studio .service-category {
        padding: 25px 0;
    }

    .customer-studio .collapable-sidebar {
        border-right: 1px solid var(--studio-border);
        box-shadow: 0 24px 40px rgba(0, 0, 0, 0.22);
    }
}

/* ==========================================================================
   Front Studio Theme (White / Orange) - Public frontend area
   ========================================================================== */
.front-studio {
    --studio-primary: #f97316;
    --studio-primary-strong: #ea580c;
    --studio-primary-soft: #fff4ec;
    --studio-surface: #ffffff;
    --studio-surface-soft: #fffaf7;
    --studio-bg: #fff8f3;
    --studio-text: #1f2937;
    --studio-muted: #6b7280;
    --studio-border: #ffd8bf;
    --studio-shadow: 0 16px 30px rgba(249, 115, 22, 0.16);
    --studio-shadow-soft: 0 8px 18px rgba(249, 115, 22, 0.1);

    --base-h: 24;
    --base-s: 95%;
    --base-l: 53%;
    --dark: 22 25% 18%;
    --heading-font: "Noto Sans", "Roboto", "Segoe UI", Arial, sans-serif;
    --body-font: "Noto Sans", "Roboto", "Segoe UI", Arial, sans-serif;
    font-family: "Noto Sans", "Roboto", "Segoe UI", Arial, sans-serif;

    background:
        radial-gradient(circle at 100% 0, rgba(249, 115, 22, 0.14), transparent 36%),
        radial-gradient(circle at 0 100%, rgba(251, 146, 60, 0.1), transparent 40%),
        var(--studio-bg);
}

.front-studio .header {
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom: 1px solid var(--studio-border);
    backdrop-filter: blur(10px);
}

.front-studio .header.sticky {
    box-shadow: var(--studio-shadow-soft);
}

.front-studio .logo img {
    max-height: 42px;
}

.front-studio .menu li a {
    color: #8b5634;
    font-weight: 600;
    border-radius: 10px;
    padding: 8px 12px;
}

.front-studio .menu li a.active,
.front-studio .menu li a:hover {
    background-color: var(--studio-primary-soft);
    color: var(--studio-primary-strong);
}

.front-studio .menu li.has-sub-menu>a::after {
    color: #af6b43;
}

.front-studio .sub-menu {
    border: 1px solid var(--studio-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--studio-shadow-soft);
}

.front-studio .sub-menu li {
    border-bottom: 1px solid #ffe7d7;
}

.front-studio .sub-menu li:last-child {
    border-bottom: none;
}

.front-studio .sub-menu li a {
    color: #8b5634;
}

.front-studio .sub-menu li a:hover {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong));
    color: #fff !important;
    border-radius: 8px;
}

.front-studio .header-trigger__icon {
    color: var(--studio-primary);
}

.front-studio .breadcrumb-bg {
    border-top: 1px solid #ffe8d9;
    border-bottom: 1px solid #ffe8d9;
    background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
}

.front-studio .anchor-decoration {
    text-decoration: none;
    color: var(--studio-primary) !important;
    font-weight: 600;
}

.front-studio .service-category,
.front-studio .contact-section,
.front-studio .policy-section,
.front-studio .faq-section {
    background: transparent !important;
}

.front-studio .card,
.front-studio .custom--card,
.front-studio .contact-card,
.front-studio .service-card .card,
.front-studio .domain-card-wrapper,
.front-studio .policy-content {
    border: 1px solid var(--studio-border);
    border-radius: 14px !important;
    background: var(--studio-surface);
    box-shadow: var(--studio-shadow-soft);
}

.front-studio .card-header,
.front-studio .card-footer,
.front-studio .custom--card .card-header,
.front-studio .custom--card .card-footer {
    background: linear-gradient(180deg, #fffaf6 0%, #fff 100%);
    border-color: var(--studio-border) !important;
}

.front-studio .bg-dark-two {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong)) !important;
    color: #fff !important;
}

.front-studio .btn {
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.25s ease;
}

.front-studio .btn--base {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong)) !important;
    border-color: var(--studio-primary) !important;
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.24);
}

.front-studio .btn--base:hover,
.front-studio .btn--base:focus-visible,
.front-studio .btn--base:active {
    transform: translateY(-1px);
    filter: saturate(1.06);
}

.front-studio .btn--base-outline {
    border-color: var(--studio-primary) !important;
    color: var(--studio-primary) !important;
}

.front-studio .btn--base-outline:hover {
    background-color: var(--studio-primary) !important;
    color: #fff !important;
}

.front-studio .service-card .card,
.front-studio .contact-card,
.front-studio .faq-item,
.front-studio .announcement {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.front-studio .service-card .card:hover,
.front-studio .contact-card:hover,
.front-studio .faq-item:hover,
.front-studio .announcement:hover {
    transform: translateY(-4px);
    box-shadow: var(--studio-shadow);
}

.front-studio .faq-item {
    border: 1px solid var(--studio-border);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.front-studio .faq-item__title {
    background: #fff6ef;
    border-bottom: 1px solid #ffe1cc;
}

.front-studio .faq-item__title h6 {
    color: var(--studio-text);
}

.front-studio .faq-item__content p {
    color: var(--studio-muted);
}

.front-studio .domain-row {
    border: 1px solid #ffd9c3;
    border-radius: 12px;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: var(--studio-shadow-soft);
}

.front-studio .domain-row:hover {
    background-color: #fff6f0;
}

.front-studio .form--control,
.front-studio .form-control,
.front-studio .select2-selection.select2-selection--single,
.front-studio .select2-selection.select2-selection--multiple {
    border-color: #f8cdb2 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
}

.front-studio .form--control:focus,
.front-studio .form-control:focus,
.front-studio .select2-container--open .select2-selection.select2-selection--single,
.front-studio .select2-container--open .select2-selection.select2-selection--multiple {
    border-color: var(--studio-primary) !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15) !important;
}

.front-studio .table {
    border-radius: 12px;
    overflow: hidden;
}

.front-studio .table thead tr {
    background: linear-gradient(135deg, var(--studio-primary), var(--studio-primary-strong));
}

.front-studio .table thead tr th {
    color: #fff;
    border: none;
}

.front-studio .table tbody tr td {
    border-color: #ffe4d3;
}

.front-studio .table tbody tr:nth-child(even) {
    background: #fff9f5;
}

.front-studio .table tbody tr:hover {
    background: #fff2e9;
}

.front-studio .page-item.active .page-link,
.front-studio .page-link:hover {
    background-color: var(--studio-primary) !important;
    border-color: var(--studio-primary) !important;
    color: #fff !important;
}

.front-studio .subscribe-btn {
    box-shadow: 0 14px 26px rgba(249, 115, 22, 0.3);
}

.front-studio .subscribe-box {
    border: 1px solid var(--studio-border);
    box-shadow: var(--studio-shadow);
}

.front-studio .footer {
    border-top: 1px solid #ffd9c3;
    background: linear-gradient(180deg, #fff 0%, #fff7f1 100%) !important;
}

.front-studio .footer .footer-text,
.front-studio .footer p {
    color: #7c5b44;
}

.front-studio .footer-links a {
    color: var(--studio-primary) !important;
}

@media (max-width: 1199px) {
    .front-studio .menu {
        border: 1px solid var(--studio-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: var(--studio-shadow-soft);
    }

    .front-studio .menu li {
        border-bottom: 1px solid #ffe8d9;
    }

    .front-studio .menu li a {
        color: #8b5634;
    }

    .front-studio .sub-menu {
        box-shadow: none;
        border: none;
        border-left: 2px solid #ffd8bf;
        border-radius: 0;
    }
}

/* Frontend polish fixes */
.front-studio .menu-btn a {
    background: #fff;
    color: var(--studio-primary-strong) !important;
    border: 1px solid var(--studio-border);
    border-radius: 12px;
    font-weight: 700;
}

.front-studio .menu-btn a:hover {
    background: var(--studio-primary);
    color: #fff !important;
    border-color: var(--studio-primary);
}

.front-studio .menu-btn a.btn--base-outline {
    background: #fff !important;
    color: var(--studio-primary-strong) !important;
    border-color: #f2a97a !important;
}

.front-studio .menu-btn a.btn--base-outline:hover {
    background: var(--studio-primary) !important;
    color: #fff !important;
    border-color: var(--studio-primary) !important;
}

.front-studio .add-cart {
    background: #fff;
    color: var(--studio-primary-strong);
    border: 1px solid var(--studio-border);
    border-radius: 12px;
    font-weight: 700;
    min-width: 54px;
    text-align: center;
}

.front-studio .add-cart:hover {
    background: var(--studio-primary);
    color: #fff;
    border-color: var(--studio-primary);
}

.front-studio .add-cart i,
.front-studio .add-cart i span {
    color: inherit;
}

.front-studio .footer.bg-dark-two {
    background: linear-gradient(135deg, #1f2a44 0%, #13203a 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.front-studio .footer .footer-text,
.front-studio .footer p,
.front-studio .footer .footer-content,
.front-studio .footer .footer-links li,
.front-studio .footer .footer-links li a {
    color: #e8edf7 !important;
}

.front-studio .footer .footer-links li a {
    opacity: 0.92;
}

.front-studio .footer .footer-links li a:hover {
    color: #ffb37e !important;
    opacity: 1;
}