/* Mehaaz — Modern Minimal & Elegant theme layer
   Loaded after the legacy stylesheets, restyles the existing markup
   in place. Does not remove any legacy rule/file. */

:root{
	--mz-ink:#1c1a17;
	--mz-ink-soft:#55504a;
	--mz-paper:#ffffff;
	--mz-sand:#f7f4ef;
	--mz-sand-dark:#efe9e0;
	--mz-line:#e6e0d6;
	--mz-accent:#b08d57;
	--mz-accent-dark:#8f7043;
	--mz-danger:#b3413a;
	--mz-radius:10px;
	--mz-radius-sm:6px;
	--mz-shadow:0 10px 30px rgba(28,26,23,.08);
	--mz-shadow-sm:0 2px 10px rgba(28,26,23,.06);
	--mz-font-head:'Playfair Display', 'Noticia Text', serif;
	--mz-font-body:'Raleway', Arial, sans-serif;
}

body{
	font-family:var(--mz-font-body);
	color:var(--mz-ink);
	background:var(--mz-paper);
	-webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6,
.asidetitle,.f-about h1,.infos h1,.account h1,.gettouch h1{
	font-family:var(--mz-font-head);
	color:var(--mz-ink);
	font-weight:700;
	letter-spacing:.2px;
}

a{ color:var(--mz-ink); }
a:hover{ color:var(--mz-accent); }

::selection{ background:var(--mz-accent); color:#fff; }

/* ---------- Top bar / header ---------- */
header{
	background:var(--mz-paper);
	box-shadow:var(--mz-shadow-sm);
}
.top-line{
	background:var(--mz-ink);
	border:none;
}
.top-line a, .top-line li, .top-line span{
	color:#e9e4da !important;
	font-family:var(--mz-font-body);
	font-size:12px;
	letter-spacing:.4px;
}
.top-line a:hover{ color:var(--mz-accent) !important; }

.upper-header{
	background:var(--mz-paper);
	border-bottom:1px solid var(--mz-line);
	padding:18px 0;
}
.logo a img{ filter:none; }

.categ li a, .categ a{
	color:var(--mz-ink-soft) !important;
	font-family:var(--mz-font-body) !important;
	font-size:13px !important;
	text-transform:uppercase;
	letter-spacing:.6px;
}
.categ li a:hover, .categ .active a{ color:var(--mz-accent) !important; }

.nav-border{ background:var(--mz-line); height:1px; }

/* ---------- Nav ---------- */
.sf-menu{ text-align:center; }
.sf-menu > li > a{
	font-family:var(--mz-font-body);
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	color:var(--mz-ink);
	padding:14px 16px;
	transition:color .15s ease;
}
.sf-menu > li > a:hover{ color:var(--mz-accent); background:transparent; }
.sf-menu .sub-menu{
	background:var(--mz-paper);
	border:1px solid var(--mz-line);
	box-shadow:var(--mz-shadow);
	border-radius:var(--mz-radius-sm);
	overflow:hidden;
}
.sf-menu .sub-menu a{
	font-family:var(--mz-font-body);
	font-size:12px;
	letter-spacing:.4px;
	color:var(--mz-ink-soft);
}
.sf-menu .sub-menu a:hover{ background:var(--mz-sand); color:var(--mz-accent); }

/* ---------- Cart icon + dropdown ---------- */
.card-icon{ position:relative; }
.card-icon img{ opacity:.85; }
.shop-items{
	background:var(--mz-accent);
	color:#fff;
	font-family:var(--mz-font-body);
	font-weight:700;
	border-radius:50%;
}
.hover-cart{
	background:var(--mz-paper);
	border:1px solid var(--mz-line);
	box-shadow:var(--mz-shadow);
	border-radius:var(--mz-radius);
	padding:16px;
}
.hover-box{ border-bottom:1px solid var(--mz-line); padding-bottom:10px; margin-bottom:10px; }
.hover-details p{ font-family:var(--mz-font-body); font-weight:600; color:var(--mz-ink); }
.hover-details span{ color:var(--mz-accent-dark); font-weight:700; }
.subtotal span{ color:var(--mz-accent-dark); font-weight:700; }
.viewcard,.proceedcard{
	font-family:var(--mz-font-body);
	text-transform:uppercase;
	letter-spacing:.6px;
	font-size:12px;
	border-radius:var(--mz-radius-sm);
	transition:opacity .15s ease;
}
.viewcard{ background:var(--mz-sand); color:var(--mz-ink) !important; border:1px solid var(--mz-line); }
.proceedcard{ background:var(--mz-ink); color:#fff !important; border:1px solid var(--mz-ink); }
.viewcard:hover,.proceedcard:hover{ opacity:.85; }

/* ---------- Buttons (used across cart/checkout/product actions) ---------- */
.button,.medium-button,.button-red,.button-black,.button-white,.button-transparent,.button-blue,
input[type="submit"],button.btn,.btn{
	font-family:var(--mz-font-body) !important;
	text-transform:uppercase;
	letter-spacing:.8px;
	font-size:12px !important;
	font-weight:700 !important;
	border-radius:var(--mz-radius-sm) !important;
	transition:all .18s ease !important;
	text-shadow:none !important;
	box-shadow:none !important;
}
.button-red,.add-cart{
	background:var(--mz-ink) !important;
	border-color:var(--mz-ink) !important;
	color:#fff !important;
}
.button-red:hover,.add-cart:hover{
	background:var(--mz-accent) !important;
	border-color:var(--mz-accent) !important;
}
.button-black{ background:var(--mz-ink) !important; border-color:var(--mz-ink) !important; }
.button-white{ background:#fff !important; color:var(--mz-ink) !important; border:1px solid var(--mz-line) !important; }
.button-white:hover{ border-color:var(--mz-accent) !important; color:var(--mz-accent) !important; }
.button-transparent{ background:transparent !important; border:1px solid var(--mz-ink) !important; color:var(--mz-ink) !important; }
.button-transparent:hover{ background:var(--mz-ink) !important; color:#fff !important; }
.button-blue{ background:var(--mz-accent) !important; border-color:var(--mz-accent) !important; }
.button-blue:hover{ background:var(--mz-accent-dark) !important; border-color:var(--mz-accent-dark) !important; }

/* ---------- Product cards (shop-grid / shop-list / homepage) ---------- */
.grid-item{ margin-bottom:34px; }
.arrival-overlay{
	position:relative;
	overflow:hidden;
	border-radius:var(--mz-radius);
	background:var(--mz-sand);
	box-shadow:var(--mz-shadow-sm);
	transition:box-shadow .2s ease;
}
.arrival-overlay:hover{ box-shadow:var(--mz-shadow); }
.arrival-overlay img{ transition:transform .35s ease; }
.arrival-overlay:hover img{ transform:scale(1.04); }
.arrival-mask{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	padding-bottom:18px;
	background:linear-gradient(180deg, rgba(28,26,23,0) 55%, rgba(28,26,23,.55) 100%);
	opacity:0;
	transition:opacity .2s ease;
}
.arrival-overlay:hover .arrival-mask{ opacity:1; }
.arr-content{ padding-top:14px; text-align:center; }
.arr-content a p{
	font-family:var(--mz-font-body);
	font-size:14px;
	color:var(--mz-ink);
	margin-bottom:6px;
}
.arr-content ul{ list-style:none; padding:0; margin:0; }
.arr-content li{ display:inline-block; margin:0 4px; }
.high-price{ color:#a09a8f; text-decoration:line-through; font-size:13px; }
.low-price{ color:var(--mz-accent-dark); font-weight:700; font-size:15px; }

/* ---------- Shop sidebar ---------- */
.left-shop{ padding-right:10px; }
.shop-categories{
	background:var(--mz-sand);
	border-radius:var(--mz-radius);
	padding:20px;
}
.shop-categories ul{ list-style:none; padding:0; margin:0; }
.shop-categories li a{
	display:block;
	padding:7px 0;
	color:var(--mz-ink-soft);
	font-size:13px;
	border-bottom:1px solid var(--mz-line);
}
.shop-categories li:last-child a{ border-bottom:none; }
.shop-categories li a:hover{ color:var(--mz-accent); padding-left:4px; }

/* ---------- Forms ---------- */
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],
textarea,select,.form-control{
	border:1px solid var(--mz-line) !important;
	border-radius:var(--mz-radius-sm) !important;
	background:#fff !important;
	font-family:var(--mz-font-body) !important;
	font-size:13px !important;
	color:var(--mz-ink) !important;
	box-shadow:none !important;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,
input[type="number"]:focus,textarea:focus,select:focus,.form-control:focus{
	border-color:var(--mz-accent) !important;
	outline:none !important;
}

/* ---------- Tables (cart etc) ---------- */
table{ border-collapse:collapse; width:100%; }
table th{
	font-family:var(--mz-font-body);
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:.6px;
	color:var(--mz-ink-soft);
	border-bottom:2px solid var(--mz-ink) !important;
	padding:12px 8px;
}
table td{
	border-bottom:1px solid var(--mz-line) !important;
	padding:14px 8px;
	vertical-align:middle;
}

/* ---------- Footer ---------- */
footer{ background:var(--mz-ink); color:#c9c3b8; }
footer h1{
	font-family:var(--mz-font-body);
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:700;
	margin-bottom:16px;
}
footer p, footer a, footer li{ color:#c9c3b8; font-size:13px; }
footer a:hover{ color:var(--mz-accent); }
footer .infos ul, footer .account ul, footer .footer-socials{ list-style:none; padding:0; }
footer .footer-socials a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;height:32px;
	border:1px solid #46433c;
	border-radius:50%;
	margin-right:6px;
}
footer .footer-socials a:hover{ border-color:var(--mz-accent); }
#back-to-top a{ color:#c9c3b8; }
.last-div{ border-top:1px solid #34322c; padding:16px 0; }
.copyright{ color:#948d80; font-size:12px; }

/* ---------- Cart / Checkout ---------- */
.checkout{ padding:40px 0 60px; }
.check-details, .checkout-accordion{
	background:#fff;
	border:1px solid var(--mz-line);
	border-radius:var(--mz-radius);
	padding:24px;
	box-shadow:var(--mz-shadow-sm);
}
.accordion-header{
	font-family:var(--mz-font-body);
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:var(--mz-ink);
	border-bottom:2px solid var(--mz-ink);
	padding-bottom:12px;
	margin-bottom:20px;
}
.checkout-accordion label{
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.4px;
	color:var(--mz-ink-soft);
	display:block;
	margin:14px 0 6px;
}
.checkout-accordion label span{ color:var(--mz-danger); }
.checkout-accordion input, .checkout-accordion select{ width:100%; padding:10px 12px; margin-bottom:4px; }

.check-aside, .check-aside .orders{
	background:var(--mz-sand);
	border-radius:var(--mz-radius);
	padding:22px;
}
.check-aside h6{
	font-family:var(--mz-font-head);
	font-size:18px;
	border-bottom:1px solid var(--mz-line);
	padding-bottom:10px;
	margin-bottom:14px;
}
.check-aside p{ display:flex; justify-content:space-between; color:var(--mz-ink-soft); font-size:13px; margin-bottom:8px; }
.check-aside p span{ color:var(--mz-ink); font-weight:600; }
.check-aside .bd0{ border-top:1px solid var(--mz-line); padding-top:10px; margin-top:6px; }
.order-box{ border-bottom:1px solid var(--mz-line); padding-bottom:12px; margin-bottom:12px; }
.order-box p{ font-weight:600; color:var(--mz-ink); }
.order-box .quantity{ font-size:12px; color:var(--mz-ink-soft); display:block; }
.payment-method{ margin-top:18px; }
.payment-method h6{ font-family:var(--mz-font-head); font-size:16px; margin-bottom:10px; }
.payment-method p{ display:inline; margin-right:18px; font-size:13px; }
.shipping input[type="submit"], .payment-method input[type="submit"]{
	width:100% !important;
	background:var(--mz-ink) !important;
	color:#fff !important;
	border:1px solid var(--mz-ink) !important;
	padding:14px 0 !important;
	margin-top:16px !important;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:.8px;
	font-size:12px !important;
}
.shipping input[type="submit"]:hover, .payment-method input[type="submit"]:hover{ background:var(--mz-accent) !important; border-color:var(--mz-accent) !important; }

/* ---------- Product detail (shop-single) ---------- */
.product-page{ padding:40px 0; }
.single-img .sp-wrap a img{ border-radius:var(--mz-radius); }
.single-desc h1{ font-size:28px; margin-bottom:10px; }
.single-price ul{ list-style:none; padding:0; margin:10px 0 18px; }
.single-price li{ display:inline-block; margin-right:12px; }
.single-price .high-price{ font-size:15px; }
.single-price .low-price{ font-size:22px; }
.single-infos p{ font-size:13px; color:var(--mz-ink-soft); margin-bottom:6px; }
.single-infos p span{ color:var(--mz-ink); font-weight:600; margin-right:4px; }
.single-inputs select{ width:100%; padding:10px 12px; }
.prod-end{ margin:22px 0; }
.prod-end .medium-button{ padding:14px 34px; font-size:12px; }
.share span{ font-size:12px; text-transform:uppercase; letter-spacing:.6px; color:var(--mz-ink-soft); margin-right:10px; }
.share ul{ display:inline-block; list-style:none; padding:0; margin:0; }
.share li{ display:inline-block; margin-right:8px; }
.share a{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid var(--mz-line); border-radius:50%; }
.share a:hover{ border-color:var(--mz-accent); }

.tabs-single{ padding:20px 0 60px; }
#tabs > ul{ list-style:none; padding:0; margin:0; display:flex; gap:26px; border-bottom:1px solid var(--mz-line); }
#tabs > ul li a{
	display:inline-block; padding:12px 0; font-size:13px; text-transform:uppercase; letter-spacing:.8px; color:var(--mz-ink-soft);
}
#tabs > ul li.active a{ color:var(--mz-ink); border-bottom:2px solid var(--mz-accent); }
#tabs-1{ padding:22px 0; color:var(--mz-ink-soft); line-height:1.7; }
.img-out{ box-shadow:var(--mz-shadow-sm); }
.form-group label{ font-size:12px; text-transform:uppercase; letter-spacing:.4px; color:var(--mz-ink-soft); }
.radio label{ font-weight:400; color:var(--mz-ink-soft); font-size:13px; }

/* ---------- Login / Register ---------- */
body:has(.w3ls-login){
	background:var(--mz-sand);
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:100vh;
	padding:30px 12px;
}
.out_img{ text-align:center; margin-bottom:10px; }
.out_img img{ height:70px; }
body:has(.w3ls-login) > h1{
	text-align:center;
	font-family:var(--mz-font-head);
	font-size:22px;
	margin-bottom:18px;
	color:var(--mz-ink);
}
.w3ls-login.box--big{
	background:#fff;
	max-width:400px;
	margin:0 auto;
	padding:34px 30px;
	border-radius:var(--mz-radius);
	box-shadow:var(--mz-shadow);
}
.agile-field-txt{ margin-bottom:16px; }
.agile-field-txt label{
	display:block;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.5px;
	color:var(--mz-ink-soft);
	margin-bottom:6px;
}
.w3ls-login input[type="submit"]{
	width:100%;
	background:var(--mz-ink);
	color:#fff;
	border:1px solid var(--mz-ink);
	border-radius:30px;
	padding:14px 0;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:13px;
	cursor:pointer;
}
.w3ls-login input[type="submit"]:hover{ background:var(--mz-accent); border-color:var(--mz-accent); }

/* ---------- Mobile bottom bar ---------- */
.mobile-down-bar{
	background:var(--mz-paper) !important;
	border-top:1px solid var(--mz-line);
	box-shadow:0 -6px 18px rgba(28,26,23,.08);
}
.mobile-down-bar i{ color:var(--mz-ink) !important; font-size:22px !important; }
.mobile-down-bar a:hover i{ color:var(--mz-accent) !important; }