/**
 * Ketam Custom WooCommerce Styling
 * Add this to your theme's style.css or enqueue as a separate CSS file
 */

/* ===========================
   VARIABLES & RESET
=========================== */
:root {
    --ketam-primary: #f37021;
    --color-default: #f37021;
    --ketam-secondary: #c0392b;
    --ketam-dark: #1c1c1c;
    --ketam-light: #ecf0f1;
    --ketam-gold: #f39c12;
    --ketam-success: #27ae60;
    --ketam-white: #ffffff;
    --ketam-border: #dfe6e9;
    --ketam-shadow: 0 2px 10px rgba(0,0,0,0.1);
    --ketam-shadow-lg: 0 5px 25px rgba(0,0,0,0.15);
	
	--primary-color: #f37021;
    --primary-hover: #009940;
    --danger-color: #ff4d4f;
    --warning-color: #faad14;
    --text-primary: 100;
    --text-secondary: #676767;
    --text-light: #999999;
    /* --border-color: #e8e8e8; */
    --border-color: #f0efef;
    --bg-gray: #f7f7f7;
    --white: #ffffff;
    --black: #000000;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Inter', 'Apple Color Emoji', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	/* font-family: 'Noto Color Emoji', 'Your Regular Font', sans-serif; */
	/* font-family: "Poppins", sans-serif; */
    color: var(--text-primary);
    background-color: var(--bg-gray);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    /* font-variant: tabular-nums; */
    line-height: 1.42857143;
    color: #1c1c1c;
	margin: 0;
	
}
.color-orange{
	color: var(--color-default);
}
body.modal-open {
  position: fixed;
  width: 100%;
  overflow-y: scroll; /* Keep scroll enabled */
}
button{
	font-family: "Inter", sans-serif;
}
.ketam-shop-wrapper {
    /* background: #f8f9fa; */
    /* min-height: 100vh; */
    /* padding-bottom: 60px; */
}

.ketam-container, .container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 12px;
}
article{
	line-height: 1.6;
	text-align: justify;
}
article p{
	margin-bottom: .5rem;
	min-height: 1px;
}
/* ===========================
   SPECIAL DEALS SECTION
=========================== */
.ketam-deals-section {
    background: linear-gradient(135deg, var(--ketam-primary) 0%, var(--ketam-secondary) 100%);
    padding: 60px 0;
    color: var(--ketam-white);
}

.ketam-deals-header {
    text-align: center;
    margin-bottom: 40px;
}

.ketam-section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.ketam-section-subtitle {
    font-size: 1.2rem;
    opacity: 0.95;
    margin: 0;
}

.ketam-deals-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.3) transparent;
    padding: 10px 0 30px 0;
}

.ketam-deals-slider::-webkit-scrollbar {
    height: 8px;
}

.ketam-deals-slider::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
}

.ketam-deals-slider::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 4px;
}

.ketam-deal-card {
    flex: 0 0 300px;
    background: var(--ketam-white);
    border-radius: 12px;
    overflow: hidden;
    scroll-snap-align: start;
    box-shadow: var(--ketam-shadow-lg);
    transition: transform 0.3s ease;
}

.ketam-deal-card:hover {
    transform: translateY(-5px);
}

.ketam-deal-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.ketam-deal-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ketam-savings-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--ketam-gold);
    color: var(--ketam-white);
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.9rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.ketam-deal-content {
    padding: 20px;
    color: var(--ketam-dark);
}

.ketam-deal-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: var(--ketam-dark);
}

.ketam-deal-desc {
    font-size: 0.95rem;
    color: #666;
    margin: 0 0 15px 0;
    line-height: 1.5;
}

.ketam-deal-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ketam-primary);
    margin: 15px 0;
}

.ketam-deal-price del {
    font-size: 1.1rem;
    color: #999;
    margin-right: 10px;
}

.ketam-quick-add {
    width: 100%;
    background: var(--ketam-primary);
    color: var(--ketam-white);
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.ketam-quick-add:hover {
    background: var(--ketam-secondary);
    transform: scale(1.02);
}

.ketam-quick-add:active {
    transform: scale(0.98);
}
.header {
    background: var(--white);
    /* box-shadow: var(--shadow-sm); */
    position: sticky;
    top: 0;
    z-index: 999;
}
.home .header,
.woocommmerce-shop .header,
.post-type-archive-product .header,
.archive  .header,
.page-template-discounted-products .header
 {
    box-shadow: none;
}
.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    gap: 24px;
}
.logo {
    position: relative;
    width: 140px;
    width: 206px;
}
.logo img {
    width: auto;
    /* height: 47px; */
    height: 40px;
}
.woocommerce-product-gallery__trigger{
	/* display: none; */
}
.cpbw-product-badges{
    position: absolute;
    transform: rotate(-45deg);
    left: -38px;
    top: 35px;
    z-index: 99;
}
.azentai-ai-products .cpbw-product-badges {
    position: absolute;
    transform: rotate(-45deg);
    left: -20px;
    top: 49px;
    z-index: 99;
}
.cpbw-badge-wrapper{
    position: absolute;
    transform: rotate(-45deg) scale(1.5);
    left: -33px;
    top: 70px;
    z-index: 99;
}
.logo a{
    display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
	color: var(--ketam-dark);
    text-decoration: none;
    font-size: 24px;
    font-weight: 800;
    line-height: 20px;
	position: relative;
}
.text-delivery{
	/* transform: translateX(-7px); */
}
.cursive{
	/* font-family: "Pacifico", cursive; */
	/* font-size: 17px; */
	font-family: "Allison", cursive;
    position: absolute;
    font-size: 15px;
    bottom: -14px;
    left: 56px;
	display: none;
}
.section-search{
	padding-top: 14px;
	padding-bottom: 6px;
}
.search-bar {
    flex: 1;
    max-width: 500px;
    display: flex;
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
}
.search-bar input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 14px 15px;
    font-size: 14px;
    outline: none;
}

.search-btn {
    background: transparent;
    border: none;
    padding: 0 12px 0 8px;
    cursor: pointer;
    font-size: 18px;
    color: var(--text-secondary);
}
.header-actions {
    display: flex;
    /* gap: 12px; */
    align-items: center;
}
.cart-header-btn {
    background: #fff;
    border: 1px solid #f0efef;
    color: var(--primary-color);
    color: #000;
    padding: 6px 13px;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0px;
    position: relative;
    transition: var(--transition);
    height: 40px;
	/* display: none; */
}
.cart-icon{
	font-size: 17px;
	color: #979797;
}
.cart-header-btn.active{
	gap: 8px;
	background: var(--primary-color);
	background: #000;
	color: #fff;
	border: 1px solid var(--primary-color)
	color: var(--primary-color);
}
.cart-header-btn.active .cart-icon{
	color: #fff;
}
.cart-icon img {
    width: 16px;
    height: 16px;
}
.cart-header-btn .cart-text {
    font-size: 14px;
    font-weight: 600;
}
.cart-header-btn .cart-badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background: var(--danger-color);
    color: var(--white);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    /* display: none; */
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid var(--white);
	line-height: 18px;
}
.cart-header-btn .cart-badge.active{
	display: flex;
    animation: 0.5s ease 0s 1 normal none running pulse;
}
.login-btn {
    background: transparent;
    border: 1px solid #f0efef;
    color: #676767;
    padding: 5px 12px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    height: 40px;
    font-size: 12px;
    font-weight: 500;
}
.promo-banner {
    /* background: #121111; */
    /* background: #ff7272; */
	background: #1aae32;
    color: var(--white);
    padding: 12px 0;
	    font-weight: 600;
	
}
.promo-content {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 14px;
}
.promo-icon {
    font-size: 20px;
    animation: bounce 1s infinite;
}

.section-banner {
	background: #2a2a2a;
    border-bottom: 4px solid #f37021;
}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.countdown {
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 12px;
    border-radius: 12px;
    font-weight: 600;
    font-family: monospace;
}
.section-banner img{
	max-width: 100%;
	margin: 0 auto;
}
/* AUTH SECTION */
.navbar-auth {
    position: relative;
	    padding-left: 10px;
}

.auth-link {
display: flex;
    align-items: center;
    gap: 6px;
    /* padding: 8px 9px; */
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    color: #676767;
    font-weight: 500;
    font-size: 12px;
    transition: background 0.3s ease;
    /* border: 1px solid #f0efef; */
}

.auth-link:hover {
    /* background: #f5f5f5; */
}
.avatarwrapper{
 /* background: #797979; */
    /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
    /* background: #000; */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    /* color: #ffffff; */
    /* line-height: 14px; */
    /* border: 1px solid #f0efef; */
    font-size: 25px;
    color: var(--ketam-dark);
	    line-height: 1;
}
.auth-link svg {
    width: 18px;
    height: 18px;
}

.auth-label {
    font-size: 17px;
}
.auth-link .auth-label{
font-size: 12px;
    font-weight: 500;
}
/* AUTH MODAL */
.auth-modal {
position: fixed;
    top: 0;
    width: 100%;
    max-width: 100%;
    right: -100%;
    height: 100vh;
    background: white;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    /* box-shadow: -5px 0 25px rgba(0, 0, 0, 0.3); */
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.auth-modal.active {
    opacity: 1;
    visibility: visible;
	    right: 0;
}

.auth-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(2px);
}
.auth-modal-overlay.active{
	    opacity: 1;
    visibility: visible;
}
.auth-modal-content {
    position: relative;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    transition: transform 0.3s ease;
}

.auth-modal.active .auth-modal-content {
    /* transform: translateY(0); */
}

.auth-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #f0f0f0;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
    z-index: 1;
	    font-size: 16px;
}

.auth-modal-close:hover {
    background: #e0e0e0;
}

.auth-modal-header {
    padding: 30px 12px 20px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

.user-avatar {
    margin-bottom: 15px;
}

.user-avatar img {
    border-radius: 50%;
    border: 3px solid #FFC107;
}

.auth-modal-header h3 {
    margin: 0 0 5px 0;
    font-size: 22px;
    /* color: #333; */
}

.auth-modal-header p,
.user-email {
    margin: 0;
    color: var(--text-secondary);
    font-size: 14px;
}

.auth-modal-body {
    padding: 25px 30px 30px;
}

/* USER NAVIGATION (Logged In) */
.user-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.user-nav-item {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    text-decoration: none;
    color: var(--ketam-dark);
    font-weight: 400;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.user-nav-item:hover { 
color: #1c1c1c;
    /* background: #f8f9fa; */
    /* border-color: #FFC107; */
    /* transform: translateX(5px); */
}

.user-nav-item svg {
    color: var(--ketam-dark);
    transition: color 0.3s ease;
}

.user-nav-item:hover svg {
    /* color: #FFC107; */
}

.user-nav-item.logout {
    margin-top: 10px;
    color: #ff4444;
    border-top: 1px solid #f0f0f0;
    padding-top: 18px;
}

.user-nav-item.logout:hover {
	color: #1c1c1c;
    /* background: #fff5f5; */
    /* border-color: #ff4444; */
}

.user-nav-item.logout svg {
    color: #ff4444;
}

/* AUTH TABS (Login/Register) */
.auth-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}

.auth-tab {
    flex: 1;
    padding: 12px;
    background: #f5f5f5;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666;
}

.auth-tab.active {
    background: #f9b41c;
    color: #000;
}

.auth-tab:hover:not(.active) {
    background: #e0e0e0;
}

/* AUTH FORMS */
.auth-form-container {
    display: none;
}

.auth-form-container.active {
    display: block;
}

.auth-form-container form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.auth-form-container .woocommerce-form-row {
    margin-bottom: 0;
}

.auth-form-container label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.auth-form-container input[type="text"],
.auth-form-container input[type="email"],
.auth-form-container input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.auth-form-container input[type="text"]:focus,
.auth-form-container input[type="email"]:focus,
.auth-form-container input[type="password"]:focus {
    outline: none;
    border-color: #f9b41c;
}

.auth-form-container button[type="submit"],
.auth-form-container .button {
    width: 100%;
    padding: 14px;
    background: #f9b41c;
    color: #000;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.auth-form-container button[type="submit"]:hover,
.auth-form-container .button:hover {
    background: #FFB300;
}

.auth-form-container .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.auth-form-container .woocommerce-form__input-checkbox {
    width: auto;
    margin: 0;
}

.auth-form-container .lost_password {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

.auth-form-container .lost_password a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.auth-form-container .lost_password a:hover {
    color: #f9b41c;
}

/* Prevent body scroll when modal is open */
body.modal-open {
    /* overflow: hidden; */
}

/* Remove old dropdown styles */
.user-menu,
.user-button,
.user-dropdown,
.login-button {
    display: none !important;
}



/* ===========================
   CATEGORY NAVIGATION
=========================== */
.ketam-category-nav {
    /* background: var(--ketam-white); */
    /* padding: 30px 0; */
    /* box-shadow: var(--ketam-shadow); */
    /* position: sticky; */
    /* top: 0; */
    /* z-index: 100; */
}
.quick-nav {
    background: var(--white);
    border-bottom: 0px solid var(--border-color);
	    /* border-bottom: 1px solid #ffffff; */
    position: sticky;
    /* top: 94px; */
    top: 137px;
	
    z-index: 998;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); */
	box-shadow: 0 2px 4px rgb(0 0 0 / 23%);
}
.quick-nav .container {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.ketam-category-tabs {
    /* display: flex; */
    /* justify-content: center; */
    /* gap: 15px; */
    /* flex-wrap: wrap; */
}
.nav-wrapper {
    display: flex;
    gap: 0px;
    overflow-x: auto;
    padding: 0px 0;
    scrollbar-width: none;
    scroll-behavior: smooth;
    flex: 1;
}

.ketam-category-tab {
    /* display: flex; */
    /* align-items: center; */
    /* gap: 10px; */
    /* padding: 10px 10px; */
    /* text-decoration: none; */
    /* color: var(--ketam-dark); */
    /* transition: all 0.3s ease; */
    /* border: 2px solid transparent; */
    /* font-size: 14px; */
}
.ketam-category-tab.dropdown-item{
	font-size: 14px;
}
.ketam-category-tab:hover,
.ketam-category-tab.active {
    /* background: var(--ketam-primary); */
    /* color: var(--ketam-white); */
    /* border-color: var(--ketam-secondary); */
    /* transform: translateY(-2px); */
}

.nav-arrow {
background: none;
    border: 0px solid var(--border-color);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    color: var(--text-secondary);
    transition: var(--transition);
    flex-shrink: 0;
    z-index: 1;
    box-shadow: none;
	position: relative;
}

.nav-arrow:hover {
    /* background: var(--primary-color); */
    color: var(--black);
    /* border-color: var(--primary-color); */
}

.nav-arrow-left:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 42px;
    right: -17px;
    background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(270deg,hsla(0,0%,100%,0),#fff);
}
.nav-arrow-right:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 42px;
    left: -17px;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}

.nav-arrow.hidden {
    opacity: 0.3;
    pointer-events: none;
}
.nav-link {
    /* background: var(--bg-gray); */
    border: none;
    /* padding: 16px 10px 13px; */
    padding: 5px 10px 0px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    /* color: var(--text-secondary); */
    text-decoration: none;
    white-space: nowrap;
    transition: var(--transition);
    /* display: inline-block; */
    display: inline-flex;
	border-bottom: 2px solid #fff;
	/* line-height: 1; */
	height: 50px;
	align-items: center;
}
.nav-link img{
    max-height: 34px;
    width: auto;
    transform: translateY(-1px);
}
.nav-link:hover {
    /* background: #e0e0e0; */
    color: var(--text-primary);
}

.nav-link.active {
    /* background: var(--primary-color); */
    color: var(--primary-color);
	font-weight: 400;
	border-bottom: 2px solid var(--primary-color);
}

.ketam-cat-icon {
    font-size: 1.5rem;
}

.ketam-cat-name {
    font-weight:600;    
	transform: translateY(-1px);
}


/* ===========================
   PRODUCTS SECTION
=========================== */
.ketam-products-section {
    padding: 8px 0;
}
.ketam-category-section {
    margin-bottom: 8px;
    background: #fff;
    padding-top: 24px;
}


.ketam-category-header {
    text-align: center;
    margin-bottom: 8px;
}

.ketam-category-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--ketam-dark);
    margin: 0 0 0px 0;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* gap: 15px; */
}
.ketam-category-title p{
	margin-bottom: 1px;
}
.highlighttext{
    background: #f37021;
    background: #f370216b;
    display: inline-block;
    padding: 4px 6px;
    line-height: 1;
}
.ketam-cat-icon-large {
    font-size: 2.5rem;
}

.ketam-category-desc {
    /* font-size: 1rem; */
    /* margin: 0; */
    /* background: #000000; */
    /* color: #f9b41c; */
    /* padding: 5px 10px; */
    /* text-align: center; */
    /* font-weight: 500; */
	/* font-size: 1.2rem; */
	font-size: 15px;
    margin: 0;
    /* background: #f69113; */
    /* color: #ffffff; */
    padding: 5px 10px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
	max-width: 700px
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.ketam-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 0;
    margin-top: 0px;
	align-items: start; 
}
.archive .ketam-products-grid,
#category-specialty-combos .ketam-products-grid
 {
	align-items: normal;
}
.text-expander {
  height: 70px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.text-expander.active {
  display: inherit;
  height: auto;
}
.btn-text-expander {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 14px;
  border-radius: 3px;
  background-color: #665aef;
  color: #fff;
} 
/* ===========================
   PRODUCT CARDS
=========================== */
.ketam-product-card {
    background: var(--white);
    border-radius: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: var(--transition);
    cursor: pointer;
    display: flex;
    padding: 16px 0;
    /* column-gap: 12px; */
    border: 1px solid #fff;
    min-height: 184px;
    border-bottom: 1px solid #f0efef;
	position: relative;
	    overflow: hidden;
}
.ketam-product-card > div:first-child{
	/* margin-left: -12px; */
}
.ketam-product-card.outofstock{
	opacity: .5
}
.video-card.ketam-product-card {
	position: relative;
	overflow: hidden; 
	display: flex;
	align-items: flex-end; 
	border: 0;
	    max-height: 184px;
}

/* Video Background Layer */
.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Acts like background-size: cover */
  z-index: 1; /* Sits behind everything */
}

.ketam-product-image {
	position: relative;
	    min-width: 110px;
    width: 110px;
    height: 110px;
}

.ketam-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	border-radius: 10px;
}

.ketam-product-card:hover .ketam-product-image img {
    /* transform: scale(1.05); */
}
/* common */
.ribbon {
  width: 64px;
  height: 64px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 12px;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 3px solid #ff0058;
}
.ribbon > span {
  position: absolute;
  display: block;
  width: 93px;
  padding: 2px 0;
  background-color: #ff0058;
  box-shadow: 0 1px 10px rgba(0,0,0,.2);
  color: #fff;
  z-index: 16;
}

/* top left*/
.ribbon-top-left {
  top: -7px;
  left: -7px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left > span {
  right: -10px;
  top: 14px;
  transform: rotate(-45deg);
}

/* Make block shipping rates non-clickable */
.wc-block-components-shipping-rates-control {
    pointer-events: none;
}
.producttag-wrapper {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
}
.ketam-product-badge, .producttag, 
.ketam-product-badge, .tag {
    position: relative;
    top: 0;
    right: 0;
    padding: 2px 10px 2px 10px;
    border-radius: 16px;
    font-size: 11px;
    /* margin-bottom: 4px; */
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: var(--white);
    display: inline-block;
    font-weight: 600;
    background: #f370212b !important;
    color: #ff6000 !important;
    line-height: 1;
    height: 20px;
    display: inline-flex;
    align-items: center;
}
.tag img{
	font-size: 14px;
}
.producttag.new,
.tag.new
{
	background: #12851224;
	color: #128512;
}
.producttag.must-try,
.tag.must-try
{
	background: #4141f930;
	color: #4141f9;
}
.producttag.recommended,
.tag.recommended
{
	background: #9600961a;
	color: #960096;
}
.producttag.tagdiscount,
.tag.tagdiscount
{
	background: #ff0058;
    font-weight: 700;
}
.producttag.favorite,
.tag.favorite,
.tag.favourite
{
    background: #ff000026;
    color: #a50a0a;
}
.discount {
    position: relative;
    padding: 3px 3px;
    font-size: 10px;
    color: var(--white);
    background:#f69113;
    /* margin-left: 10px; */
    margin-right: 5px;
	    margin-bottom: 4px;

}
.discount:before{
	content: '';
	background: url(../img/badge.svg) no-repeat;
	height: 100%;
	width: 10px;
	background-size: contain;
	position: absolute;
	left: -3px;
	top: 0;
}
.discount:after{
	content: '';
	background: url(../img/badge.svg) no-repeat;
	height: 100%;
	width: 10px;
	background-size: contain;
	position: absolute;
	right: -3px;
	top: 0;
	transform: rotate(-180deg);
}


.discountlabel {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  /* margin: 100px auto; */
  position: relative;
  display: inline-block;
  background: #ff0058;
  width: auto;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius:4px;
  padding: 0 7px 0 10px;
  margin-bottom: 4px;
  margin-left: 10px;
}
.discountlabel:after {
  content: " ";
  height: 16px;
  width: 16px;
  background: #ff0058;
  position: absolute;
  top: 2px;
  left: -7px;
  border-radius:4px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.discountlabel:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #ffffff;
  position: absolute;
  top: 8px;
  left: 0px;
  z-index: 1;
  border-radius: 10px;
}
.variantdiscount {
    display: inline-block;
    line-height: 1;
    font-size: 10px;
    background: #ff0058;
    color: #fff;
    padding: 3px 3px;
}
.tagoutofstock{
	font-style: italic;
}

.ketam-out-of-stock {
	position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    color: var(--ketam-white);
    font-weight: 500;
    width: 100%;
    height: 100%;
    font-size: 12px;
    /* border-radius: 50%; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;

}

.ketam-product-content {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
	padding-left: 12px;
	    min-height: 130px;
}

.ketam-product-title {
font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--text-primary);
    line-height: 1.4;
    word-break: break-word;
}

.ketam-product-title a {
    color: var(--ketam-dark);
    text-decoration: none;
    transition: color 0.3s ease;
}

.ketam-product-title a:hover {
    color: var(--ketam-primary);
}

.ketam-product-desc {
	font-size: 12px;
	color: #9a9a9a;
	margin-bottom: 12px;
	font-weight: 400;
}
.ketam-product-header {
	/* margin-bottom: 8px; */
}
.ketam-product-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: auto;
}


.ketam-product-price {
	/* font-size: 16px; */
	font-size: 15px;
	font-weight: 500;
	color: var(--primary-color);
	color: #1c1c1c;
	    line-height: 1.2;
}
.ketam-product-price br{
	display: none;
}
p.from,
span.from
 {
    font-size: 12px;
    /* color: var(--text-light); */
    color:#000000a8;
}
.ketam-product-price del {
	font-size: 13px;
	color: var(--text-light);
	text-decoration: line-through;
	/* display: block; */
	margin-right: 3px;
	font-weight: 400;
}

.ketam-add-to-cart,
.ketam-select-options {
    background: var(--ketam-primary);
    color: var(--ketam-white);
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.ketam-add-to-cart:hover,
.ketam-select-options:hover {
    background: var(--ketam-secondary);
    transform: scale(1.05);
}

.ketam-add-to-cart:disabled {
    background: #95a5a6;
    cursor: not-allowed;
    transform: none;
}
.ketam-product-price ins,ins {
  text-decoration: none;
}
.ketam-product-price ins,
.azentai-product-list .price ins
{
	display: block;
}
.ketam-variation-option .price ins{
	display: inline-block;
}
.ketam-view-product {
    background: var(--primary-color);
    color: #000;
    border: none;
    padding: 8px 10px;
    border-radius: 24px;
    font-size: 12px;
    font-weight: 600;
    height: 36px;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    line-height: 1;
	margin-left: auto;
}
	
.ketam-view-product:before {
	content: url(../img/plus-white.svg);
}
.btn-default {
	background: #000;
    color: #ffffff;
    border: none;
    padding: 4px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    line-height: 1;
    /* background: #f370212b; */
    /* color: #f37021; */
    margin-left: auto;
}	
.ketam-product-card:not(.outofstock) .ketam-view-product:hover {
	/* background: var(--primary-hover); */
	/* transform: scale(1.05); */
	background: #c05515;
	transform: translateY(-3px);
}
/* ===========================
   FLOATING CART
=========================== */
.ketam-floating-cart {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}

.ketam-cart-toggle {
    width: 60px;
    height: 60px;
    background: var(--ketam-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--ketam-shadow-lg);
    transition: all 0.3s ease;
    position: relative;
}

.ketam-cart-toggle:hover {
    transform: scale(1.1);
    background: var(--ketam-secondary);
}

.ketam-cart-icon {
    font-size: 1.8rem;
}

.ketam-cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--ketam-gold);
    color: var(--ketam-white);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    border: 2px solid var(--ketam-white);
}

.ketam-cart-dropdown {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 350px;
    max-height: 500px;
    background: var(--ketam-white);
    border-radius: 12px;
    box-shadow: var(--ketam-shadow-lg);
    display: none;
    flex-direction: column;
    overflow: hidden;
}

.ketam-cart-dropdown.active {
    display: flex;
}

.ketam-cart-header {
    background: var(--ketam-primary);
    color: var(--ketam-white);
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ketam-cart-header h3 {
    margin: 0;
    font-size: 1.2rem;
}

.ketam-cart-close {
    background: none;
    border: none;
    color: var(--ketam-white);
    font-size: 2rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 30px;
    height: 30px;
}

.ketam-cart-items {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    max-height: 300px;
}

.ketam-cart-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid var(--ketam-border);
}

.ketam-cart-item:last-child {
    border-bottom: none;
}

.ketam-cart-item-image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.ketam-cart-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.ketam-cart-item-details {
    flex: 1;
}

.ketam-cart-item-name {
    font-weight: 600;
    color: var(--ketam-dark);
    margin: 0 0 5px 0;
    font-size: 0.95rem;
}

.ketam-cart-item-qty {
    font-size: 0.85rem;
    color: #666;
}

.ketam-cart-item-price {
    /* font-weight: 700; */
    /* color: var(--ketam-primary); */
}

.ketam-cart-empty {
    text-align: center;
    padding: 40px 20px;
    color: #999;
}

.ketam-cart-footer {
    border-top: 2px solid var(--ketam-border);
    padding: 20px;
}

.ketam-cart-total {
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--ketam-dark);
}

.ketam-cart-total-amount {
    color: var(--ketam-primary);
}

.ketam-view-cart,
.ketam-checkout {
    display: block;
    width: 100%;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}
.ketam-shipping-option {
    display: block;
    padding: 12px;
    border: 1px solid #ddd;
    margin-bottom: 8px;
    cursor: pointer;
    border-radius: 4px;
}

.ketam-shipping-option:hover {
    background: #f5f5f5;
}

.ketam-shipping-option input[type="radio"] {
    margin-right: 10px;
}

.ketam-shipping-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ketam-view-cart {
    background: var(--ketam-light);
    color: var(--ketam-dark);
}

.ketam-view-cart:hover {
    background: #dfe6e9;
}

.ketam-checkout {
    background: var(--ketam-success);
    color: var(--ketam-white);
    margin-bottom: 0;
}

.ketam-checkout:hover {
    background: #229954;
}


/* ===========================
   LOADING & ANIMATIONS
=========================== */
.ketam-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.ketam-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid var(--ketam-white);
    border-top-color: transparent;
    border-radius: 50%;
    animation: ketam-spin 0.6s linear infinite;
}

@keyframes ketam-spin {
    to { transform: rotate(360deg); }
}

/* Success notification */
.ketam-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background: var(--ketam-success);
    color: var(--ketam-white);
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: var(--ketam-shadow-lg);
    z-index: 10000;
    animation: ketam-slide-in 0.3s ease;
}

@keyframes ketam-slide-in {
    from {
        transform: translateX(400px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}



/* ===========================
   CART SUMMARY BAR
=========================== */
.ketam-cart-summary-bar-wrapper{
	position: fixed;
	padding: 16px;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
	box-shadow: 0 -2px 6px 0 rgba(28, 28, 28, .06);
}

.ketam-cart-summary-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background: linear-gradient(135deg, #27ae60 0%, #229954 100%); */
	background: #f9b41c;
/* background: linear-gradient(90deg,rgba(255, 205, 97, 1) 0%, rgba(249, 180, 28, 1) 100%); */
    padding: 15px 30px;
    border-radius: 12px;

}

.ketam-cart-summary-content {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 600;
}

.ketam-cart-summary-icon {
    font-size: 1.8rem;
}

.ketam-cart-summary-text {
    /* font-size: 1.1rem; */
	font-weight: 600;
}

.ketam-view-cart-btn {
	background: #f9b41c;
    color: #000000;
    border: none;
    padding: 17px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    line-height: 1;
    font-weight: 500;
    /* max-width: 350px; */
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
	font-size: 14px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
}
.ketam-cart-summary-bar-wrapper .container{
	padding: 0 0;
}
.ketam-view-cart-btn:hover {
    /* transform: scale(1.05); */
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.2); */
}

/* ===========================
   MODAL OVERLAY
=========================== */
.ketam-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(2px);
}

.ketam-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ===========================
   SIDE MODAL
=========================== */
.ketam-side-modal {
	position: fixed;
	top: auto;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	/* right: -100%; */
	height: calc(100dvh - 110px);
	background: white;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	/* box-shadow: -5px 0 25px rgba(0,0,0,0.3); */
	transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
    overflow-y: auto;
	
	transform: translateY(100%);
	bottom: 0;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ketam-side-modal .ketam-cart-summary-bar-wrapper{
	position: sticky;
	bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.ketam-side-modal.active {
     transform: translateY(0);
}

/* Modal Header */
.ketam-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 16px;
    /* background: linear-gradient(135deg, var(--ketam-primary) 0%, var(--ketam-secondary) 100%); */
    /* color: white; */
    /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
	    border-bottom: 1px solid #f0efef;
}
.viewproduct .ketam-modal-header{
	display: none;
}
.ketam-modal-header h2 {
    margin: 0;
    /* font-size: 1.5rem; */
    font-weight: 700;
	    font-size: 20px;

}

.ketam-modal-close {
     /* background: rgba(255, 255, 255, 0.2);  */
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
	 position: absolute;
    right: 16px;
    top: 11px;
    z-index: 1;
	color: #1c1c1c;
	font-size: 16px;
}
.bi.bold::before{
	    font-weight: 900 !important;
}
.ketam-modal-close:hover {
    /* background: rgba(255, 255, 255, 0.3); */
    transform: rotate(90deg);
}

.ketam-modal-close span {
    font-size: 2rem;
    
    line-height: 1;
}

/* Modal Body */
.ketam-modal-body {
    flex: 1;
    overflow-y: auto;
    padding: 0px;
}
.ketam-cart-modal,
.ketam-product-modal {
    display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
 
    
}
.ketam-modal-top {
	-webkit-box-flex: 1;
	flex: 1;
	overflow: auto;
}

/* ===========================
   PRODUCT VIEW MODAL
=========================== */
.ketam-product-modal {
    /* animation: fadeInUp 0.4s ease; */
	/* padding-bottom: 80px; */
	height: 100%;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.modal-info {
    flex: 1;
    padding: 0px 12px;
}
.modal-info-top{
display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    /* height: 50px; */
	min-height: 160px;
}

.ketam-product-modal-image {
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 14px;
    position: relative;
}

.ketam-product-modal-image img {
    width: 100%;
    height: 100%;
        object-fit: contain;
}

/* Product Gallery Slider - Main */
.product-gallery-main {
    position: relative;
    margin-bottom: 15px;
}

.product-gallery-main .slick-slide {
    position: relative;
    outline: none;
}

.product-gallery-main .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
}

/* Main Slider Arrows */
.product-gallery-main .slick-prev,
.product-gallery-main .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 32px;
    height: 32px;
    background: rgb(249 180 28);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    color: #000000;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}
.product-gallery-main .slick-arrow i{
	font-size: 16px;
	font-weight: bold;
}
.product-gallery-main .slick-prev:hover,
.product-gallery-main .slick-next:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.product-gallery-main .slick-prev:before,
.product-gallery-main .slick-next:before {
    content: '';
}
.product-gallery-main .slick-prev {
    left: 15px;
}

.product-gallery-main .slick-next {
    right: 15px;
}

/* Product Gallery Nav - Thumbnails */
.product-gallery-nav {
    margin-top: 15px;
}

.product-gallery-nav .slick-slide {
    padding: 0 5px;
    outline: none;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.product-gallery-nav .slick-slide:hover {
    opacity: 0.8;
}

.product-gallery-nav .slick-slide.slick-current {
    opacity: 1;
}

.product-gallery-nav .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.product-gallery-nav .slick-slide.slick-current img {
    border-color: #333;
}

.product-gallery-nav .slick-slide:hover img {
    border-color: #666;
}

/* Thumbnail Navigation Track */
.product-gallery-nav .slick-track {
    display: flex;
    align-items: center;
}

.product-gallery-nav .slick-list {
    margin: 0 -5px;
}

/* Single image - no slider */
.product-gallery-slider.single-image .slider-item,
.product-gallery-main.single-image > div {
    width: 100%;
}

.product-gallery-slider.single-image,
.product-gallery-main.single-image {
    display: flex;
    justify-content: center;
}


/* Static Thumbnails (less than 4 images) */
.product-gallery-nav.static-thumbnails {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product-gallery-nav.static-thumbnails > div {
    flex: 0 0 auto;
    width: calc(25% - 8px);
    max-width: 120px;
    padding: 0;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.product-gallery-nav.static-thumbnails > div:hover {
    opacity: 0.8;
}

.product-gallery-nav.static-thumbnails > div.active {
    opacity: 1;
}

.product-gallery-nav.static-thumbnails > div img {
    width: 100%;
    height: auto;
    display: block;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: border-color 0.3s ease;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.product-gallery-nav.static-thumbnails > div.active img {
    border-color: #333;
}

.product-gallery-nav.static-thumbnails > div:hover img {
    border-color: #666;
}

/* Adjust for 2-3 images */
.product-gallery-nav.static-thumbnails > div {
    width: calc(33.333% - 8px);
}
/* Video Slide Styling */
.product-gallery-main .video-slide,
.video-slide
 {
    position: relative;
    background: #000;
}
.ketam-product-card .video-slide,
.ketam-product-card .video-slide video
{
	border-radius: 6px;
}
.product-gallery-main .video-slide video,
.video-slide video
 {
    width: 100%;
    height: auto;
    display: block;
    /* max-height: 600px; */
    /* object-fit: contain; */
	max-height: 100%;
    object-fit: cover;
}

/* Video Thumbnail Styling */
.product-gallery-nav .video-thumb,
.video-thumb
 {
    position: relative;
}

.product-gallery-nav .video-thumb-wrapper,
.video-thumb-wrapper
 {
    position: relative;
    width: 100%;
    height: 100%;
}

.product-gallery-nav .video-thumb img,
.product-gallery-nav .video-thumb .video-placeholder,
.video-thumb img,
.video-thumb .video-placeholder 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.product-gallery-nav .video-placeholder,
.video-placeholder
 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    color: #666;
    font-size: 32px;
}

/* Play Icon Overlay on Thumbnail */
.product-gallery-nav .play-icon, 
 .play-icon 
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    pointer-events: none;
    z-index: 2;
}

.product-gallery-nav .video-thumb::after,
.video-thumb::after
 {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    border-radius: 4px;
}

/* Static thumbnails video styling */
.product-gallery-nav.static-thumbnails .video-thumb,
.static-thumbnails .video-thumb
 {
    position: relative;
}

.product-gallery-nav.static-thumbnails .play-icon {
    font-size: 24px;
}

/* Mobile Adjustments */

@media (max-width: 768px) {
    .product-gallery-nav.static-thumbnails > div {
        width: calc(33.333% - 6px);
        max-width: 100px;
    }
.logo img {
    width: auto;
    /* height: 47px; */
    height: 32px;
}
	.product-gallery-main {
		margin-bottom: 10px;
	}
    .product-gallery-main .slick-prev,
    .product-gallery-main .slick-next {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
    
    .product-gallery-main .slick-prev {
        left: 10px;
    }
    
    .product-gallery-main .slick-next {
        right: 10px;
    }
    
    .product-gallery-nav .slick-slide {
        padding: 0 3px;
    }
    
    .product-gallery-nav {
        margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
    }
	 .product-gallery-main .video-slide video {
        max-height: 400px;
    }
    
    .product-gallery-nav .play-icon {
        font-size: 20px;
    }
}

/* Optional: Add fixed aspect ratio for thumbnails */
.product-gallery-nav .slick-slide {
    position: relative;
}

.product-gallery-nav .slick-slide img {
    object-fit: cover;
    aspect-ratio: 1 / 1; /* Square thumbnails */
}

.ketam-product-modal-badge {
    /* position: absolute; */
    /* top: 20px; */
    /* right: 20px; */
    /* background: var(--ketam-gold); */
    /* color: white; */
    /* padding: 10px 20px; */
    /* border-radius: 25px; */
    /* font-weight: 700; */
    /* font-size: 1rem; */
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.2); */
	

    position: relative;
    top: 0;
    right: 0;
    padding: 5px 8px;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* box-shadow: var(--shadow-sm); */
    margin-bottom: 10px;
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: var(--white);
}

.ketam-product-modal-title {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 1.3;
	    transform: translateY(-1px);
}

.ketam-product-modal-price {
	font-size: 20px;
    font-weight: 500;
	text-align: right;
	line-height: 1.2;
    /* margin: 20px 0; */
}

.ketam-product-modal-price del,
.price del
 {
    font-size: 13px;
    color: var(--text-light);
    text-decoration: line-through;
    /* display: block; */
    font-weight: 400;
}

.ketam-product-modal-desc {
    /* color: var(--text-secondary); */
	padding-top: 15px;
    margin-bottom: 20px;
    line-height: 1.6;
    /* font-size: 15px; */
    margin: 20px 0;
}

/* Variations */
.ketam-product-variations {
    margin: 30px 0;
}

.ketam-variation-label {
    /* font-size: 1.1rem; */
    font-weight: 600;
    color: var(--ketam-dark);
    margin-bottom: 15px;
    display: block;
}

.ketam-variation-options {
display: flex;
        flex-direction: column;
        gap: 8px;
}

.ketam-variation-option {
background: var(--bg-gray);
	border: 2px solid transparent;
	padding: 12px 12px;
	border-radius: var(--radius-sm);
	cursor: pointer;
	transition: var(--transition);
	text-align: left;
	font-size: 12px;
	font-weight: 500;
	/* color: #676767; */
	color: #1a1a1a;
}

.ketam-variation-option:not(.disabled):hover {
        background: var(--white);
        border-color: var(--primary-color);
        color: var(--primary-color);
}

.ketam-variation-option.selected {
        background: var(--white);
        border-color: var(--primary-color);
        color: var(--primary-color);
}

.ketam-variation-option.disabled {
    opacity: 0.4;
    cursor: not-allowed;
	/* display: none; */
	
}

/* Quantity Selector */
.ketam-quantity-selector {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 30px 0;
	justify-content: center;
}

.ketam-quantity-label {
    /* font-size: 1.1rem; */
    font-weight: 600;
    color: var(--ketam-dark);
}

.ketam-quantity-input-group {
    display: flex;
    align-items: center;
    /* border: 0px solid #dfe6e9; */
    /* border-radius: 28px; */
    overflow: hidden;
}

.ketam-qty-btn {
background: #f8f9fa;
    border: none;
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    font-size: 22px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--ketam-dark);
    line-height: 1;
    border: 2px solid #dfe6e9;
    border-radius: 8px;
    line-height: 15px;
}

.ketam-qty-btn:hover {
    /* background: var(--ketam-primary); */
    /* color: white; */
}

.ketam-qty-input {
border: none;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--ketam-dark);
	padding-left: 14px;
}

/* Add to Cart Button */
.ketam-modal-add-to-cart,
.ketam-checkout-btn,
.button-ketam{
background: #000000;
    color: #ffffff;
    border: none;
    padding: 13px 25px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: auto;
    line-height: 1;
    font-weight: 600;
    font-size: 14px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
}
.button-ketam.button-ketam-orange{
	background: var(--primary-color);
}
/* Hides the default theme page title only on the WooCommerce order confirmation page */
.woocommerce-checkout.woocommerce-order-received .page-title,
.woocommerce-checkout.woocommerce-order-received h1.h3 {
    display: none !important;
}
.button-ketam.w-auto,
.button-ketam-black.w-auto
{
	width: auto;
}
.button-ketam.button-ketam-black{
	/* background: var(--primary-color); */
    color: #fff;
}
.wp-block-woocommerce-empty-cart-block .wp-block-product-new {
    display: none;
}
.ketam-modal-add-to-cart:hover {
    transform: translateY(-2px);
    /* box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4); */
}

.ketam-modal-add-to-cart:active {
    transform: translateY(0);
}

.ketam-modal-add-to-cart:disabled {
    background: #95a5a6;
    cursor: not-allowed;
    transform: none;
}

/* ===========================
   CART VIEW MODAL
=========================== */
.ketam-cart-modal {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ketam-cart-items-container {
    flex: 1;
    overflow-y: auto;
    margin-bottom: 20px;
	padding-right: 8px;
}

.ketam-cart-modal-item {
display: flex;
    gap: 14px;
    margin-bottom: 0px;
    padding: 24px 0;
    transition: all 0.3s ease;
	border-bottom: 1px solid #f0efef;
	position: relative;
}

.ketam-cart-modal-item:hover {
    /* background: #ecf0f1; */
}

.ketam-cart-item-img {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

.ketam-cart-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ketam-cart-item-info {
    flex: 1;
	
}

.ketam-cart-item-name {
    /* font-size: 1.1rem; */
    font-weight: 400;
    color: var(--ketam-dark);
    margin: 0 0 12px 0;
	padding-right: 27px;
}

.ketam-cart-item-variation {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 16px;
}

.ketam-cart-item-controls {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ketam-cart-item-qty {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ketam-cart-qty-btn {
   background: white;
    border: 1px solid #dfe6e9;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.3s ease;
}

.ketam-cart-qty-btn:hover {
    border-color: var(--ketam-primary);
    color: var(--ketam-primary);
}

.ketam-cart-item-price {
	font-size: 16px;
    /* font-size: 1.2rem; */
    /* font-weight: 700; */
    /* color: var(--ketam-primary); */
}

.ketam-remove-item {
background: none;
    border: none;
    position: absolute;
    color: #e74c3c;
    /* color: #b7b7b7; */
    font-size: 19px;
    cursor: pointer;
    padding: 5px;
    margin-left: 10px;
    transition: all 0.3s ease;
    position: absolute;
    right: -8px;
    top: 20px;
}

.ketam-remove-item:hover {
    transform: scale(1.2);
}

.ketam-cart-empty {
    text-align: center;
    padding: 60px 20px;
    color: #999;
}

.ketam-cart-empty-icon {
    font-size: 4rem;
    margin-bottom: 20px;
}

.ketam-cart-empty-text {
    font-size: 1.2rem;
    margin: 0;
}

/* Cart Summary */
.ketam-cart-summary {
    /*background: #f8f9fa; */
    /* padding: 25px; */
    /* border-radius: 12px; */
    /* margin-top: 20px; */
    padding: 16px 0;
	font-size: 16px;
    background: #fff;
    /* box-shadow: 0 -2px 6px 0 rgba(28, 28, 28, .06); */
}

.ketam-cart-summary-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    /* font-size: 1.05rem; */
}

.ketam-cart-summary-row.total {
/* border-top: 1px solid #dfe6e9; */
    /* margin-top: 10px; */
    padding-top: 7px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    /* color: var(--ketam-primary);*/
}
.modal-cart-list{
	/* padding-bottom: 196px; */
}

.ketam-checkout-btn {
   
}

.ketam-checkout-btn:hover {
}

.ketam-continue-shopping {
    width: 100%;
    background: white;
    color: var(--ketam-dark);
    border: 2px solid #dfe6e9;
    padding: 15px 14px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
	    font-size: 14px;
    transition: all 0.3s ease;
	line-height: 1;
}

.ketam-continue-shopping:hover {
    /* border-color: var(--ketam-primary); */
    /* color: var(--ketam-primary); */
}

/* ===========================
   CHECKOUT MODAL
=========================== */
.ketam-checkout-modal {
    /* animation: fadeInUp 0.4s ease; */
    padding: 19px 0 0px;
}

.ketam-checkout-section {
    margin-bottom: 30px;
}

.ketam-checkout-section-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--ketam-dark);
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #dfe6e9;
}

.ketam-form-group {
    margin-bottom: 20px;
}

.ketam-form-label {
    display: block;
    font-weight: 600;
    color: var(--ketam-dark);
    margin-bottom: 8px;
    font-size: 0.95rem;
}

.ketam-form-label.required::after {
    content: '*';
    color: var(--ketam-primary);
    margin-left: 4px;
}

.ketam-form-input,
.ketam-form-select,
.ketam-form-textarea {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #dfe6e9;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.ketam-form-input:focus,
.ketam-form-select:focus,
.ketam-form-textarea:focus {
    outline: none;
    border-color: var(--ketam-primary);
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.ketam-form-textarea {
    resize: vertical;
    min-height: 80px;
}

.ketam-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.ketam-payment-methods {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ketam-payment-option {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #f8f9fa;
    border: 2px solid #dfe6e9;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.ketam-payment-option:hover {
    border-color: var(--ketam-primary);
}

.ketam-payment-option.selected {
    background: white;
    border-color: var(--ketam-primary);
}

.ketam-payment-option input[type="radio"] {
    margin-right: 12px;
    width: 20px;
    height: 20px;
}

.ketam-payment-label {
    font-weight: 600;
    color: var(--ketam-dark);
}

.ketam-order-summary {
    background: #f8f9fa;
    padding: 25px 16px 4px;
    border-radius: 12px;
    margin: 30px 0;
}

.ketam-place-order-btn {
    /*width: 100%;
    background: linear-gradient(135deg, var(--ketam-success) 0%, #229954 100%);
    color: white;
    border: none;
    padding: 20px;
    border-radius: 12px;
    font-size: 1.3rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);*/
}

.ketam-place-order-btn:hover {
    /* transform: translateY(-2px); */
    /* box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4); */
}

/* ===========================
   LOADING STATES
=========================== */
.ketam-modal-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
	opacity: .5;
}

.ketam-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--ketam-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ===========================
   CLICKABLE PRODUCTS
=========================== */
.ketam-product-trigger {
    cursor: pointer;
    transition: all 0.3s ease;
}

.ketam-product-trigger:hover {
    /* transform: translateY(-5px); */
}

.footer{
	/* background: #000; */
	background: #000000F7;
	background: radial-gradient(circle,rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 1) 100%);
	color: #fff;
	padding-top: 40px;
	padding-bottom: 66px;
	position: relative;
	
}
.footer h4{
	font-size: 20px;
	
}
.post-edit-link{
	position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    color: var(--ketam-dark);
    padding: 6px 10px;
    background: var(--color-default);
    line-height: 1;
    text-decoration: none;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 500;
}
.text-orange {
    color: var(--primary-color);
}



.hamburger {
	width: 48px;
	height: 48px;
	background: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	transition: transform 0.2s, box-shadow 0.2s;
	font-size: 24px;
	/* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); */
	/* position: fixed; */
	/* bottom: 24px; */
	/* right: 24px; */
	/* z-index: 998; */
}

.hamburger:hover {
	/* transform: scale(1.05); */
	/* box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); */
}

.hamburger:active {
	/* transform: scale(0.95); */
}
.hamburger span {
	width: 22px;
	height: 2.5px;
	background: #333;
	border-radius: 2px;
	transition: all 0.3s;
}

.hamburger.active span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2) {
	opacity: 0;
}

.hamburger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}
.action-sheet .hamburger{
    position: sticky;
    right: 0;
    top: 0;
    background: #f0f0f0;
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-left: auto;
    transform: translate(10px, 0px);
    margin-top: -35px;
	
}
.header-actions .hamburger{
	/* display: none; */
}
/* Overlay */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	z-index: 999;
}

.overlay.active {
	opacity: 1;
	visibility: visible;
}

/* Action Sheet */
.action-sheet {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: white;
	border-radius: 20px 20px 0 0;
	padding: 10px 20px 20px;
	transform: translateY(100%);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 1000;
	max-height: 80vh;
	overflow-y: auto;
}

.action-sheet.active {
	transform: translateY(0);
}

.action-sheet:before {
    /* content: ""; */
    /* position: absolute; */
    /* width: 100%; */
    /* height: 42px; */
    /* left: 0; */
    /* background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff)); */
    /* background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff); */
}

.action-sheet-handle {
	width: 40px;
	height: 4px;
	background: #ddd;
	border-radius: 2px;
	margin: 0 auto 20px;
}

/* Quick Actions */
.quick-actions {
	display: flex;
	gap: 12px;
	padding: 10px 0 20px;
	overflow-x: auto;
}

.quick-action-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	min-width: 70px;
}

.quick-action-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s;
}

.quick-action-btn:active .quick-action-icon {
	transform: scale(0.95);
}

.quick-action-label {
	font-size: 12px;
	text-align: center;
	color: #333;
	line-height: 1.3;
}

/* Order Button */
.order-button {
	width: 100%;
	padding: 14px;
	background: #CFFAFE;
	border: none;
	border-radius: 12px;
	color: #0E7490;
	font-size: 15px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	margin-bottom: 20px;
	transition: background 0.2s;
}

.order-button:hover {
	background: #A5F3FC;
}

/* Service Options */
.service-options {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.service-option {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    padding-right: 8px;
    background: #0596691c;
    padding: 1px 10px 1px 6px;
    border-radius: 10px;
    font-size: 12px;
}

.service-option.active {
	color: #059669;
}

.service-option.inactive {
	color: #DC2626;
}

.chevron-right {
	margin-left: auto;
}

.menu-divider {
	height: 1px;
	background: #eee;
	margin: 10px 0;
}
.action-sheet h4{
    font-size: 20px;
    margin-bottom: 23px;
    margin-top: -3px;
	
}
.action-sheet h5{
    font-size: 16px;
    margin-bottom: 23px;
    margin-top: -3px;
	
}
/* Info List */
.info-list {
	display: flex;
	flex-direction: column;
}

.info-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 10px 0;
	cursor: pointer;
	transition: background 0.2s;
	border-radius: 8px;
}

.info-item:hover {
	/* background: #f5f5f5; */
}

.info-icon {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.info-icon svg {
	width: 22px;
	height: 22px;
}

.info-content {
	flex: 1;
}
.footericon2 {
    width: 32px;
    height: 32px;
	margin-right: 8px;
	transition: all .25s ease;
	border-radius: 50%;
}
.footer .footericon2:hover{
	transform: translateY(-1px);
	box-shadow: 2px 2px 20px #000000;
    
}
.info-text {
	/* font-size: 15px; */
	line-height: 1.5;
}

.info-highlight {
	color: #059669;
	font-weight: 500;
}

.info-subtext {
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}

.chevron-down {
	flex-shrink: 0;
	transition: transform 0.3s;
}

.accordion-item.active .chevron-down {
	transform: rotate(180deg);
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.accordion-item.active .accordion-content {
	max-height: 500px;
	margin-top: 12px;
}

.hours-list {
	background: #f5f5f5;
	border-radius: 8px;
	padding: 12px;
}

.hours-row {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	font-size: 14px;
}

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

.price-details {
	padding-top: 8px;
}

.by {
    text-align: center;
    font-size: 10px;
	margin-bottom: 12px;
}
.byflex{	
    display: flex;
    justify-content: center;
    gap: 10px;
}
.action-sheet strong{
	font-weight: 600;
}
.action-sheet p{
	margin-bottom: 5px;
}
.action-sheet a{
	color: #000;
	text-decoration: none;
}
.action-sheet a:hover{
	text-decoration: underline;
}
.socialicons{
	margin-bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}







 

 .bannerheader {
	background: linear-gradient(135deg, #f9b41c 0%, #056d76 100%);
	padding: 40px 30px 40px;
	text-align: center;
	background: linear-gradient(135deg, #ffd72d 0%, #f9b41c 100%);
}

.bannerheader h1 {
	font-size: 32px;
	line-height: 1.1;
	font-weight: 700;
	margin-bottom: 20px;
	animation: fadeInDown 0.8s ease;
}

.header-intro {
	max-width: 900px;
	margin: 0 auto 20px;
	font-size: 1.1rem;
	line-height: 1.8;
	opacity: 0.95;
}

.header-subtitle {
	max-width: 900px;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.7;
	opacity: 0.9;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.content-wrapper {
	display: grid;
	grid-template-columns: 350px 1fr;
	gap: 40px;
	align-items: start;
}

.delivery-image-section {
	position: sticky;
	top: 100px;
}

.delivery-image {
	width: 100%;
	border-radius: 20px;
	box-shadow: none;
	animation: fadeInLeft 0.8s ease;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.delivery-areas {
	display: grid;
	gap: 10px;
	background: #fff;
}

.area-card {
	background: white;
	border-radius: 0;
	padding: 12px 0;
	box-shadow: none;
	border-left: 0;
	transition: all 0.3s ease;
	opacity: 0;
	animation: fadeInUp 0.6s ease forwards;
	border-bottom: 1px solid #eee;
}

.area-card:nth-child(odd) {
	animation-delay: 0.05s;
}

.area-card:nth-child(even) {
	animation-delay: 0.1s;
}



.area-card:hover {
	/* transform: translateX(5px); */
	/* box-shadow: 0 8px 30px rgba(12, 156, 168, 0.15); */
	/* border-left-width: 6px; */
}

.area-title {
	font-size: 1rem;
	font-weight: 700;
	/* color: #f9b41c; */
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.distance-badge {
	background: linear-gradient(135deg, #f9b41c, #056d76);
	color: white;
	padding: 3px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	background: #000000;
}
.area-details {
	display: grid;
	gap: 8px;
	margin-bottom: 12px;
}

.detail-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	/* color: #555; */
}

.detail-icon {
	width: 18px;
	height: 18px;
	color: #f9b41c;
	font-weight: bold;
}

.detail-label {
	font-weight: 600;
	/* color: #333; */
	min-width: 100px;
}

.area-description {
	margin-top: 15px;
	margin-top: 15px;
	padding-top: 5px;
	border-top: 0px solid #e9ecef;
	font-size: 0.95rem;
	color: #666;
	font-style: italic;
	line-height: 1.6;
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}
.important-note {
	background: #fff8e6;
	border-left: 4px solid #ffc107;
	padding: 20px 25px;
	border-radius: 10px;
	margin-top: 40px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.important-note strong {
	color: #d97706;
	font-size: 1.05rem;
}

.important-note p {
	margin-top: 8px;
	color: #666;
	line-height: 1.7;
}

.scroll-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background: #f9b41c;
	color: white;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 5px 15px rgba(12, 156, 168, 0.4);
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
	font-size: 1.5rem;
}

.scroll-top.visible {
	opacity: 1;
	visibility: visible;
}

.scroll-top:hover {
	background: #056d76;
	transform: translateY(-3px);
}
.hero-section {
	position: relative;
	height: 400px;
	background: linear-gradient(135deg, #0c9ca8 0%, #056d76 100%);
	overflow: hidden;
}

.hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.9;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.1));
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-title {
	font-size: 3rem;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	animation: fadeInDown 1s ease;
	line-height: 1;
	letter-spacing: -1px;
}
.hero-title span {
	padding: 10px 16px;
	background: #000;
	border-radius: 9px;
	display: inline-block;
	color: #f9b41c;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.bg-white{
	background: #fff;
}


.chef-card {
	display: flex;
	gap: 0px;
	margin-bottom: 40px;
	background: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 8px 8px rgba(0,0,0,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	opacity: 0;
	animation: fadeInUp 0.6s ease forwards;
	line-height: 1.5;
	font-size: 15px;
}

.chef-card:nth-child(1) { animation-delay: 0.1s; }
.chef-card:nth-child(2) { animation-delay: 0.2s; }
.chef-card:nth-child(3) { animation-delay: 0.3s; }
.chef-card:nth-child(4) { animation-delay: 0.4s; }


.chef-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.chef-image-wrapper {
	flex: 0 0 300px;
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #0c9ca8 0%, #056d76 100%);
}

.chef-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.chef-card:hover .chef-image {
	transform: scale(1.05);
}

.chef-content {
	flex: 1;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

.chef-name {
	/* font-size: 2rem; */
	/* font-weight: 700; */
	/* color: #0c9ca8; */
	/* margin-bottom: 15px; */
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}

.chef-name::after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 60px;
	height: 2px;
	/* background: linear-gradient(90deg, #0c9ca8, #056d76); */
	/* background: linear-gradient(135deg, #ffd72d 0%, #f9b41c 100%); */
	background: linear-gradient(135deg, #f9975b 0%, #f37021 100%);
	
	border-radius: 2px;
}

.chef-description {
	margin-top: 20px;
}

.scroll-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background: #0c9ca8;
	color: white;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 5px 15px rgba(12, 156, 168, 0.4);
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
}

.scroll-top.visible {
	opacity: 1;
	visibility: visible;
}

.scroll-top:hover {
	background: #056d76;
	transform: translateY(-3px);
}
.woocommerce-message{
	color: var(--text-secondary)
}

/* VIEW PRODUCT */


.productview-wrapper{
	/* max-width: 480px; */
	margin: 0 auto;
	
	padding: 0px 0;
}
.pondok-ketam-product{
	background: #fff;
}
.pk-image-section img{
	max-width: 100%;
}

.productview__button-wrapper{
    /* position: sticky; */
    /* padding: 16px; */
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    /* box-shadow: 0 -2px 6px 0 rgba(28, 28, 28, .06); */
}
.slider-banner-wrapper{
	width: 100%;
	margin: 0 auto;
}
.slick-prev, .slick-next{
	z-index: 10;
}
.slick-prev {
    left: 12px;
}
.slick-next {
    right: 12px;
}
.slick-dots li {
    margin: 0;
    padding: 0;
	transition: all .3s ease;
}
.slick-dots li button {
    padding: 0;
    outline: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all .3s ease;
}
.slick-dots li button:before{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #000;
	opacity: .5;
	    position: relative;
		transition: all .3s ease;
}
.slick-dots li.slick-active,
.slick-dots li.slick-active button
{
	width: 32px;
}
.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: unset;
    background: var(--ketam-primary);
    width: 32px;
    border-radius: 10px;
}
.slick-dots {
    position: relative;
    bottom: unset;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.section-banner .title-crabdeals{
	color: #fff;
	font-size: 2.2rem;
}
/* Make all slides the same height */
.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
    display: flex !important;
    align-items: stretch;
}

.slick-slide > div {
    width: 100%;
    height: 100%;
}

/* Inner content should fill the slide */
.slide {
    display: flex;
    height: 100%;
	justify-content: center;
}
.slideritem > div{
	/* justify-content: center; */
	/* align-items: center; */
	/* display: flex; */
	column-gap: 10px;
}
.slider-announcement .slideritem{
	/* text-align: left; */
}
.slider-announcement .slideritem a{
	color: #fff;
}


.floating-cart{
	position: fixed;
	top: 50%;
    transform: translateY(-50%);
    z-index: 999;
	width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #9676f8;
    transition: all ease 0.3s;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
	    right: 10px;
    border-radius: 50%;
	transition: all ease 0.3s;
}
.floating-cart .cart-header-btn .cart-badge {
    position: absolute;
	top: auto;
    right: auto;
    left: -1px;
    bottom: 3px;
    background: #4b3392;
    color: var(--white);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    /* display: none; */
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    border: 0px solid var(--white);
    line-height: 22px;
}
.floating-cart  .cart-icon {
    font-size: 32px;
	color: #fff;
}
.floating-cart .cart-header-btn.active .cart-icon{
	color: #fff;
}
.floating-cart  .cart-header-btn,
.floating-cart  .cart-header-btn.active
 {
	background: transparent;
	border: none;
	padding: 0;
	border-radius: unset;
	height: 60px;
	width: 60px;
	display: block;
}
.floating-cart:hover {
    transform: translateY(-50%) scale(1.1);
}



/* ===========================
   RESPONSIVE
=========================== */
@media (max-width: 768px) {
	
	.thetagline {
		display:none;
	}
	
	.quick-nav {
    top: 124px;
}
.cart-header-btn .cart-text {

	display: none !important;
}
.header-actions {
    gap: 0px;
}
.hamburger {
    width: 40px;
    height: 40px;
}
.navbar-auth {
    position: relative;
    padding-left: 8px;
}
.cart-header-btn.active {
    gap: 8px;
    color: #fff;
    background: transparent;
    color: var(--ketam-dark);
    padding: 0 0;
}
.cart-header-btn.active .cart-icon {
    /* color: #fff; */
	color: var(--ketam-dark);
    font-size: 24px;
    line-height: 1;
    transform: translateY(0px);
}
.cart-header-btn .cart-badge {
	position: absolute;
	top: -5px;
	right: -4px;
	background: var(--danger-color);
	color: var(--white);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	/* display: none; */
	align-items: center;
	justify-content: center;
	font-size: 9px;
	font-weight: 700;
	border: 0px solid var(--white);
	box-shadow: 1px 1px 2px 1px #0000005c;
	line-height: 15px;
}






.ketam-cart-summary-bar-wrapper {
    display: none;
}
.footer {
    padding-bottom: 10px;
}
.footer-bottom{
	    text-align: center;
}
.footer h4 {
    font-size: 18px;
}
    .ketam-side-modal {
        /* width: 100%; */
        /* max-width: 100%; */
        /* right: -100%; */
    }
    
    .ketam-modal-body {
        /* padding: 16px; */
    }
    
    .ketam-product-modal-image {
        /* height: 300px; */
    }
    
    .ketam-form-row {
        grid-template-columns: 1fr;
    }
    
    .ketam-cart-summary-bar {
        flex-direction: column;
        gap: 15px;
        padding: 15px 20px;
    }
    
    .ketam-view-cart-btn {
        width: 100%;
    }
	
	.content-wrapper {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.delivery-image-section {
		position: relative;
		top: 0;
		max-width: 300px;
		margin: 0 auto;
	}

	.header h1 {
		font-size: 2rem;
	}
}

/* Desktop and up */
@media (min-width: 1024px) {
.ketam-side-modal {
	top: 0;
	bottom: auto;
	width: 100%;
	max-width: 100%;
	height: 100dvh;
}
.ketam-side-modal,.auth-modal
 {
        right: -480px;
        width: 480px;
        transform: translateX(100%);
        bottom: 0;
}
.ketam-side-modal.active,
.auth-modal.active {
        transform: translateX(0);
        right: 0;
}
.ketam-product-card {
    /* border-radius: 5px; */
    /* padding: 16px; */
    /* column-gap: 16px; */
    /* border: 1px solid #fff; */
    /* min-height: 224px; */
	
	border-radius: 14px;
	padding: 16px;
	/* column-gap: 16px; */
	border: 1px solid #f3702136;

}
.ketam-product-image {
        min-width: 130px;
        width: 130px;
        height: 130px;
}
.ketam-container, .container {
    max-width: 1320px;
    padding: 0 20px;
}
.ketam-products-grid {
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 20px;
	/* grid-template-columns: 1fr; */
	margin-top: 15px;
}

.ketam-category-section {
    margin-bottom: 40px;
	background: none;
	padding: 0;
}
.ketam-category-title {
    /* font-size: 2.2rem; */
    font-size: 24px;
}
.ketam-category-title.big {
    font-size: 32px;
}
.ketam-product-desc {
    font-size: 14px;
}
.ketam-products-section {
    padding: 20px 0 0;
}
.footer {

    padding-bottom: 0px;
}
.ketam-shop-wrapper {
    padding-bottom: 0px;
}
.quick-nav .container {
gap: 8px;
    padding-left: 12px;
    padding-right: 12px;
}
.nav-wrapper {
    gap: 20px;
}
.cart-header-btn {
    display: flex;
}
.ketam-cart-summary-bar-wrapper{
	display: none;
}
.ketam-side-modal .ketam-cart-summary-bar-wrapper {
    display: block;
	/* position: fixed; */
}
.nav-arrow-left:before {
    width: 23px;
    height: 39px;
    right: -27px;
}
.nav-arrow-right:before {
    width: 23px;
    height: 39px;
    left: -27px;
}
.avatarwrapper {
    width: 40px;
    height: 40px;
}
.auth-label {
    font-size: 16px;
}

.ketam-modal-body::-webkit-scrollbar {
    width: 8px;
}

.ketam-modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.ketam-modal-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.ketam-modal-body::-webkit-scrollbar-thumb:hover {
    background: #999;
}
.ketam-product-card:not(.outofstock):hover {
    /* box-shadow: var(--ketam-shadow-lg); */
    /* transform: translateY(-5px); */
	border: 1px solid var(--primary-color);
}
.search-bar {
    flex: 1;
    max-width: 312px;
    display: flex;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    margin-left: auto;
    border: 1px solid #c5c5c5;
}
.search-bar input {
	    padding: 9px 10px;
}
.section-search {
    padding-bottom: 0px;
}
.header-content {
    padding: 10px 0;
}
.header-actions .hamburger{
	display: flex;
}

.slider-banner-wrapper{
	width: 970px;
	margin: 0 auto;
}
.productview-wrapper .modal-info {
    flex: 1;
    padding: 0px 12px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.productview__button-wrapper {
    position: static;
    padding: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 0;
    box-shadow: none;
    border: none;
}
.ketam-product-modal-title {
    font-size: 28px;
    /* margin-bottom: 14px; */
    margin-bottom: 6px;
    line-height: 1.3;
    font-weight: 700;
    margin-top: 18px;
}
.modal-info-top {
    display: block;
}
.ketam-product-modal-price {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    line-height: 1.2;
    /* margin: 20px 0; */
}


.floating-cart {
   
    width: 80px;
    height: 80px;
    font-size: 32px;
}
.floating-cart .cart-header-btn .cart-badge {
    top: auto;
    right: auto;
    left: -1px;
    bottom: 3px;
}
.floating-cart .cart-header-btn, .floating-cart .cart-header-btn.active {
    height: 80px;
    width: 80px;
	color: #fff;
}


}/* END DESKTOP */

 /* Desktop slide from right */
@media (min-width: 768px) {
	.action-sheet {
		top: 0;
		right: 0;
		left: auto;
		bottom: auto;
		width: 480px;
		height: 100vh;
		max-height: none;
		border-radius: 0;
		transform: translateX(100%);
		box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
	}

	.action-sheet.active {
		transform: translateX(0);
	}
}

.wc-block-components-address-form__country, 
.wc-block-components-country-input{
		margin-top: 12px !Important;
}
.coderockz-woo-delivery-block-container .wc-block-components-checkout-step__title{
		margin-bottom: 16px !Important;
}
.wc-block-components-order-summary-item__description{
	text-align: left !important;
}
.content-area.container > .hentry > .container{
	padding: 20px 0 0
}
.woocommerce .col2-set .col-1, 
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-1, 
.woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
    padding: 0;
	max-width: 100%;
}

.woocommerce-shipping-totals {
    /* display: none !important; */
}

    .gx-10px {
        --bs-gutter-x: 10px;
		margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    }
	.promocol {
        margin-bottom: 10px;
		padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    }
	
	.wc-block-checkout__shipping-method {
		display:none;
	}
	
.related.products{
	/* display: none; */
}
.related > h2{
	font-size: 14px;
	    font-weight: 600;
    color: var(--ketam-dark);
    margin-bottom: 0;
}
img.ketam-related-product-img{
	max-width: 100%;
	height: auto;
	object-fit: cover;
	    border-radius: 8px;
}
.w-auto{
	width: auto;
}
.ketam-related-card {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #ddd;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ketam-product-link{
	
}
.ketam-product-link .ketam-product-title{
	color: var(--ketam-dark);
	text-decoration: none;
}
ul.products {
	list-style: none;
	padding: 0;
}
.attachment-woocommerce_thumbnail {
    position: relative;
    min-width: 97px;
    width: 97px;
    height: 97px;
}
.attachment-woocommerce_thumbnail {
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 5px;
}
.woocommerce-LoopProduct-link{
	background: var(--white);
    border-radius: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: var(--transition);
    cursor: pointer;
    display: flex;
    padding: 16px 0;
    column-gap: 12px;
    border: 1px solid #fff;
    min-height: 130px;
    border-bottom: 1px solid #f0efef;
	color: var(--color-default);
	text-decoration: none;
}
h2.woocommerce-loop-product__title{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--text-primary);
    line-height: 1.2;
    word-break: break-word;
}
.azentai-product-recommendations .price{
	    font-size: 14px;
    font-weight: 400;
}
.azentai-product-recommendations .price del {
    font-size: 12px;
    color: var(--text-light);
    text-decoration: line-through;
    /* display: block; */
    font-weight: 400;
}
.btn-menu-category{
    background: #000;
    font-size: 12px;
    padding: 2px 8px;
    border: 1px solid #000;
    border-radius: 5px;
	margin-left: 10px;
	color: #fff;
	transition: all .25s ease;
}
.btn-menu-category:hover,
.btn-menu-category.show{
	/* transform: translateY(-2px); */
	background: #494949;
    color: #fff;
}
.dropdown-menu-category .dropdown-item{
	font-size: 14px;
	font-weight: 400;
}
.dropdown-menu-category .dropdown-item.active {
	background: var(--ketam-primary);
}


.ssbp-btn.ssbp-surfingbird span:not(.color-icon) svg polygon, .ssbp-btn.ssbp-douban span:not(.color-icon) svg, #douban svg, #surfingbird svg polygon {
    fill: #fff;
}

.ssbp-btn:before,.ssbp-toggle-switch:before {
    display: inline-block;
    font-family: 'ssbp';
    speak: none;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none
}

.ssbp-arrow-right:before {
    content: "\e612"
}

.ssbp-arrow-left:before {
    content: "\e613"
}

.ssbp-arrow-down:before {
    content: "\e619"
}

.ssbp-arrow-up:before {
    content: "\e61a"
}

.ssbp-chevron-down:before,.ssbp-toggle-switch:before {
    content: "\e618"
}

.ssbp-chevron-up:before,.ssbp--state-hidden .ssbp-toggle-switch:before {
    content: "\e615"
}

.ssbp-chevron-right:before,.ssbp--fixed-right .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-left .ssbp-toggle-switch:before {
    content: "\e616"
}

.ssbp-chevron-left:before,.ssbp--fixed-left .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-right .ssbp-toggle-switch:before {
    content: "\e617"
}

.ssbp-wrap *,.ssbp-wrap *:before,.ssbp-wrap *:after {
    box-sizing: border-box
}

.ssbp-input-url-div,.ssbp-total-shares,.ssba-hide-button.ssbp-each-share,.ssbp-toggle-switch,.ssbp-text {
    display: none
}

.ssbp-wrap {
    position: relative;
    display: inline-block;
    padding: 0;
    /* font-size: 0; */
    color: #272727;
    z-index: 0 !important
}

.ssbp-wrap.ssbp--centred {
    display: block;
    text-align: center
}

.ssbp-wrap.ssbp--aligned-right {
    display: block;
    text-align: right
}

.ssbp-wrap.ssbp--aligned-right .ssbp-container {
    display: inline-block
}

.ssbp-wrap .ssbp-container,.ssbp-wrap .ssbp-toggle-switch {
    font-size: 16px
}

.ssbp-wrap .ssbp-list {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.ssbp-wrap .ssbp-list li {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.ssbp-wrap .ssbp-list li:first-of-type {
    margin-left: 0
}

.ssbp-wrap .ssbp-btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: sans-serif
}

.ssbp-wrap.ssbp--stacked .ssbp-list li,.ssbp-wrap.ssbp--fixed-left .ssbp-list li,.ssbp-wrap.ssbp--fixed-right .ssbp-list li {
    display: block;
    margin-top: 6px;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.ssbp-wrap.ssbp--stacked .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-left .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-right .ssbp-list li:first-of-type {
    margin-top: 0
}

.ssbp-wrap[class*="ssbp--fixed"] {
    position: fixed;
    z-index: 99999
}

.ssbp-wrap[class*="ssbp--fixed"] .ssbp-container {
    -webkit-transition: .25s;
    transition: .25s
}

.ssbp-wrap.ssbp--fixed-top,.ssbp-wrap.ssbp--fixed-bottom {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ssbp-wrap.ssbp--fixed-left,.ssbp-wrap.ssbp--fixed-right {
    top: 25%
}

.ssbp-wrap.ssbp--fixed-top {
    top: 0
}

.ssbp-wrap.ssbp--fixed-bottom {
    bottom: 0
}

.ssbp-wrap.ssbp--fixed-left {
    left: 0
}

.ssbp-wrap.ssbp--fixed-right {
    right: 0
}

.ssbp-wrap[data-ssbp-counts="true"] .ssbp-each-share {
    display: block;
    pointer-events: none
}

.ssbp-wrap[data-ssbp-total-counts="true"] .ssbp-total-shares {
    display: inline-block;
    padding: 0 .5em;
    text-align: center;
    font-size: 14px;
    line-height: 2
}

.ssbp-wrap.ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap.ssbp--fixed-right .ssbp-total-shares,.ssbp-wrap.ssbp--stacked .ssbp-total-shares,.ssbp-wrap.ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap.ssbp--fixed-right .ssbp-total-shares {
    display: block;
    padding: 0
}

.ssbp-toggle-switch {
    position: absolute;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .25s;
    transition: .25s;
    display: none !important
}

[data-ssbp-toggle="true"][class*="ssbp--fixed"] .ssbp-toggle-switch {
    display: inline-block !important
}

.ssbp-toggle-switch:active,.ssbp-toggle-switch:hover,.ssbp-toggle-switch:focus {
    padding: 0;
    border: 0
}

.ssbp--fixed-left .ssbp-toggle-switch,.ssbp--fixed-right .ssbp-toggle-switch {
    left: 0;
    bottom: 100%;
    width: 100%
}

.ssbp--fixed-top .ssbp-toggle-switch,.ssbp--fixed-bottom .ssbp-toggle-switch {
    left: 100%;
    bottom: 0;
    height: 100%
}

.ssbp--show-toggle.ssbp--fixed-top .ssbp-toggle-switch:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ssbp--show-toggle.ssbp--fixed-bottom .ssbp-toggle-switch:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ssbp--show-toggle.ssbp--fixed-right .ssbp-toggle-switch:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ssbp--state-hidden .ssbp-each-share {
    opacity: 0
}

.ssbp--state-hidden .ssbp-container {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ssbp--state-hidden.ssbp--fixed-top .ssbp-container {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ssbp--state-hidden.ssbp--fixed-bottom .ssbp-container {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.ssbp--state-hidden.ssbp--fixed-left .ssbp-container {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ssbp--state-hidden.ssbp--fixed-right .ssbp-container {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.ssbp-share-text {
    font-weight: normal;
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #4582ec
}

#classic-share-buttons blockquote.yellow {
    border-left: 5px solid #ded400;
    font-weight: bold
}

#classic-share-buttons blockquote.yellow .notice-dismiss {
    position: absolute;
    right: -24px
}

#classic-share-buttons blockquote.yellow p {
    position: relative
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ssbp-spinner:before {
    font-family: 'ssbp';
    content: "\e614"
}

.ssbp-spinner {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

.ssbp-btn:before,.ssbp-toggle-switch:before {
    display: inline-block;
    font-family: 'ssbp';
    speak: none;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none
}

.ssbp-arrow-right:before {
    content: "\e612"
}

.ssbp-arrow-left:before {
    content: "\e613"
}

.ssbp-arrow-down:before {
    content: "\e619"
}

.ssbp-arrow-up:before {
    content: "\e61a"
}

.ssbp-chevron-down:before,.ssbp-toggle-switch:before {
    content: "\e618"
}

.ssbp-chevron-up:before,.ssbp--state-hidden .ssbp-toggle-switch:before {
    content: "\e615"
}

.ssbp-chevron-right:before,.ssbp--fixed-right .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-left .ssbp-toggle-switch:before {
    content: "\e616"
}

.ssbp-chevron-left:before,.ssbp--fixed-left .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-right .ssbp-toggle-switch:before {
    content: "\e617"
}

.ssbp-simplesharebuttons:before {
    content: "\e611"
}

.ssbp-ellipsis:before {
    content: "\e612"
}

.ssbp-x:before {
    content: "\e613"
}

@media print {
    .ssbp-wrap {
        display: none !important
    }
}

.ssbp-wrap *,.ssbp-wrap *:before,.ssbp-wrap *:after {
    box-sizing: border-box
}

.ssbp-input-url-div,.ssbp-total-shares,.ssba-hide-button.ssbp-each-share,.ssbp-toggle-switch,.ssbp-text {
    display: none
}
.sharingdiv {
	
}
.sharingdiv .ssbp-list li{
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.ssbp-wrap {
    position: relative;
    display: inline-block;
    padding: 0;
    /* font-size: 0; */
    color: #272727;
	    margin: 0 auto;

}

.ssbp-wrap.ssbp--centred {
    display: block;
    text-align: center
}

.ssbp-wrap.ssbp--aligned-right {
    display: block;
    text-align: right
}

.ssbp-wrap.ssbp--aligned-right .ssbp-container {
    display: inline-block
}

.ssbp-wrap .ssbp-container,.ssbp-wrap .ssbp-toggle-switch {
    font-size: 16px
}

.ssbp-wrap .ssbp-list {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0
}

.ssbp-wrap .ssbp-list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
	
    padding-right: 10px;
}
.ssbp-wrap .ssbp-list li:last-child{
	padding-right: 0;
}

.ssbp-wrap .ssbp-list li:first-of-type {
    margin-left: 0
}

.ssbp-wrap .ssbp-btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-family: sans-serif
}

.ssbp-wrap.ssbp--stacked .ssbp-list li,.ssbp-wrap.ssbp--fixed-left .ssbp-list li,.ssbp-wrap.ssbp--fixed-right .ssbp-list li {
    display: block;
    margin-top: 6px;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.ssbp-wrap.ssbp--stacked .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-left .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-right .ssbp-list li:first-of-type {
    margin-top: 0
}

.ssbp-wrap[class*="ssbp--fixed"] {
    position: fixed;
    z-index: 99999
}

.ssbp-wrap[class*="ssbp--fixed"] .ssbp-container {
    -webkit-transition: .25s;
    transition: .25s
}

.ssbp-wrap.ssbp--fixed-top,.ssbp-wrap.ssbp--fixed-bottom {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ssbp-wrap.ssbp--fixed-left,.ssbp-wrap.ssbp--fixed-right {
    top: 25%
}

.ssbp-wrap.ssbp--fixed-top {
    top: 0
}

.ssbp-wrap.ssbp--fixed-bottom {
    bottom: 0
}

.ssbp-wrap.ssbp--fixed-left {
    left: 0
}

.ssbp-wrap.ssbp--fixed-right {
    right: 0
}

.ssbp-wrap[data-ssbp-counts="true"] .ssbp-each-share {
    display: block;
    pointer-events: none
}

.ssbp-wrap[data-ssbp-total-counts="true"] .ssbp-total-shares {
    display: inline-block;
    padding: 0 .5em;
    text-align: center;
    font-size: 14px;
    line-height: 2
}

.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--stacked .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares {
    display: block;
    padding: 0
}

.ssbp-toggle-switch {
    position: absolute;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .25s;
    transition: .25s;
    display: none
}

.ssbp-toggle-switch:active,.ssbp-toggle-switch:hover,.ssbp-toggle-switch:focus {
    padding: 0;
    border: 0
}

.ssbp--fixed-left .ssbp-toggle-switch,.ssbp--fixed-right .ssbp-toggle-switch {
    left: 0;
    bottom: 100%;
    width: 100%
}

.ssbp--fixed-top .ssbp-toggle-switch,.ssbp--fixed-bottom .ssbp-toggle-switch {
    left: 100%;
    bottom: 0;
    height: 100%
}

.ssbp--show-toggle.ssbp--fixed-top .ssbp-toggle-switch:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ssbp--show-toggle.ssbp--fixed-bottom .ssbp-toggle-switch:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ssbp--show-toggle.ssbp--fixed-right .ssbp-toggle-switch:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ssbp--state-hidden .ssbp-each-share {
    opacity: 0
}

.ssbp--state-hidden .ssbp-container {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ssbp--state-hidden.ssbp--fixed-top .ssbp-container {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ssbp--state-hidden.ssbp--fixed-bottom .ssbp-container {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.ssbp--state-hidden.ssbp--fixed-left .ssbp-container {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ssbp--state-hidden.ssbp--fixed-right .ssbp-container {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@-webkit-keyframes ripple-out {
    100% {
        visibility: visible;
        top: -1em;
        right: -1em;
        bottom: -1em;
        left: -1em;
        opacity: 0
    }
}

@keyframes ripple-out {
    100% {
        visibility: visible;
        top: -1em;
        right: -1em;
        bottom: -1em;
        left: -1em;
        opacity: 0
    }
}

.active.in {
    position: relative;
    z-index: 3
}

#share-bar .ssbp--theme-11 .ssbp-btn {
    margin: 0 5px 0
}

.accor-wrap {
    margin: 1rem 0 0;
    display: inline-block;
    width: 100%
}

.accor-wrap .accor-tab {
    background: #4582ec;
    padding: .5rem;
    border-radius: 5px;
    color: #fff
}

.accor-wrap .well {
    display: inline-block;
    width: 100%
}

.accor-wrap .well h3 {
    margin: 1rem 0
}

.accor-wrap .well .col-md-12:first-of-type h3 {
    margin-top: 0
}

.accor-wrap .accor-content {
    display: none
}

.accor-wrap .accor-arrow {
    border: 1px solid #fff;
    padding: .2rem .4rem;
    border-radius: 5px;
    margin: 0 .3rem 0 .3rem;
    font-size: 12px;
    cursor: pointer;
    font-family: arial,sans-serif
}

.ssba_sharecount:after,.ssba_sharecount:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ssba_sharecount:after {
    border-color: rgba(224,221,221,0);
    border-right-color: #f5f5f5;
    border-width: 5px;
    top: 50%;
    margin-top: -5px
}

.ssba_sharecount:before {
    border-color: rgba(85,94,88,0);
    border-right-color: #e0dddd;
    border-width: 6px;
    top: 50%;
    margin-top: -6px
}

.ssba_sharecount {
    font: 11px Arial,Helvetica,sans-serif;
    padding: 5px;
    -khtml-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    border: 1px solid #e0dddd;
    display: inline-block !important
}

.ssba_sharecount.ssba_default {
    color: #555e58;
    background: #f5f5f5
}

.ssba_sharecount.ssba_white {
    color: #555e58;
    background: #fff
}

.ssba_sharecount.ssba_default:after {
    border-right-color: #f5f5f5
}

.ssba_sharecount.ssba_white:after {
    border-right-color: #fff
}

.ssba_sharecount.ssba_blue {
    color: #fff;
    background: #42a7e2
}

.ssba_sharecount.ssba_blue:after {
    border-right-color: #42a7e2
}

#plus-share-buttons .ssbp-list li span:before {
    content: none !important
}

#plus-share-buttons .ssbp-each-share,#share-bar .ssbp-each-share {
    display: block
}

.ssba-buttons-shortcode {
    background: white !important;
    width: 15%;
    display: inline;
    margin-top: 20px
}

#ssba-copy-shortcode {
    width: 6rem;
    padding: 1.1rem;
    margin: -4px -6px 0
}

.whatsapp-message .ssbp-whatsapp {
    padding: 1rem
}

.whatsapp-message {
    background: #f7f7f7;
    padding: 1rem;
    text-align: center
}

#ssba-preview-2 .ssbp-list li {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#ssba-preview-2 .ssbp-list li:first-of-type {
    margin-top: 0 !important
}

.right li .ssbp-each-share {
    left: unset;
    right: 100%;
    margin-right: -12px;
    margin-left: 0
}

.ssbp-container:not(.ssba-preview-content) .ssbp-list .ssbp-btn svg {
    height: 20px;
    width: 20px;
}

.ssbp-container:not(.ssba-preview-content) .ssbp-list .ssbp-btn {
    margin-right: .5rem;
    cursor: pointer;
}

.ssbp-container:not(.ssba-preview-content) .ssbp-list .ssbp-btn:hover {
    filter: brightness(1.2)
}

.ssbp-btn .color-icon svg {
    display: none;
}

.ssbp-btn svg, .ssbp-btn img {
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
}

.ssbp-btn {
    position: relative;
    transition: all .3s;
}

.ssbp--theme-1 .ssbp-btn, .ssbp--theme-6 .ssbp-btn {
    border-radius: 50%;
}

.ssbp--theme-1 .ssbp-btn:hover span:not(.color-icon) svg {
    display: none;
}

.ssbp--theme-2 .ssbp-btn {
    transition: all .3s;
}

.ssbp--theme-2 .ssbp-btn:hover, .ssbp--theme-3 .ssbp-btn:hover, .ssbp--theme-4 .ssbp-btn:hover, .ssbp--theme-10 .ssbp-btn:hover, .ssbp--theme-11 .ssbp-btn:hover {
    filter: saturate(.5)
}

.ssbp--theme-3 .ssbp-btn .ssbp-text, .ssbp--theme-7 .ssbp-btn .ssbp-text {
    display: block;
    position: absolute;
    bottom: -21px;
    font-size: 13px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: 0 0 1px #8a8a8a;
    color: white;
}

.ssbp--theme-4 .ssbp-btn, .ssbp--theme-11 .ssbp-btn {
    border-radius: .5rem;
}

.ssbp--theme-5 .ssbp-btn {
    box-shadow: 0 10px 12px rgb(0 0 0 / 33%)
}

.ssbp--theme-5 .ssbp-btn:before {
    box-shadow: 0 8px 0;
    filter: brightness(.8);
    position: absolute;
    content: '';
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 8px;
}

.ssbp--theme-6 .ssbp-btn:not(:hover) span:not(.color-icon) svg, .ssbp--theme-7 .ssbp-btn:not(:hover) span:not(.color-icon) svg, .ssbp--theme-9 .ssbp-btn img:not(.color-icon) {
    display: none;
}

.ssbp--theme-6 .ssbp-btn:not(:hover) .color-icon svg, .ssbp--theme-7 .ssbp-btn:not(:hover) .color-icon svg, .ssbp--theme-9 .ssbp-btn .color-icon svg, .ssbp--theme-1 .ssbp-btn:hover .color-icon svg {
    display: block;
    height: 20px;
    width: 20px;
}

.ssbp--theme-1 .ssbp-btn:hover, .ssbp--theme-6 .ssbp-btn:not(:hover), .ssbp--theme-7 .ssbp-btn:not(:hover), .ssbp--theme-8 .ssbp-btn {
    background-color: transparent!important;
    border: 2px solid;
}

.ssbp--theme-8 .ssbp-btn {
    border-color: black;
}

.ssbp--theme-8 .ssbp-btn {
    filter: saturate( 0 ) brightness( 0 );
}

.ssbp--theme-8 .ssbp-btn:hover {
    filter: saturate(0);
    background-color: black!important;
}

.ssbp--theme-9 .ssbp-btn {
    background-color: transparent!important;
    border-bottom: 3px solid;
}

.ssbp--theme-9 .ssbp-btn:hover {
    filter: brightness(1.4);
}

.ssbp--theme-10 .ssbp-btn svg {
    height: unset!important;
}

.ssbp--theme-10 .ssbp-btn, .ssbp--theme-11 .ssbp-btn {
    height: auto!important;
    width: auto!important;
    padding: .5rem 1rem;
}

.ssbp--theme-10 .ssbp-btn svg {
    position: unset;
    transform: none;
    padding: 1.5rem 0;
}

.ssbp--theme-11 .ssbp-btn svg {
    display: none;
}

.ssbp--theme-11 .ssbp-btn .ssbp-text, .ssbp--theme-3 .ssbp-btn .ssbp-text {
    color: white!important;
    display: block;
}

#ssba-preview-2 .ssbp-each-share {
    position: absolute;
    right: -3.5rem;
    top: 1rem;
}
.ssba-share-text{
	font-size: 14px;
	font-weight: 600;
	display: block;
	    display: block;
    transform: translateY(11px);
}
.sharingdiv .ssba-share-text{
	font-size: 14px;
	font-weight: 600;
	display: block;
	 transform: translateY(-11px);
}

.ssbp-li--copy a{
    background-color: #bebebe !important;
}
.wc-block-components-checkout-return-to-cart-button{
	display: none;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row {

    justify-content: flex-end !important;
}
.wc-block-components-payment-methods__save-card-info{
	padding-top: 12px !important;
}

/* Add to your CSS file */
.page-transition-overlay {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: white;
    z-index: 99999;
    overflow-y: auto;
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    /* box-shadow: -5px 0 15px rgba(0,0,0,0.3); */
}

.page-transition-overlay.active {
    right: 0;
}

.page-transition-overlay .close-transition {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100000;
    background: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    font-size: 16px;
}

.page-transition-overlay .close-transition:hover {
    background: #f5f5f5;
}

/* Loading spinner */
.page-transition-overlay .loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-size: 18px;
}

/* Hide header/footer in transition view (optional) */
.page-transition-overlay .site-header,
.page-transition-overlay .site-footer,
.page-transition-overlay #wpadminbar {
    display: none !important;
}

.ketam-modal-close.viewitemclose{
	    /* top: 82px; */
	box-shadow: 3px 2px 7px #00000080;
 
}

.products.columns-4{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
	    --bs-gutter-x: 0.5rem;
	    /* --bs-gutter-y: 0.5rem; */
}
ul.products>*{
	flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    /* padding-right: calc(var(--bs-gutter-x) * .5); */
    /* padding-left: calc(var(--bs-gutter-x) * .5); */
    margin-top: var(--bs-gutter-y);
	
}
ul.products li{
    flex: 0 0 auto;
    /* width: calc(17% - 10px); */
    /* width: calc(33% - 10px);  */
    padding: 6px;
    border-radius: 12px;
    border: 1px solid #ddd;
    height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #1c1c1c;
    /* min-height: 330px; */
    margin: 0 5px 10px;
    text-align: left;
    background: #fff;
	    overflow: hidden;
    position: relative;

}
.woocommerce .entry-content .azentai-carousel ul.products .azentai-swiper-container li.product, 
.woocommerce-page .azentai-carousel ul.products .azentai-swiper-container li.product {
    /* width: 100% !important; */
	
}
.product_recommendations_wrapper{
	/* margin-left: -15px; */
	/* margin-right: -15px; */
	/* width: calc(100% + 30px); */
}
.product_recommendations_wrapper .azentai-carousel,
.azentai-ai-products .azentai-carousel
 {
	padding-top: 0;
	padding-bottom: 0;
	    overflow: unset;
}
.product_recommendations_wrapper ul.products li,
.azentai-ai-products ul.products li
{
	/* width: calc(33% - 0px); */
	margin: 0 0;
}

.product_recommendations_wrapper .azentai-carousel .swiper-button-next svg,
.product_recommendations_wrapper .azentai-carousel .swiper-button-prev svg,
.azentai-ai-products .azentai-carousel .swiper-button-prev svg,
.azentai-ai-products .azentai-carousel .swiper-button-prev svg
{
    width: 12px;
    height: 12px;
}
.product_recommendations_wrapper .azentai-swiper-button-prev,
.product_recommendations_wrapper .azentai-swiper-button-next,
.azentai-ai-products .azentai-swiper-button-prev,
.azentai-ai-products .azentai-swiper-button-next
 {
    position: fixed;
    top: 50%;
    z-index: 40;
    margin-top: calc(var(--azentai-nav-size) / -2);
    cursor: pointer;
    flex-shrink: 0;
    backdrop-filter: blur(2px);
    opacity: 1;
    visibility: visible;
    padding: 0;
    font: inherit;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    color: rgb(34, 34, 34);
    background-color: transparent;
    border: 2px solid rgb(34, 34, 34);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    pointer-events: auto;
	color: #fff;
    background-color: #000;
    border-color: #000;
}
.product_recommendations_wrapper .button,
.azentai-ai-products .button
{
    /* width: 80px !important; */
    margin: 0 auto 0px;
    font-size: 12px;
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.product_recommendations_wrapper .azentai-swiper-button-prev,
.azentai-ai-products .azentai-swiper-button-prev
{
	left: -14px;
}
.product_recommendations_wrapper .azentai-swiper-button-next,
.azentai-ai-products .azentai-swiper-button-next
{
	right: -14px;
}
.product_recommendations_wrapper .azentai-swiper-button-prev:hover,
.product_recommendations_wrapper .azentai-swiper-button-next:hover,
.azentai-ai-products .azentai-swiper-button-prev:hover,
.azentai-ai-products .azentai-swiper-button-next:hover
 {
    color: rgb(0 0 0);
    background-color: #f37021;
    border-color: #f37021;
}
.azentai-ai-products .onsale,
.onsale{
	/* display: none; */
	display: inline-block;
    position: absolute;
    z-index: 1;
    /* background: #ff0058; */
    /* background: #f33121;	 */
    background: #E24B4A;	
    color: #fff;
    line-height: 1;
    padding: 3px 3px;
    top: 11px;
    left: -29px;
    font-weight: 600;
	font-size: 12px;
    transform: rotate(-45deg);
    width: 100px;
    text-align: center;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
}
.onsale{
	/* transform: translateX(-5px); */
}
.onsale:before{
	/* content: '-'; */
}
.ketam-modal-top .onsale {
    transform: rotate(-45deg) scale(1.5);
    left: -23px;
    top: 21px;
}
.producthook img{
	display: none;
}
.productview-wrapper ul.products li{
	/* width: calc(50% - 10px); */
	width: 413px !important;
}

ul.products .woocommerce-LoopProduct-link {
background: var(--white);
    border-radius: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: var(--transition);
    cursor: pointer;
    display: block;
    padding: 0px 0 0px;
    column-gap: 12px;
    border: 1px solid #fff;
    min-height: 120px;
    /* border-bottom: 1px solid #f0efef; */
    color: #1c1c1c;
    text-decoration: none;
}
ul.products li .attachment-woocommerce_thumbnail,
ul.products li .woocommerce-placeholder
 {
	position: absolute;
	left: 16px;
	top: 16px;
    min-width: 120px;
    width: 120px;
    height: auto;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
	margin-bottom: 6px;
}

.ketam-product-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
        color: #1c1c1c;
    line-height: 1.2;
    word-break: break-word;
}
.related > h2.azentai-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--ketam-dark);
    margin-bottom: 12px;
}
.ketam-modal-top {
    position: relative;
}
.wc-block-cart-items .wc-block-components-product-name {
    display: block;
    /* font-size: var(--wp--preset--font-size--small, 14px); */
    line-height: 20px;
    line-height: 1.4;
    max-width: max-content;
    font-weight: 600;
    color: var(--ketam-dark);
    margin: 0 0 12px 0;
    padding-right: 27px;
    text-decoration: none;
    font-size: 15px;
    font-size: 0.95rem !important;
    text-align: left;
}
.wc-block-cart-item__total .wc-block-components-product-price__value {
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
}
.wc-block-cart-items .wc-block-components-product-metadata__description > p{
	margin: 0;
    text-align: left;
    color: #7a7a7a;
}
.wc-block-cart-item__image img{
	    border-radius: 5px;
}

.product_recommendations_wrapper .azentai-swiper-container .swiper-slide,
.azentai-ai-products .azentai-swiper-container .swiper-slide {
    box-sizing: border-box;
    padding: 0 0;
    display: flex;
    align-items: stretch;
    height: auto;
    flex-shrink: 0;
	/* max-width: 168px; */
}
.product_recommendations_wrapper  .azentai-carousel .azentai-swiper-container,
.azentai-ai-products  .azentai-carousel .azentai-swiper-container
{
	/* padding-right: 12px; */
}
 .azentai-ai-products .azentai-swiper-container .swiper-slide{
	/* width: calc(50% - 10px); */
	/* width: 413px !important; */
	
}
.woocommerce .azentai-carousel ul.products .azentai-swiper-container li.product,
 .woocommerce-page .azentai-carousel ul.products .azentai-swiper-container li.product {

	padding: 16px 16px 16px 152px;
	transition: all .25s ease;
}
.woocommerce-page .azentai-carousel ul.products .azentai-swiper-container li.product:hover{
	border-color: #f37021;
}
.header-cart {
    position: relative;
}

.cart-toggle {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    text-decoration: none;
}

.cart-count {
    background: #000;
    color: #fff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}

.mini-cart-container {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    min-width: 300px;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.justforyou .products.columns-4 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 20px;
	margin-top: 0px;
}

.justforyou ul.products li {
  background: var(--white);
    overflow: hidden;
    box-shadow: none;
    transition: var(--transition);
    cursor: pointer;
    display: flex;
    border: 1px solid #f3702136;
    min-height: unset;
    max-height: 164px;
    /* border-bottom: 0px solid #f0efef; */
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    padding: 16px;
    width: 100%;
    transition: all 0.3s ease;
}
.justforyou ul.products li:hover{
        border: 1px solid var(--primary-color);
}
.justforyou a.woocommerce-loop-product__link{
    padding-left: 141px;
	padding-bottom: 0;
	height: 130px;
	
}
.justforyou  a.woocommerce-loop-product__link img{
    width: 130px;
    height: 130px;
    min-width: 130px;
    position: absolute;
    left: 16px;
    top: 16px;
	    border-radius: 10px;
		margin-bottom: 0;
}
.justforyou h2.woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #1c1c1c;
    line-height: 1.2;
    word-break: break-word;
}
.justforyou .button {
    position: absolute;
    bottom: 16px;
    right: 16px;
    margin-bottom: 0;
    background: var(--primary-color);
    color: #000;
    font-weight: 700;
    font-size: 0;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.justforyou .button:after{
	content: url(../img/plus-white.svg);
}
.justforyou {
    background: #ff750026;
    border-radius: 16px;
    padding: 26px 16px 6px;
    margin-bottom: 24px;
    border: 1px solid #ff750026;
}
.justforyou .related > h2.azentai-title{
    /* font-size: 20px; */
	font-size: 24px;
    font-weight: 700;
    color: var(--ketam-dark);
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
	margin-bottom: 15px;
}
.lunch_dinner {
    background: #398c4c26;
    border-radius: 16px;
    padding: 26px 16px 6px;
    margin-bottom: 24px;
    border: 1px solid #398c4c26;
}
@media (max-width: 768px) {
.lunch_dinner .ketam-products-grid {
	margin-left: -6px;
	margin-right: -6px;
	gap: 6px;
}
.lunch_dinner .ketam-product-card {
	border-radius: 10px;
}
    .ketam-modal-close.viewitemclose {
        top: 16px;
        /* position: fixed; */
    }
ul.products li{
    flex: 0 0 auto;
    /* width: calc(50% - 10px); */
    /* min-height: 360px; */

}
.product_recommendations_wrapper ul.products li, 
.azentai-ai-products ul.products li 
{
    /* width: calc(50% - 10px); */
}
.product_recommendations_wrapper .azentai-carousel ,
.azentai-ai-products .azentai-carousel 
{
	margin-left: -24px;
	margin-right: -24px;
	width: calc(100% + 34px);
	padding-left: 24px;
	padding-top: 0;
    /* padding-right: 36px; */
	/* overflow-x: hidden; */
}
.woocommerce .product_recommendations_wrapper .azentai-carousel ul.products .azentai-swiper-container li.product, 
.woocommerce-page .product_recommendations_wrapper .azentai-carousel ul.products .azentai-swiper-container li.product
 {
    /* width: 50% !important; */
}

.product_recommendations_wrapper .azentai-swiper-button-prev,
.azentai-ai-products .azentai-swiper-button-prev
{
	/* display: none; */
	left: 16px;
}
.product_recommendations_wrapper .azentai-swiper-button-next,
.azentai-ai-products .azentai-swiper-button-next
{
	/* display: none; */
	right: 8px;
}
.woocommerce-page .wp-block-woocommerce-checkout {
    padding-top: 0px;
}
.woocommerce-page .wc-block-cart__sidebar,
.woocommerce-page .wc-block-checkout__actions {
	margin-bottom: 0;
	order: 0;
}
.ketam-category-desc {
    font-size: 1rem;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
display: none;
}

.ribbon-top-left {
    top: -1px;
    left: -13px;
}
.pondok-ketam-product .ribbon-top-left {
	top: -1px;
	left: -1px;
}

.ketam-product-modal-title {
    margin-bottom: 12px;
	font-weight: 600;
}
.modal-info-top {
display: block;
min-height: unset;
}
.ketam-product-modal-price {
    font-size: 16px;
    text-align: left;
}
.ketam-product-price {
    font-size: 14px;
}
.ketam-product-card {

    padding: 16px 16px;
}
.ketam-products-grid {
    margin-left: -12px;
    margin-right: -12px;
}
.justforyou .products.columns-4 {
    margin-left: -6px;
    margin-right: -6px;
	gap: 6px;
}
.justforyou ul.products li{
	/* border-bottom: 1px solid #f0efef; */
	width: 100%;
	max-height: 144px;
	border-radius: 10px;

}
.justforyou a.woocommerce-loop-product__link img {
    min-width: 110px;
    width: 110px;
    height: 110px;
}
.justforyou a.woocommerce-loop-product__link {
    padding-left: 119px;
}
.justforyou .related > h2.azentai-title{
    font-size: 20px;
	margin-bottom: 15px;
}
}

#woo-store-vacation {
	padding: 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#woo-store-vacation h5{
	margin-bottom: 0;
}
#woo-store-vacation .woocommerce-info {
	text-align: center;
	list-style:none;
	border:none;
	/* border-left:.6180469716em solid rgba(0,0,0,.15); */
	border-radius:2px;
	padding:1em 1.618em;
	margin: 0;
	width: 500px;
	background: #f3b62e;
	    display: flex;
    flex-direction: column;
    row-gap: 13px;
}
@media (max-width: 768px) {
	#woo-store-vacation .woocommerce-info {
		width: 95%;
	}
}

#woo-store-vacation .woocommerce-info::before {
	content:none;
}
.woo-store-vacation__btn {
	float:none;
	padding:0 0 0 0;
	background:0 0;
	line-height:1.618;
	margin-left:0;
	border:none;
	border-left:0px solid rgba(255,255,255,.25)!important;
	border-radius:0;
	box-shadow:none!important;
	text-decoration:none;
	order: 2;
	text-decoration: underline;
}
#woo-store-vacation,
#woo-store-vacation .wc-block-components-notice-banner {
	color:#111111 !important;
}
#woo-store-vacation * {
	color:inherit !important;
}
#woo-store-vacation,
#woo-store-vacation .wc-block-components-notice-banner {
	background-color: #0000005c !important;
}
#woo-store-vacation svg {
	background-color:#ae7e14 !important;
}
#woo-store-vacation .wc-block-components-notice-banner {
	border-color:#ae7e14 !important;
}
#woo-store-vacation * {
	background-color:#f9b41c !important;
}

@media (max-width: 768px) {
.azentai-ai-products .azentai-swiper-container .swiper-slide {
    /* width: 100% !important; */
    /* min-width: 414px !important; */
    padding: 0 0px;
}
}