/* General Styles */

body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #f0f0f0;
overflow-x: hidden;

}

html {
background: #f6f6f6;
overflow-x: hidden;
}

*,
*:before,
*:after {
box-sizing: border-box;
}

:root {
--nurul-gold: #c9242a;
--nurul-gold-light: #f04b4f;
--nurul-gold-dark: #9f171d;
--nurul-ink: #111111;
--nurul-charcoal: #232323;
--nurul-soft-gold: #fff1f1;
}

/* Nurul Gifts Header */

.nurul-header {
background: #fff;
box-shadow: 0 1px 0 rgba(17,17,17,0.08);
font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.nurul-offer {
height: 48px;
background: linear-gradient(90deg, var(--nurul-ink), var(--nurul-charcoal) 48%, var(--nurul-ink));
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-weight: 700;
}

.nurul-offer p {
margin: 0;
font-size: 14px;
line-height: 1.2;
text-align: center;
}

.nurul-offer__arrow,
.nurul-offer__close {
border: 0;
background: transparent;
color: rgba(255,255,255,0.7);
height: 48px;
width: 48px;
font-size: 24px;
line-height: 48px;
padding: 0;
position: absolute;
top: 0;
}

.nurul-offer__arrow:first-child {
left: 28%;
}

.nurul-offer__arrow:nth-of-type(2) {
right: 28%;
}

.nurul-offer__close {
right: 8px;
font-size: 18px;
}

.nurul-offer.is-hidden {
display: none;
}

.nurul-header__main {
background: #fff;
}

.nurul-header__main-inner {
min-height: 108px;
display: flex;
align-items: center;
gap: 42px;
}

.nurul-logo {
display: inline-flex;
align-items: center;
text-decoration: none;
white-space: nowrap;
line-height: 0;
flex: 0 0 auto;
}

.nurul-logo:hover,
.nurul-logo:focus {
color: #151515;
outline: none;
text-decoration: none;
}

.nurul-logo:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(201, 36, 42, .18);
border-radius: 4px;
}

.nurul-logo img {
display: block;
width: auto;
height: 68px;
max-width: 240px;
object-fit: contain;
}

.nurul-mobile-toggle {
display: none;
width: 44px;
height: 44px;
border: 1px solid #f0c7c9;
border-radius: 50%;
background: #fff;
color: #111;
font-size: 22px;
line-height: 42px;
text-align: center;
padding: 0;
}

.nurul-mobile-toggle:hover,
.nurul-mobile-toggle:focus {
background: var(--nurul-soft-gold);
color: var(--nurul-gold-dark);
outline: none;
}

.nurul-search {
height: 52px;
border: 1px solid #e7b5b8;
border-radius: 28px;
display: flex;
align-items: center;
flex: 1;
min-width: 280px;
overflow: visible;
background: #fff;
box-shadow: 0 2px 12px rgba(17,17,17,0.05);
position: relative;
}

.nurul-search__icon {
font-size: 20px;
color: var(--nurul-gold-dark);
margin-left: 22px;
flex: 0 0 auto;
}

.nurul-search input {
border: 0;
outline: 0;
height: 50px;
flex: 1;
min-width: 0;
padding: 0 16px;
font-size: 16px;
font-weight: 700;
color: #222;
background: transparent;
}

.nurul-search input::placeholder {
color: #666;
opacity: 1;
}

.nurul-search-submit {
height: 52px;
min-width: 118px;
border: 0;
background: var(--nurul-gold);
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 0 28px;
border-radius: 0 28px 28px 0;
flex: 0 0 auto;
}

.nurul-search .nurul-voice-search {
height: 42px;
min-width: 42px;
width: 42px;
border-radius: 50%;
background: transparent;
font-size: 18px;
padding: 0;
margin-right: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
flex: 0 0 auto;
line-height: 1;
box-shadow: none;
color: #5f5f5f;
}

.nurul-search .nurul-voice-search .fa {
margin-left: 0;
font-size: 18px;
}

.nurul-search .nurul-voice-search.is-listening {
background: var(--nurul-soft-gold);
color: var(--nurul-gold-dark);
box-shadow: 0 0 0 6px rgba(201,36,42,0.14);
}

.nurul-search-suggestions {
max-height: 360px;
overflow-y: auto;
display: block;
color: #1f2937;
position: absolute;
left: 0;
right: 0;
top: calc(100% + 12px);
z-index: 9999;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
box-shadow: 0 24px 60px rgba(17,17,17,0.18);
}

.tw-hidden {
display: none !important;
}

.nurul-suggestion:hover,
.nurul-suggestion:focus,
.nurul-suggestion.is-active {
text-decoration: none;
background: var(--nurul-soft-gold);
color: var(--nurul-ink);
outline: none;
}

.nurul-suggestion {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
color: #1f2937;
text-decoration: none;
}

.nurul-suggestion img {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 8px;
background: #f1f5f9;
}

.nurul-suggestion-message {
background: #fff;
padding: 12px 16px;
color: #64748b;
}

.nurul-actions {
display: flex;
align-items: center;
gap: 26px;
white-space: nowrap;
}

.nurul-action {
display: inline-flex;
align-items: center;
gap: 10px;
color: #161616;
font-size: 16px;
font-weight: 700;
text-decoration: none;
position: relative;
}

.nurul-action:hover,
.nurul-action:focus {
color: var(--nurul-gold-dark);
text-decoration: none;
}

.nurul-action .fa {
font-size: 31px;
line-height: 1;
}

.nurul-action small {
display: block;
font-size: 12px;
font-weight: 400;
color: #8a8d95;
line-height: 1;
}

.nurul-icon-action {
gap: 0;
}

.nurul-icon-action em,
.nurul-cart__icon em {
min-width: 20px;
height: 20px;
border-radius: 50%;
background: var(--nurul-gold);
color: #fff;
font-size: 12px;
font-style: normal;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: -10px;
right: -10px;
}

.nurul-cart {
gap: 12px;
}

.nurul-cart__icon {
position: relative;
display: inline-flex;
}

.nurul-nav {
border-top: 1px solid #f0c7c9;
border-bottom: 1px solid #f0c7c9;
background: #fff;
}

.nurul-nav__inner {
min-height: 66px;
display: flex;
align-items: center;
gap: 34px;
}

.nurul-departments,
.nurul-recent {
display: inline-flex;
align-items: center;
gap: 14px;
color: #151515;
font-size: 17px;
font-weight: 800;
text-decoration: none;
white-space: nowrap;
}

.nurul-departments:hover,
.nurul-recent:hover {
color: var(--nurul-gold-dark);
text-decoration: none;
}

.nurul-departments .fa {
font-size: 22px;
}

.nurul-recent .fa {
font-size: 20px;
}

.nurul-menu {
list-style: none;
display: flex;
align-items: center;
gap: 32px;
margin: 0;
padding: 0 0 0 34px;
border-left: 1px solid #f0c7c9;
flex: 1;
}

.nurul-menu a {
color: #151515;
font-size: 16px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
}

.nurul-menu a:hover {
color: var(--nurul-gold-dark);
text-decoration: none;
}

.nurul-menu .fa {
color: inherit;
font-size: 13px;
}

.nurul-mega-item {
position: relative;
}

.nurul-mega-menu {
position: absolute;
left: 0;
top: calc(100% + 14px);
width: min(920px, calc(100vw - 32px));
background: #fff;
border: 1px solid #f0c7c9;
border-radius: 18px;
box-shadow: 0 24px 70px rgba(17,17,17,0.18);
padding: 22px;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
z-index: 10000;
}

.nurul-mega-item:hover .nurul-mega-menu,
.nurul-mega-item:focus-within .nurul-mega-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.nurul-mega-grid {
display: grid;
grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(220px, 0.9fr);
gap: 22px;
}

.nurul-mega-grid h4 {
margin: 0 0 12px;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
color: var(--nurul-gold-dark);
letter-spacing: 0;
}

.nurul-mega-grid a {
display: flex;
padding: 8px 0;
font-size: 14px;
font-weight: 700;
color: #222;
}

.nurul-mega-grid a:hover {
color: var(--nurul-gold-dark);
}

.nurul-mega-card {
border-radius: 14px;
background: linear-gradient(135deg, #111, #2a2a2a);
color: #fff;
padding: 18px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
min-height: 170px;
}

.nurul-mega-card span {
color: var(--nurul-gold-light);
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.nurul-mega-card strong {
font-size: 18px;
line-height: 1.25;
}

.nurul-mega-card a {
display: inline-flex;
align-self: flex-start;
background: var(--nurul-gold);
color: #111;
border-radius: 999px;
padding: 9px 14px;
font-size: 13px;
font-weight: 900;
}

.nurul-mega-card a:hover {
background: var(--nurul-gold-light);
color: #111;
}

/* Login Page */

.nurul-login-wrap {
padding: 48px 0 64px;
}

.nurul-login-card {
display: grid;
grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr);
max-width: 980px;
margin: 0 auto;
background: #fff;
border: 1px solid #f0c7c9;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 26px 80px rgba(17,17,17,0.12);
}

.nurul-login-panel {
background:
radial-gradient(circle at 18% 18%, rgba(201,36,42,.22), transparent 34%),
linear-gradient(135deg, #101010 0%, #1c1c1c 58%, #2b1113 100%);
color: #fff;
padding: 42px;
display: flex;
flex-direction: column;
justify-content: center;
}

.nurul-login-panel img {
width: 210px;
height: auto;
margin-bottom: 34px;
}

.nurul-login-panel span {
display: inline-flex;
align-self: flex-start;
background: rgba(201,36,42,0.18);
border: 1px solid rgba(240,75,79,0.45);
color: var(--nurul-gold-light);
border-radius: 999px;
padding: 7px 12px;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.nurul-login-panel h2 {
font-size: 30px;
line-height: 1.18;
font-weight: 900;
margin: 18px 0 24px;
color: #fff;
}

.nurul-login-panel ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 12px;
}

.nurul-login-panel li {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
color: #f5f5f5;
}

.nurul-login-panel li .fa {
color: var(--nurul-gold);
}

.nurul-login-form {
padding: 44px;
}

.nurul-login-heading span {
color: var(--nurul-gold-dark);
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
}

.nurul-login-heading h1 {
font-size: 30px;
font-weight: 900;
line-height: 1.15;
margin: 8px 0 10px;
color: #111;
}

.nurul-login-heading p {
font-size: 15px;
color: #666;
margin: 0 0 26px;
}

.nurul-social-login {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 20px;
}

.nurul-social-btn {
height: 46px;
border-radius: 999px;
border: 1px solid #efc9cb;
background: #fff;
color: #222;
font-size: 14px;
font-weight: 800;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.nurul-social-btn:hover,
.nurul-social-btn:focus {
background: var(--nurul-soft-gold);
border-color: var(--nurul-gold);
transform: translateY(-1px);
}

.nurul-social-google .fa {
color: #db4437;
}

.nurul-social-facebook .fa {
color: #1877f2;
}

.nurul-login-divider {
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 20px;
color: #888;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
}

.nurul-login-divider:before,
.nurul-login-divider:after {
content: "";
height: 1px;
background: #f0c7c9;
flex: 1;
}

.nurul-field {
margin-bottom: 18px;
}

.nurul-field label {
display: block;
font-weight: 800;
font-size: 14px;
color: #222;
margin-bottom: 8px;
}

.nurul-input {
height: 52px;
border: 1px solid #efc9cb;
border-radius: 14px;
display: flex;
align-items: center;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.nurul-input:focus-within {
border-color: var(--nurul-gold);
box-shadow: 0 0 0 5px rgba(201,36,42,0.12);
}

.nurul-input .fa {
width: 46px;
text-align: center;
color: var(--nurul-gold-dark);
font-size: 18px;
}

.nurul-input input {
border: 0;
outline: 0;
height: 50px;
flex: 1;
font-size: 15px;
font-weight: 600;
color: #111;
background: transparent;
padding-right: 14px;
}

.nurul-login-links {
display: flex;
justify-content: flex-end;
margin: -4px 0 18px;
}

.nurul-login-links a,
.nurul-register-link a {
color: var(--nurul-gold-dark);
font-weight: 800;
text-decoration: none;
}

.nurul-login-links a:hover,
.nurul-register-link a:hover {
color: #111;
text-decoration: none;
}

.nurul-login-btn {
width: 100%;
height: 52px;
border: 0;
border-radius: 999px;
background: var(--nurul-gold);
color: #fff;
font-size: 16px;
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
transition: background 0.2s ease, transform 0.2s ease;
}

.nurul-login-btn:hover,
.nurul-login-btn:focus {
background: var(--nurul-gold-light);
color: #fff;
transform: translateY(-1px);
}

.nurul-register-link {
margin-top: 22px;
text-align: center;
color: #555;
font-weight: 600;
}

.forgot-password-wrap {
padding: 62px 0 78px;
background: linear-gradient(180deg,#fff 0%,#fafafa 100%);
}

.forgot-password-card {
max-width: 560px;
margin: 0 auto;
padding: 38px;
border: 1px solid #f0d3d5;
border-radius: 18px;
background: #fff;
box-shadow: 0 22px 58px rgba(17,17,17,0.08);
}

.forgot-password-heading {
text-align: center;
margin-bottom: 26px;
}

.forgot-password-heading span {
display: inline-flex;
align-items: center;
height: 32px;
padding: 0 14px;
border-radius: 999px;
background: #f3f7f4;
color: #426454;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.forgot-password-heading h1 {
margin: 14px 0 8px;
font-size: 34px;
line-height: 1.1;
font-weight: 900;
color: #161616;
}

.forgot-password-heading p {
margin: 0;
color: #686868;
font-size: 15px;
line-height: 1.7;
font-weight: 600;
}

.forgot-password-alert {
margin-bottom: 20px;
padding: 13px 16px;
border-radius: 12px;
font-size: 14px;
font-weight: 800;
}

.forgot-password-alert.is-success {
background: #eef7f1;
color: #315c44;
border: 1px solid #cde7d6;
}

.forgot-password-alert.is-error {
background: #fff3f3;
color: #a13135;
border: 1px solid #f0c7c9;
}

.order-success-page {
min-height: 620px;
display: flex;
align-items: center;
justify-content: center;
padding: 64px 18px 78px;
background: linear-gradient(180deg,#fff 0%,#f7f8f7 100%);
}

.order-success-card {
width: min(720px,100%);
padding: 44px;
border: 1px solid #e9ece8;
border-radius: 18px;
background: #fff;
box-shadow: 0 24px 70px rgba(17,17,17,0.09);
text-align: center;
}

.order-success-icon {
width: 76px;
height: 76px;
margin: 0 auto 18px;
border-radius: 50%;
background: #426454;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
}

.order-success-kicker {
display: inline-flex;
height: 32px;
align-items: center;
padding: 0 14px;
border-radius: 999px;
background: #f3f7f4;
color: #426454;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.order-success-card h1 {
margin: 16px 0 10px;
font-size: 38px;
line-height: 1.1;
font-weight: 900;
color: #171717;
}

.order-success-card p {
max-width: 500px;
margin: 0 auto 26px;
color: #666;
font-size: 16px;
line-height: 1.7;
font-weight: 600;
}

.order-success-summary {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 12px;
margin: 28px 0 30px;
}

.order-success-summary div {
padding: 18px 14px;
border-radius: 14px;
background: #f8f8f8;
text-align: left;
}

.order-success-summary span {
display: block;
margin-bottom: 6px;
color: #777;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.order-success-summary strong {
display: block;
color: #161616;
font-size: 17px;
font-weight: 900;
}

.order-success-actions {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}

.order-success-primary,
.order-success-secondary {
min-width: 180px;
height: 52px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 900;
text-decoration: none;
}

.order-success-primary {
background: #426454;
color: #fff;
}

.order-success-secondary {
background: #c9242a;
color: #fff;
}

.order-success-primary:hover,
.order-success-secondary:hover {
color: #fff;
text-decoration: none;
filter: brightness(0.94);
}

@media (max-width: 767px) {
.forgot-password-wrap {
padding: 34px 0 50px;
}

.forgot-password-card {
padding: 26px 20px;
border-radius: 14px;
}

.forgot-password-heading h1 {
font-size: 28px;
}

.order-success-card {
padding: 30px 18px;
}

.order-success-card h1 {
font-size: 30px;
}

.order-success-summary {
grid-template-columns: 1fr;
}
}

/* Home banner */

.home-hero-slider {
position: relative;
display: block;
overflow: hidden;
background: #fff;
line-height: 0;
}

.home-hero-slider__track {
position: relative;
height: 700px;
background: #fff;
}

.home-hero-slide {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
transition: opacity .45s ease, visibility .45s ease;
}

.home-hero-slide.is-active {
opacity: 1;
visibility: visible;
z-index: 1;
}

.home-hero-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
background: #fff;
}

.home-hero-slider__arrow {
position: absolute;
top: 50%;
z-index: 3;
width: 46px;
height: 46px;
border: 1px solid rgba(255,255,255,.55);
border-radius: 50%;
background: rgba(17,17,17,.34);
color: #fff;
font-size: 30px;
line-height: 44px;
text-align: center;
transform: translateY(-50%);
transition: background .2s ease, border-color .2s ease;
}

.home-hero-slider__arrow:hover,
.home-hero-slider__arrow:focus {
background: var(--nurul-gold);
border-color: var(--nurul-gold);
color: #111;
}

.home-hero-slider__arrow--prev {
left: 26px;
}

.home-hero-slider__arrow--next {
right: 26px;
}

.home-hero-slider__dots {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
z-index: 3;
display: flex;
justify-content: center;
gap: 9px;
}

.home-hero-slider__dots button {
width: 11px;
height: 11px;
border: 1px solid rgba(255,255,255,.8);
border-radius: 50%;
background: rgba(17,17,17,.25);
padding: 0;
}

.home-hero-slider__dots button.is-active {
background: var(--nurul-gold);
border-color: var(--nurul-gold);
}

.home-hero__inner {
position: relative;
z-index: 1;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 36px;
padding-top: 84px;
padding-bottom: 72px;
}

.home-hero__content {
max-width: 680px;
}

.home-hero__content span,
.home-section-title span,
.home-category span {
display: inline-block;
margin-bottom: 10px;
color: var(--nurul-gold-light);
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.home-hero__content h1 {
max-width: 650px;
margin: 0 0 18px;
color: #fff;
font-size: 56px;
font-weight: 900;
line-height: 1.05;
}

.home-hero__content p {
max-width: 560px;
margin: 0 0 28px;
color: rgba(255,255,255,.86);
font-size: 18px;
line-height: 1.7;
}

.home-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.home-hero__btn {
min-height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid transparent;
padding: 14px 22px;
font-size: 14px;
font-weight: 900;
text-decoration: none;
}

.home-hero__btn:hover,
.home-hero__btn:focus {
text-decoration: none;
}

.home-hero__btn-primary {
background: var(--nurul-gold);
border-color: var(--nurul-gold-dark);
color: #111;
}

.home-hero__btn-primary:hover,
.home-hero__btn-primary:focus {
background: var(--nurul-gold-light);
color: #111;
}

.home-hero__btn-light {
background: rgba(255,255,255,.10);
border-color: rgba(255,255,255,.45);
color: #fff;
}

.home-hero__btn-light:hover,
.home-hero__btn-light:focus {
background: #fff;
color: #111;
}

.home-hero__badges {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
width: 260px;
flex: 0 0 auto;
}

.home-hero__badges div {
display: flex;
align-items: center;
gap: 12px;
min-height: 58px;
padding: 12px 16px;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.24);
backdrop-filter: blur(8px);
color: #fff;
font-weight: 900;
}

.home-hero__badges .fa {
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--nurul-gold);
color: #111;
line-height: 34px;
text-align: center;
}

.home-categories {
padding: 54px 0 62px;
background: #fff;
}

.home-categories__grid {
display: grid;
grid-template-columns: repeat(6, minmax(140px, 185px));
gap: 22px;
align-items: start;
justify-content: center;
}

.home-category {
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 22px;
position: relative;
overflow: hidden;
background: #111;
color: #fff;
text-decoration: none;
border-radius: 50%;
box-shadow: none;
text-align: center;
isolation: isolate;
transition: transform .25s ease, border-color .25s ease;
border: 1px solid #f0c7c9;
}

.home-category:before {
content: "";
position: absolute;
inset: 8px;
border: 2px solid rgba(255,255,255,.88);
border-radius: 50%;
z-index: 2;
pointer-events: none;
transition: transform .35s ease, border-color .25s ease;
}

.home-category:after {
content: "";
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
transition: transform .35s ease, filter .35s ease;
filter: none;
z-index: -1;
}

.home-category:hover:after,
.home-category:focus:after {
transform: scale(1.07);
filter: none;
}

.home-category:hover,
.home-category:focus {
color: #fff;
text-decoration: none;
transform: translateY(-8px);
box-shadow: none;
border-color: var(--nurul-gold);
}

.home-category:hover:before,
.home-category:focus:before {
transform: scale(.95);
border-color: var(--nurul-gold);
}

.home-category span,
.home-category strong {
display: none;
}

.home-category:hover span,
.home-category:focus span,
.home-category:hover strong,
.home-category:focus strong {
display: none;
}

.home-category span {
margin-bottom: 6px;
color: var(--nurul-gold-dark);
font-size: 11px;
}

.home-category strong {
color: #111;
font-size: 18px;
font-weight: 900;
line-height: 1.15;
text-shadow: none;
border-radius: 14px;
}

@keyframes nurulCategoryFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
}

.home-category:nth-child(odd) {
animation: nurulCategoryFloat 5s ease-in-out infinite;
}

.home-category:nth-child(even) {
animation: nurulCategoryFloat 5s ease-in-out infinite;
animation-delay: 1.2s;
}

.home-category--wallet:after {
background-image: var(--home-cat-image, url("../admin/product_images/Mishmi Navy Blue Medium Satchel Bag 1.jpg"));
}

.home-category--passport:after {
background-image: var(--home-cat-image, url("../admin/product_images/img1.jpg"));
}

.home-category--keychain:after {
background-image: var(--home-cat-image, url("../admin/product_images/Louis-Vuitton-Logo-V-Vinyl-Decal-Sticker.jpg"));
}

.home-category--clutch:after {
background-image: var(--home-cat-image, url("../admin/product_images/Mishmi Navy Blue Medium Satchel Bag 3.jpg"));
}

.home-category--bottle:after {
background-image: var(--home-cat-image, url("../admin/product_images/img2.jpg"));
}

.home-category--diary:after {
background-image: var(--home-cat-image, url("../admin/product_images/img3.jpg"));
}

.home-featured {
padding: 46px 0 68px;
background: #f6f6f6;
}

.home-section-title {
margin-bottom: 24px;
text-align: center;
}

.home-section-title span {
color: var(--nurul-gold-dark);
}

.home-section-title h2 {
margin: 0;
color: #111;
font-size: 34px;
font-weight: 900;
}

.home-products {
padding-left: 0;
}

.home-how {
padding: 52px 0 58px;
background: #f7f7f7;
}

.home-how__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}

.home-how__step {
position: relative;
min-height: 210px;
padding: 28px;
background: #fff;
border: 1px solid #f0c7c9;
box-shadow: 0 14px 34px rgba(17,17,17,.06);
text-align: center;
}

.home-how__step .fa {
width: 66px;
height: 66px;
margin-bottom: 18px;
border-radius: 50%;
background: var(--nurul-soft-gold);
border: 1px solid #e59a9d;
color: var(--nurul-gold-dark);
font-size: 28px;
line-height: 66px;
}

.home-how__step strong {
display: block;
margin-bottom: 10px;
color: #111;
font-size: 18px;
font-weight: 900;
}

.home-how__step p {
margin: 0;
color: #666;
font-size: 15px;
line-height: 1.65;
}

.home-occasions {
padding: 56px 0 66px;
background: #fff;
}

.home-occasions__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}

.home-occasion {
position: relative;
overflow: hidden;
display: flex;
min-height: 198px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
padding: 26px;
background: #fff;
border: 1px solid #ededed;
color: #171717;
box-shadow: none;
text-decoration: none;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.home-occasion:before,
.home-occasion:after {
display: none;
}

.home-occasion:hover,
.home-occasion:focus {
border-color: #e6b9b9;
box-shadow: 0 16px 34px rgba(17,17,17,.08);
color: #171717;
text-decoration: none;
transform: translateY(-2px);
}

.home-occasion .fa {
width: 46px;
height: 46px;
border-radius: 50%;
background: #fff4f4;
border: 1px solid #f2cccc;
color: #c91f28;
font-size: 19px;
line-height: 44px;
text-align: center;
box-shadow: none;
}

.home-occasion strong {
display: block;
margin-top: 12px;
color: #171717;
font-size: 20px;
font-weight: 800;
line-height: 1.2;
}

.home-occasion span {
max-width: 270px;
color: #5f5f5f;
font-size: 14px;
line-height: 1.6;
}

.home-occasion span:after {
content: "Shop now  \2192";
display: inline-block;
margin-top: 16px;
color: #c91f28;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.home-must-have {
background: #fff;
padding: 54px 0 62px;
}

.home-must-have__heading {
position: relative;
text-align: center;
max-width: 760px;
margin: 0 auto 38px;
padding-bottom: 18px;
}

.home-must-have__heading:after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 86px;
height: 3px;
border-radius: 999px;
background: var(--nurul-gold);
transform: translateX(-50%);
}

.home-must-have__heading span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
margin-bottom: 12px;
padding: 0 16px;
border: 1px solid #e59a9d;
border-radius: 999px;
background: var(--nurul-soft-gold);
color: var(--nurul-gold-dark);
font-size: 12px;
font-weight: 900;
letter-spacing: 0;
text-transform: uppercase;
}

.home-must-have__heading h2 {
margin: 0 0 10px;
color: #171717;
font-family: Georgia, "Times New Roman", serif;
font-size: 50px;
font-weight: 400;
line-height: 1.1;
}

.home-must-have__heading p {
margin: 0;
color: #5f5f5f;
font-size: 17px;
font-weight: 700;
line-height: 1.6;
}

.home-must-have__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
}

.home-must-have__grid .shop-product-card {
height: 100%;
}

.home-must-card {
overflow: hidden;
background: #fff;
border: 1px solid #ececec;
border-radius: 8px;
box-shadow: 0 14px 34px rgba(17,17,17,.07);
transition: transform .2s ease, box-shadow .2s ease;
}

.home-must-card:hover {
transform: translateY(-3px);
box-shadow: 0 18px 42px rgba(17,17,17,.12);
}

.home-must-card__image {
position: relative;
aspect-ratio: 1 / 1;
height: auto;
background: #f4f4f4 url("../admin/product_images/product-1.jpg") center/cover no-repeat;
overflow: hidden;
}

.home-must-card__photo {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-decoration: none;
}

.home-must-card__photo img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .25s ease;
}

.home-must-card:hover .home-must-card__photo img {
transform: scale(1.04);
}

.home-must-card__image span {
position: absolute;
top: 18px;
left: 18px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 58px;
height: 30px;
padding: 0 12px;
border-radius: 999px;
background: #cf4d2d;
color: #fff;
font-size: 14px;
font-weight: 900;
}

.home-must-card__actions {
position: absolute;
top: 28px;
right: 22px;
z-index: 4;
display: grid;
gap: 12px;
opacity: 0;
transform: translateX(18px);
transition: opacity .22s ease, transform .22s ease;
}

.home-must-card:hover .home-must-card__actions,
.home-must-card:focus-within .home-must-card__actions {
opacity: 1;
transform: translateX(0);
}

.home-must-card__actions a {
width: 54px;
height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
color: #111;
font-size: 22px;
text-decoration: none;
box-shadow: 0 10px 28px rgba(17,17,17,.12);
transition: background .2s ease, color .2s ease, transform .2s ease;
}

.home-must-card__actions a:hover,
.home-must-card__actions a:focus {
background: #c9242a;
color: #fff;
text-decoration: none;
transform: translateY(-2px);
}

.home-must-card__body {
padding: 18px 18px 20px;
text-align: center;
border-top: 1px solid #e6e6e6;
}

.home-must-card__body h3 {
min-height: 48px;
margin: 0 0 12px;
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 900;
line-height: 1.35;
}

.home-must-card__body h3 a {
color: #222;
text-decoration: none;
}

.home-must-card__body h3 a:hover {
color: #c9242a;
}

.home-must-card__stars {
display: none;
color: #f5a400;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 10px;
}

.home-must-card__price {
display: flex;
align-items: baseline;
justify-content: center;
gap: 8px;
min-height: 30px;
margin-bottom: 16px;
}

.home-must-card__price strong {
color: #111;
font-size: 20px;
font-weight: 900;
}

.home-must-card__price del {
color: #8f8f8f;
font-size: 15px;
font-weight: 700;
}

.home-must-card__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 44px;
border-radius: 6px;
background: #c9242a;
color: #fff;
font-size: 14px;
font-weight: 900;
text-transform: none;
text-decoration: none;
transition: background .2s ease, color .2s ease;
}

.home-must-card__button .fa {
margin-right: 8px;
}

.home-must-card__button:hover,
.home-must-card__button:focus {
background: #111;
color: #fff;
text-decoration: none;
}

.home-holiday-sale {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
min-height: 520px;
background: #284f4f;
overflow: hidden;
}

.home-holiday-sale__image {
min-height: 520px;
overflow: hidden;
background: #111;
}

.home-holiday-sale__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.home-holiday-sale__content {
position: relative;
display: flex;
min-height: 520px;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 72px 36px 96px;
overflow: hidden;
background:
radial-gradient(circle at 18% 22%, rgba(255,255,255,.85) 0 3px, transparent 4px),
radial-gradient(circle at 72% 20%, rgba(255,255,255,.74) 0 2px, transparent 3px),
radial-gradient(circle at 82% 52%, rgba(255,255,255,.68) 0 4px, transparent 5px),
radial-gradient(circle at 24% 72%, rgba(255,255,255,.48) 0 3px, transparent 4px),
#284f4f;
color: #fff;
text-align: center;
}

.home-holiday-sale__content:before,
.home-holiday-sale__content:after,
.home-holiday-sale__snow {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background-repeat: repeat;
}

.home-holiday-sale__content:before {
background-image:
radial-gradient(circle, rgba(255,255,255,.88) 0 2px, transparent 3px),
radial-gradient(circle, rgba(255,255,255,.42) 0 3px, transparent 4px);
background-size: 148px 112px, 196px 154px;
background-position: 16px 22px, 72px 58px;
opacity: .62;
}

.home-holiday-sale__content:after {
background-image:
linear-gradient(140deg, transparent 0 48%, rgba(255,255,255,.48) 49% 51%, transparent 52%),
linear-gradient(40deg, transparent 0 48%, rgba(255,255,255,.48) 49% 51%, transparent 52%);
background-size: 78px 78px;
background-position: 22px 38px;
opacity: .22;
}

.home-holiday-sale__snow {
background-image:
radial-gradient(circle, rgba(255,255,255,.65) 0 1px, transparent 2px),
radial-gradient(circle, rgba(255,255,255,.36) 0 2px, transparent 3px);
background-size: 90px 76px, 132px 118px;
background-position: 38px 10px, 18px 42px;
}

.home-holiday-sale__badge,
.home-holiday-sale__content h2,
.home-holiday-sale__content p,
.home-holiday-sale__button {
position: relative;
z-index: 2;
}

.home-holiday-sale__badge {
width: 138px;
height: 138px;
margin-bottom: 34px;
border: 7px solid #fff;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: inset 0 0 0 2px rgba(255,255,255,.42);
}

.home-holiday-sale__badge .fa {
font-size: 44px;
color: #fff;
}

.home-holiday-sale__badge span {
max-width: 92px;
color: #fff;
font-size: 12px;
font-weight: 900;
line-height: 1.2;
text-transform: uppercase;
}

.home-holiday-sale__content h2 {
margin: 0 0 20px;
color: #fff;
font-family: Georgia, "Times New Roman", serif;
font-size: 56px;
font-weight: 400;
line-height: 1;
}

.home-holiday-sale__content p {
max-width: 620px;
margin: 0 0 36px;
color: rgba(255,255,255,.88);
font-size: 18px;
font-weight: 800;
line-height: 1.5;
}

.home-holiday-sale__button {
min-width: 228px;
min-height: 62px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #fff;
color: #1d2525;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
text-decoration: none;
transition: transform .2s ease, background .2s ease, color .2s ease;
}

.home-holiday-sale__button:hover,
.home-holiday-sale__button:focus {
background: var(--nurul-gold);
color: #111;
text-decoration: none;
transform: translateY(-2px);
}

.home-holiday-sale__forest {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 118px;
z-index: 1;
background:
linear-gradient(135deg, transparent 0 38%, #173939 39% 48%, transparent 49%) 0 0 / 62px 118px repeat-x,
linear-gradient(225deg, transparent 0 38%, #173939 39% 48%, transparent 49%) 0 0 / 62px 118px repeat-x,
linear-gradient(135deg, transparent 0 40%, #1d4343 41% 49%, transparent 50%) 28px 20px / 76px 98px repeat-x,
linear-gradient(225deg, transparent 0 40%, #1d4343 41% 49%, transparent 50%) 28px 20px / 76px 98px repeat-x;
opacity: .95;
}

.home-promo-pair {
padding: 62px 0 76px;
background: #fff;
}

.home-promo-pair__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px;
}

.home-promo-card {
position: relative;
min-height: 360px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
overflow: hidden;
padding: 54px 56px;
border-radius: 18px;
color: #fff;
text-decoration: none;
isolation: isolate;
transition: transform .22s ease, box-shadow .22s ease;
}

.home-promo-card:before,
.home-promo-card:after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
}

.home-promo-card:before {
z-index: 1;
background: linear-gradient(90deg, rgba(18,12,9,.76) 0%, rgba(18,12,9,.56) 35%, rgba(18,12,9,.20) 62%, rgba(18,12,9,.04) 100%);
}

.home-promo-card:after {
z-index: 1;
background:
radial-gradient(circle at 13% 12%, rgba(255,255,255,.74) 0 2px, transparent 3px),
radial-gradient(circle at 58% 11%, rgba(255,255,255,.62) 0 3px, transparent 4px),
radial-gradient(circle at 21% 74%, rgba(255,255,255,.44) 0 4px, transparent 5px),
radial-gradient(circle at 76% 70%, rgba(255,255,255,.70) 0 3px, transparent 4px),
radial-gradient(circle at 88% 34%, rgba(255,255,255,.48) 0 2px, transparent 3px);
opacity: .44;
}

.home-promo-card:hover,
.home-promo-card:focus {
color: #fff;
text-decoration: none;
transform: translateY(-4px);
box-shadow: none;
}

.home-promo-card--red {
background: #7a4b2e;
}

.home-promo-card--green {
background: #2e6251;
}

.home-promo-card--green:before {
background: linear-gradient(90deg, rgba(18,45,38,.80) 0%, rgba(18,45,38,.58) 35%, rgba(18,45,38,.20) 62%, rgba(18,45,38,.04) 100%);
}

.home-promo-card__eyebrow,
.home-promo-card strong,
.home-promo-card em {
position: relative;
z-index: 3;
}

.home-promo-card__eyebrow {
margin-bottom: 18px;
font-size: 18px;
font-weight: 900;
line-height: 1.2;
}

.home-promo-card strong {
max-width: 360px;
font-family: Georgia, "Times New Roman", serif;
font-size: 45px;
font-weight: 400;
line-height: 1.18;
}

.home-promo-card em {
display: inline-flex;
margin-top: 34px;
padding-bottom: 7px;
border-bottom: 3px solid #fff;
color: #fff;
font-size: 17px;
font-style: normal;
font-weight: 900;
line-height: 1;
}

.home-promo-card__art {
position: absolute;
inset: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}

.home-promo-card__art img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: none;
}

.home-promo-card__art:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(0,0,0,.18), transparent 52%);
}

.home-promo-card__gift,
.home-promo-card__stack,
.home-promo-card__ornament,
.home-promo-card__hat,
.home-promo-card__sprig {
position: absolute;
display: block;
}

.home-promo-card__gift {
width: 150px;
height: 126px;
border-radius: 8px;
background: #d7bea0;
box-shadow: 0 18px 38px rgba(55,22,12,.22);
transform: rotate(-17deg);
}

.home-promo-card__gift:before,
.home-promo-card__gift:after {
content: "";
position: absolute;
background: #b8222f;
}

.home-promo-card__gift:before {
left: 62px;
top: 0;
width: 22px;
height: 100%;
}

.home-promo-card__gift:after {
left: 0;
top: 48px;
width: 100%;
height: 20px;
}

.home-promo-card__gift--one {
right: 118px;
top: 54px;
}

.home-promo-card__gift--two {
right: 236px;
top: 120px;
width: 124px;
height: 104px;
transform: rotate(-24deg);
}

.home-promo-card__sprig {
right: 76px;
bottom: -18px;
width: 270px;
height: 120px;
background:
radial-gradient(ellipse at center, rgba(25,90,45,.9) 0 12%, transparent 13%) 0 0 / 34px 34px,
linear-gradient(105deg, transparent 0 45%, #316f3a 46% 54%, transparent 55%) 0 0 / 42px 100% repeat-x;
opacity: .95;
}

.home-promo-card__stack {
right: 18px;
bottom: -5px;
width: 236px;
height: 126px;
border-radius: 18px 18px 0 0;
background: linear-gradient(#e3ba51, #b7892c);
box-shadow: inset 0 12px 0 rgba(255,255,255,.22), 0 18px 44px rgba(0,0,0,.24);
}

.home-promo-card__stack:before,
.home-promo-card__stack:after {
content: "";
position: absolute;
right: 10px;
width: 160px;
height: 58px;
border-radius: 8px;
background: #4c9847;
box-shadow: inset 20px 0 0 #c7312d, inset 0 8px 0 rgba(255,255,255,.12);
}

.home-promo-card__stack:before {
bottom: 126px;
right: 18px;
}

.home-promo-card__stack:after {
bottom: 184px;
right: 0;
width: 118px;
height: 52px;
}

.home-promo-card__ornament {
right: 224px;
bottom: 68px;
width: 112px;
height: 112px;
border-radius: 50%;
background:
repeating-linear-gradient(45deg, #f2f2f2 0 16px, #d74735 17px 30px);
box-shadow: 0 16px 30px rgba(0,0,0,.24);
}

.home-promo-card__ornament:before {
content: "";
position: absolute;
left: 38px;
top: -24px;
width: 36px;
height: 28px;
border-radius: 8px 8px 2px 2px;
background: #d4a441;
}

.home-promo-card__hat {
right: 14px;
bottom: 76px;
width: 190px;
height: 126px;
border-radius: 92px 92px 20px 20px;
background: #e84b43;
transform: rotate(4deg);
}

.home-promo-card__hat:before {
content: "";
position: absolute;
left: -22px;
right: -10px;
bottom: -20px;
height: 34px;
border-radius: 999px;
background: rgba(255,255,255,.92);
box-shadow: 0 8px 18px rgba(255,255,255,.2);
}

.home-promo-card__hat:after {
content: "";
position: absolute;
right: -18px;
top: 6px;
width: 42px;
height: 42px;
border-radius: 50%;
background: #fff;
}

.home-personal-preview {
padding: 58px 0 66px;
background: #fff;
}

.home-personal-preview__grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
align-items: center;
gap: 34px;
}

.home-personal-preview__media {
min-height: 420px;
overflow: hidden;
background: #f7f7f7;
border: 1px solid #f0c7c9;
}

.home-personal-preview__media img {
display: block;
width: 100%;
height: 100%;
min-height: 420px;
object-fit: cover;
object-position: center;
}

.home-personal-preview__content {
padding: 18px 10px;
}

.home-personal-preview__content > span {
display: inline-flex;
align-items: center;
min-height: 32px;
margin-bottom: 14px;
padding: 0 15px;
border: 1px solid #e59a9d;
border-radius: 999px;
background: var(--nurul-soft-gold);
color: var(--nurul-gold-dark);
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.home-personal-preview__content h2 {
max-width: 560px;
margin: 0 0 14px;
color: #171717;
font-size: 42px;
font-weight: 800;
line-height: 1.12;
}

.home-personal-preview__content p {
max-width: 560px;
margin: 0 0 22px;
color: #5f5f5f;
font-size: 16px;
line-height: 1.7;
}

.home-personal-preview__features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 26px;
}

.home-personal-preview__features div {
min-height: 104px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
padding: 16px;
background: #fbf8f0;
border: 1px solid #f0c7c9;
}

.home-personal-preview__features .fa {
width: 38px;
height: 38px;
border-radius: 50%;
background: #111;
color: #fff;
line-height: 38px;
text-align: center;
}

.home-personal-preview__features strong {
color: #171717;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
}

.home-personal-preview__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 24px;
background: #111;
border: 1px solid #111;
color: #fff;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
text-decoration: none;
}

.home-personal-preview__button:hover,
.home-personal-preview__button:focus {
background: var(--nurul-gold);
border-color: var(--nurul-gold);
color: #111;
text-decoration: none;
}

.home-trust-strip {
background: #fff;
padding: 54px 0 64px;
}

.home-trust-strip__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border: 1px solid #ececec;
border-radius: 18px;
overflow: hidden;
background: #fff;
}

.home-trust-strip__item {
min-height: 390px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 54px 58px;
text-align: center;
border-right: 1px solid #ececec;
}

.home-trust-strip__item:last-child {
border-right: 0;
}

.home-trust-strip__item .fa {
margin-bottom: 26px;
color: #222;
font-size: 42px;
line-height: 1;
}

.home-trust-strip__item h3 {
margin: 0 0 22px;
color: #222;
font-family: Georgia, "Times New Roman", serif;
font-size: 28px;
font-weight: 400;
line-height: 1.15;
}

.home-trust-strip__item p {
max-width: 440px;
margin: 0;
color: #606060;
font-size: 18px;
font-weight: 700;
line-height: 1.7;
}

.home-testimonials {
padding: 54px 0 66px;
background: #f7f7f7;
}

.home-testimonials__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}

.home-testimonial {
min-height: 260px;
padding: 28px;
background: #fff;
border: 1px solid #f0c7c9;
box-shadow: 0 14px 34px rgba(17,17,17,.06);
}

.home-testimonial__stars {
display: flex;
gap: 4px;
margin-bottom: 16px;
color: var(--nurul-gold-dark);
font-size: 14px;
}

.home-testimonial p {
min-height: 96px;
margin: 0 0 20px;
color: #4f4f4f;
font-size: 16px;
line-height: 1.7;
}

.home-testimonial strong {
display: block;
margin-bottom: 5px;
color: #171717;
font-size: 17px;
font-weight: 800;
}

.home-testimonial span {
display: block;
color: var(--nurul-gold-dark);
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
}

.home-blog {
padding: 88px 0 96px;
background: #fff;
}

.home-blog__heading {
max-width: 760px;
margin: 0 auto 38px;
text-align: center;
}

.home-blog__heading span {
display: inline-block;
margin-bottom: 10px;
color: #c91f28;
font-size: 13px;
font-weight: 900;
letter-spacing: 0;
text-transform: uppercase;
}

.home-blog__heading h2 {
margin: 0 0 14px;
color: #171717;
font-family: Georgia, "Times New Roman", serif;
font-size: 42px;
font-weight: 400;
line-height: 1.15;
}

.home-blog__heading p {
margin: 0;
color: #666;
font-size: 16px;
font-weight: 700;
line-height: 1.6;
}

.home-blog__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}

.home-blog-card {
overflow: hidden;
border: 1px solid #eeeeee;
border-radius: 8px;
background: #fff;
box-shadow: 0 18px 42px rgba(17,17,17,.06);
}

.home-blog-card__image {
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: #f3f0e8;
}

.home-blog-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .25s ease;
}

.home-blog-card:hover .home-blog-card__image img {
transform: scale(1.04);
}

.home-blog-card__body {
padding: 22px;
}

.home-blog-card__body span {
display: block;
margin-bottom: 10px;
color: #c91f28;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.home-blog-card__body h3 {
margin: 0 0 12px;
font-size: 21px;
font-weight: 900;
line-height: 1.25;
}

.home-blog-card__body h3 a {
color: #171717;
text-decoration: none;
}

.home-blog-card__body p {
min-height: 72px;
margin: 0 0 18px;
color: #606060;
font-size: 15px;
line-height: 1.6;
}

.home-blog-card__link {
display: inline-flex;
align-items: center;
gap: 7px;
color: #171717;
font-size: 13px;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
}

.home-blog-card__link:hover,
.home-blog-card__link:focus,
.home-blog-card__body h3 a:hover,
.home-blog-card__body h3 a:focus {
color: #c91f28;
}

.blog-detail-page {
background: #fff;
}

.blog-detail-hero {
padding: 54px 0 84px;
background: linear-gradient(180deg, #fff 0%, #fff8f1 100%);
}

.blog-back-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 26px;
color: #c91f28;
font-size: 13px;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
}

.blog-detail-hero__grid {
display: grid;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
gap: 44px;
align-items: center;
}

.blog-detail-hero__content span {
display: block;
margin-bottom: 14px;
color: #c91f28;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
}

.blog-detail-hero__content h1 {
margin: 0 0 18px;
color: #171717;
font-family: Georgia, "Times New Roman", serif;
font-size: 48px;
font-weight: 400;
line-height: 1.12;
}

.blog-detail-hero__content p {
margin: 0;
color: #555;
font-size: 18px;
line-height: 1.7;
}

.blog-detail-hero__image {
overflow: hidden;
border-radius: 8px;
box-shadow: 0 22px 54px rgba(17,17,17,.12);
}

.blog-detail-hero__image img {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}

.blog-detail-content {
max-width: 820px;
margin: 54px auto 0;
padding: 36px;
border: 1px solid #eeeeee;
border-radius: 8px;
background: #fff;
color: #333;
font-size: 17px;
line-height: 1.85;
box-shadow: 0 16px 42px rgba(17,17,17,.06);
}

.blog-not-found {
max-width: 720px;
margin: 0 auto;
padding: 70px 0;
text-align: center;
}

.blog-not-found h1 {
margin: 0 0 12px;
font-family: Georgia, "Times New Roman", serif;
font-size: 42px;
font-weight: 400;
}

.blog-not-found p {
margin: 0 0 24px;
color: #666;
}

.blog-not-found a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
border-radius: 8px;
background: #c91f28;
color: #fff;
font-weight: 900;
padding: 10px 18px;
text-decoration: none;
}

.home-instagram {
position: relative;
overflow: hidden;
padding: 88px 0 104px;
background:
radial-gradient(circle at 10% 18%, rgba(255,255,255,.95) 0 4px, transparent 5px),
radial-gradient(circle at 34% 10%, rgba(255,255,255,.88) 0 3px, transparent 4px),
radial-gradient(circle at 65% 18%, rgba(255,255,255,.75) 0 2px, transparent 3px),
radial-gradient(circle at 92% 26%, rgba(255,255,255,.82) 0 5px, transparent 6px),
radial-gradient(circle at 24% 82%, rgba(255,255,255,.86) 0 4px, transparent 5px),
#f3f0e8;
}

.home-instagram:before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle, rgba(255,255,255,.82) 0 2px, transparent 3px),
radial-gradient(circle, rgba(255,255,255,.45) 0 1px, transparent 2px);
background-size: 180px 132px, 118px 96px;
background-position: 24px 18px, 70px 54px;
opacity: .72;
}

.home-instagram .container {
position: relative;
z-index: 1;
}

.home-instagram__heading {
margin-bottom: 42px;
text-align: center;
}

.home-instagram__heading h2 {
margin: 0 0 16px;
color: #222;
font-family: Georgia, "Times New Roman", serif;
font-size: 48px;
font-weight: 400;
line-height: 1.1;
}

.home-instagram__heading p {
margin: 0;
color: #595959;
font-size: 16px;
font-weight: 800;
line-height: 1.5;
}

.home-instagram__grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 16px;
}

.home-instagram__tile {
position: relative;
display: block;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 14px;
background: #eee;
text-decoration: none;
}

.home-instagram__tile:after {
content: "\f16d";
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(17,17,17,.28);
color: #fff;
font-family: FontAwesome;
font-size: 34px;
opacity: 0;
transition: opacity .2s ease;
}

.home-instagram__tile:hover:after,
.home-instagram__tile:focus:after {
opacity: 1;
}

.home-instagram__tile img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .25s ease;
}

.home-instagram__tile:hover img,
.home-instagram__tile:focus img {
transform: scale(1.05);
}

/* About Page */
.about-page {
background: #fff;
}

.about-hero {
padding: 54px 0 68px;
background: linear-gradient(180deg, #fff 0%, #fff8f1 100%);
}

.about-hero__grid {
display: grid;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
align-items: center;
gap: 44px;
}

.about-hero__content span,
.about-story__content span,
.about-section-title span {
display: inline-block;
margin-bottom: 12px;
color: #c91f28;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.about-hero__content h1 {
max-width: 680px;
margin: 0 0 18px;
color: #111;
font-size: 48px;
font-weight: 800;
line-height: 1.12;
}

.about-hero__content p {
max-width: 620px;
margin: 0 0 26px;
color: #5f5f5f;
font-size: 18px;
line-height: 1.75;
}

.about-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.about-hero__actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 22px;
border: 1px solid #111;
background: #111;
color: #fff;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
text-decoration: none;
}

.about-hero__actions a + a {
background: transparent;
color: #111;
}

.about-hero__actions a:hover,
.about-hero__actions a:focus {
background: #c91f28;
border-color: #c91f28;
color: #fff;
text-decoration: none;
}

.about-hero__media {
overflow: hidden;
border: 1px solid #f0c7c9;
background: #fff;
box-shadow: 0 18px 46px rgba(17,17,17,.10);
}

.about-hero__media img {
display: block;
width: 100%;
height: 460px;
object-fit: cover;
object-position: center;
}

.about-story {
padding: 64px 0;
background: #fff;
}

.about-story__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 34px;
align-items: start;
}

.about-story__content h2,
.about-section-title h2 {
margin: 0 0 16px;
color: #111;
font-size: 34px;
font-weight: 800;
line-height: 1.2;
}

.about-story__text {
color: #555;
font-size: 16px;
line-height: 1.8;
}

.about-story__text p {
margin: 0 0 16px;
}

.about-story__stats {
display: grid;
gap: 14px;
}

.about-story__stats div {
padding: 24px;
background: #fff8f1;
border: 1px solid #f0c7c9;
}

.about-story__stats strong {
display: block;
margin-bottom: 6px;
color: #c91f28;
font-size: 28px;
font-weight: 900;
}

.about-story__stats span {
color: #222;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
}

.about-values {
padding: 58px 0 66px;
background: #f7f7f7;
}

.about-section-title {
max-width: 720px;
margin: 0 auto 32px;
text-align: center;
}

.about-values__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}

.about-values__grid article {
min-height: 250px;
padding: 30px;
background: #fff;
border: 1px solid #ededed;
box-shadow: 0 14px 34px rgba(17,17,17,.05);
}

.about-values__grid .fa {
width: 50px;
height: 50px;
margin-bottom: 20px;
border-radius: 50%;
background: #fff4f4;
border: 1px solid #f2cccc;
color: #c91f28;
font-size: 20px;
line-height: 48px;
text-align: center;
}

.about-values__grid h3 {
margin: 0 0 10px;
color: #171717;
font-size: 20px;
font-weight: 800;
}

.about-values__grid p {
margin: 0;
color: #5f5f5f;
font-size: 15px;
line-height: 1.7;
}

.about-process {
padding: 56px 0 68px;
background: #fff;
}

.about-process__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.about-process__grid div {
padding: 24px;
border-top: 3px solid #c91f28;
background: #111;
color: #fff;
}

.about-process__grid span {
display: block;
margin-bottom: 18px;
color: rgba(255,255,255,.52);
font-size: 13px;
font-weight: 900;
}

.about-process__grid strong {
display: block;
margin-bottom: 10px;
font-size: 19px;
font-weight: 800;
}

.about-process__grid p {
margin: 0;
color: rgba(255,255,255,.76);
font-size: 14px;
line-height: 1.6;
}

@media (max-width: 991px) {
.home-hero-slider__track {
height: 340px;
}

.home-hero__inner {
display: block;
padding-top: 64px;
padding-bottom: 54px;
}

.home-hero__content h1 {
font-size: 42px;
}

.home-hero__badges {
width: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 34px;
}

.home-categories__grid {
grid-template-columns: repeat(3, minmax(140px, 185px));
justify-content: center;
}

.home-how__grid,
.home-occasions__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-personal-preview__grid,
.home-testimonials__grid,
.about-hero__grid,
.about-story__grid {
grid-template-columns: 1fr;
}

.home-personal-preview__media,
.home-personal-preview__media img {
min-height: 340px;
}

.about-hero__media img {
height: 360px;
}

.about-values__grid,
.about-process__grid {
grid-template-columns: 1fr;
}

.home-must-have__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
.home-page {
display: flex;
flex-direction: column;
}

.home-page > .home-hero-slider {
order: 1;
}

.home-page > .home-categories {
order: 2;
}

.home-page > .home-must-have:not(.home-must-have--top-selling) {
order: 3;
}

.home-page > .home-holiday-sale {
order: 4;
}

.home-page > .home-must-have--top-selling {
order: 5;
}

.home-page > .home-occasions {
order: 6;
}

.home-page > .home-promo-pair {
order: 7;
}

.home-page > .home-personal-preview {
order: 8;
}

.home-page > .home-trust-strip {
order: 9;
}

.home-page > .home-testimonials {
order: 10;
}

.home-page > .home-instagram {
order: 11;
}

.home-hero-slider__track {
height: 190px;
}

.home-hero-slider__arrow {
width: 38px;
height: 38px;
font-size: 24px;
line-height: 36px;
}

.home-hero-slider__arrow--prev {
left: 12px;
}

.home-hero-slider__arrow--next {
right: 12px;
}

.home-hero-slider__dots {
bottom: 12px;
}

.home-hero__inner {
padding-top: 46px;
padding-bottom: 42px;
}

.home-hero__content h1 {
font-size: 34px;
line-height: 1.12;
}

.home-hero__content p {
font-size: 16px;
}

.home-hero__actions {
display: grid;
grid-template-columns: 1fr;
}

.home-hero__btn {
width: 100%;
}

.home-hero__badges {
grid-template-columns: 1fr;
}

.home-categories__grid {
grid-template-columns: repeat(2, minmax(130px, 170px));
gap: 16px;
justify-content: center;
}

.home-category {
min-height: 0;
}

.home-how,
.home-occasions,
.home-personal-preview,
.home-testimonials,
.about-hero,
.about-story,
.about-values,
.about-process {
padding: 34px 0 40px;
}

.home-how__grid,
.home-occasions__grid {
grid-template-columns: 1fr;
gap: 14px;
}

.home-how__step {
min-height: 0;
padding: 22px;
}

.home-occasion {
min-height: 176px;
padding: 20px;
}

.home-occasion span:after {
display: block;
}

.home-occasion strong {
font-size: 20px;
}

.home-personal-preview__grid {
gap: 20px;
}

.home-personal-preview__media,
.home-personal-preview__media img {
min-height: 260px;
}

.home-personal-preview__content {
padding: 0;
}

.home-personal-preview__content h2 {
font-size: 32px;
}

.home-personal-preview__features {
grid-template-columns: 1fr;
}

.home-personal-preview__button {
width: 100%;
}

.home-testimonials__grid {
grid-template-columns: 1fr;
gap: 14px;
}

.home-testimonial {
min-height: 0;
padding: 22px;
}

.home-testimonial p {
min-height: 0;
}

.about-hero__grid,
.about-story__grid {
gap: 22px;
}

.about-hero__content h1 {
font-size: 34px;
}

.about-hero__content p {
font-size: 16px;
}

.about-hero__actions {
display: grid;
grid-template-columns: 1fr;
}

.about-hero__media img {
height: 260px;
}

.about-story__content h2,
.about-section-title h2 {
font-size: 28px;
}

.about-story__stats div,
.about-values__grid article,
.about-process__grid div {
padding: 22px;
}

.home-must-have {
padding: 36px 0 42px;
}

.home-must-have__heading h2 {
font-size: 34px;
}

.home-must-have__heading p {
font-size: 14px;
line-height: 1.5;
}

.home-must-have__grid {
grid-template-columns: 1fr;
gap: 18px;
}

.home-holiday-sale {
grid-template-columns: 1fr;
}

.home-holiday-sale,
.home-holiday-sale__image,
.home-holiday-sale__content {
min-height: auto;
}

.home-holiday-sale__image {
height: 330px;
}

.home-holiday-sale__content {
padding: 54px 20px 86px;
}

.home-holiday-sale__badge {
width: 112px;
height: 112px;
margin-bottom: 26px;
}

.home-holiday-sale__badge .fa {
font-size: 34px;
}

.home-holiday-sale__content h2 {
font-size: 40px;
}

.home-holiday-sale__content p {
font-size: 15px;
}

.home-holiday-sale__button {
min-width: 188px;
min-height: 54px;
}

.home-promo-pair {
padding: 38px 0 48px;
}

.home-promo-pair__grid {
grid-template-columns: 1fr;
gap: 18px;
}

.home-promo-card {
min-height: 300px;
padding: 36px 28px;
}

.home-promo-card strong {
font-size: 34px;
max-width: 250px;
}

.home-promo-card__eyebrow {
font-size: 15px;
}

.home-promo-card em {
font-size: 15px;
margin-top: 26px;
}

.home-promo-card__art {
width: 100%;
opacity: 1;
}

.home-trust-strip {
padding: 38px 0 46px;
}

.home-trust-strip__grid {
grid-template-columns: 1fr;
}

.home-trust-strip__item {
min-height: 260px;
padding: 38px 24px;
border-right: 0;
border-bottom: 1px solid #ececec;
}

.home-trust-strip__item:last-child {
border-bottom: 0;
}

.home-trust-strip__item .fa {
font-size: 34px;
margin-bottom: 20px;
}

.home-trust-strip__item h3 {
font-size: 24px;
margin-bottom: 16px;
}

.home-trust-strip__item p {
font-size: 15px;
line-height: 1.6;
}

.home-blog {
padding: 54px 0 64px;
}

.home-blog__heading {
margin-bottom: 28px;
}

.home-blog__heading h2 {
font-size: 34px;
}

.home-blog__heading p {
font-size: 14px;
}

.home-blog__grid {
grid-template-columns: 1fr;
gap: 18px;
}

.home-blog-card__body {
padding: 18px;
}

.home-blog-card__body p {
min-height: 0;
}

.blog-detail-hero {
padding: 36px 0 58px;
}

.blog-detail-hero__grid {
grid-template-columns: 1fr;
gap: 24px;
}

.blog-detail-hero__content h1 {
font-size: 36px;
}

.blog-detail-hero__content p {
font-size: 16px;
}

.blog-detail-content {
margin-top: 28px;
padding: 24px 18px;
font-size: 16px;
}

.home-instagram {
padding: 54px 0 64px;
}

.home-instagram__heading {
margin-bottom: 28px;
}

.home-instagram__heading h2 {
font-size: 36px;
}

.home-instagram__heading p {
font-size: 14px;
}

.home-instagram__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.home-must-card {
border-radius: 12px;
}

.home-must-card__image {
height: 240px;
}
}

/* Register Page */

.nurul-register-wrap {
padding: 54px 0 70px;
background: #fff;
}

.nurul-register-card {
max-width: 760px;
margin: 0 auto;
display: block;
background: #fff;
border: 1px solid #eeeeee;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 18px 48px rgba(17,17,17,0.08);
}

.nurul-register-heading span {
display: inline-flex;
align-self: flex-start;
background: rgba(66,102,81,0.10);
border: 1px solid rgba(66,102,81,0.22);
color: #426651;
border-radius: 999px;
padding: 7px 12px;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.nurul-register-form {
padding: 36px;
}

.nurul-register-heading {
margin-bottom: 22px;
text-align: left;
}

.nurul-register-heading h2 {
font-size: 30px;
font-weight: 900;
line-height: 1.15;
margin: 10px 0 0;
color: #111;
}

.nurul-register-heading p {
margin: 8px 0 0;
color: #666;
font-size: 14px;
font-weight: 700;
line-height: 1.6;
}

.nurul-register-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.nurul-register-form .nurul-field {
margin-bottom: 18px;
}

.nurul-password-input .tick1,
.nurul-password-input .tick2 {
color: #168a3a;
width: 34px;
}

.nurul-password-input .cross1,
.nurul-password-input .cross2 {
color: #d13434;
width: 34px;
}

.nurul-file-input input {
padding-top: 13px;
font-size: 13px;
}

#meter_wrapper {
margin-top: 8px;
display: flex;
align-items: center;
gap: 10px;
min-height: 18px;
}

#pass_type {
font-size: 12px;
font-weight: 800;
color: #555;
min-width: 72px;
}

#meter {
height: 6px;
width: 0;
border-radius: 999px;
background: transparent;
transition: width 0.25s ease, background 0.25s ease;
}

.nurul-register-captcha {
border: 1px solid #eeeeee;
border-radius: 12px;
padding: 16px;
margin: 4px 0 20px;
background: #fbfbfb;
}

.nurul-register-captcha label {
display: block;
font-weight: 800;
margin-bottom: 10px;
color: #222;
}

.nurul-captcha-dev {
display: flex;
align-items: center;
gap: 10px;
min-height: 54px;
padding: 14px 16px;
border: 1px solid #d8e5dc;
border-radius: 10px;
background: #f3f7f4;
color: #31503f;
font-size: 14px;
font-weight: 800;
}

.nurul-captcha-dev .fa {
color: #426651;
font-size: 18px;
}

.nurul-optional {
color: #777;
font-size: 12px;
font-weight: 700;
text-transform: none;
}

/* Nurul Footer */

.nurul-footer {
position: relative;
overflow: hidden;
border-top: 1px solid #e7e1d8;
background: #fbfaf8;
color: #4d4a45;
padding: 54px 0 28px;
margin-top: 40px;
}

.nurul-footer__snow {
display: none;
}

.nurul-footer__snow:after {
content: "";
position: absolute;
inset: 0;
background-image:
radial-gradient(circle, rgba(255,255,255,0.75) 0 2px, transparent 3px),
radial-gradient(circle, rgba(255,255,255,0.35) 0 4px, transparent 5px);
background-size: 320px 210px, 460px 280px;
background-position: 90px 20px, 40px 140px;
animation: nurulSnowFloat 26s linear infinite;
}

@keyframes nurulSnowDrift {
from {
background-position: 20px 10px, 120px 80px, 70px 30px;
}
to {
background-position: 20px 180px, 120px 320px, 70px 150px;
}
}

@keyframes nurulSnowFloat {
from {
transform: translateY(0);
}
to {
transform: translateY(160px);
}
}

@media (prefers-reduced-motion: reduce) {
.nurul-footer__snow,
.nurul-footer__snow:after {
animation: none;
}
}

.nurul-footer__inner {
position: relative;
z-index: 1;
}

.nurul-footer__top {
display: grid;
grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
gap: 34px;
align-items: center;
padding-bottom: 34px;
border-bottom: 1px solid #ebe5dc;
}

.nurul-footer__trust {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
margin-bottom: 0;
}

.nurul-footer__trust div {
display: flex;
align-items: center;
gap: 10px;
border: 1px solid #e8e0d6;
background: #fff;
border-radius: 8px;
padding: 13px 14px;
color: #25211d;
font-size: 13px;
font-weight: 800;
}

.nurul-footer__trust .fa {
width: 30px;
height: 30px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #f5efe7;
color: #a16b35;
font-size: 13px;
}

.nurul-footer__columns {
display: grid;
grid-template-columns: 0.85fr 0.9fr 1fr 1.45fr;
gap: 46px;
align-items: start;
padding-top: 34px;
}

.nurul-footer__brand {
max-width: 360px;
}

.nurul-footer__brand img {
width: 180px;
height: auto;
display: block;
margin-bottom: 14px;
}

.nurul-footer__brand p {
font-size: 14px;
line-height: 1.65;
font-weight: 600;
color: #6a655d;
margin: 0;
}

.nurul-footer__payments {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 7px;
}

.nurul-footer__payments span {
display: inline-flex;
align-items: center;
height: 26px;
border: 1px solid #ded6cb;
border-radius: 6px;
background: #fff;
color: #413c35;
font-size: 10px;
font-weight: 800;
padding: 0 9px;
text-transform: uppercase;
}

.nurul-footer h3 {
font-family: inherit;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
color: #171412;
margin: 0 0 18px;
letter-spacing: 0;
text-transform: uppercase;
}

.nurul-footer__col {
display: flex;
flex-direction: column;
gap: 12px;
}

.nurul-footer a {
color: #5d5850;
font-size: 14px;
font-weight: 650;
text-decoration: none;
transition: color 0.18s ease;
}

.nurul-footer a:hover,
.nurul-footer a:focus {
color: #b06d2f;
text-decoration: none;
}

.nurul-footer__newsletter p {
font-size: 14px;
line-height: 1.6;
font-weight: 600;
color: #6a655d;
margin: 0 0 16px;
}

.nurul-footer__newsletter {
border: 1px solid #e8e0d6;
background: #fff;
border-radius: 8px;
padding: 22px;
}

.nurul-footer__form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
max-width: none;
margin-bottom: 18px;
}

.nurul-footer__newsletter small {
display: block;
color: #91b3b0;
font-weight: 700;
margin: -14px 0 24px;
}

.nurul-footer__form input {
height: 46px;
border-radius: 6px;
border: 1px solid #ddd4c8;
background: #fbfaf8;
color: #1f1c19;
font-size: 14px;
font-weight: 600;
padding: 0 14px;
outline: 0;
}

.nurul-footer__form input::placeholder {
color: #9b948a;
}

.nurul-footer__form input:focus {
border-color: #b06d2f;
box-shadow: 0 0 0 4px rgba(176,109,47,0.12);
}

.nurul-footer__form button {
height: 46px;
border: 0;
border-radius: 6px;
background: #171412;
color: #fff;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
padding: 0 18px;
transition: background 0.18s ease, transform 0.18s ease;
}

.nurul-footer__form button:hover,
.nurul-footer__form button:focus {
background: #b06d2f;
transform: translateY(-1px);
}

.nurul-footer__social {
display: flex;
align-items: center;
gap: 9px;
flex-wrap: wrap;
}

.nurul-footer__social a {
width: 34px;
height: 34px;
border-radius: 6px;
border: 1px solid #ded6cb;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #5d5850;
background: #fbfaf8;
}

.nurul-footer__social a:hover,
.nurul-footer__social a:focus {
border-color: #b06d2f;
background: #fff7ee;
color: #b06d2f;
}

.nurul-footer__bottom {
border-top: 1px solid #ebe5dc;
margin-top: 34px;
padding-top: 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
color: #756f66;
font-size: 13px;
font-weight: 650;
}

.nurul-footer__bottom a {
font-size: inherit;
color: #171412;
}

@media (max-width: 1199px) {
.nurul-header__main-inner {
gap: 24px;
}

.nurul-actions {
gap: 18px;
}

.nurul-menu {
gap: 20px;
}

.nurul-footer__columns {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nurul-footer__newsletter {
grid-column: auto;
}
}

@media (max-width: 991px) {
.nurul-header__main-inner {
min-height: 0;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 18px;
padding-bottom: 18px;
}

.nurul-search {
order: 3;
flex-basis: 100%;
}

.nurul-actions {
order: 4;
width: 100%;
justify-content: space-between;
gap: 14px;
padding-top: 2px;
}

.nurul-nav__inner {
flex-wrap: wrap;
gap: 18px;
padding-top: 14px;
padding-bottom: 14px;
}

.nurul-menu {
flex-basis: 100%;
border-left: 0;
padding-left: 0;
flex-wrap: wrap;
}

.nurul-mega-menu {
position: static;
width: 100%;
opacity: 1;
visibility: visible;
transform: none;
display: none;
margin-top: 10px;
}

.nurul-mega-item:hover .nurul-mega-menu,
.nurul-mega-item:focus-within .nurul-mega-menu,
.nurul-mega-item.is-open .nurul-mega-menu {
display: block;
}

.nurul-mega-grid {
grid-template-columns: repeat(2, minmax(150px, 1fr));
}

.nurul-login-card {
grid-template-columns: 1fr;
}

.nurul-login-panel,
.nurul-login-form {
padding: 32px;
}

.nurul-login-panel h2 {
font-size: 26px;
}

.nurul-recent {
margin-left: auto;
}

.nurul-footer__columns {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 38px;
}

.nurul-footer__top {
grid-template-columns: 1fr;
align-items: start;
}

.nurul-footer__trust {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nurul-footer__newsletter {
grid-column: 1 / -1;
}
}

@media (max-width: 640px) {
.nurul-header .container,
.nurul-nav .container {
width: 100%;
max-width: 100%;
padding-left: 14px;
padding-right: 14px;
}

.nurul-offer {
height: auto;
min-height: 44px;
padding: 8px 42px;
overflow: hidden;
}

.nurul-offer p {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.nurul-offer__arrow {
display: none;
}

.nurul-logo {
max-width: 170px;
order: 1;
min-width: 0;
grid-column: 1;
grid-row: 1;
justify-self: start;
}

.nurul-logo img {
height: 50px;
max-width: 178px;
}

.nurul-header__main-inner {
display: grid !important;
grid-template-columns: minmax(120px, 1fr) auto 44px;
gap: 12px;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;
}

.nurul-mobile-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
order: 2;
grid-column: 3;
grid-row: 1;
justify-self: end;
}

.nurul-actions {
gap: 8px;
order: 4;
grid-column: 2;
grid-row: 1;
display: flex;
justify-content: flex-end;
width: auto;
padding-top: 0;
}

.nurul-action {
font-size: 14px;
}

.nurul-action .fa {
font-size: 26px;
}

.nurul-search {
min-width: 0;
width: 100%;
height: 46px;
border-radius: 24px;
order: 3;
grid-column: 1 / -1;
grid-row: 2;
flex-basis: auto;
}

.nurul-search input {
height: 44px;
padding: 0 8px 0 12px;
font-size: 14px;
}

.nurul-search__icon {
margin-left: 16px;
font-size: 17px;
}

.nurul-search-submit {
height: 46px;
min-width: 84px;
padding: 0 16px;
font-size: 14px;
}

.nurul-search .nurul-voice-search {
width: 36px;
min-width: 36px;
height: 36px;
margin-right: 4px;
}

.nurul-account span,
.nurul-cart > span:not(.nurul-cart__icon) {
display: none;
}

.nurul-action {
width: 38px;
height: 38px;
justify-content: center;
padding: 0 !important;
border-radius: 50%;
background: #fff;
border: 1px solid #f0c7c9;
}

.nurul-action .fa {
font-size: 20px;
}

.nurul-icon-action em,
.nurul-cart__icon em {
top: -7px;
right: -7px;
}

.nurul-nav {
display: none;
}

.nurul-nav.is-open {
display: block;
}

.nurul-nav__inner {
display: block;
padding-top: 10px;
padding-bottom: 12px;
}

.nurul-departments,
.nurul-recent {
width: 100%;
justify-content: flex-start;
padding: 12px 4px;
font-size: 15px;
}

.nurul-menu {
display: grid;
gap: 4px;
padding: 8px 0;
}

.nurul-menu li,
.nurul-menu a {
width: 100%;
}

.nurul-menu a {
justify-content: flex-start;
padding: 11px 4px;
font-size: 15px;
border-radius: 0;
}

.nurul-mega-menu {
position: static;
display: none;
width: 100%;
margin-top: 0;
padding: 14px;
border-radius: 0;
box-shadow: none;
}

.nurul-mega-item:hover .nurul-mega-menu,
.nurul-mega-item:focus-within .nurul-mega-menu,
.nurul-mega-item.is-open .nurul-mega-menu {
display: block;
}

.nurul-mega-grid {
grid-template-columns: 1fr;
}

.nurul-mega-card {
min-height: 0;
}

.nurul-search-submit {
min-width: 92px;
padding: 0 18px;
}

.nurul-menu {
gap: 14px 20px;
}

.nurul-mega-grid {
grid-template-columns: 1fr;
}

.nurul-login-wrap {
padding: 28px 0 42px;
}

.nurul-login-card {
border-radius: 16px;
}

.nurul-login-panel,
.nurul-login-form {
padding: 24px;
}

.nurul-login-panel img {
width: 170px;
margin-bottom: 24px;
}

.nurul-login-heading h1 {
font-size: 25px;
}

.nurul-social-login {
grid-template-columns: 1fr;
}

.nurul-register-wrap {
padding: 28px 0 42px;
}

.nurul-register-card {
grid-template-columns: 1fr;
border-radius: 16px;
}

.nurul-register-panel,
.nurul-register-form {
padding: 24px;
}

.nurul-register-grid {
grid-template-columns: 1fr;
}

.nurul-register-panel img {
width: 170px;
margin-bottom: 24px;
}

.nurul-footer {
padding: 56px 0 28px;
}

.nurul-footer__trust,
.nurul-footer__columns,
.nurul-footer__form {
grid-template-columns: 1fr;
}

.nurul-footer__trust {
margin-bottom: 0;
}

.nurul-footer__columns {
gap: 32px;
}

.nurul-footer__newsletter {
padding: 20px;
}

.nurul-footer h3 {
margin-bottom: 18px;
}

.nurul-footer__bottom {
flex-direction: column;
}
}

/* Top Navbar Styles  */

#top {

background: #555555;
padding: 10px 0;

}

#top .offer {
color: #fff;
}

#top .offer .btn {

text-transform: uppercase;

}

@media (max-width: 991px) {

#top .offer {
margin-bottom: 10px;
}

}

@media (max-width: 991px) {

#top {
font-size: 12px;
text-align: center;
}

}

#top a {

color: #fff;

}

#top ul.menu {

padding-top: 5px;

margin: 0;
text-align: right;
font-size: 12px;
list-style: none;

}

@media (max-width: 991px) {

#top ul.menu {
text-align: center;
}

}

#top ul.menu > li {

display: inline-block;

}

#top ul.menu > li a {

color: #eeeeee;

}

#top ul.menu > li + li:before {
content: "|\00a0";
padding: 0 5px;
color: #f7f7f7;

}

/* Header Styles */

.navbar {
background:white;

}

.navbar-collapse .right {
float:right;
}

.navbar-brand {
float:left;
padding: 10px 15px;
font-size:18px;
line-height:20px;
height:70px;
}

.navbar-brand:hover,
.navbar-brand:focus{
text-decoration:none;
}

.navbar ul.nav > li > a {
text-transform:uppercase;
font-weight:bold;
font-size:14px;

}

.padding-nav{
padding-top:10px;
}

.navbar ul.nav > li > a:hover{
background:#e7e7e7;
}

.btn-primary{
color: #111111;
background-color: var(--nurul-gold);
border-color: var(--nurul-gold-dark);
font-weight: 700;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
color: #111111;
background-color: var(--nurul-gold-light);
border-color: var(--nurul-gold-dark);
}

#search .navbar-form{
float:right;
}

#search {

clear: both;
border-top: solid 1px #9adacd;
text-align:right;

}

#search .navbar-form .input-group {
display:table;

}

#search .navbar-form .input-group .form-control {
width:100%;

}

/* Slider Styles  */

#slider {

margin-bottom:40px;

}

/* Advantages Styles */

.box {
background: #fff;
margin: 0 0 30px;
border: solid 1px #e6e6e6;
box-sizing: border-box;
padding:20px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);


}

#advantages {
text-align:center;
}

#advantages .box .icon {
position: absolute;
font-size: 120px;
width:100%;
text-align:center;
top: -20px;
left:0;
height:100%;
float:left;
color:#eeeeee;
transition: all 0.2s ease-out;
z-index:1;
box-sizing: border-box;

}

#advantages .box h3 {
position:relative;
margin: 0 0 20px;
font-weight: 300;
text-transform: uppercase;
z-index:2;

}

#advantages .box h3 a:hover {
text-decoration:none;
}

#advantages .box p{
position:relative;
color:#555555;
z-index:2;

}


/* Products Styles  */

#hot h2 {
text-transform: uppercase;
font-size: 36px;
color: #4993e4;
font-weight: 100;
text-align: center;

}

#content {
padding-left:25px;

}

.single {
width:290px;
}

@media (max-width: 768px) {

.single {
width:60%;
margin:0 auto;
}

}

#content .product {
background:#fff;
border: solid 1px #e6e6e6;
box-sizing: border-box;
margin-bottom: 30px;
}

#content .product .text p.price {
font-size:18px;
text-align:center;
font-weight:300;

}

#content .product .text .buttons {
clear:both;
text-align:center;
}

#content .product .text h3 {
text-align:center;
font-size:20px;

}

#content .product .text h3 a {

color:rgb(85, 85, 85);
}

#content .product .text {
padding:10px 10px 0px;
}

#content .product .text .buttons .btn {
margin-bottom:10px;
}

/* Wishlist login page */

.wishlist-login-page {
padding: 46px 0 70px;
}

.wishlist-login-card {
max-width: 680px;
margin: 0 auto;
padding: 42px 34px;
background: #fff;
border: 1px solid #f0c7c9;
box-shadow: 0 18px 48px rgba(17, 17, 17, 0.10);
text-align: center;
}

.wishlist-login-icon {
width: 78px;
height: 78px;
margin: 0 auto 18px;
border-radius: 50%;
background: var(--nurul-soft-gold);
border: 1px solid #e59a9d;
color: var(--nurul-gold-dark);
font-size: 34px;
line-height: 78px;
}

.wishlist-login-card span {
display: inline-block;
margin-bottom: 8px;
color: var(--nurul-gold-dark);
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.wishlist-login-card h1 {
margin: 0 0 12px;
color: #111;
font-size: 30px;
font-weight: 900;
}

.wishlist-login-card p {
max-width: 520px;
margin: 0 auto 26px;
color: #666;
font-size: 15px;
line-height: 1.7;
}

.wishlist-login-actions {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}

.wishlist-login-btn {
min-width: 170px;
min-height: 46px;
padding: 12px 18px;
border: 1px solid transparent;
border-radius: 999px;
font-size: 14px;
font-weight: 900;
line-height: 20px;
text-align: center;
text-decoration: none;
}

.wishlist-login-btn:hover,
.wishlist-login-btn:focus {
text-decoration: none;
}

.wishlist-login-btn-primary {
background: var(--nurul-gold);
border-color: var(--nurul-gold-dark);
color: #111;
}

.wishlist-login-btn-primary:hover,
.wishlist-login-btn-primary:focus {
background: var(--nurul-gold-light);
color: #111;
}

.wishlist-login-btn-light {
background: #fff;
border-color: #ddd;
color: #222;
}

.wishlist-login-btn-light:hover,
.wishlist-login-btn-light:focus {
border-color: var(--nurul-gold);
color: var(--nurul-gold-dark);
}

/* Guest wishlist */

.guest-wishlist-page {
padding: 42px 0 70px;
}

.guest-wishlist-hero {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-bottom: 28px;
padding: 30px;
background: #fff;
border: 1px solid #f0c7c9;
box-shadow: 0 14px 40px rgba(17, 17, 17, 0.08);
}

.guest-wishlist-hero span {
display: inline-block;
margin-bottom: 8px;
color: var(--nurul-gold-dark);
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.guest-wishlist-hero h1 {
margin: 0 0 10px;
color: #111;
font-size: 32px;
font-weight: 900;
}

.guest-wishlist-hero p {
max-width: 590px;
margin: 0;
color: #666;
font-size: 15px;
line-height: 1.7;
}

.guest-wishlist-count {
min-width: 124px;
padding: 18px;
background: var(--nurul-soft-gold);
border: 1px solid #e59a9d;
text-align: center;
}

.guest-wishlist-count strong {
display: block;
color: #111;
font-size: 36px;
font-weight: 900;
line-height: 1;
}

.guest-wishlist-count small {
display: block;
margin-top: 7px;
color: #6b5b20;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.guest-wishlist-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}

.guest-wishlist-card {
overflow: hidden;
background: #fff;
border: 1px solid #e8e8e8;
box-shadow: 0 12px 34px rgba(17, 17, 17, 0.08);
}

.guest-wishlist-card__image {
position: relative;
display: block;
height: 245px;
overflow: hidden;
background: #f7f7f7;
}

.guest-wishlist-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .25s ease;
}

.guest-wishlist-card:hover .guest-wishlist-card__image img {
transform: scale(1.04);
}

.guest-wishlist-card__image span {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
padding: 6px 10px;
background: var(--nurul-gold);
color: #111;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
}

.guest-wishlist-card__body {
padding: 18px;
}

.guest-wishlist-card__body h3 {
min-height: 46px;
margin: 0 0 12px;
font-size: 17px;
font-weight: 900;
line-height: 1.35;
}

.guest-wishlist-card__body h3 a {
color: #222;
text-decoration: none;
}

.guest-wishlist-card__body h3 a:hover {
color: var(--nurul-gold-dark);
}

.guest-wishlist-card__price {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 16px;
}

.guest-wishlist-card__price del {
color: #999;
font-size: 14px;
}

.guest-wishlist-card__price strong {
color: #111;
font-size: 20px;
font-weight: 900;
}

.guest-wishlist-card__actions {
display: flex;
gap: 10px;
}

.guest-wishlist-btn {
min-height: 42px;
padding: 10px 16px;
border: 1px solid transparent;
color: #111;
font-size: 13px;
font-weight: 900;
line-height: 20px;
text-align: center;
text-decoration: none;
transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.guest-wishlist-btn:hover,
.guest-wishlist-btn:focus {
text-decoration: none;
}

.guest-wishlist-btn-primary {
flex: 1;
background: var(--nurul-gold);
border-color: var(--nurul-gold-dark);
color: #111;
}

.guest-wishlist-btn-primary:hover,
.guest-wishlist-btn-primary:focus {
background: var(--nurul-gold-light);
color: #111;
}

.guest-wishlist-btn-light {
width: 46px;
padding-left: 0;
padding-right: 0;
background: #fff;
border-color: #ddd;
color: #777;
}

.guest-wishlist-btn-light:hover,
.guest-wishlist-btn-light:focus {
border-color: #d9534f;
color: #d9534f;
}

.guest-wishlist-empty {
padding: 54px 24px;
background: #fff;
border: 1px solid #f0c7c9;
box-shadow: 0 14px 40px rgba(17, 17, 17, 0.08);
text-align: center;
}

.guest-wishlist-empty > .fa {
width: 76px;
height: 76px;
margin-bottom: 14px;
border-radius: 50%;
background: var(--nurul-soft-gold);
border: 1px solid #e59a9d;
color: var(--nurul-gold-dark);
font-size: 34px;
line-height: 76px;
}

.guest-wishlist-empty h2 {
margin: 0 0 10px;
color: #111;
font-size: 26px;
font-weight: 900;
}

.guest-wishlist-empty p {
max-width: 420px;
margin: 0 auto 22px;
color: #666;
font-size: 15px;
line-height: 1.7;
}

@media (max-width: 991px) {
.guest-wishlist-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px) {
.guest-wishlist-hero {
display: block;
padding: 22px;
}

.guest-wishlist-count {
margin-top: 18px;
}

.guest-wishlist-grid {
grid-template-columns: 1fr;
}

.guest-wishlist-card__image {
height: 210px;
}
}

/*  Breadcrumb Styles  */

.breadcrumb {
padding: 8px 15px;
margin-bottom:20px;
background-color: #ffffff;
border-radius: 0;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);

}

.breadcrumb > li + li:before {
content: ">\00a0";
color:#cccccc;

}

@media (max-width: 991px) {

.breadcrumb {
padding: 8px 0;
text-align:center;
}

}

/* products categories and categories styles */

#content .panel.sidebar-menu {

box-sizing: border-box;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

}


#content .panel.sidebar-menu ul.nav.category-menu {
margin-bottom:20px;
}

#content .panel.sidebar-menu ul.nav.category-menu li a {
text-transform: uppercase;
font-weight: bold;
}

#content .panel.sidebar-menu h3 {
padding: 5px 0;
margin: 0;
}


/* Shop Products Styles */

@media (max-width: 768px) {

.center-responsive {
width:70%;
margin:0 auto;
}

}

@media (max-width: 550px) {

.center-responsive {
width:95%;
margin:0 auto;

}


}

/* Modern shop page */

.shop-page {
background:#f6f7f9;
}

.shop-compact-hero {
background:#fff;
border-bottom:1px solid #ececec;
}

.shop-compact-hero__inner {
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
padding-top:26px;
padding-bottom:26px;
}

.shop-compact-hero span {
display:block;
color:#c9242a;
font-family:Montserrat, sans-serif;
font-size:12px;
font-weight:700;
text-transform:uppercase;
}

.shop-compact-hero h1 {
margin:6px 0 8px;
color:#111;
font-family:Montserrat, sans-serif;
font-size:34px;
font-weight:700;
line-height:1.15;
}

.shop-compact-hero p {
max-width:560px;
margin:0;
color:#666;
font-size:15px;
line-height:1.55;
}

.shop-compact-search {
border-color:#ececec;
box-shadow:0 12px 30px rgba(17,17,17,.08);
}

.shop-hero {
position:relative;
overflow:hidden;
background:linear-gradient(90deg, rgba(17,17,17,.88), rgba(201,36,42,.72)), url("../images/banner-ave.jpg") center/cover no-repeat;
color:#fff;
}

.shop-hero__inner {
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
min-height:260px;
padding-top:44px;
padding-bottom:48px;
}

.shop-hero span,
.shop-toolbar span,
.shop-filter-heading span,
.shop-product-card__brand {
display:block;
color:#ffd7d9;
font-family:Montserrat, sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:0;
text-transform:uppercase;
}

.shop-hero h1 {
margin:8px 0 12px;
font-family:Montserrat, sans-serif;
font-size:46px;
font-weight:700;
line-height:1.1;
}

.shop-hero p {
max-width:580px;
margin:0;
color:rgba(255,255,255,.86);
font-size:17px;
line-height:1.6;
}

.shop-hero-search {
display:flex;
align-items:center;
width:min(100%, 460px);
min-height:56px;
border:1px solid rgba(255,255,255,.28);
border-radius:999px;
background:#fff;
box-shadow:0 18px 50px rgba(0,0,0,.22);
padding:6px 6px 6px 18px;
}

.shop-hero-search .fa {
color:#c9242a;
font-size:16px;
}

.shop-hero-search input {
flex:1;
min-width:0;
border:0;
padding:0 12px;
color:#111;
font-size:15px;
outline:0;
}

.shop-hero-search button {
min-height:44px;
border:0;
border-radius:999px;
background:#c9242a;
color:#fff;
font-family:Montserrat, sans-serif;
font-size:13px;
font-weight:700;
padding:0 22px;
transition:background .2s ease;
}

.shop-hero-search button:hover {
background:#111;
}

.shop-content {
padding:26px 0 64px;
}

.shop-toolbar {
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:22px;
border:1px solid #ececec;
border-radius:8px;
background:#fff;
padding:18px 20px;
box-shadow:0 12px 30px rgba(17,17,17,.05);
}

.shop-toolbar span,
.shop-filter-heading span,
.shop-product-card__brand {
color:#c9242a;
}

.shop-toolbar strong {
display:block;
margin-top:4px;
color:#111;
font-family:Montserrat, sans-serif;
font-size:20px;
line-height:1.25;
}

.shop-clear-link {
display:inline-flex;
align-items:center;
gap:8px;
border:1px solid #e8e8e8;
border-radius:6px;
background:#fff;
color:#111;
font-family:Montserrat, sans-serif;
font-size:13px;
font-weight:700;
padding:11px 15px;
text-decoration:none;
transition:color .2s ease, border-color .2s ease;
}

.shop-clear-link:hover,
.shop-clear-link:focus {
border-color:#c9242a;
color:#c9242a;
text-decoration:none;
}

.shop-layout {
display:grid;
grid-template-columns:280px minmax(0,1fr);
gap:24px;
align-items:start;
}

.shop-filters {
position:sticky;
top:132px;
}

.shop-filter-heading {
border:1px solid #ececec;
border-radius:8px 8px 0 0;
background:#111;
padding:18px;
}

.shop-filter-toggle {
display:block;
width:100%;
border:0;
background:transparent;
padding:0;
text-align:left;
}

.shop-filter-toggle em {
display:block;
color:#c9242a;
font-family:Montserrat, sans-serif;
font-size:12px;
font-style:normal;
font-weight:700;
letter-spacing:0;
text-transform:uppercase;
}

.shop-filter-toggle .fa {
display:none;
}

.shop-filter-heading strong {
display:block;
margin-top:4px;
color:#fff;
font-family:Montserrat, sans-serif;
font-size:18px;
line-height:1.25;
}

.shop-filters .panel.sidebar-menu {
margin:0 0 14px;
border:0;
border-radius:0;
box-shadow:0 10px 26px rgba(17,17,17,.06);
}

.shop-filters .panel.sidebar-menu:last-child {
border-radius:0 0 8px 8px;
overflow:hidden;
}

.shop-filters .panel-heading {
border:0;
background:#fff;
padding:15px 18px;
}

.shop-filters .panel-title {
color:#111;
font-family:Montserrat, sans-serif;
font-size:14px;
font-weight:700;
}

.shop-filters .hide-show {
color:#c9242a;
font-size:12px;
}

.shop-filters .input-group .form-control {
height:40px;
border-color:#e5e5e5;
box-shadow:none;
}

.shop-filters .input-group-addon {
border-color:#e5e5e5;
background:#f7f7f7;
color:#c9242a;
}

.shop-filters .scroll-menu {
max-height:250px;
overflow:auto;
}

.shop-filters .category-menu li,
.shop-filters .category-menu li[style] {
background:#fff !important;
border-top:1px solid #f0f0f0;
}

.shop-filters .category-menu li a {
padding:0;
color:#333;
font-size:14px;
text-transform:none !important;
}

.shop-filters .category-menu label {
display:flex;
align-items:center;
gap:8px;
width:100%;
margin:0;
padding:12px 12px;
font-weight:600;
cursor:pointer;
}

.shop-filters .category-menu input[type="checkbox"] {
flex:0 0 auto;
width:18px;
height:18px;
margin:0;
accent-color:#c9242a;
}

.shop-filters .category-menu label span {
display:block;
min-width:0;
color:#333;
font-size:14px;
line-height:1.35;
}

.shop-filters .category-menu label img {
display:none !important;
}

.shop-results {
min-width:0;
}

.shop-loader {
min-height:0;
text-align:center;
}

.shop-loader img {
width:42px;
height:42px;
margin:0 auto 16px;
}

.shop-product-grid {
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:20px;
}

.shop-product-card {
position:relative;
overflow:hidden;
border:1px solid #e6e6e6;
border-radius:10px;
background:#fff;
box-shadow:none;
transition:border-color .2s ease, box-shadow .2s ease;
}

.shop-product-card:hover {
border-color:#d9d9d9;
box-shadow:0 16px 36px rgba(17,17,17,.08);
}

.shop-product-card__image {
position:relative;
display:block;
aspect-ratio:1 / 1;
overflow:hidden;
background:#f5f5f5 url("../admin/product_images/product-1.jpg") center/cover no-repeat;
}

.shop-product-card__image img {
width:100%;
height:100%;
object-fit:contain;
padding:28px;
transition:transform .25s ease;
}

.shop-product-card:hover .shop-product-card__image img {
transform:scale(1.02);
}

.shop-product-card__badge {
position:absolute;
top:18px;
left:18px;
border-radius:999px;
background:#d24a2f;
color:#fff;
font-family:Montserrat, sans-serif;
font-size:14px;
font-weight:700;
line-height:1;
padding:9px 13px;
text-transform:uppercase;
z-index:2;
}

.shop-product-card__quick {
position:absolute;
top:18px;
right:18px;
z-index:3;
display:flex;
flex-direction:column;
gap:10px;
opacity:1;
}

.shop-product-card__quick a {
display:flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
border-radius:50%;
background:#fff;
color:#222;
box-shadow:0 10px 28px rgba(17,17,17,.08);
text-decoration:none;
transition:background .2s ease, color .2s ease, transform .2s ease;
}

.shop-product-card__quick a:hover,
.shop-product-card__quick a:focus {
background:#3f634f;
color:#fff;
text-decoration:none;
transform:translateY(-1px);
}

.shop-product-card__body {
display:flex;
flex-direction:column;
align-items:center;
padding:24px 22px 28px;
text-align:center;
}

.shop-product-card h3 {
display:block !important;
min-height:46px;
margin:0 0 8px;
color:#111 !important;
font-family:Montserrat, sans-serif;
font-size:17px;
font-weight:700;
line-height:1.35;
overflow:hidden;
}

.shop-product-card h3 a {
display:block;
color:#111 !important;
text-decoration:none;
}

.shop-product-card h3 a:hover {
color:#3f634f;
}

.shop-product-card__rating {
display:flex;
justify-content:center;
gap:2px;
min-height:17px;
margin-bottom:12px;
color:#ffbd2e;
font-size:14px;
}

.shop-product-card__price {
display:flex;
align-items:baseline;
justify-content:center;
gap:8px;
min-height:28px;
margin-bottom:22px;
}

.shop-product-card__price strong {
color:#d6422f;
font-family:Montserrat, sans-serif;
font-size:22px;
}

.shop-product-card__price del {
color:#9aa0a6;
font-size:16px;
font-weight:700;
}

.shop-product-card__actions {
display:grid;
grid-template-columns:.72fr 1fr;
gap:10px;
}

.shop-card-btn {
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-height:52px;
border:1px solid transparent;
border-radius:999px;
font-family:Montserrat, sans-serif;
font-size:13px;
font-weight:700;
line-height:18px;
padding:12px 22px;
text-align:center;
text-decoration:none;
transition:background .2s ease, border-color .2s ease, color .2s ease;
}

.shop-card-btn:hover,
.shop-card-btn:focus {
text-decoration:none;
}

.shop-card-btn .fa {
margin-right:7px;
}

.shop-card-btn-primary {
background:#3f634f;
border-color:#3f634f;
color:#fff;
}

.shop-card-btn-primary:hover,
.shop-card-btn-primary:focus {
background:#294637;
border-color:#294637;
color:#fff;
}

.shop-card-btn-light {
background:#fff;
border-color:#e2e2e2;
color:#111;
}

.shop-card-btn-light:hover,
.shop-card-btn-light:focus {
border-color:#3f634f;
color:#3f634f;
}

.shop-empty-state {
grid-column:1 / -1;
border:1px solid #ececec;
border-radius:8px;
background:#fff;
padding:58px 24px;
text-align:center;
}

.shop-empty-state .fa {
width:74px;
height:74px;
margin-bottom:14px;
border-radius:50%;
background:#fbe9ea;
color:#c9242a;
font-size:30px;
line-height:74px;
}

.shop-empty-state h2 {
margin:0 0 8px;
color:#111;
font-family:Montserrat, sans-serif;
font-size:24px;
}

.shop-empty-state p {
margin:0 auto 20px;
max-width:360px;
color:#666;
line-height:1.55;
}

.shop-pagination {
display:flex;
justify-content:center;
margin-top:30px;
}

.shop-pagination .pagination {
margin:0;
}

.shop-pagination .pagination > li > a,
.shop-pagination .pagination > li > span {
border-color:#e5e5e5;
color:#111;
font-family:Montserrat, sans-serif;
font-size:13px;
font-weight:700;
}

.shop-pagination .pagination > li > a:hover {
background:#c9242a;
border-color:#c9242a;
color:#fff;
}

.shop-pagination .pagination > li.active > a,
.shop-pagination .pagination > li.active > a:hover {
background:#111;
border-color:#111;
color:#fff;
}

@media (max-width: 1199px) {
.shop-product-grid {
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 991px) {
.shop-compact-hero__inner {
display:block;
}

.shop-compact-search {
margin-top:18px;
}

.shop-hero__inner {
display:block;
min-height:0;
}

.shop-hero-search {
margin-top:22px;
}

.shop-layout {
grid-template-columns:1fr;
}

.shop-filters {
position:static;
}
}

@media (max-width: 640px) {
.shop-compact-hero__inner {
padding-top:14px;
padding-bottom:14px;
}

.shop-compact-hero h1 {
font-size:26px;
margin-bottom:6px;
}

.shop-compact-hero p {
font-size:14px;
line-height:1.45;
}

.shop-compact-search {
margin-top:12px;
min-height:50px;
}

.shop-hero-search button {
min-height:40px;
padding:0 18px;
}

.shop-content {
padding-top:16px;
}

.shop-hero__inner {
padding-top:34px;
padding-bottom:38px;
}

.shop-hero h1 {
font-size:34px;
}

.shop-toolbar {
display:block;
margin-bottom:16px;
padding:16px;
}

.shop-toolbar strong {
font-size:18px;
}

.shop-clear-link {
margin-top:14px;
width:100%;
justify-content:center;
}

.shop-product-grid {
grid-template-columns:1fr;
}

.shop-layout {
display:flex;
flex-direction:column;
gap:20px;
}

.shop-results {
order:1;
}

.shop-filters {
order:2;
width:100%;
}

.shop-filter-heading {
border-radius:8px;
padding:0;
}

.shop-filter-toggle {
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:64px;
border-radius:8px;
padding:14px 16px;
cursor:pointer;
}

.shop-filter-toggle .fa {
display:block;
color:#fff;
font-size:22px;
transition:transform .2s ease;
}

.shop-filters.is-open .shop-filter-toggle .fa {
transform:rotate(180deg);
}

.shop-filters:not(.is-open) .panel.sidebar-menu {
display:none;
}

.shop-filters.is-open .shop-filter-heading {
border-radius:8px 8px 0 0;
}

.shop-product-card__image img {
padding:22px;
}

.shop-product-card__quick {
top:12px;
right:12px;
gap:8px;
}

.shop-product-card__quick a {
width:42px;
height:42px;
}

.shop-product-card__actions {
grid-template-columns:1fr;
}

.shop-hero-search {
border-radius:8px;
}
}


/* Details Styles */

.pdp-page {
background: #fff;
padding: 28px 0 22px;
border-bottom: 1px solid #eeeeee;
}

.pdp-breadcrumb {
display: flex;
align-items: center;
gap: 10px;
color: #666;
font-size: 14px;
font-weight: 800;
}

.pdp-breadcrumb a {
color: #111;
text-decoration: none;
}

#content #productMain {
display: grid;
grid-template-columns: minmax(520px, 1fr) minmax(420px, 560px);
gap: 34px;
align-items: start;
margin: 48px auto 44px;
max-width: 1360px;
}

#content #productMain:before,
#content #productMain:after {
content: none;
display: none;
}

#content #productMain > .col-sm-6 {
float: none;
width: auto;
padding-left: 0;
padding-right: 0;
}

#content #productMain > .col-sm-6:first-child {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
align-items: start;
min-width: 0;
}

.pdp-thumbs {
display: grid;
grid-template-columns: repeat(auto-fit, 70px);
gap: 10px;
justify-content: center;
order: 2;
}

.pdp-thumb {
height: 70px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid #e3e3e3;
border-radius: 5px;
background: #fff;
text-decoration: none;
box-shadow: none;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pdp-thumb.is-active,
.pdp-thumb:hover,
.pdp-thumb:focus {
border-color: #111;
box-shadow: 0 10px 24px rgba(17, 17, 17, 0.10);
transform: translateY(-1px);
}

.pdp-thumb img {
width: 100%;
height: 100%;
object-fit: contain;
}

#content #productMain {

margin-bottom: 42px;

}

#content #productMain .price {
display: none;

}

#content #mainImage {
position: relative;
order: 1;
aspect-ratio: 1 / 1;
min-height: 0;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 0;
border-radius: 5px;
box-shadow: none;
overflow: hidden;
}

#content #mainImage .carousel,
#content #mainImage .carousel-inner,
#content #mainImage .item {
width: 100%;
height: 100%;
}

#content #mainImage .item center {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

#content #mainImage img {
display: block;
width: 108%;
height: 108%;
max-width: none;
max-height: none;
object-fit: cover;
object-position: center;
}

#content #mainImage .carousel-indicators,
#content #mainImage .carousel-control {
display: none;
}

.pdp-zoom {
position: absolute;
top: 22px;
right: 22px;
z-index: 4;
width: 54px;
height: 54px;
border: 0;
border-radius: 50%;
background: #fff;
color: #111;
font-size: 18px;
box-shadow: 0 14px 34px rgba(17,17,17,.10);
transition: transform .2s ease, box-shadow .2s ease;
}

.pdp-zoom:hover,
.pdp-zoom:focus {
transform: scale(1.04);
box-shadow: 0 18px 40px rgba(17,17,17,.16);
outline: none;
}

#content #productMain > .col-sm-6:first-child > .label {
display: none;
}

#content #productMain > .col-sm-6:first-child > .label .thelabel {
width: auto;
min-width: 72px;
margin: 0;
padding: 8px 14px;
border-radius: 999px;
background: #426651;
box-shadow: 0 12px 28px rgba(66, 102, 81, 0.22);
font-size: 13px;
font-weight: 900;
line-height: 1;
text-align: center;
text-shadow: none;
text-transform: uppercase;
}

#content #productMain > .col-sm-6:first-child > .label .thelabel:before,
#content #productMain > .col-sm-6:first-child > .label .thelabel:after,
#content #productMain > .col-sm-6:first-child > .label .label-background {
display: none;
}

#content #thumbs a {
display: block;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
border : solid 2px transparent;
}

#thumbs {
display: none;
}

.pdp-info {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
position: sticky;
top: 18px;
}

.pdp-info h1 {
margin: 0 0 12px;
color: #111;
font-size: 36px;
font-weight: 900;
line-height: 1.12;
text-align: left;
}

.pdp-rating-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
margin-bottom: 28px;
color: #666;
font-size: 14px;
font-weight: 800;
}

.pdp-stars {
color: #f5a400;
letter-spacing: 1px;
}

.pdp-sold {
color: #d3553d;
}

.pdp-price {
display: flex;
align-items: baseline;
gap: 12px;
margin-bottom: 20px;
margin-top: 0;
}

.pdp-price strong {
color: #111;
font-size: 34px;
font-weight: 900;
line-height: 1;
}

.pdp-price del {
color: #888;
font-size: 20px;
font-weight: 800;
}

.pdp-short-desc {
max-width: 700px;
margin-bottom: 24px;
color: #646464;
font-size: 15px;
font-weight: 700;
line-height: 1.7;
}

.pdp-live-view {
display: inline-flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
color: #222;
font-size: 15px;
font-weight: 800;
}

.pdp-live-view .fa {
width: 38px;
height: 32px;
border-radius: 4px;
background: #171717;
color: #fff;
line-height: 32px;
text-align: center;
}

.pdp-mini-actions {
display: flex;
gap: 32px;
padding-bottom: 28px;
margin-bottom: 28px;
border-bottom: 1px solid #e6e6e6;
}

.pdp-mini-actions a,
.pdp-mini-actions button {
display: inline-flex;
align-items: center;
gap: 10px;
border: 0;
background: transparent;
padding: 0;
color: #333;
font-size: 16px;
font-weight: 900;
text-decoration: none;
}

.pdp-mini-actions a:hover,
.pdp-mini-actions button:hover {
color: var(--nurul-gold);
}

.pdp-personal-heading h3 {
margin: 0 0 8px;
color: #222;
font-size: 18px;
font-weight: 900;
}

.pdp-personal-heading p {
margin: 0 0 16px;
color: #666;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
}

.pdp-purchase-form .form-group {
margin-left: 0;
margin-right: 0;
margin-bottom: 16px;
}

.pdp-purchase-form .control-label {
display: block;
float: none;
width: 100%;
padding: 0 0 8px;
color: #333;
font-size: 12px;
font-weight: 900;
line-height: 1.2;
text-align: left;
text-transform: uppercase;
}

.pdp-purchase-form .pdp-note-field > label,
.pdp-purchase-form .pdp-upload-field > label:first-child,
.pdp-custom-fields .form-group > label {
display: block;
margin-bottom: 7px;
color: #242424;
font-size: 13px;
font-weight: 800;
line-height: 1.25;
text-transform: none;
}

.pdp-purchase-form .col-md-7 {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}

.pdp-purchase-form .form-control {
height: 56px;
border: 1px solid #e6e6e6;
border-radius: 999px;
box-shadow: none;
padding: 0 16px;
font-size: 14px;
font-weight: 700;
background-color: #fbfbfb;
transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.pdp-purchase-form .form-control:focus {
border-color: #426651;
box-shadow: 0 0 0 4px rgba(66, 102, 81, 0.10);
background-color: #fff;
}

.pdp-purchase-form textarea.form-control {
height: 82px;
min-height: 82px;
padding-top: 15px;
resize: vertical;
}

.pdp-upload-control {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 180px;
height: 56px;
margin: 0;
overflow: hidden;
border: 1px solid #e6e6e6;
border-radius: 999px;
background: #fff;
cursor: pointer;
}

.pdp-upload-control--field {
height: 52px;
grid-template-columns: minmax(0, 1fr) 148px;
}

.pdp-file-name,
.pdp-upload-button {
display: flex;
align-items: center;
min-width: 0;
padding: 0 22px;
color: #555;
font-size: 14px;
font-weight: 800;
}

.pdp-file-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.pdp-upload-button {
justify-content: center;
gap: 8px;
border-left: 1px solid #e6e6e6;
background: #f7f7f7;
color: #555;
}

.pdp-upload-control input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}

.pdp-cart-row {
display: grid;
grid-template-columns: 154px minmax(0, 1fr) 56px 56px;
gap: 14px;
align-items: center;
margin: 28px 0 22px;
}

.pdp-qty-stepper {
display: grid;
grid-template-columns: 44px 1fr 44px;
align-items: center;
height: 56px;
border-radius: 999px;
background: #f5f5f5;
overflow: hidden;
}

.pdp-qty-stepper input {
width: 100%;
height: 56px;
border: 0;
background: transparent;
color: #222;
font-size: 16px;
font-weight: 900;
text-align: center;
appearance: textfield;
}

.pdp-qty-stepper input::-webkit-outer-spin-button,
.pdp-qty-stepper input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.pdp-qty-btn {
height: 56px;
border: 0;
background: transparent;
color: #555;
font-size: 20px;
line-height: 1;
}

.pdp-add-cart,
.pdp-icon-action {
height: 56px;
border-radius: 999px;
font-size: 14px;
font-weight: 900;
text-transform: uppercase;
box-shadow: none;
}

.pdp-add-cart {
background: #426651;
border-color: #426651;
color: #fff;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.pdp-icon-action,
.pdp-compare-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
min-width: 56px;
padding: 0;
background: #fff;
border: 1px solid #e6e6e6;
color: #111;
font-size: 18px;
}

.pdp-add-cart:hover,
.pdp-add-cart:focus {
background: #304d3d;
border-color: #304d3d;
transform: translateY(-1px);
}

.pdp-icon-action:hover,
.pdp-compare-btn:hover {
background: var(--nurul-gold);
border-color: var(--nurul-gold);
color: #fff;
}

.pdp-terms {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 16px;
color: #222;
font-size: 14px;
font-weight: 800;
}

.pdp-terms input {
width: 22px;
height: 22px;
margin: 0;
}

.pdp-terms a {
color: #111;
text-decoration: underline;
}

.pdp-buy-now {
width: 100%;
height: 58px;
border: 0;
border-radius: 999px;
background: #d67154;
color: #fff;
font-size: 15px;
font-weight: 900;
text-transform: uppercase;
transition: background-color .2s ease, transform .2s ease;
}

.pdp-buy-now:hover,
.pdp-buy-now:focus {
background: #c45e43;
transform: translateY(-1px);
outline: none;
}

.pdp-delivery {
display: flex;
align-items: center;
gap: 14px;
margin-top: 18px;
color: #555;
font-size: 14px;
font-weight: 800;
}

.pdp-delivery .fa {
font-size: 22px;
color: #777;
}

.pdp-details-tabs {
max-width: 1280px;
margin: 104px auto 64px;
padding: 0 18px 18px;
background: transparent;
}

.pdp-tabs-nav {
display: flex;
justify-content: center;
gap: 22px;
margin: 0 0 58px;
padding: 0;
list-style: none;
}

.pdp-tabs-nav li {
margin: 0;
}

.pdp-tabs-nav a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 170px;
height: 52px;
padding: 0 34px;
border-radius: 999px;
background: #f4f4f4;
color: #171717;
font-size: 15px;
font-weight: 900;
text-decoration: none;
transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.pdp-tabs-nav a:hover,
.pdp-tabs-nav a:focus {
background: #e9e9e9;
text-decoration: none;
transform: translateY(-1px);
outline: none;
}

.pdp-tabs-nav .active a,
.pdp-tabs-nav .active a:hover,
.pdp-tabs-nav .active a:focus {
background: #426651;
color: #fff;
}

.pdp-tabs-content {
color: #575757;
font-size: 15px;
font-weight: 700;
line-height: 1.7;
}

.pdp-tab-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 440px;
gap: 86px;
align-items: start;
}

.pdp-tab-full {
max-width: 980px;
margin: 0 auto;
}

.pdp-tab-grid h3,
.pdp-tab-full h3 {
margin: 0 0 18px;
color: #222;
font-family: Georgia, 'Times New Roman', serif;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
}

.pdp-tab-copy,
.pdp-tab-grid p,
.pdp-tab-full p,
.pdp-tab-note {
color: #5f5f5f;
font-size: 15px;
font-weight: 700;
line-height: 1.75;
}

.pdp-tab-copy--description p {
margin: 0 0 16px;
}

.pdp-tab-copy--description ul,
.pdp-tab-copy--description ol {
margin: 18px 0;
padding-left: 22px;
}

.pdp-tab-copy--description li {
margin-bottom: 8px;
}

.pdp-feature-list,
.pdp-policy-list {
margin: 36px 0 0;
color: #5f5f5f;
}

.pdp-feature-list,
.pdp-policy-list {
padding-left: 0;
list-style: none;
}

.pdp-feature-list li,
.pdp-policy-list li {
margin-bottom: 6px;
font-size: 15px;
font-weight: 800;
line-height: 1.55;
}

.pdp-feature-list li:before,
.pdp-policy-list li:before {
content: "- ";
}

.pdp-care-list {
display: grid;
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}

.pdp-care-list li {
display: flex;
align-items: center;
gap: 12px;
color: #555;
font-size: 15px;
font-weight: 800;
line-height: 1.5;
}

.pdp-care-list span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
flex: 0 0 36px;
border: 2px solid #8d8d8d;
border-radius: 50%;
color: #555;
font-size: 15px;
}

.pdp-tab-note {
margin: 70px 0 0;
max-width: 1240px;
}

.pdp-product-row-section {
max-width: 1320px;
margin: 92px auto 90px;
padding: 0 18px;
}

.pdp-recently-viewed {
margin-top: 48px;
}

.pdp-people-bought {
margin-top: 98px;
}

.pdp-people-heading {
margin-bottom: 46px;
text-align: center;
}

.pdp-people-heading h2 {
margin: 0 0 12px;
color: #151515;
font-family: Georgia, 'Times New Roman', serif;
font-size: 48px;
font-weight: 500;
line-height: 1.1;
}

.pdp-people-heading p {
margin: 0;
color: #555;
font-size: 16px;
font-weight: 800;
line-height: 1.6;
}

.pdp-people-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 30px;
}

.pdp-people-card {
min-width: 0;
overflow: hidden;
border: 1px solid #e6e6e6;
border-radius: 12px;
background: #fff;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pdp-people-card:hover {
border-color: #dddddd;
box-shadow: 0 18px 46px rgba(17, 17, 17, 0.08);
transform: translateY(-2px);
}

.pdp-people-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / .99;
background: #f4f4f4;
overflow: hidden;
}

.pdp-people-image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
transition: transform .25s ease;
}

.pdp-people-card:hover .pdp-people-image img {
transform: scale(1.04);
}

.pdp-discount-badge {
position: absolute;
top: 18px;
left: 18px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 62px;
height: 32px;
padding: 0 14px;
border-radius: 999px;
background: #d75131;
color: #fff;
font-size: 14px;
font-weight: 900;
}

.pdp-people-body {
padding: 24px 26px 28px;
text-align: center;
}

.pdp-people-body h3 {
min-height: 46px;
margin: 0 0 8px;
font-size: 17px;
font-weight: 900;
line-height: 1.35;
}

.pdp-people-body h3 a {
color: #242424;
text-decoration: none;
}

.pdp-people-body h3 a:hover {
color: #426651;
}

.pdp-card-stars {
margin-bottom: 14px;
color: #f4ad22;
font-size: 14px;
letter-spacing: 1px;
}

.pdp-people-price {
display: flex;
align-items: baseline;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
min-height: 30px;
margin: 0 0 24px;
}

.pdp-people-price strong {
color: #111;
font-size: 22px;
font-weight: 900;
line-height: 1;
}

.pdp-people-price strong.is-sale {
color: #d75131;
}

.pdp-people-price del {
color: #9a9a9a;
font-size: 14px;
font-weight: 900;
}

.pdp-card-cart {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 52px;
border-radius: 999px;
background: #426651;
color: #fff;
font-size: 13px;
font-weight: 900;
text-decoration: none;
text-transform: uppercase;
transition: background-color .2s ease, transform .2s ease;
}

.pdp-card-cart:hover,
.pdp-card-cart:focus {
background: #304d3d;
color: #fff;
text-decoration: none;
transform: translateY(-1px);
outline: none;
}

.guest-checkout-wrap {
margin: 34px 0 64px;
}

.guest-checkout-card {
max-width: 980px;
margin: 0 auto;
padding: 34px;
border: 1px solid #eeeeee;
border-radius: 14px;
background: #fff;
box-shadow: 0 18px 48px rgba(17, 17, 17, 0.08);
}

.guest-checkout-heading {
margin-bottom: 24px;
text-align: center;
}

.guest-checkout-heading span {
display: inline-block;
margin-bottom: 8px;
color: #426651;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}

.guest-checkout-heading h2 {
margin: 0 0 10px;
color: #111;
font-size: 28px;
font-weight: 900;
}

.guest-checkout-heading p {
margin: 0;
color: #666;
font-size: 15px;
font-weight: 700;
line-height: 1.6;
}

.guest-checkout-heading .guest-login-link {
margin-top: 10px;
font-size: 14px;
}

.guest-login-link a {
color: #426651;
font-weight: 900;
text-decoration: underline;
}

.guest-checkout-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.guest-checkout-form .nurul-login-btn {
margin-top: 18px;
}

.checkout-page {
background: #fff;
}

.checkout-shell {
display: grid;
grid-template-columns: minmax(0, 1fr) 520px;
max-width: 1280px;
min-height: 100vh;
margin: 0 auto;
}

.checkout-main {
padding: 56px 54px 70px 24px;
}

.checkout-summary {
padding: 56px 24px 70px 44px;
background: #f6f6f6;
border-left: 1px solid #dedede;
}

.checkout-section {
margin-bottom: 34px;
}

.checkout-section h2,
.checkout-section h3 {
margin: 0 0 16px;
color: #111;
font-size: 24px;
font-weight: 900;
line-height: 1.2;
}

.checkout-section h3 {
font-size: 19px;
}

.checkout-heading-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}

.checkout-heading-row a {
color: #111;
font-size: 14px;
font-weight: 800;
text-decoration: underline;
}

.checkout-input,
.checkout-field select {
width: 100%;
height: 56px;
margin-bottom: 14px;
border: 1px solid #dcdcdc;
border-radius: 8px;
background: #fff;
box-shadow: none;
padding: 0 14px;
color: #222;
font-size: 15px;
font-weight: 700;
}

.checkout-input-lg {
height: 60px;
border: 2px solid #222;
font-size: 16px;
}

.checkout-input:focus,
.checkout-field select:focus {
border-color: #222;
outline: none;
box-shadow: 0 0 0 2px rgba(17, 17, 17, .08);
}

.checkout-field {
position: relative;
margin-bottom: 14px;
}

.checkout-field label {
position: absolute;
top: 9px;
left: 14px;
z-index: 1;
margin: 0;
color: #666;
font-size: 12px;
font-weight: 700;
line-height: 1;
}

.checkout-field select {
height: 58px;
padding-top: 18px;
appearance: auto;
}

.checkout-two,
.checkout-three {
display: grid;
gap: 14px;
}

.checkout-two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.checkout-three {
grid-template-columns: 1fr 1fr 1fr;
}

.checkout-check,
.checkout-radio-option {
display: flex;
align-items: center;
gap: 12px;
margin: 0;
color: #222;
font-size: 15px;
font-weight: 800;
}

.checkout-check input,
.checkout-radio-option input {
width: 20px;
height: 20px;
margin: 0;
}

.checkout-muted-box {
display: flex;
align-items: center;
justify-content: center;
min-height: 58px;
border-radius: 8px;
background: #f3f3f3;
color: #777;
font-size: 15px;
font-weight: 800;
text-align: center;
}

.checkout-subtext {
margin: -8px 0 16px;
color: #666;
font-size: 14px;
font-weight: 700;
}

.checkout-option,
.checkout-payment-option,
.checkout-radio-option {
min-height: 58px;
padding: 0 16px;
border: 1px solid #dcdcdc;
background: #fff;
}

.checkout-option {
display: flex;
align-items: center;
border-radius: 8px;
color: #222;
font-size: 15px;
font-weight: 900;
}

.checkout-payment-option {
display: flex;
align-items: center;
gap: 12px;
margin: 0;
cursor: pointer;
}

.checkout-payment-option:first-of-type {
border-radius: 8px 8px 0 0;
}

.checkout-payment-option + .checkout-payment-option {
border-top: 0;
border-radius: 0 0 8px 8px;
}

.checkout-payment-option input {
width: 20px;
height: 20px;
margin: 0;
}

.checkout-payment-option span {
display: grid;
gap: 4px;
}

.checkout-payment-option strong {
color: #222;
font-size: 15px;
font-weight: 900;
}

.checkout-payment-option small {
color: #666;
font-size: 13px;
font-weight: 700;
}

.checkout-option.is-selected,
.checkout-payment-option.is-selected,
.checkout-radio-option.is-selected {
border-color: #222;
background: #f7f7f7;
}

.checkout-radio-option:first-of-type {
border-radius: 8px 8px 0 0;
}

.checkout-radio-option:last-of-type {
border-top: 0;
border-radius: 0 0 8px 8px;
}

.checkout-billing-form {
display: none;
padding: 16px;
border: 1px solid #dcdcdc;
border-top: 0;
border-radius: 0 0 8px 8px;
background: #fff;
}

.checkout-billing-form.is-open {
display: block;
}

.checkout-radio-option:nth-of-type(2).is-selected {
border-radius: 0;
}

.checkout-complete-btn {
width: 100%;
height: 62px;
border: 0;
border-radius: 8px;
background: #171717;
color: #fff;
font-size: 17px;
font-weight: 900;
}

.checkout-summary-item {
display: grid;
grid-template-columns: 72px minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
margin-bottom: 24px;
}

.checkout-summary-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border: 1px solid #ddd;
border-radius: 10px;
background: #fff;
}

.checkout-summary-image img {
width: 80%;
height: 80%;
object-fit: contain;
}

.checkout-summary-image span {
position: absolute;
top: -10px;
right: -10px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: #111;
color: #fff;
font-size: 12px;
font-weight: 900;
}

.checkout-summary-item strong,
.checkout-summary-item p {
margin: 0;
color: #222;
font-size: 15px;
font-weight: 900;
}

.checkout-gift-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 78px;
gap: 10px;
margin: 22px 0 26px;
}

.checkout-gift-row input {
height: 56px;
border: 1px solid #dcdcdc;
border-radius: 8px;
padding: 0 14px;
font-size: 15px;
font-weight: 700;
}

.checkout-gift-row button {
height: 56px;
border: 1px solid #e4e4e4;
border-radius: 8px;
background: #fff;
color: #777;
font-size: 15px;
font-weight: 900;
}

.checkout-total-row,
.checkout-grand-total {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 14px;
color: #222;
font-size: 15px;
font-weight: 800;
}

.checkout-total-row em {
color: #666;
font-style: normal;
}

.checkout-grand-total {
margin-top: 22px;
font-size: 22px;
font-weight: 900;
}

.checkout-grand-total strong {
font-size: 24px;
}

.legacy-related-products {
display: none;
}

#content .headline {
height: 350px;
}


/* Cart page Styles */

#content #cart .table tbody tr td img {
width: 50px;
}

#content #cart .table tbody tr td input {
width: 40px;
text-align: right;

}

#content #cart .table tbody tr td{
vertical-align: middle;

}
#content #cart .table tfoot {
font-size:18px;
}

.box .box-footer {
background: #f7f7f7;
margin: 30px -20px -20px;
padding:20px;
border-top: solid 1px #eeeeee;

}

.box .box-footer:before,
.box .box-footer:after {
content:" ";
display: table;
}

.box .box-footer:after {
clear:both;
}

.box .box-header {
background:#f7f7f7;
margin:-20px -20px 20px;
padding:20px;
border-bottom: solid 1px #eeeeee;

}

#content #order-summary table {
margin-top: 20px;

}
#content #order-summary table td {
color: #999999;
}

#content #order-summary table tr.total td,
 #content #order-summary table tr.total th{
 font-size: 18px;
 color:#555555;
 font-weight: 700;

 }

/* Cart page refresh */

.cart-hero {
padding: 58px 0 34px;
background: #fff;
border-bottom: 1px solid #eeeeee;
text-align: center;
}

.cart-hero span {
display: inline-block;
margin-bottom: 8px;
color: #426651;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}

.cart-hero h1 {
margin: 0 0 10px;
color: #111;
font-family: Georgia, 'Times New Roman', serif;
font-size: 48px;
font-weight: 500;
line-height: 1.1;
}

.cart-hero p {
max-width: 620px;
margin: 0 auto;
color: #666;
font-size: 15px;
font-weight: 700;
line-height: 1.7;
}

.cart-alert {
margin: 28px 0 0;
border: 0;
border-radius: 10px;
background: #f3f7f4;
color: #31503f;
font-weight: 800;
}

.cart-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 390px;
gap: 30px;
padding: 46px 0 40px;
align-items: start;
}

.cart-main,
.cart-summary {
min-width: 0;
}

.cart-panel {
background: #fff;
border: 1px solid #eeeeee;
border-radius: 14px;
box-shadow: 0 18px 48px rgba(17, 17, 17, 0.06);
padding: 30px;
}

.cart-panel__heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-bottom: 22px;
border-bottom: 1px solid #eeeeee;
}

.cart-panel__heading span,
.cart-section-title span {
display: inline-block;
margin-bottom: 7px;
color: #426651;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}

.cart-panel__heading h1,
.cart-section-title h2,
.cart-summary h2 {
margin: 0;
color: #111;
font-size: 28px;
font-weight: 900;
}

.cart-panel__heading strong {
min-width: 94px;
padding: 10px 16px;
border-radius: 999px;
background: #f4f4f4;
border: 1px solid #e5e5e5;
color: #222;
font-size: 13px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
}

.cart-items {
display: grid;
gap: 16px;
padding-top: 22px;
}

.cart-item {
display: grid;
grid-template-columns: 116px minmax(0, 1fr) 230px;
gap: 20px;
align-items: center;
padding: 18px;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 12px;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.cart-item:hover {
border-color: #dedede;
box-shadow: 0 16px 36px rgba(17, 17, 17, 0.06);
transform: translateY(-1px);
}

.cart-item__image {
display: flex;
align-items: center;
justify-content: center;
width: 116px;
height: 116px;
overflow: hidden;
background: #f4f4f4;
border-radius: 10px;
}

.cart-item__image img {
width: 82%;
height: 82%;
object-fit: contain;
}

.cart-item__details h3 {
margin: 0 0 10px;
font-size: 18px;
font-weight: 900;
line-height: 1.35;
}

.cart-item__details h3 a {
color: #222;
text-decoration: none;
}

.cart-item__details h3 a:hover {
color: #426651;
}

.cart-item__meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
color: #666;
font-size: 13px;
line-height: 1.4;
}

.cart-item__meta span,
.cart-item__meta a {
display: inline-flex;
padding: 6px 10px;
background: #f6f6f6;
border-radius: 999px;
color: #666;
text-decoration: none;
}

.cart-item__meta a:hover {
color: #426651;
}

.cart-item__controls {
display: grid;
grid-template-columns: 92px 1fr;
gap: 12px;
align-items: center;
}

.cart-item__controls label,
.cart-qty-control span {
margin: 0;
color: #666;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

.cart-item__controls input[type="number"] {
display: block;
width: 92px;
height: 46px;
margin-top: 6px;
border: 1px solid #ddd;
border-radius: 999px;
padding: 0 14px;
color: #111;
font-size: 15px;
font-weight: 800;
text-align: center;
}

.cart-item__price {
text-align: right;
}

.cart-item__price small {
display: block;
color: #777;
font-size: 12px;
}

.cart-item__price strong {
display: block;
color: #111;
font-size: 22px;
font-weight: 900;
}

.cart-remove {
grid-column: 1 / -1;
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
cursor: pointer;
}

.cart-remove input {
margin: 0;
}

.cart-remove span {
color: #777;
font-size: 13px;
font-weight: 900;
text-transform: none;
}

.cart-remove:hover span {
color: #d9534f;
}

.cart-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 22px;
padding-top: 20px;
border-top: 1px solid #f0c7c9;
border-top-color: #eeeeee;
}

.cart-btn {
min-height: 44px;
border: 1px solid transparent;
border-radius: 999px;
padding: 11px 20px;
font-size: 14px;
font-weight: 900;
line-height: 20px;
text-align: center;
text-decoration: none;
}

.cart-btn:hover,
.cart-btn:focus {
text-decoration: none;
}

.cart-btn-primary {
background: #426651;
border-color: #426651;
color: #fff;
}

.cart-btn-primary:hover,
.cart-btn-primary:focus {
background: #304d3d;
border-color: #304d3d;
color: #fff;
}

.cart-btn-light {
background: #fff;
border-color: #ddd;
color: #222;
}

.cart-btn-light:hover,
.cart-btn-light:focus {
border-color: #426651;
color: #426651;
}

.cart-summary {
position: sticky;
top: 110px;
}

.cart-summary h2 {
font-size: 24px;
}

.cart-summary p {
margin: 10px 0 20px;
color: #666;
font-size: 14px;
line-height: 1.6;
}

.cart-summary__rows {
display: grid;
gap: 12px;
padding: 18px 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}

.cart-summary__rows div {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
color: #666;
font-size: 14px;
}

.cart-summary__rows strong {
color: #111;
font-weight: 900;
}

.cart-summary__rows .cart-summary__total {
padding-top: 12px;
border-top: 1px solid #f0c7c9;
border-top-color: #eeeeee;
color: #111;
font-size: 18px;
font-weight: 900;
}

.cart-coupon {
margin-top: 20px;
}

.cart-coupon label {
display: block;
margin-bottom: 8px;
color: #222;
font-size: 13px;
font-weight: 900;
text-transform: uppercase;
}

.cart-coupon div {
display: flex;
gap: 8px;
}

.cart-coupon input {
min-width: 0;
height: 48px;
flex: 1;
border: 1px solid #ddd;
border-radius: 999px;
padding: 0 12px;
font-weight: 700;
}

.cart-coupon button {
height: 48px;
border: 1px solid #426651;
border-radius: 999px;
background: #426651;
color: #fff;
padding: 0 18px;
font-weight: 900;
}

.cart-checkout {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
margin-top: 20px;
border-radius: 999px;
background: #111;
color: #fff;
font-size: 15px;
font-weight: 900;
text-decoration: none;
}

.cart-checkout:hover,
.cart-checkout:focus {
background: #426651;
color: #fff;
text-decoration: none;
}

.cart-checkout.is-disabled {
pointer-events: none;
opacity: .45;
}

.cart-summary__trust {
display: grid;
gap: 10px;
margin-top: 18px;
color: #555;
font-size: 13px;
font-weight: 800;
}

.cart-summary__trust div {
display: flex;
align-items: center;
gap: 10px;
}

.cart-summary__trust .fa {
color: #426651;
font-size: 16px;
}

.cart-empty {
padding: 54px 24px;
text-align: center;
}

.cart-empty > .fa {
width: 76px;
height: 76px;
margin-bottom: 14px;
border-radius: 50%;
background: #f3f7f4;
border: 1px solid #d8e5dc;
color: #426651;
font-size: 34px;
line-height: 76px;
}

.cart-empty h2 {
margin: 0 0 10px;
color: #111;
font-size: 26px;
font-weight: 900;
}

.cart-empty p {
max-width: 420px;
margin: 0 auto 22px;
color: #666;
font-size: 15px;
line-height: 1.7;
}

.cart-recommendations {
padding: 28px 0 82px;
margin-top: 8px;
}

@media (max-width: 991px) {
.cart-layout {
grid-template-columns: 1fr;
padding-top: 28px;
}

.cart-summary {
position: static;
}

.cart-item {
grid-template-columns: 96px minmax(0, 1fr);
}

.cart-item__image {
width: 96px;
height: 96px;
}

.cart-item__controls {
grid-column: 1 / -1;
grid-template-columns: 92px 1fr auto;
}

.cart-remove {
grid-column: auto;
}
}

@media (max-width: 640px) {
.cart-hero {
padding: 42px 0 28px;
}

.cart-hero h1 {
font-size: 36px;
}

.cart-panel {
padding: 20px;
border-radius: 10px;
}

.cart-panel__heading {
display: block;
}

.cart-panel__heading strong {
display: inline-block;
margin-top: 14px;
}

.cart-item {
grid-template-columns: 1fr;
}

.cart-item__image {
width: 100%;
height: 210px;
}

.cart-item__controls {
grid-template-columns: 1fr;
text-align: left;
}

.cart-item__price {
text-align: left;
}

.cart-remove {
grid-column: 1 / -1;
justify-content: flex-start;
}

.cart-actions {
display: grid;
}
}




/* Footer Styles */

#footer {
background: #e0e0e0;
padding: 20px 0;
}

#footer ul {
padding-left: 0;
list-style: none;
}

#footer ul a {
color:#999999;
padding: 20px 0;
}

#footer .social {
text-align: left;
}

#footer .social a {
margin: 0 10px 0 0;
color: #fff;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 15px;
line-height: 30px;
font-size: 15px;
text-align: center;
transition: all 0.2s ease-out;
vertical-align: bottom;
background-color:#555555;
}

#copyright {

background:#333;
color:#ccc;
padding:20px 0;
font-size:12px;

}

#copyright p {
margin: 0;
}


/** Filter Styles **/

.nav.category-menu{
margin-top:-21px;
}


.scroll-menu{
height:260px;
overflow-y:scroll;
}

.checkbox span{
display:inline-block;
vertical-align:middle;
position:relative;
padding-left:5px;
}

.checkbox span::before{
content: "";
display: inline-block;
position:absolute;
width:17px;
height:17px;
left: 0;
margin-left: -20px;
border: 2px solid #cccccc;
border-radius:3px;
background-color:#fff;
transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox span::after{
display:inline-block;
position:absolute;
width:16px;
height:16px;
left:0;
top:0;
margin-left: -20px;
padding-left:3px;
padding-top:1px;
font-size:11px;
color:#555555;

}

.checkbox input[type="checkbox"]{
opacity:0;
z-index:1;
cursor:pointer;

}


.checkbox input[type="checkbox"]:focus + span::before{

outline: thin dotted;
outline:5px auto;
outline-offset: -2px;

}

.checkbox input[type="checkbox"]:checked + span::after{

font-family: "FontAwesome";

content: "\f00c";

}

.checkbox-primary input[type="checkbox"]:checked + span::before{

background-color: #337ab7;

border-color: #337ab7;

}

.checkbox-primary input[type="checkbox"]:checked + span::after{

color: #fff;

}




/* Label Styles  */


.label {

text-decoration : none;

position: absolute;

top: 50px;

padding-left:51px;

z-index: 20;

}


.label .label-background {

position: absolute;
top:0;
right:0;
}

.label .thelabel {

position: relative;
width: 100px;
padding: 6px 50px 6px 15px;
margin: 40px 50px 10px -71px;
color: #fff;
font-size:18px;
font-weight:bold;
background-color: #337ab7;
text-shadow: 0px 1px 2px #bbb ;

}

.label .thelabel:before,
.label .thelabel:after {
content: '';
position: absolute;
width:0;
height:0;
}

.label .thelabel:after {
left: 0px;
top: 100%;
border-width : 5px 10px;
border-style: solid;
border-color: #2d7b6b #2d7b6b transparent transparent;
}

.label.sale {
top: 0;

}

/* tick and cross icons styles */


.tick1{
font-size:18px !important;
color:red;
}

.cross1{
font-size:18px !important;
color:red;
}

.tick2{
font-size:18px !important;
color:red;
}

.cross2{
font-size:18px !important;
color:red;
}

/* Password Strength Checker Styles */

#meter_wrapper{
border:1px solid grey;
width:202px;
height:20px;
margin:0;
border-radius:3px;

}


#meter{
width:0px;
height:18px;
border-radius:2px;

}


#pass_type{
font-size:15px;
margin-top:10px;
position:absolute;
top:0;
right:90px;
margin-bottom:10%;
color:grey;

}

.nurul-register-form #meter_wrapper {
border: 0;
width: auto;
height: 18px;
margin-top: 8px;
display: flex;
align-items: center;
gap: 10px;
position: static;
}

.nurul-register-form #meter {
height: 6px;
width: 0;
border-radius: 999px;
}

.nurul-register-form #pass_type {
font-size: 12px;
font-weight: 800;
margin: 0;
position: static;
color: #555;
min-width: 72px;
}

.nurul-register-form .tick1,
.nurul-register-form .tick2 {
color: #168a3a !important;
width: 34px;
}

.nurul-register-form .cross1,
.nurul-register-form .cross2 {
color: #d13434 !important;
width: 34px;
}



/* Services Styles  */


.services .col-md-4 {

margin-left:3%;

width:29%;

}

@media(max-width: 1000px){

.services .col-md-4 {

margin-left:2%;

width:46%;

}

}


@media(max-width: 800px){

.services .col-md-4 {

width:90%;

}


}

/* Site-wide responsive polish */

img {
max-width: 100%;
height: auto;
}

.table-responsive {
border: 0;
}

@media (max-width: 991px) {
body {
font-size: 14px;
}

.container {
width: 100%;
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
}

#content {
padding-left: 0;
padding-right: 0;
}

#content .col-md-3,
#content .col-md-4,
#content .col-md-6,
#content .col-md-9,
#content .col-md-12 {
float: none;
width: 100%;
}

.nero {
padding-top: 82px;
padding-bottom: 76px;
}

.nero__heading {
font-size: 34px;
line-height: 1.15;
}

.nero__text {
font-size: 18px;
}

#content .panel.sidebar-menu {
margin-bottom: 22px;
}

#content .product {
max-width: 420px;
margin-left: auto;
margin-right: auto;
}

.single,
.center-responsive {
width: 100%;
max-width: 430px;
margin-left: auto;
margin-right: auto;
}

#content #productMain {
display: block;
}

#content #productMain .col-sm-6 {
float: none;
width: 100%;
}

#content #mainImage {
margin-bottom: 22px;
}

#content #productMain .price {
font-size: 24px;
margin-top: 22px;
}

#thumbs {
display: flex;
gap: 10px;
margin-left: 0;
margin-right: 0;
}

#thumbs .col-xs-4 {
padding-left: 0;
padding-right: 0;
}

.box {
padding: 18px;
}

.box .box-header {
margin: -18px -18px 18px;
padding: 18px;
}

.box .box-footer {
margin: 24px -18px -18px;
padding: 18px;
}

.table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.table {
min-width: 680px;
}

.form-inline,
.form-inline .form-group,
.form-inline .form-control {
display: block;
width: 100%;
}

.form-inline .btn {
width: 100%;
margin-top: 10px;
}

.pull-left,
.pull-right {
float: none !important;
}

.box-footer .pull-left,
.box-footer .pull-right {
display: grid;
gap: 10px;
}

.box-footer .btn {
width: 100%;
margin-bottom: 8px;
}

.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}

.pagination > li > a,
.pagination > li > span {
margin-left: 0;
}

.wishlist-grid,
.guest-wishlist-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wishlist-hero,
.guest-wishlist-hero {
display: block;
}

.wishlist-count,
.guest-wishlist-count {
margin-top: 16px;
}

.home-featured .row,
#content .row {
margin-left: -8px;
margin-right: -8px;
}

.home-featured .row > [class*="col-"],
#content .row > [class*="col-"] {
padding-left: 8px;
padding-right: 8px;
}
}

@media (max-width: 640px) {
html,
body {
width: 100%;
min-width: 100%;
max-width: 100%;
overflow-x: hidden;
background: #f6f6f6;
}

.nurul-header,
main,
#content,
.nurul-footer,
footer {
width: 100%;
min-width: 100%;
max-width: 100vw;
overflow-x: hidden;
}

.nurul-header,
.nurul-header__main,
.nurul-nav {
background: #fff;
}

.nurul-offer,
.nurul-footer {
width: 100vw;
max-width: 100vw;
}

.row {
margin-left: 0;
margin-right: 0;
}

.row > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}

.container,
.container-fluid {
width: 100%;
max-width: 100vw;
overflow-x: hidden;
}

a,
button,
input,
select,
textarea {
touch-action: manipulation;
}

input,
select,
textarea {
font-size: 16px !important;
}

body {
background: #f6f6f6;
}

.container {
padding-left: 12px;
padding-right: 12px;
}

.nero {
padding-top: 58px;
padding-bottom: 52px;
}

.nero__heading {
font-size: 28px;
}

.box {
padding: 15px;
margin-bottom: 20px;
}

.box .box-header {
margin: -15px -15px 15px;
padding: 15px;
}

.box .box-footer {
margin: 20px -15px -15px;
padding: 15px;
}

#content .product .text h3 {
font-size: 18px;
}

#content .product .text p.price {
font-size: 16px;
font-weight: 700;
}

#content .product .text .buttons {
display: grid;
gap: 8px;
}

#content .product .text .buttons .btn {
width: 100%;
margin-bottom: 0;
white-space: normal;
}

.home-section-title h2 {
font-size: 26px;
}

.home-categories {
padding: 34px 0 40px;
}

.home-category strong {
font-size: 16px;
}

.home-category {
max-width: 170px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.home-category span,
.home-category strong {
display: none;
}

.wishlist-grid,
.guest-wishlist-grid {
grid-template-columns: 1fr;
}

.wishlist-card__image,
.guest-wishlist-card__image {
height: 210px;
}

.wishlist-card__actions,
.guest-wishlist-card__actions {
display: grid;
grid-template-columns: 1fr 46px;
}

.wishlist-hero,
.guest-wishlist-hero,
.wishlist-empty,
.guest-wishlist-empty,
.wishlist-login-card {
padding: 22px;
}

.wishlist-hero h1,
.guest-wishlist-hero h1,
.wishlist-login-card h1 {
font-size: 24px;
}

.nurul-login-card,
.nurul-register-card {
border-radius: 0;
box-shadow: none;
}

.nurul-login-panel,
.nurul-login-form,
.nurul-register-panel,
.nurul-register-form {
padding: 22px;
}

.nurul-register-grid,
.nurul-social-login {
grid-template-columns: 1fr;
}

.services .col-md-4 {
float: none;
width: 100%;
margin-left: 0;
}

.table {
min-width: 0;
width: 100%;
}
}

@media (max-width: 420px) {
.home-hero-slider__track {
height: 165px;
}

.nurul-search-submit {
min-width: 76px;
padding: 0 12px;
}

.nurul-search input {
font-size: 16px;
}

.cart-coupon div,
.wishlist-login-actions {
display: grid;
grid-template-columns: 1fr;
}
}

@media (max-width: 991px) {
#content #productMain {
display: grid;
grid-template-columns: 1fr;
gap: 28px;
margin-top: 26px;
}

#content #productMain > .col-sm-6:first-child {
grid-template-columns: 1fr;
}

#content #productMain > .col-sm-6:first-child > .label {
left: 18px;
}

.pdp-thumbs {
grid-template-columns: repeat(3, 74px);
order: 2;
justify-content: center;
}

#content #mainImage {
min-height: 420px;
margin-bottom: 0;
}

#content #mainImage .item center {
height: 420px;
}

#thumbs {
display: none;
}

.pdp-info {
position: static;
padding: 0;
}

.pdp-details-tabs {
margin-top: 52px;
}

.pdp-tabs-nav {
gap: 12px;
margin-bottom: 36px;
}

.pdp-tabs-nav a {
min-width: 0;
height: 48px;
padding: 0 20px;
font-size: 14px;
}

.pdp-tab-grid {
grid-template-columns: 1fr;
gap: 34px;
}

.pdp-people-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pdp-people-heading h2 {
font-size: 38px;
}
}

@media (max-width: 640px) {
#content #productMain {
margin-top: 18px;
gap: 24px;
}

#content #mainImage {
min-height: 340px;
border-radius: 10px;
}

#content #mainImage .item center {
height: 340px;
}

.pdp-thumb {
height: 68px;
}

.pdp-thumbs {
grid-template-columns: repeat(3, 68px);
}

.pdp-info h1 {
font-size: 28px;
}

.pdp-info {
padding: 0;
border-radius: 10px;
}

.pdp-price strong {
font-size: 30px;
}

.pdp-cart-row {
grid-template-columns: 1fr 52px 52px;
}

.pdp-qty-stepper {
grid-column: 1 / -1;
}

.pdp-add-cart {
grid-column: 1;
}

.pdp-add-cart,
.pdp-icon-action,
.pdp-compare-btn {
height: 52px;
}

.pdp-upload-control {
grid-template-columns: minmax(0, 1fr);
height: auto;
border-radius: 18px;
}

.pdp-file-name,
.pdp-upload-button {
min-height: 52px;
}

.pdp-upload-button {
border-left: 0;
border-top: 1px solid #e6e6e6;
}

.pdp-tabs-nav {
display: grid;
grid-template-columns: 1fr;
}

.pdp-tabs-nav a {
width: 100%;
}

.pdp-tab-grid h3 {
font-size: 22px;
}

.pdp-tab-copy,
.pdp-tab-grid p,
.pdp-tab-note,
.pdp-care-list li {
font-size: 14px;
}

.pdp-section-heading {
display: block;
}

.pdp-section-heading h2 {
font-size: 24px;
}

.pdp-people-bought {
margin-top: 64px;
}

.pdp-people-grid {
grid-template-columns: 1fr;
}

.pdp-people-heading {
margin-bottom: 30px;
}

.pdp-people-heading h2 {
font-size: 32px;
}

.pdp-people-heading p {
font-size: 14px;
}

.pdp-people-body h3 {
min-height: 0;
}

.guest-checkout-card {
padding: 24px 18px;
}

.guest-checkout-grid {
grid-template-columns: 1fr;
}

.checkout-shell {
grid-template-columns: 1fr;
}

.checkout-main,
.checkout-summary {
padding: 28px 16px;
}

.checkout-summary {
border-left: 0;
border-top: 1px solid #dedede;
}

.checkout-two,
.checkout-three {
grid-template-columns: 1fr;
}

.checkout-summary-item {
grid-template-columns: 64px minmax(0, 1fr) auto;
}
}

/* Final product-card override: keeps home/shop cards matching the requested reference. */
.shop-product-card {
position: relative !important;
overflow: hidden !important;
border: 1px solid #e6e6e6 !important;
border-radius: 8px !important;
background: #fff !important;
box-shadow: none !important;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.shop-product-card:hover {
border-color: #dedede !important;
box-shadow: 0 14px 34px rgba(17,17,17,.07) !important;
transform: translateY(-2px) !important;
}

.shop-product-card__image {
position: relative !important;
display: block !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
background: #f5f5f5 !important;
}

.shop-product-card__image img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
padding: 0 !important;
}

.shop-product-card__badge {
position: absolute !important;
top: 18px !important;
left: 18px !important;
z-index: 4 !important;
border-radius: 999px !important;
background: #d24a2f !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
padding: 8px 12px !important;
}

.shop-product-card__quick {
position: absolute !important;
top: 18px !important;
right: 18px !important;
z-index: 5 !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateX(10px) !important;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease !important;
}

.shop-product-card:hover .shop-product-card__quick,
.shop-product-card:focus-within .shop-product-card__quick {
opacity: 1 !important;
visibility: visible !important;
transform: translateX(0) !important;
}

.shop-product-card__quick a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
height: 48px !important;
border-radius: 50% !important;
background: #fff !important;
color: #222 !important;
box-shadow: 0 10px 28px rgba(17,17,17,.08) !important;
text-decoration: none !important;
}

.shop-product-card__quick a:hover,
.shop-product-card__quick a:focus {
background: #3f634f !important;
color: #fff !important;
}

.shop-product-card__body {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding: 22px 22px 26px !important;
text-align: center !important;
}

.shop-product-card h3 {
display: -webkit-box !important;
min-height: 42px !important;
margin: 0 0 8px !important;
max-width: 90% !important;
font-family: "Jost", Montserrat, Arial, sans-serif !important;
font-size: 17px !important;
font-weight: 600 !important;
line-height: 1.28 !important;
letter-spacing: .01em !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}

.shop-product-card h3 a {
color: #242424 !important;
}

.shop-product-card__rating {
display: flex !important;
justify-content: center !important;
gap: 2px !important;
min-height: 17px !important;
margin-bottom: 11px !important;
color: #ffbd2e !important;
font-size: 14px !important;
}

.shop-product-card__price {
display: flex !important;
align-items: baseline !important;
justify-content: center !important;
gap: 7px !important;
margin-bottom: 23px !important;
font-family: Montserrat, sans-serif !important;
}

.shop-product-card__price strong {
color: #202020 !important;
font-size: 20px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}

.shop-product-card__price--sale strong {
color: #d6422f !important;
font-size: 20px !important;
}

.shop-product-card__price del {
color: #a6abb1 !important;
font-size: 15px !important;
font-weight: 600 !important;
text-decoration-thickness: 1px !important;
}

.shop-card-btn-primary {
width: 84% !important;
min-height: 50px !important;
border-radius: 999px !important;
background: #3f634f !important;
border-color: #3f634f !important;
color: #fff !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}

.shop-card-btn-primary:hover,
.shop-card-btn-primary:focus {
background: #294637 !important;
border-color: #294637 !important;
color: #fff !important;
}

@media (max-width: 640px) {
.shop-product-card__image img {
padding: 0 !important;
}

.shop-product-card__quick {
top: 12px !important;
right: 12px !important;
gap: 8px !important;
}

.shop-product-card__quick a {
width: 42px !important;
height: 42px !important;
}
}

.pdp-custom-fields {
display:grid;
gap:12px;
margin-bottom:12px;
}

.pdp-custom-fields .form-group {
margin-bottom:0;
}

.pdp-custom-fields label {
display:block;
margin-bottom:7px;
color:#242424;
font-size:13px;
font-weight:700;
}

.pdp-custom-fields textarea.form-control {
min-height:92px;
resize:vertical;
}

.pdp-choice-list {
display:flex;
flex-wrap:wrap;
gap:8px;
}

.pdp-choice-list label {
display:inline-flex;
align-items:center;
gap:7px;
margin:0;
border:1px solid #d8dee8;
border-radius:8px;
background:#fff;
padding:9px 11px;
cursor:pointer;
}

.pdp-choice-list input {
margin:0;
}

.pdp-field-help {
display:block;
margin-top:6px;
color:#666;
font-size:13px;
line-height:1.35;
}

.pdp-charm-picker {
margin:14px 0 16px;
}

.pdp-charm-picker__head h3 {
margin:0 0 12px;
color:#1f1f1f;
font-family:Montserrat, Arial, sans-serif;
font-size:20px;
font-weight:800;
line-height:1.25;
}

.pdp-charm-picker__head span {
color:#c9242a;
}

.pdp-charm-grid {
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
gap:10px;
}

.pdp-charm-option {
display:block;
margin:0;
cursor:pointer;
}

.pdp-charm-option input {
position:absolute;
opacity:0;
pointer-events:none;
}

.pdp-charm-option span {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:112px;
border:1px solid #cfd7e3;
border-radius:8px;
background:#fff;
padding:9px 7px;
text-align:center;
transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pdp-charm-option img {
display:block;
width:54px;
height:54px;
object-fit:contain;
margin-bottom:7px;
}

.pdp-charm-option .fa {
width:54px;
height:54px;
margin-bottom:7px;
color:#9f7a28;
font-size:30px;
line-height:54px;
}

.pdp-charm-option strong {
display:block;
color:#30343a;
font-size:12px;
font-weight:700;
line-height:1.2;
}

.pdp-charm-option em {
display:block;
margin-top:3px;
color:#c9242a;
font-size:11px;
font-style:normal;
font-weight:700;
}

.pdp-charm-option:hover span,
.pdp-charm-option input:focus + span {
border-color:#7d8997;
box-shadow:0 8px 18px rgba(17,17,17,.08);
}

.pdp-charm-option input:checked + span {
border-color:#3f634f;
box-shadow:0 0 0 2px rgba(63,99,79,.16);
transform:translateY(-1px);
}

.pdp-variant-picker {
margin:14px 0 18px;
}

.pdp-variant-picker__head strong {
display:block;
margin-bottom:9px;
color:#2b2f36;
font-size:17px;
font-weight:800;
}

.pdp-variant-grid {
display:flex;
flex-wrap:wrap;
gap:10px;
}

.pdp-variant-option {
display:block;
margin:0;
cursor:pointer;
}

.pdp-variant-option input {
position:absolute;
opacity:0;
pointer-events:none;
}

.pdp-variant-option span {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:112px;
min-height:128px;
border:1px solid #cfd7e3;
border-radius:10px;
background:#fff;
padding:8px;
text-align:center;
transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pdp-variant-option img {
width:82px;
height:70px;
object-fit:cover;
border-radius:7px;
margin-bottom:7px;
}

.pdp-variant-option .fa {
width:82px;
height:70px;
margin-bottom:7px;
border-radius:7px;
background:#f4f5f7;
color:#8b95a1;
font-size:28px;
line-height:70px;
}

.pdp-variant-option strong {
color:#252a31;
font-size:13px;
font-weight:800;
line-height:1.2;
}

.pdp-variant-option em {
display:block;
margin-top:4px;
color:#4b5563;
font-size:12px;
font-style:normal;
font-weight:700;
}

.pdp-variant-option:hover span,
.pdp-variant-option input:focus + span {
border-color:#7d8997;
box-shadow:0 8px 18px rgba(17,17,17,.08);
}

.pdp-variant-option input:checked + span {
border-color:#2563ff;
box-shadow:0 0 0 3px rgba(37,99,255,.18);
transform:translateY(-1px);
}

.pdp-variant-stock {
margin:10px 0 0;
color:#4b5563;
font-size:14px;
font-weight:600;
}

@media (max-width: 767px) {
.pdp-charm-grid {
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 420px) {
.pdp-charm-grid {
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

/* PDP final polish */
#content #productMain {
grid-template-columns: minmax(560px, 720px) minmax(420px, 580px);
gap: 54px;
max-width: 1380px;
}

#content #mainImage {
background: #fff;
border: 1px solid #eeeeee;
border-radius: 8px;
padding: 20px;
}

#content #mainImage img {
width: 100%;
height: 100%;
object-fit: contain;
}

.pdp-info h1 {
max-width: 560px;
font-size: 34px;
line-height: 1.16;
}

.pdp-rating-row {
margin-bottom: 22px;
}

.pdp-price {
margin-bottom: 18px;
}

.pdp-short-desc {
max-width: 560px;
margin-bottom: 20px;
line-height: 1.6;
}

.pdp-live-view {
margin-bottom: 18px;
}

.pdp-mini-actions {
padding-bottom: 22px;
margin-bottom: 22px;
}

.pdp-variant-picker,
.pdp-custom-fields,
.pdp-charm-picker {
padding: 0;
}

.pdp-mini-actions--lower {
padding-top: 4px;
padding-bottom: 18px;
margin-top: 18px;
margin-bottom: 18px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}

.pdp-variant-picker__head strong,
.pdp-charm-picker__head h3 {
font-size: 18px;
}

.pdp-variant-option span {
width: 104px;
min-height: 116px;
}

.pdp-variant-option img,
.pdp-variant-option .fa {
width: 76px;
height: 62px;
line-height: 62px;
}

.pdp-purchase-form .form-control {
height: 52px;
border-radius: 12px;
}

.pdp-charm-grid {
grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
max-height: 360px;
overflow-y: auto;
padding-right: 6px;
}

.pdp-charm-option span {
min-height: 98px;
padding: 8px 6px;
}

.pdp-charm-option img,
.pdp-charm-option .fa {
width: 42px;
height: 42px;
line-height: 42px;
}

@media (max-width: 991px) {
#content #productMain {
grid-template-columns: 1fr;
max-width: 780px;
}

#content #mainImage {
padding: 18px;
}
}

@media (max-width: 640px) {
#content #mainImage {
min-height: 0;
aspect-ratio: 1 / 1;
padding: 12px;
}

#content #mainImage .item center {
height: 100%;
}

.pdp-info h1 {
font-size: 27px;
}

}

/* PDP gallery layout override */
#content #productMain > .col-sm-6:first-child {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
}

#content #productMain > .col-sm-6:first-child .pdp-thumbs {
grid-template-columns: repeat(auto-fit, 74px);
justify-content: center;
order: 2;
}

#content #productMain > .col-sm-6:first-child .pdp-thumb {
height: 74px;
}

#content #productMain > .col-sm-6:first-child #mainImage {
order: 1;
padding: 0;
}

#content #productMain > .col-sm-6:first-child #mainImage img {
width: 112%;
height: 112%;
max-width: none;
max-height: none;
object-fit: cover;
object-position: center;
}

/* PDP premium balance */
#content #productMain {
grid-template-columns: minmax(560px, 760px) minmax(440px, 580px);
gap: 48px;
align-items: start;
}

#content #productMain > .col-sm-6:first-child {
position: sticky;
top: 24px;
align-self: start;
gap: 16px;
}

#content #mainImage {
border: 0;
box-shadow: 0 18px 52px rgba(17,17,17,.08);
background: #fff;
}

.pdp-thumbs {
margin-top: 2px;
}

.pdp-media-perks {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}

.pdp-media-perk {
display: flex;
align-items: center;
gap: 9px;
min-height: 54px;
padding: 11px 12px;
border: 1px solid #e7e7e7;
border-radius: 8px;
background: #fff;
box-shadow: 0 12px 28px rgba(17,17,17,.04);
color: #333;
font-size: 12px;
font-weight: 800;
line-height: 1.25;
}

.pdp-media-perk .fa {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
flex: 0 0 30px;
border-radius: 50%;
background: #426651;
color: #fff;
font-size: 14px;
}

.pdp-included-card {
padding: 16px 18px;
border: 1px solid #e7e7e7;
border-radius: 8px;
background: #fff;
box-shadow: 0 12px 30px rgba(17,17,17,.045);
}

.pdp-included-card span {
display: block;
margin-bottom: 9px;
color: #161616;
font-size: 14px;
font-weight: 900;
}

.pdp-included-card ul {
display: grid;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}

.pdp-included-card li {
position: relative;
padding-left: 18px;
color: #5a5a5a;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}

.pdp-included-card li:before {
content: "";
position: absolute;
left: 0;
top: .55em;
width: 7px;
height: 7px;
border-radius: 50%;
background: #d67154;
}

.pdp-info {
position: relative;
top: auto;
padding: 0 0 26px;
}

.pdp-charm-picker {
margin-top: 18px;
padding: 18px;
border: 1px solid #e6e6e6;
border-radius: 8px;
background: #fff;
box-shadow: 0 14px 34px rgba(17,17,17,.045);
}

.pdp-charm-picker__head h3 {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 14px;
}

.pdp-charm-picker__head h3:after {
content: "Scroll to view all";
color: #777;
font-size: 12px;
font-weight: 700;
}

.pdp-charm-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
max-height: 330px;
overflow-y: auto;
padding-right: 6px;
scrollbar-width: thin;
scrollbar-color: #c8c8c8 transparent;
}

.pdp-charm-grid::-webkit-scrollbar {
width: 6px;
}

.pdp-charm-grid::-webkit-scrollbar-thumb {
border-radius: 999px;
background: #c8c8c8;
}

.pdp-charm-option span {
min-height: 96px;
}

.pdp-charm-option img,
.pdp-charm-option .fa {
width: 42px;
height: 42px;
line-height: 42px;
}

.pdp-mini-actions--lower,
.pdp-cart-row,
.pdp-terms,
.pdp-buy-now,
.pdp-delivery {
position: relative;
z-index: 2;
}

.pdp-mini-actions--lower {
margin-top: 18px;
}

.pdp-cart-row {
padding-top: 18px;
border-top: 1px solid #e6e6e6;
}

.pdp-buy-now {
box-shadow: 0 16px 32px rgba(214,113,84,.22);
}

@media (max-width: 991px) {
#content #productMain > .col-sm-6:first-child {
position: relative;
top: auto;
}

.pdp-media-perks {
grid-template-columns: 1fr;
}

.pdp-charm-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
max-height: 360px;
}
}

@media (max-width: 640px) {
.pdp-included-card,
.pdp-media-perk,
.pdp-charm-picker {
border-radius: 8px;
}

.pdp-charm-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

/* PDP highlights below product */
.pdp-after-product {
max-width: 1380px;
margin: -12px auto 64px;
}

#content #productMain > .col-sm-6:first-child .pdp-after-product {
width: 100%;
max-width: none;
margin: 22px 0 0;
}

#content #productMain > .col-sm-6:first-child .pdp-thumbnail-highlights {
margin-top: 18px;
order: 3;
}

#content #productMain > .col-sm-6:first-child .pdp-thumbnail-highlights .pdp-media-perks {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}

.pdp-after-product .pdp-media-perks {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 28px;
}

.pdp-after-product .pdp-media-perk {
min-height: 86px;
padding: 22px 24px;
gap: 18px;
font-size: 19px;
box-shadow: 0 18px 42px rgba(17,17,17,.06);
}

.pdp-after-product .pdp-media-perk .fa {
width: 50px;
height: 50px;
flex-basis: 50px;
font-size: 20px;
}

.pdp-after-product .pdp-included-card {
padding: 32px;
box-shadow: 0 18px 42px rgba(17,17,17,.06);
}

.pdp-after-product .pdp-included-card span {
margin-bottom: 18px;
font-size: 22px;
}

.pdp-after-product .pdp-included-card ul {
gap: 16px;
}

.pdp-after-product .pdp-included-card li {
padding-left: 30px;
font-size: 19px;
}

.pdp-after-product .pdp-included-card li:before {
top: .48em;
width: 10px;
height: 10px;
}

#content #productMain > .col-sm-6:first-child .pdp-after-product .pdp-media-perk {
min-height: 64px;
padding: 14px 16px;
font-size: 14px;
}

#content #productMain > .col-sm-6:first-child .pdp-after-product .pdp-media-perk .fa {
width: 36px;
height: 36px;
flex-basis: 36px;
font-size: 15px;
}

#content #productMain > .col-sm-6:first-child .pdp-after-product .pdp-included-card {
padding: 20px 22px;
}

#content #productMain > .col-sm-6:first-child .pdp-after-product .pdp-included-card span {
font-size: 18px;
}

#content #productMain > .col-sm-6:first-child .pdp-after-product .pdp-included-card li {
font-size: 15px;
}

@media (max-width: 991px) {
.pdp-after-product {
margin-top: 0;
}

.pdp-after-product .pdp-media-perks {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
.pdp-after-product {
margin-bottom: 44px;
}

.pdp-after-product .pdp-media-perk {
min-height: 68px;
padding: 16px;
font-size: 15px;
}

.pdp-after-product .pdp-media-perk .fa {
width: 40px;
height: 40px;
flex-basis: 40px;
font-size: 16px;
}

.pdp-after-product .pdp-included-card {
padding: 22px;
}

.pdp-after-product .pdp-included-card span {
font-size: 19px;
}

.pdp-after-product .pdp-included-card li {
font-size: 15px;
}
}

/* Enhanced charm picker */
.pdp-charm-picker {
position: relative;
overflow: hidden;
padding: 24px;
border: 1px solid #e2e7ee;
background: linear-gradient(180deg, #fff 0%, #fbfbfb 100%);
box-shadow: 0 18px 46px rgba(17,17,17,.06);
}

.pdp-charm-picker:after {
content: "";
position: absolute;
left: 24px;
right: 24px;
bottom: 0;
height: 42px;
pointer-events: none;
background: linear-gradient(180deg, rgba(255,255,255,0), #fff);
}

.pdp-charm-picker__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 14px;
}

.pdp-charm-picker__head h3 {
margin: 0 0 4px;
font-size: 24px;
letter-spacing: 0;
}

.pdp-charm-picker__head h3:after {
content: none;
}

.pdp-charm-picker__head p {
margin: 0;
color: #777;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}

.pdp-charm-picker__head > strong {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 0 12px;
border-radius: 999px;
background: #f1f5f2;
color: #426651;
font-size: 12px;
font-weight: 900;
white-space: nowrap;
}

.pdp-selected-charm {
display: inline-flex;
align-items: center;
gap: 9px;
max-width: 100%;
margin-bottom: 16px;
padding: 10px 13px;
border: 1px solid rgba(66,102,81,.18);
border-radius: 999px;
background: #f8fbf8;
color: #334236;
font-size: 13px;
font-weight: 800;
}

.pdp-selected-charm .fa {
color: #426651;
}

.pdp-selected-charm strong {
color: #111;
}

.pdp-charm-grid {
position: relative;
z-index: 1;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
max-height: 332px;
padding: 2px 8px 28px 2px;
}

.pdp-charm-option span {
min-height: 104px;
border-color: #d7dfeb;
border-radius: 12px;
background: #fff;
box-shadow: 0 8px 18px rgba(17,17,17,.025);
}

.pdp-charm-option img,
.pdp-charm-option .fa {
width: 46px;
height: 46px;
line-height: 46px;
}

.pdp-charm-option strong {
font-size: 13px;
font-weight: 800;
}

.pdp-charm-option:hover span,
.pdp-charm-option input:focus + span {
border-color: #426651;
box-shadow: 0 12px 26px rgba(66,102,81,.11);
transform: translateY(-2px);
}

.pdp-charm-option input:checked + span {
border-color: #426651;
box-shadow: inset 0 0 0 2px #426651, 0 14px 30px rgba(66,102,81,.12);
transform: translateY(-2px);
}

.pdp-combo-charm-picker {
display: grid;
gap: 18px;
}

.pdp-combo-charm-group {
position: relative;
z-index: 1;
border-top: 1px solid #e8edf3;
padding-top: 18px;
}

.pdp-combo-charm-group__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}

.pdp-combo-charm-group__head strong {
color: #171717;
font-size: 16px;
font-weight: 900;
}

.pdp-combo-charm-group__head span {
color: #777;
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
}

@media (max-width: 640px) {
.pdp-charm-picker {
padding: 18px;
}

.pdp-charm-picker__head {
display: block;
}

.pdp-charm-picker__head > strong {
margin-top: 10px;
}
}

/* Compact personalised name fields */
.pdp-custom-fields {
width: 100%;
max-width: none;
margin: 18px 0 22px;
gap: 12px;
}

.pdp-custom-fields .form-group {
margin-bottom: 0;
}

.pdp-custom-fields .pdp-note-field > label,
.pdp-purchase-form .pdp-note-field > label {
margin-bottom: 10px;
color: #202020;
font-size: 17px;
font-weight: 900;
line-height: 1.25;
}

.pdp-custom-fields .form-control {
height: 52px;
border-radius: 12px;
background: #fff;
padding: 0 18px;
font-size: 16px;
font-weight: 800;
}

.pdp-custom-fields textarea.form-control {
min-height: 92px;
height: 92px;
padding-top: 14px;
}

.pdp-custom-fields .pdp-field-help {
margin-top: 5px;
font-size: 12px;
}

/* Product reviews */
.pdp-reviews-panel {
max-width: 1080px;
margin: 0 auto;
}

.pdp-reviews-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-bottom: 22px;
padding: 22px;
border: 1px solid #e7e7e7;
border-radius: 8px;
background: #fff;
box-shadow: 0 14px 34px rgba(17,17,17,.045);
}

.pdp-reviews-summary strong {
display: block;
color: #111;
font-size: 36px;
font-weight: 900;
line-height: 1;
}

.pdp-reviews-summary span {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: 7px;
color: #426651;
font-size: 13px;
font-weight: 900;
}

.pdp-reviews-summary p {
margin: 0;
color: #666;
font-size: 15px;
font-weight: 800;
}

.pdp-review-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 24px;
align-items: start;
}

.pdp-review-list {
display: grid;
gap: 14px;
}

.pdp-review-card,
.pdp-review-form-card,
.pdp-empty-reviews {
padding: 22px;
border: 1px solid #e7e7e7;
border-radius: 8px;
background: #fff;
box-shadow: 0 12px 30px rgba(17,17,17,.04);
}

.pdp-review-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 12px;
}

.pdp-review-card__head strong {
display: block;
color: #171717;
font-size: 15px;
font-weight: 900;
}

.pdp-review-card__head span,
.pdp-empty-reviews span {
color: #777;
font-size: 13px;
font-weight: 700;
}

.pdp-review-stars {
color: #f5a400;
white-space: nowrap;
}

.pdp-review-card h4 {
margin: 0 0 8px;
color: #222;
font-size: 16px;
font-weight: 900;
}

.pdp-review-card p,
.pdp-review-form-card p,
.pdp-review-note {
margin: 0;
color: #5d5d5d;
font-size: 14px;
font-weight: 700;
line-height: 1.65;
}

.pdp-review-note {
margin-top: 12px;
}

.pdp-review-note a {
color: #426651;
font-weight: 900;
text-decoration: underline;
}

.pdp-empty-reviews strong,
.pdp-review-form-card h3 {
display: block;
margin: 0 0 8px;
color: #111;
font-size: 20px;
font-weight: 900;
}

.pdp-review-form {
display: grid;
gap: 11px;
}

.pdp-review-form label {
margin: 0;
color: #222;
font-size: 13px;
font-weight: 900;
}

.pdp-review-form .form-control {
height: 44px;
border: 1px solid #e1e1e1;
border-radius: 10px;
box-shadow: none;
font-weight: 700;
}

.pdp-review-form textarea.form-control {
height: auto;
min-height: 112px;
padding-top: 12px;
resize: vertical;
}

.pdp-review-form button,
.pdp-review-login {
display: inline-flex;
align-items: center;
justify-content: center;
height: 46px;
margin-top: 4px;
border: 0;
border-radius: 999px;
background: #426651;
color: #fff;
font-size: 14px;
font-weight: 900;
text-decoration: none;
}

.pdp-review-alert {
margin-bottom: 18px;
padding: 12px 14px;
border-radius: 8px;
font-size: 14px;
font-weight: 800;
}

.pdp-review-alert.is-success {
background: #edf8f0;
color: #2f6841;
}

.pdp-review-alert.is-error {
background: #fff1ef;
color: #b33b2f;
}

@media (max-width: 991px) {
.pdp-review-layout {
grid-template-columns: 1fr;
}
}

/* Softer product social proof */
.pdp-live-view {
display: inline-grid;
grid-template-columns: 38px auto;
column-gap: 12px;
row-gap: 2px;
align-items: center;
padding: 10px 14px 10px 10px;
border: 1px solid #e6e6e6;
border-radius: 999px;
background: #fff;
box-shadow: 0 10px 26px rgba(17,17,17,.04);
}

.pdp-live-view .fa {
grid-row: 1 / span 2;
width: 38px;
height: 38px;
border-radius: 50%;
background: #426651;
color: #fff;
line-height: 38px;
}

.pdp-live-view strong {
color: #171717;
font-size: 13px;
font-weight: 900;
line-height: 1.1;
}

.pdp-live-view span {
color: #666;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
}

/* Product page responsive final pass */
@media (max-width: 1199px) {
#content #productMain {
grid-template-columns: minmax(0, 1fr) minmax(390px, 500px);
gap: 34px;
max-width: 1120px;
}

.pdp-info h1 {
font-size: 30px;
}

.pdp-charm-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pdp-cart-row {
grid-template-columns: 132px minmax(0, 1fr) 52px 52px;
}
}

@media (max-width: 991px) {
.pdp-page {
padding: 16px 0 14px;
}

#content .container {
width: 100%;
max-width: 760px;
padding-left: 18px;
padding-right: 18px;
}

#content #productMain {
grid-template-columns: 1fr;
gap: 28px;
margin: 24px auto 34px;
}

#content #productMain > .col-sm-6:first-child {
position: relative;
top: auto;
}

#content #mainImage {
width: 100%;
aspect-ratio: 1 / 1;
min-height: 0;
}

#content #mainImage .item center {
height: 100%;
}

.pdp-info {
padding-bottom: 0;
}

.pdp-info h1 {
font-size: 31px;
}

.pdp-short-desc {
max-width: none;
}

.pdp-custom-fields {
width: 100%;
}

.pdp-charm-picker {
padding: 20px;
}

.pdp-charm-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
max-height: 390px;
}

.pdp-tabs-nav {
justify-content: flex-start;
overflow-x: auto;
gap: 10px;
padding-bottom: 8px;
scrollbar-width: thin;
}

.pdp-tabs-nav li {
flex: 0 0 auto;
}

.pdp-tabs-nav a {
min-width: 150px;
}

.pdp-details-tabs {
margin-top: 44px;
}

.pdp-review-layout {
grid-template-columns: 1fr;
}
}

@media (max-width: 767px) {
body {
overflow-x: hidden;
}

#content #productMain > .col-sm-6:first-child #mainImage {
overflow: hidden;
}

#content #productMain > .col-sm-6:first-child #mainImage img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
}

#content .container {
padding-left: 14px;
padding-right: 14px;
}

#content #productMain {
gap: 22px;
margin-top: 18px;
}

.pdp-breadcrumb {
overflow-x: auto;
white-space: nowrap;
}

.pdp-info h1 {
font-size: 27px;
line-height: 1.18;
}

.pdp-rating-row {
gap: 9px;
margin-bottom: 16px;
font-size: 13px;
}

.pdp-price strong {
font-size: 30px;
}

.pdp-short-desc {
font-size: 14px;
line-height: 1.55;
}

.pdp-thumbs {
grid-template-columns: repeat(3, minmax(68px, 82px));
gap: 10px;
}

.pdp-thumb {
height: auto;
aspect-ratio: 1 / 1;
}

#content #productMain > .col-sm-6:first-child .pdp-thumbnail-highlights .pdp-media-perks,
.pdp-media-perks {
grid-template-columns: 1fr;
}

.pdp-media-perk {
min-height: 56px;
}

.pdp-included-card {
padding: 18px;
}

.pdp-custom-fields .pdp-note-field > label,
.pdp-purchase-form .pdp-note-field > label {
font-size: 15px;
}

.pdp-custom-fields .form-control {
height: 48px;
font-size: 15px;
}

.pdp-variant-grid {
display: flex;
flex-wrap: nowrap;
gap: 10px;
overflow-x: auto;
padding: 2px 2px 10px;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
}

.pdp-variant-option {
flex: 0 0 132px;
scroll-snap-align: start;
}

.pdp-variant-option span {
width: 132px;
min-height: 122px;
}

.pdp-charm-picker__head {
display: block;
}

.pdp-charm-picker__head h3 {
font-size: 24px;
}

.pdp-charm-picker__head > strong {
margin-top: 10px;
}

.pdp-charm-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
max-height: 420px;
}

.pdp-charm-option span {
min-height: 88px;
padding: 7px 4px;
}

.pdp-charm-option img,
.pdp-charm-option .fa {
width: 38px;
height: 38px;
line-height: 38px;
}

.pdp-charm-option strong {
font-size: 11px;
line-height: 1.2;
}

.pdp-cart-row {
grid-template-columns: 1fr 52px 52px;
gap: 10px;
margin-top: 18px;
}

.pdp-qty-stepper {
grid-column: 1 / -1;
}

.pdp-add-cart {
grid-column: 1;
}

.pdp-buy-now {
height: 54px;
}

.pdp-tabs-nav {
display: flex;
}

.pdp-tabs-nav a {
height: 44px;
min-width: 136px;
padding: 0 16px;
font-size: 13px;
}

.pdp-reviews-summary {
display: block;
}

.pdp-reviews-summary p {
margin-top: 12px;
}

.pdp-review-card__head {
display: block;
}

.pdp-review-stars {
margin-top: 8px;
}

.pdp-people-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 420px) {
#content .container {
padding-left: 12px;
padding-right: 12px;
}

#content #mainImage {
border-radius: 8px;
}

.pdp-zoom {
top: 12px;
right: 12px;
width: 42px;
height: 42px;
font-size: 15px;
}

.pdp-info h1 {
font-size: 24px;
}

.pdp-price strong {
font-size: 27px;
}

.pdp-variant-option {
flex-basis: 118px;
}

.pdp-variant-option span {
width: 118px;
min-height: 114px;
}

.pdp-variant-option img,
.pdp-variant-option .fa {
width: 78px;
height: 58px;
line-height: 58px;
}

.pdp-charm-picker {
padding: 16px;
}

.pdp-charm-grid {
gap: 9px;
}

.pdp-charm-option span {
min-height: 94px;
}

.pdp-charm-option strong {
font-size: 12px;
}

.pdp-cart-row {
grid-template-columns: 1fr 48px 48px;
}

.pdp-add-cart,
.pdp-icon-action,
.pdp-compare-btn,
.pdp-qty-stepper,
.pdp-qty-stepper input,
.pdp-qty-btn {
height: 50px;
}

.pdp-tabs-nav a {
min-width: 126px;
}
}

/* Mobile product grids: two cards per row */
@media (max-width: 640px) {
.shop-product-grid,
.home-must-have__grid,
.pdp-people-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}

.shop-product-card__body {
padding: 14px 10px 16px !important;
}

.shop-product-card h3 {
display: block !important;
width: 100% !important;
min-height: 49px !important;
height: 49px !important;
max-width: 100% !important;
margin-bottom: 10px !important;
font-size: 13px !important;
line-height: 1.25 !important;
-webkit-line-clamp: unset !important;
overflow: visible !important;
}

.shop-product-card h3 a {
display: -webkit-box !important;
width: 100% !important;
max-height: 49px !important;
line-height: 1.25 !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
overflow: hidden !important;
}

.shop-product-card__rating {
font-size: 11px !important;
margin-bottom: 8px !important;
}

.shop-product-card__price {
gap: 5px !important;
margin-bottom: 12px !important;
}

.shop-product-card__price strong {
font-size: 16px !important;
}

.shop-product-card__price del {
font-size: 12px !important;
}

.shop-card-btn-primary,
.pdp-card-cart {
min-height: 40px !important;
font-size: 11px !important;
padding-left: 8px !important;
padding-right: 8px !important;
}

.shop-product-card__badge,
.pdp-discount-badge {
top: 10px !important;
left: 10px !important;
font-size: 11px !important;
padding: 7px 9px !important;
}

.shop-product-card__quick {
display: none !important;
}
}

/* Remove the browser focus rectangle that appears around the header logo after click. */
.nurul-header .nurul-logo,
.nurul-header .nurul-logo:hover,
.nurul-header .nurul-logo:focus,
.nurul-header .nurul-logo:active,
.nurul-header .nurul-logo:focus-visible,
.nurul-header .nurul-logo img {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}

@media (max-width: 360px) {
.shop-product-grid,
.home-must-have__grid,
.pdp-people-grid {
gap: 10px !important;
}

.shop-product-card h3 {
font-size: 12px !important;
}

.shop-product-card__price strong {
font-size: 15px !important;
}
}

/* Keep the complete PDP gallery image visible on phones. */
@media (max-width: 767px) {
#content,
#content > .container,
#content .col-md-12,
#content #productMain,
#content #productMain > .col-sm-6,
#content #productMain > .col-sm-6:first-child {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}

#content .col-md-12,
#content #productMain > .col-sm-6 {
padding-left: 0 !important;
padding-right: 0 !important;
}

#content #productMain {
overflow: hidden !important;
}

#content #productMain > .col-sm-6:first-child #mainImage,
#content #productMain > .col-sm-6:first-child #mainImage .carousel,
#content #productMain > .col-sm-6:first-child #mainImage .carousel-inner,
#content #productMain > .col-sm-6:first-child #mainImage .item,
#content #productMain > .col-sm-6:first-child #mainImage .item center {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
overflow: hidden !important;
}

#content #productMain > .col-sm-6:first-child #mainImage img.img-responsive {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
}

#content #productMain > .col-sm-6:first-child .pdp-thumbs,
#content #productMain > .col-sm-6:first-child .pdp-thumbnail-highlights {
width: 100% !important;
max-width: 100% !important;
}

#content #productMain > .col-sm-6:first-child .pdp-thumbs {
margin-top: 14px !important;
}

#content #productMain > .col-sm-6:nth-child(2) .pdp-info {
padding-top: 18px !important;
}

#content #productMain > .col-sm-6:nth-child(2) .pdp-info h1 {
margin-top: 0 !important;
}
}

/* Site typography tuning */
html,
body,
button,
input,
select,
textarea {
font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
font-weight: 400;
}

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.home-section-title span,
.home-section-title h2,
.home-must-have__heading span,
.home-must-have__heading h2,
.pdp-info h1,
.shop-product-card h3,
.nurul-nav a,
.footer__title {
font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
font-weight: 600 !important;
letter-spacing: 0;
}

p,
li,
td,
th,
label,
small,
.shop-product-card,
.pdp-info,
.pdp-tabs,
.footer,
.nurul-header {
font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
font-weight: 400;
}

strong,
b,
.shop-product-card__price strong,
.pdp-price strong,
.home-category strong,
.pdp-variant-option strong,
.pdp-charm-option strong {
font-weight: 600 !important;
}

.btn,
button,
input[type="submit"],
.nurul-search-submit,
.shop-card-btn-primary,
.pdp-add-cart,
.pdp-card-cart,
.home-holiday-sale__button {
font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
font-weight: 600 !important;
}

.nurul-search input {
font-weight: 400 !important;
}

/* Privacy policy page */
.privacy-page {
background: #f6f7f9;
padding: 46px 0 72px;
}

.privacy-page .container {
max-width: 1180px;
}

.privacy-intro {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
padding: 32px;
margin-bottom: 18px;
background: #ffffff;
border: 1px solid #e6e8ec;
border-radius: 8px;
box-shadow: 0 18px 42px rgba(17, 17, 17, 0.07);
}

.privacy-intro span,
.privacy-nav span,
.privacy-help span {
display: block;
margin-bottom: 8px;
color: #c9242a;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.privacy-intro h1 {
margin: 0 0 12px;
color: #111111;
font-size: 34px;
line-height: 1.15;
}

.privacy-intro p {
max-width: 760px;
margin: 0;
color: #505762;
font-size: 16px;
line-height: 1.75;
}

.privacy-contact-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 46px;
padding: 0 18px;
border: 1px solid #c9242a;
border-radius: 6px;
background: #c9242a;
color: #ffffff !important;
font-weight: 700;
text-decoration: none !important;
white-space: nowrap;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.privacy-contact-btn:hover,
.privacy-contact-btn:focus {
background: #111111;
border-color: #111111;
transform: translateY(-1px);
}

.privacy-highlights {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-bottom: 18px;
}

.privacy-highlights div {
display: grid;
grid-template-columns: 42px 1fr;
column-gap: 14px;
align-items: center;
min-height: 104px;
padding: 18px;
background: #ffffff;
border: 1px solid #e6e8ec;
border-radius: 8px;
}

.privacy-highlights .fa {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
grid-row: span 2;
border-radius: 6px;
background: #fff3f3;
color: #c9242a;
font-size: 17px;
}

.privacy-highlights strong {
display: block;
color: #111111;
font-size: 15px;
}

.privacy-highlights span {
display: block;
margin-top: 4px;
color: #626a75;
font-size: 13px;
line-height: 1.5;
}

.privacy-layout {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
gap: 18px;
align-items: start;
}

.privacy-nav {
position: sticky;
top: 112px;
padding: 22px;
background: #ffffff;
border: 1px solid #e6e8ec;
border-radius: 8px;
}

.privacy-nav a {
display: block;
padding: 10px 0;
border-top: 1px solid #eef0f3;
color: #3f4650;
font-weight: 600;
text-decoration: none;
}

.privacy-nav a:hover,
.privacy-nav a:focus {
color: #c9242a;
}

.privacy-content {
display: grid;
gap: 14px;
}

.privacy-section {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 18px;
padding: 26px;
background: #ffffff;
border: 1px solid #e6e8ec;
border-radius: 8px;
box-shadow: 0 10px 24px rgba(17, 17, 17, 0.04);
scroll-margin-top: 130px;
}

.privacy-section__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 8px;
background: #111111;
color: #ffffff;
font-size: 18px;
}

.privacy-section h2,
.privacy-help h2 {
margin: 0 0 10px;
color: #111111;
font-size: 22px;
line-height: 1.3;
}

.privacy-section p,
.privacy-help p {
margin: 0;
color: #4e5661;
font-size: 15px;
line-height: 1.8;
}

.privacy-help {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
padding: 30px;
background: #ffffff;
border: 1px solid #e6e8ec;
border-left: 4px solid #c9242a;
border-radius: 8px;
}

.privacy-contact-btn--dark {
background: #111111;
border-color: #111111;
}

.privacy-contact-btn--dark:hover,
.privacy-contact-btn--dark:focus {
background: #c9242a;
border-color: #c9242a;
}

@media (max-width: 991px) {
.privacy-intro,
.privacy-help {
align-items: flex-start;
flex-direction: column;
}

.privacy-highlights,
.privacy-layout {
grid-template-columns: 1fr;
}

.privacy-nav {
position: static;
}
}

@media (max-width: 640px) {
.privacy-page {
padding: 28px 0 48px;
}

.privacy-intro,
.privacy-section,
.privacy-help {
padding: 20px;
}

.privacy-intro h1 {
font-size: 27px;
}

.privacy-intro p,
.privacy-section p,
.privacy-help p {
font-size: 14px;
}

.privacy-section {
grid-template-columns: 1fr;
}

.privacy-contact-btn {
width: 100%;
white-space: normal;
}
}