/* =====================================
   Coupon Card
===================================== */

.dc-coupon-card{
	background:#fff;
	border:1px solid #ECECEC;
	border-radius:24px;
	padding:28px;
	margin-bottom:28px;
	box-shadow:
		0 6px 20px rgba(0,0,0,.05);
	position:relative;
	overflow:hidden;
	transition:.3s ease;
}

.dc-coupon-card:hover{
	transform:translateY(-2px);
	box-shadow:
		0 12px 30px rgba(0,0,0,.08);
}

/* =====================================
   Layout
===================================== */

.dc-card-inner{
	display:flex;
	align-items:center;
	gap:32px;
}

/* =====================================
   Left Section
===================================== */

.dc-card-left{
	width:180px;
	flex-shrink:0;
}

.dc-store-logo{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100px;
	margin: 20px 0px;
}

.dc-store-logo img{
	max-width:140px;
	max-height:80px;
	width:auto;
	height:auto;
	object-fit:contain;
	display:block;
}



/* ==========================
   TRUST ROW
========================== */

.dc-trust-row{
    display: flex;
    flex-direction: column;
    gap: 20px; /* gap between rows */
}

/* Each item */
.dc-trust-row span{
    display: flex;
    align-items: center;
    gap: 20px; /* icon and text spacing */

    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

/* Icons */
.dc-trust-row i,
.dc-trust-row svg{
    width: 16px;
    min-width: 16px;
    font-size: 16px;
}

/* --------------------------
   VERIFIED
-------------------------- */

.dc-verified{
    color: #2E7D32;
    font-weight: 500;
}

/* --------------------------
   USES TODAY
-------------------------- */

.dc-usage-count{
    color: #2563EB;
    font-weight: 500;
}

/* --------------------------
   SUCCESS RATE
-------------------------- */

.dc-success-rate{
    display: flex;
    align-items: center;
    gap: 20px;

    font-weight: 500;
}

/* Dynamic Success Colors */
.dc-success-low{
    color: #DC2626;
    font-weight: 500;
}

.dc-success-medium{
    color: #EA580C;
    font-weight: 500;
}

.dc-success-good{
    color: #2E7D32;
    font-weight: 500;
}

.dc-success-excellent{
    color: #15803D;
    font-weight: 500;
}

.dc-usage-count{
	color:#000000;
	font-weight: 500;
}


/* =====================================
   Center Section
===================================== */

.dc-card-center{
	flex:1;
	max-width:60%;
	min-width:0;
}

/* ==========================
   COUPON TITLE
========================== */

.dc-coupon-title{
    margin: 0 !important;
    padding: 0 !important;

    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    color: #190926 !important;
}

/* Title link */
.dc-coupon-title-link{
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    color: inherit !important;
    text-decoration: none !important;

    transition: all .3s ease !important;
}

/* Hover */
.dc-coupon-title-link:hover{
    color: #7b2cbf !important;
    text-decoration: none !important;
}

/* Focus / Active */
.dc-coupon-title-link:focus,
.dc-coupon-title-link:active,
.dc-coupon-title-link:visited{
    text-decoration: none !important;
}

.dc-short-description{
	font-size:16px;
	line-height:1.7;
	color:#7e7e7e;
	margin:0 0 18px;
}

.dc-expiry{
	font-size:14px;
	font-weight:700;
	color:#FF6900;
	margin-bottom:12px;
}
/* =====================================
   Badges
===================================== */

.dc-badges{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:18px;
}

.dc-badge{
	display:inline-flex;
	align-items:center;
	height:30px;
	padding:0 20px;
	border-radius:999px;
	background:#f3f3f3;
	color:#190926;
	font-size:10px;
	font-weight:600;
	letter-spacing:.2px;
}
/* =====================================
   Details Link
===================================== */

.dc-details-toggle{
	border:none;
	background:#feca43;
	padding:12px;
	border-radius: 8px;
	font-size:14px;
	font-weight:500;
	color:#190926;
	cursor:pointer;
	transition:.25s ease;
}

.dc-details-toggle:hover{
	opacity:.75;
}

/* =====================================
   Right Section
===================================== */

.dc-card-right{
	width:240px;
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	gap:40px;
}

/* Coupon Code */

.dc-code-preview{
	border:2px dashed #D6D6D6;
	min-height:50px;
	border-radius:14px;
	padding:10px 24px;
	font-size:24px;
	font-weight:800;
	background:#FAFAFA;
	letter-spacing:1px;
	min-width:180px;
	text-align:center;
}

/* CTA */

.dc-cta-button{
	width:100% !important;
	min-height:70px !important;
	padding:20px 32px !important;
	border:none !important;
	border-radius:16px !important;

	background:#7b2cbf !important;
	color:#fff !important;

	font-size:18px !important;
	font-weight:700 !important;
	line-height:1 !important;

	cursor:pointer !important;
	transition:.25s ease !important;

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

	box-shadow:
		0 10px 24px
		rgba(123,44,191,.20) !important;

	-webkit-appearance:none !important;
	appearance:none !important;
}

.dc-cta-button:hover{
	background:#feca43 !important;
	color:#190926 !important;
	transform:translateY(-2px);
	box-shadow:
		0 14px 28px
		rgba(255,200,1,.20) !important;
}

/* Share */

.dc-share{
	font-size:14px;
	font-weight:600;
	color:#666;
	cursor:pointer;
	transition:.25s ease;
}

.dc-share:hover{
	color:#000;
}

/* =====================================
   Highlight Label
===================================== */

.dc-highlight-label{
	position:absolute;
	top:0;
	left:0;
	background:#80ff02;
	color:#190926;
	padding:6px 18px;
	font-size:14px;
	font-weight:800;
	border-bottom-right-radius:18px;
	text-transform:uppercase;
	letter-spacing:.5px;
}

/* =====================================
   Details Section
===================================== */

.dc-details-content{
	max-height:0;
	overflow:hidden;
	transition:
		max-height .35s ease,
		padding .35s ease,
		margin .35s ease;
	margin-top:0;
	padding-top:0;
	border-top:none;
	color:#666;
	font-size:15px;
	line-height:1.8;
}

/* Expanded */

.dc-coupon-card.dc-open
.dc-details-content{
	margin-top:24px;
	padding-top:22px;
	max-height:300px;
	border-top:
		1px solid #F1F1F1;
}

/* Toggle */

.dc-details-toggle{
	display:inline-flex;
	align-items:center;
	gap:8px;
}

.dc-toggle-icon{
	display:inline-flex;
	transition:
		transform .3s ease;
}

.dc-coupon-card.dc-open
.dc-toggle-icon{
	transform:rotate(180deg);
}

/* =====================================
   Tablet
===================================== */

@media(max-width:1024px){

	.dc-card-inner{
		flex-wrap:wrap;
	}

	.dc-card-center{
		max-width:100%;
	}

	.dc-card-right{
		width:100%;
		align-items:flex-start;
	}

	.dc-code-preview{
		min-width:220px;
	}
}

/* =====================================
   Mobile
===================================== */

@media(max-width:767px){

	.dc-coupon-card{
		padding:20px;
		border-radius:20px;
	}

	.dc-card-inner{
		flex-direction:column;
		align-items:flex-start;
		gap:20px;
	}

	.dc-card-left{
		width:100%;
	}

	.dc-card-center{
		max-width:100%;
	}

	.dc-card-right{
		width:100%;
		align-items:stretch;
	}

	.dc-coupon-title{
		font-size:24px;
	}

	.dc-short-description{
		font-size:16px;
	}

	.dc-code-preview{
		width:100%;
	}
}

/* =====================================
   Popup
===================================== */

.dc-popup-overlay{
	position:fixed;
	inset:0;
	background:
		rgba(0,0,0,.6);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:20px;
	opacity:0;
	visibility:hidden;
	transition:.3s ease;
	z-index:99999;
}

.dc-popup-overlay.active{
	opacity:1;
	visibility:visible;
}

.dc-popup{
	background:#fff;
	width:100%;
	max-width:900px;
	border-radius:28px;
	padding:40px;
	position:relative;
	max-height:90vh;
	overflow:auto;
}

.dc-popup-close{
	position:absolute;
	top:20px;
	right:20px;
	width:44px;
	height:44px;
	border:none;
	border-radius:50%;
	background:#F5F5F5;
	cursor:pointer;
	font-size:22px;
}

.dc-popup-header{
	display:flex;
	align-items:center;
	gap:24px;
	margin-top:30px;
	margin-bottom:30px;
}

.dc-popup-logo{
	width:200px;
	height:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.dc-popup-logo img{
	width:170px;
	height:170px;
	object-fit:contain;
	display:block;
}

.dc-popup-title-wrap h2{
	font-size:34px;
	margin:0 0 12px;
}

.dc-popup-title-wrap p{
	color:#666;
	margin:0;
	font-size:18px;
}

.dc-popup-code-wrap{
	display:flex;
	gap:20px;
	align-items:center;
	border:2px dashed #E5E7EB;
	padding:24px;
	border-radius:20px;
	margin-bottom:30px;
}

.dc-popup-code{
	font-size:48px;
	font-weight:800;
	flex:1;
}

.dc-copy-button{
	height:64px;
	padding:0 34px;
	border:none;
	border-radius:16px;
	background:#4F46E5;
	color:#fff;
	font-size:18px;
	font-weight:700;
	cursor:pointer;
}

.dc-popup-details{
	background:#F8F8F8;
	padding:28px;
	border-radius:18px;
	line-height:1.8;
}

/* Mobile */

@media(max-width:767px){

	.dc-popup{
		padding:24px;
	}

	.dc-popup-header{
		flex-direction:column;
		text-align:center;
	}

	.dc-popup-code-wrap{
		flex-direction:column;
	}

	.dc-popup-code{
		font-size:34px;
		text-align:center;
	}
}

/* =====================================
   Toast
===================================== */

.dc-toast{
	position:fixed;
	bottom:30px;
	right:30px;
	background:#111827;
	color:#fff;
	padding:16px 22px;
	border-radius:14px;
	font-size:15px;
	font-weight:600;
	box-shadow:
		0 10px 30px
		rgba(0,0,0,.15);
	opacity:0;
	transform:
		translateY(20px);
	transition:.3s ease;
	z-index:999999;
}

.dc-toast.show{
	opacity:1;
	transform:
		translateY(0);
}

/* copied button */

.dc-copy-button.dc-copied{
	background:#16A34A;
}

/* =====================================
   Visit Store
===================================== */

.dc-popup-visit-wrap{
	text-align:center;
	margin-bottom:30px;
}

.dc-visit-store{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:26px;
	font-weight:700;
	color:#4F46E5;
	text-decoration:none;
	margin-bottom:12px;
}

.dc-redirect-text{
	margin:0;
	font-size:14px;
	color:#666;
}

/* =====================
   Popup Voting
===================== */

.dc-popup-voting{
	margin-top:30px;
	text-align:center;
}

.dc-voting-title{
	font-size:18px;
	font-weight:600;
	margin-bottom:16px;
	color:#1b1f3b;
}

.dc-vote-buttons{
	display:flex;
	gap:12px;
	justify-content:center;
}

.dc-vote-btn{
	border:none;
	background:#f3f4f6;
	padding:14px 28px;
	border-radius:14px;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	transition:.3s ease;
}

.dc-vote-btn:hover{
	transform:translateY(-2px);
}

/* =====================
   Share
===================== */


.dc-share-trigger{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;

	width:110px;
	height:44px;

	border:2px solid #E8E8E8;
	border-radius:22px;

	background:#fff;
	color:#190926;

	font-size:16px;
	font-weight:400;

	cursor:pointer;
	transition:.28s ease;
}

.dc-share-trigger:hover{
	background:#2E2E2E;
	color:#fff;
	transform:translateY(-2px);
	box-shadow:
		0 14px 34px
		rgba(0,0,0,.18);
}

.dc-share-overlay{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.45);

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

	z-index:999999;
}

.dc-share-overlay.active{
	display:flex;
}

.dc-share-modal{
	width:760px;
	max-width:94vw;

	background:#fff;
	border-radius:34px;

	padding:48px;
	position:relative;
}

.dc-share-close{
	position:absolute;
	right:24px;
	top:24px;

	background:none;
	border:none;

	font-size:42px;
	cursor:pointer;
}

.dc-share-modal h3{
	text-align:center;
	font-size:48px;
	font-weight:700;
	margin-bottom:42px;
}

.dc-share-icons{
	display:flex;
	justify-content:center;
	gap:24px;
	margin-bottom:42px;
}

.dc-share-icons a{
	width:74px;
	height:74px;
	border-radius:50%;

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

	text-decoration:none;
	color:#fff;
	font-weight:700;
}

.dc-share-whatsapp{
	background:#25D366;
}

.dc-share-facebook{
	background:#1877F2;
}

.dc-share-twitter{
	background:#000;
}

.dc-share-telegram{
	background:#229ED9;
}

.dc-share-copy-wrap{
	display:flex;
	gap:18px;
}

#dcShareLink{
	flex:1;
	height:78px;

	border:2px solid #E9E9E9;
	border-radius:18px;

	padding:0 24px;
	font-size:22px;
}

#dcCopyShareLink{
	width:180px;
	border:none;
	border-radius:18px;

	background:#4338CA;
	color:#fff;

	font-size:22px;
	font-weight:700;
	cursor:pointer;
}


.dc-expiry{
	font-size:14px;
	font-weight:600;
	margin-top:10px;
}

.dc-expired{
	color:#DC2626;
}

.dc-expires-today{
	color:#EA580C;
}

.dc-ending-soon{
	color:#F59E0B;
}

.dc-expiring{
	color:#2563EB;
}

.dc-active-offer{
	color:#16A34A;
}

.dc-expired-button{
	background:#E5E7EB !important;
	color:#6B7280 !important;
	cursor:not-allowed !important;
	box-shadow:none !important;
	opacity:.85;
}

.dc-expired-button:hover{
	transform:none !important;
}
	
	
/* ==========================
   SORT WRAPPER
========================== */

.dc-sort-wrap{
    display:flex;
    align-items:center;
    gap:20px;
}

.dc-sort-wrap label{
    font-size:16px;
    font-weight:500;
    color:#190926;
    margin:0;
}

/* ==========================
   SORT DROPDOWN
========================== */

.dc-sort-dropdown{
    position:relative;
    width:230px;
}

/* Trigger */

.dc-sort-trigger{
    width:100%;
    height:56px;

    border:1px solid #D1D5DB;
    border-radius:12px;
    background:#FFF;

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

    padding:0 20px;

    cursor:pointer;
    transition:.3s ease;
}

.dc-sort-trigger:hover{
    border-color:#111827;
}

.dc-sort-dropdown.open
.dc-sort-trigger{
    border-color:#7b2cbf;
}

/* Text */

.dc-sort-selected{
    font-size:16px;
    font-weight:500;
    color:#190926;
}

/* Arrow */

.dc-sort-arrow{
    font-size:16px;
    transition:.3s ease;
}

.dc-sort-dropdown.open
.dc-sort-arrow{
    transform:rotate(180deg);
}

/* ==========================
   MENU
========================== */

.dc-sort-menu{
    position:absolute;
    top:calc(100% + 10px);
    left:0;

    width:100%;

    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:16px;

    padding:10px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.25s ease;

    z-index:99999;
}

/* Open */

.dc-sort-dropdown.open
.dc-sort-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Option */

.dc-sort-option{
    display:flex;
    align-items:center;

    padding:16px 20px;
    border-radius:12px;

    font-size:16px;
    font-weight:500;
    color:#190926;

    text-decoration:none !important;
    transition:.25s ease;
}

/* Hover */

.dc-sort-option:hover{
    background:#f2eaf9;
    color:#7b2cbf !important;

}

/* Active */

.dc-sort-option.active{
    background:#7b2cbf;
    font-weight:700;
    color: #fff !important;
}



	
/* ==========================
   Coupon Filters
========================== */

.dc-filters-wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:20px;
	margin-bottom:24px;
}

.dc-filter-pills{
	display:flex !important;
	flex-wrap:wrap;
	gap:12px;
	align-items:center;
}

.dc-filter-pill{
	display:inline-flex !important;
	align-items:center;
	justify-content:center;
	padding:12px 20px;
	border-radius:100px;
	background:#fAFAFA;
	text-decoration:none !important;
	font-size:16px;
	font-weight:500;
	color:#190926 !important;
	transition:.3s ease;
	border:1px solid;
	border-color:#e5d5f2;
}

.dc-filter-pill:hover{
	transform:translateY(-2px);
	background:#f2eaf9;
}

.dc-filter-pill.active{
	background:#7b2cbf !important;
	color:#fff !important;
	padding: 12px 30px 12px 30px;
}

.dc-sort-wrap{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
}


/* ==========================
   AJAX Loading
========================== */

body.dc-loading{
	cursor:progress;
}

body.dc-loading
.dc-coupon-loop{
	opacity:.6;
	transition:.25s ease;
}


/* ==========================
   Premium Search Bar
========================== */

.dc-search-field-wrap{
	position:relative;
	width:100%;
}

.dc-search-input{
	width:100% !important;
	height:54px !important;
	padding:0 30px 0 60px !important;
	border:none !important;
	border-radius:100px !important;
	background:#f3f4f6 !important;
	font-size:16px !important;
	outline:none !important;
	box-sizing:border-box !important;
	box-shadow:none !important;
}

.dc-search-input::placeholder{
	color:#8d939f;
}

.dc-search-icon{
	position:absolute;
	left:26px;
	top:50%;
	transform:translateY(-50%);
	width:22px;
	height:22px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#5f6675;
	pointer-events:none;
	z-index:10;
}

.dc-search-icon svg{
	width:24px;
	height:24px;
}


/* ==========================
   STORE STATS
========================== */

.dc-store-stats{
    display: flex;
    flex-direction: column; /* vertical list */
    gap: 20px; /* space between rows */
    margin: 0;
}

.dc-store-stat-item{
    display: flex;
    align-items: center;
    gap: 20px; /* space between icon, title, number */
}

/* Title + Icon */
.dc-store-stat-item span{
    display: flex;
    align-items: center;
    gap: 20px; /* icon to title spacing */
    font-size: 18px;
    font-weight: 500;
    color: #111827;
}

/* Number */
.dc-store-stat-item strong{
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    line-height: 1;
    margin: 0;
}

/* --------------------------
   ICON COLORS
-------------------------- */

/* Coupons & Offers - Orange */
.dc-store-stat-item:nth-child(1) i{
    color: #F97316;
}

/* Verified - Green */
.dc-store-stat-item:nth-child(2) i{
    color: #22C55E;
}

/* Uses Today - Blue */
.dc-store-stat-item:nth-child(3) i{
    color: #3B82F6;
}

/* Icon size */
.dc-store-stat-item i{
    font-size: 18px;
    width: 18px;
}









/* Mobile */

@media(max-width:767px){

	.dc-store-stats{
		gap:30px;
	}

	.dc-stat-number{
		font-size:34px;
	}
}

/* Coupons & Offers icon */

.dc-store-stat-item:nth-child(1) i{
	color:#ef4444; /* red */
}

/* Verified icon */

.dc-store-stat-item:nth-child(2) i{
	color:#3b82f6; /* blue */
}

/* Uses Today icon */

.dc-store-stat-item:nth-child(3) i{
	color:#f59e0b; /* yellow */
}




/* Popular Stores Grid */

.dc-popular-stores-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:16px;
}


.dc-store-card{
	background:#fff;
	border:1px solid #e8e8e8;
	border-radius:18px;
	padding:20px 14px;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	transition:0.3s ease;
	min-height:100px;
	box-shadow:0 4px 16px rgba(0,0,0,0.04);
}

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

.dc-store-card-logo{
	display:flex;
	align-items:center;
	justify-content:center;
	height:50px;
	margin-bottom:0px;
}

.dc-store-card-logo img{
	max-width:90px;
	max-height:50px;
	width:auto;
	height:auto;
	object-fit:contain;
}

.dc-store-card-name{
	font-size:14px;
	font-weight:600;
	line-height:1.4;
	color:#1f2937;
}











/**
 * Quick Menu Shortcode
 */

html{
	scroll-behavior:smooth;
}

/* ==========================
   QUICK MENU
========================== */

.dc-quick-menu{
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dc-quick-menu-item{
    display: flex;
    align-items: center;
    padding: 14px 24px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;

    /* TEXT COLOR CONTROL */
    color: #000000 !important;

    background: transparent;
    transition: all .3s ease;
    position: relative;
}

/* Hover State */
.dc-quick-menu-item:hover{
    background: #f2eaf9;

    /* HOVER TEXT COLOR CONTROL */
    color: #7b2cbf !important;
}

/* Active State */
.dc-quick-menu-item.active{
    background: #FECA43;
    font-weight: 700;

    /* ACTIVE TEXT COLOR CONTROL */
    color: #000000 !important; /* change to any color */
}

/* Active + Hover */
.dc-quick-menu-item.active:hover{
    color: #000000 !important;
}

/* Remove underline */
.dc-quick-menu-item,
.dc-quick-menu-item:hover,
.dc-quick-menu-item:focus,
.dc-quick-menu-item:active{
    text-decoration: none;
}

/* Right Arrow Icon */
.dc-menu-icon{
    margin-left: auto;
    color: #000000;
    font-size: 18px;
    opacity: 0;
    transform: translateX(-4px);
    transition: all .3s ease;
}

/* Show icon on active item */
.dc-quick-menu-item.active .dc-menu-icon{
    opacity: 1;
    transform: translateX(0);
}




/* ===================================
   STORES PAGE
=================================== */

.dc-stores-page{
	max-width:1400px;
	margin:0 auto;
	padding:60px 20px;
}

/* Hero */

.dc-stores-hero{
	text-align:center;
	margin-bottom:40px;
}

.dc-stores-hero h1{
	font-size:58px;
	font-weight:800;
	line-height:1.1;
	margin-bottom:18px;
	color:#111827;
}

.dc-stores-hero p{
	max-width:820px;
	margin:auto;
	font-size:20px;
	line-height:1.7;
	color:#6b7280;
}










/* Mobile */

@media(max-width:767px){

	.dc-stores-page{
		padding:40px 16px;
	}

	.dc-stores-hero h1{
		font-size:38px;
	}

	.dc-stores-hero p{
		font-size:16px;
	}

	.dc-store-search{
		height:65px;
		font-size:16px;
		padding:0 75px 0 25px;
	}

	.dc-store-search-btn{
		width:48px;
		height:48px;
		font-size:18px;
	}

	.dc-store-stats{
		gap:40px;
		flex-wrap:wrap;
	}

	.dc-stat-number{
		font-size:32px;
	}
}


/* ===================================
   ALL STORES SECTION
=================================== */

.dc-all-stores-section{
	background:#fff;
	border-radius:24px;
	padding:36px;
	margin-top:0px;
	box-shadow:
	0 10px 40px
	rgba(0,0,0,.05);
}

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

.dc-all-stores-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:0px;
	flex-wrap:wrap;
	gap:30px;
}

.dc-stores-left{
	display:flex;
	align-items:center;
	gap:18px;
}

.dc-store-icon{
	width:64px;
	height:64px;
	border-radius:16px;
	background:#f3f4f6;

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

	font-size:28px;
	color:#111827;
}

.dc-all-stores-header h2{
	font-size:42px;
	font-weight:800;
	margin:0;
	color:#111827;
}


/* Mobile */

@media(max-width:767px){

	.dc-all-stores-header{
		flex-direction:column;
		align-items:flex-start;
	}

	.dc-store-stats{
		gap:30px;
	}

	.dc-all-stores-header h2{
		font-size:34px;
	}
}

/* ===================================
   ALPHABET FILTER
=================================== */

.dc-store-filter{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	align-items:center;
	margin:30px 0 40px;
}

/* Default Button */

.dc-store-filter button{
	all:unset !important;

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

	width:36px !important;
	height:36px !important;

	border-radius:8px !important;
	cursor:pointer !important;

	background:#f6f6f6 !important;
	color:#1f2937 !important;

	font-size:18px !important;
	font-weight:700 !important;
	line-height:1 !important;

	transition:all .25s ease !important;
	box-sizing:border-box !important;

	border:none !important;
	box-shadow:none !important;
}

/* Hover */

.dc-store-filter button:hover{
	background:#dbe1ea !important;
	transform:translateY(-2px);
}

/* Active */

.dc-store-filter button.active{
	background:#4f7df3 !important;
	color:#fff !important;
	border-radius:8px;
	box-shadow:
	0 8px 22px rgba(79,125,243,.25) !important;
}

/* Placeholder */

.dc-store-placeholder{
	height:400px;
	background:#f9fafb;
	border-radius:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	font-weight:600;
	color:#9ca3af;
}

/* Mobile */

@media(max-width:767px){

	.dc-all-stores-section{
		padding:28px;
		border-radius:20px;
	}

	.dc-store-filter{
		gap:12px;
	}

	.dc-store-filter button{
		width:46px !important;
		height:46px !important;
		font-size:18px !important;
		border-radius:12px !important;
	}

}

/* ===================================
   STORE CARDS
=================================== */

.dc-store-grid{
	display:grid;
	grid-template-columns:
	repeat(4,1fr);
	gap:28px;
	align-items:start;
}

/* Tablet */

@media(max-width:1024px){

	.dc-store-grid{
		grid-template-columns:
		repeat(2,1fr);
	}
}

.dc-store-card{
	background:#fff;
	border-radius:18px;
	padding:20px;
	text-decoration:none;
	border:1px solid #e5e7eb;
	box-shadow:
	0 4px 18px
	rgba(0,0,0,.05);
	transition:.3s;
}

.dc-store-card:hover{
	transform:translateY(-4px);
	box-shadow:
	0 12px 30px
	rgba(0,0,0,.08);
}

.dc-store-card h3{
	font-size:24px;
	font-weight:700;
	color:#111827;
	margin:0 0 10px;
	line-height:1.2;
}

.dc-store-card p{
	font-size:18px;
	color:#4b5563;
	margin:0;
}

/* Mobile */

@media(max-width:767px){

	.dc-store-grid{
		grid-template-columns:
		1fr;
		gap:18px;
	}

	.dc-store-card{
		padding:22px;
	}

	.dc-store-card h3{
		font-size:24px;
	}
}

/* ===================================
   EMPTY STATE
=================================== */

.dc-empty-state{
	grid-column:1/-1;

	background:#fff;
	border-radius:18px;
	border:1px solid #e5e7eb;

	min-height:220px;

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

	font-size:22px;
	font-weight:600;
	color:#6b7280;


}

.dc-no-store-message{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#6b7280;
	min-height:320px;
	width:100%;
}

.dc-all-stores-section{
	min-height:700px;
}


/* ===================================
   INLINE STORE SEARCH
=================================== */

.dc-all-stores-top{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:40px;
	flex-wrap:wrap;
	margin-bottom:40px;
}

.dc-store-search-wrap{
	position:relative;
	width:420px;
	max-width:100%;
}

.dc-store-search-wrap i{
	position:absolute;
	left:28px;
	top:50%;
	transform:translateY(-50%);
	font-size:22px;
	color:#6b7280;
	z-index:2;
}

#dc-store-search{
	width:100% !important;
	height:60px !important;
	border:1px solid #d1d5db !important;
	border-radius:12px !important;
	padding:0 90px 0 70px !important;
	font-size:16px !important;
	font-weight:600 !important;
	background:#fff !important;
	outline:none !important;
	box-shadow:none !important;
}

#dc-store-search:focus{
	border-color:#111827 !important;
}

#dc-search-clear{
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	border:none;
	border-radius:50%;
	background:#f6f6f6;
	font-size:18px;
	line-height:1;
	cursor:pointer;
	display:none;
	align-items:center;
	justify-content:center;
	padding:0;
	color:#111827;
}

/* Mobile */

@media(max-width:767px){

	.dc-all-stores-top{
		flex-direction:column;
	}

	.dc-store-search-wrap{
		width:100%;
	}

	#dc-store-search{
		height:72px !important;
		font-size:20px !important;
		padding:0 70px 0 58px !important;
	}

	.dc-store-search-wrap i{
		left:22px;
		font-size:18px;
	}

	#dc-search-clear{
		width:42px;
		height:42px;
		font-size:28px;
		right:14px;
	}
}

/* ===================================
ALL STORES TOP
=================================== */

.dc-all-stores-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
	margin-bottom:30px;
	flex-wrap:wrap;
}

/* Heading */

.dc-all-stores-top h2{
	font-size:36px;
	font-weight:600;
	color:#111827;
	margin:0;
	line-height:1;
}

/* Search */



/* Search icon fix */

.dc-store-search-wrap{
	position:relative;
}

.dc-store-search-wrap svg,
.dc-store-search-wrap .svg-inline--fa{
	position:absolute !important;
	left:28px !important;
	top:50% !important;
	transform:translateY(-50%) !important;
	width:20px !important;
	height:20px !important;
	color:#6b7280 !important;
	z-index:9 !important;
	pointer-events:none;
	margin:0 !important;
}

/* Input spacing */

#dc-store-search{
	padding-left:70px !important;
}



.dc-store-search-wrap{
	position:relative;
	width:420px;
	max-width:100%;
}

.dc-store-search-wrap i{
	position:absolute;
	left:20px;
	top:50%;
	transform:translateY(-50%);
	color:#6b7280;
	font-size:16px;
	z-index:2;
}

.dc-store-search-wrap input{
	width:100% !important;
	height:58px !important;
	border:1px solid #d1d5db !important;
	border-radius:999px !important;
	padding:0 20px 0 50px !important;
	font-size:15px !important;
	background:#fff !important;
	box-shadow:none !important;
	outline:none !important;
	appearance:none !important;
	-webkit-appearance:none !important;
}

.dc-store-search-wrap input:focus{
	border-color:#111827 !important;
}





/* Mobile */

@media(max-width:767px){

	.dc-all-stores-top{
		flex-direction:column;
		align-items:flex-start;
	}

	.dc-all-stores-top h2{
		font-size:40px;
	}

	.dc-store-search-wrap{
		width:100%;
	}
}


/* ==========================
   FAQ SECTION
========================== */

.dc-store-faq{
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* FAQ Card */
.dc-faq-item{
    background:#f8f8f8;
    border-radius:12px;
    overflow:hidden;
    transition:.3s ease;
}

/* Question Button */
.dc-faq-question{
    width:100%;

    border:none;
    background:transparent;

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

    text-align:left;
    cursor:pointer;

    padding:12px 22px 12px 22px;
}

/* QUESTION TEXT FIX */
.dc-faq-question-text{
    display:block !important;

    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.3 !important;

    color:#1F1F1F !important;

    flex:1;
}

/* Icon */
.dc-faq-icon{
    font-size:24px;
    font-weight:300;
    color:#2B123C;

    line-height:1;
    flex-shrink:0;

    transition:.3s ease;
}

/* Answer */
.dc-faq-answer{
    max-height:0;
    overflow:hidden;

    transition:max-height .4s ease;
}

/* Inner Content */
.dc-faq-answer-inner{
    padding:0 22px 48px;

    font-size:16px;
    line-height:1.8;
    color:#4B4B4B;
}

/* Open */
.dc-faq-item.active .dc-faq-answer{
    max-height:500px;
}

/* Rotate + to × */
.dc-faq-item.active .dc-faq-icon{
    transform:rotate(45deg);
}