.btn {
border-radius: 5px;
padding: 8px 16px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
text-align: center;
}
.btn-primary {
background-color: #007cba;
color: white;
}
.btn-primary:hover {
background-color: #005a87;
color: white;
}
.btn-success {
background-color: #28a745;
color: white;
}
.btn-success:hover {
background-color: #218838;
color: white;
}
.btn-outline-primary {
background-color: transparent;
color: #007cba;
border: 1px solid #007cba;
}
.btn-outline-primary:hover {
background-color: #007cba;
color: white;
}
.btn-sm {
padding: 5px 10px;
font-size: 14px;
}
.btn-lg {
padding: 12px 24px;
font-size: 18px;
}
.mt-3 {
margin-top: 1rem;
}
.ml-3 {
margin-left: 1rem;
}
.mb-5 {
margin-bottom: 3rem;
}
.mb-4 {
margin-bottom: 1.5rem;
} .product-card .btn {
width: 100%;
margin-top: 10px;
}
.wedding-package-calculator .product-actions {
margin-top: 10px;
} @media (max-width: 768px) {
.ml-3 {
margin-left: 0;
margin-top: 10px;
}
.btn-lg {
width: 100%;
margin-bottom: 10px;
}
.contact-section .row > div {
margin-bottom: 20px;
}
} @keyframes pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.loading {
animation: pulse 1.5s ease-in-out infinite;
} @media (min-width: 1025px) {
.whb-header-bottom .whb-empty-column { display: none !important; }
.whb-header-bottom .whb-col-center { flex: 1 1 auto; max-width: none !important; }
.whb-header-bottom .wd-header-main-nav { flex: 1 1 auto; width: 100%; }
.whb-header-bottom .wd-nav-main {
justify-content: center !important;
width: 100%;
--nav-gap: 12px !important;
column-gap: 12px !important;
row-gap: 8px;
}
.whb-header-bottom .wd-nav-main > li > a {
padding: 9px 18px !important;
font-size: 15px !important;
font-weight: 700 !important;
border: 1px solid #e2ded7;
border-radius: 40px;
background: #fff;
color: #111;
transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.whb-header-bottom .wd-nav-main > li > a .nav-link-text { color: #111 !important; transition: color .2s ease; }
.whb-header-bottom .wd-nav-main > li:hover > a,
.whb-header-bottom .wd-nav-main > li > a:hover { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }
.whb-header-bottom .wd-nav-main > li:hover > a .nav-link-text,
.whb-header-bottom .wd-nav-main > li > a:hover .nav-link-text { color: #fff !important; }
.whb-header-bottom .wd-nav-main > li.current-menu-item > a,
.whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a { border-color: #1a1a1a; } .whb-header-bottom .wd-nav-main .wd-dropdown-menu .wd-sub-menu a,
.whb-header-bottom .wd-nav-main .sub-menu a { color: #222 !important; font-size: 14px; font-weight: 600; }
.whb-header-bottom .wd-nav-main .wd-dropdown-menu .wd-sub-menu a:hover,
.whb-header-bottom .wd-nav-main .sub-menu a:hover { color: #8a6d3b !important; } .whb-header-bottom .wd-nav-main > li.nusse-menu-cta > a { background: #8a6d3b; border-color: #8a6d3b; color: #fff; }
.whb-header-bottom .wd-nav-main > li.nusse-menu-cta > a .nav-link-text { color: #fff !important; }
.whb-header-bottom .wd-nav-main > li.nusse-menu-cta:hover > a { background: #6f5630; border-color: #6f5630; }
}
@media (min-width: 1025px) and (max-width: 1300px) {
.whb-header-bottom .wd-nav-main { --nav-gap: 8px !important; column-gap: 8px !important; }
.whb-header-bottom .wd-nav-main > li > a { font-size: 14px !important; padding: 8px 14px !important; }
}
@media (min-width: 1025px) and (max-width: 1150px) {
.whb-header-bottom .wd-nav-main > li > a { font-size: 13px !important; padding: 7px 11px !important; }
} @media (max-width: 1024px) {
.mobile-nav.wd-side-hidden {
--mm-bg: #f7f4ef;
--mm-ink: #1a1a1a;
--mm-muted: #6b645b;
--mm-line: #e6dfd4;
--mm-accent: #8a6d3b;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
max-width: none !important;
height: 100% !important;
height: 100dvh !important;
display: flex !important;
flex-direction: column;
padding: 0 22px calc(28px + env(safe-area-inset-bottom));
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: var(--mm-bg) !important;
z-index: 2147483000 !important;
transform: none !important;
visibility: hidden;
clip-path: circle(0px at var(--mm-x, 47px) var(--mm-y, 70px));
transition: clip-path .6s cubic-bezier(.77, 0, .18, 1), visibility 0s linear .6s !important;
}
.mobile-nav.wd-side-hidden.wd-opened {
visibility: visible;
clip-path: circle(160% at var(--mm-x, 47px) var(--mm-y, 70px));
transition: clip-path .7s cubic-bezier(.77, 0, .18, 1), visibility 0s !important;
}
html.nusse-mm-open, html.nusse-mm-open body { overflow: hidden !important; }
.wd-close-side.wd-close-side-opened { opacity: 0 !important; } .mobile-nav > .nusse-mm-head { order: 0; }
.mobile-nav > .wd-search-form { order: 1; }
.mobile-nav > .mobile-pages-menu { order: 2; }
.mobile-nav > .mobile-categories-menu { order: 3; }
.mobile-nav > .nusse-mm-foot { order: 4; }
.mobile-nav > .wd-nav-mob-tab { display: none !important; } .nusse-mm-head {
position: sticky;
top: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 -22px;
padding: calc(14px + env(safe-area-inset-top)) 22px 14px;
background: var(--mm-bg);
}
.nusse-mm-logo img { display: block; height: 26px; width: auto; }
.nusse-mm-close {
position: relative;
width: 46px;
height: 46px;
min-height: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: var(--mm-ink);
cursor: pointer;
transform: rotate(-90deg) scale(.6);
opacity: 0;
transition: transform .5s cubic-bezier(.34, 1.56, .64, 1) .25s, opacity .3s ease .25s;
}
.mobile-nav.wd-opened .nusse-mm-close { transform: none; opacity: 1; }
.nusse-mm-close span {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2px;
margin: -1px 0 0 -9px;
border-radius: 2px;
background: #fff;
transform: rotate(45deg);
}
.nusse-mm-close span + span { transform: rotate(-45deg); } .mobile-nav .wd-search-form { padding: 4px 0 10px; border: 0 !important; }
.mobile-nav .wd-search-form .searchform { position: relative; }
.mobile-nav .wd-search-form input[type="text"] {
height: 50px;
padding: 0 52px 0 20px;
border: 1px solid var(--mm-line) !important;
border-radius: 40px;
background: #fff;
font-size: 15px;
}
.mobile-nav .wd-search-form .searchsubmit { right: 6px; width: 44px; }
.mobile-nav .wd-search-form .searchform { box-shadow: none !important; background: transparent !important; }
.mobile-nav .wd-nav-mobile a { border: 0 !important; } .mobile-nav .wd-nav-mobile { display: block !important; background: transparent; }
.mobile-nav .mobile-pages-menu { margin-top: 6px; }
.mobile-nav .mobile-pages-menu > li {
position: relative;
border-bottom: 1px solid var(--mm-line) !important;
border-top: 0 !important;
background: transparent !important;
}
.mobile-nav .mobile-pages-menu > li > a {
min-height: 64px;
padding: 12px 56px 12px 0 !important;
background: transparent !important;
color: var(--mm-ink) !important;
font-family: Poppins, Arial, sans-serif;
font-size: 22px !important;
font-weight: 600 !important;
letter-spacing: -.01em;
text-transform: none !important;
}
.mobile-nav .mobile-pages-menu > li > a .nav-link-text { color: inherit !important; }
.mobile-nav .mobile-pages-menu .wd-nav-opener {
top: 11px !important;
right: 0 !important;
width: 42px !important;
height: 42px !important;
border: 1px solid var(--mm-line) !important;
border-radius: 50%;
background: #fff !important;
color: var(--mm-ink) !important;
transition: background-color .25s ease, color .25s ease, transform .35s ease;
}
.mobile-nav .mobile-pages-menu .wd-nav-opener.wd-active {
background: var(--mm-ink) !important;
border-color: var(--mm-ink) !important;
color: #fff !important;
transform: rotate(90deg);
}
.mobile-nav .mobile-pages-menu .wd-nav-opener.wd-active:after { transform: none; }
.mobile-nav .mobile-pages-menu .wd-sub-menu { padding: 0 0 12px; background: transparent !important; }
.mobile-nav .mobile-pages-menu .wd-sub-menu li { border: 0 !important; background: transparent !important; }
.mobile-nav .mobile-pages-menu .wd-sub-menu li a {
min-height: 0;
padding: 9px 0 9px 18px !important;
background: transparent !important;
color: var(--mm-muted) !important;
font-size: 17px !important;
font-weight: 500 !important;
text-transform: none !important;
}
.mobile-nav .mobile-pages-menu .wd-sub-menu li a .nav-link-text { color: inherit !important; } .mobile-nav .mobile-pages-menu > li.nusse-menu-cta { border-bottom: 0 !important; margin: 22px 0 8px; }
.mobile-nav .mobile-pages-menu > li.nusse-menu-cta > a {
justify-content: center;
min-height: 56px;
padding: 12px 20px !important;
border-radius: 40px;
background: var(--mm-accent) !important;
color: #fff !important;
font-size: 17px !important;
} .mobile-nav .mobile-pages-menu > li.menu-item-wishlist,
.mobile-nav .mobile-pages-menu > li.menu-item-account {
display: inline-block;
width: 50%;
border-bottom: 0 !important;
vertical-align: top;
}
.mobile-nav .mobile-pages-menu > li.menu-item-wishlist > a,
.mobile-nav .mobile-pages-menu > li.menu-item-account > a {
min-height: 48px;
padding: 10px 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
} .mobile-nav .mobile-categories-menu {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 0 18px;
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid var(--mm-line);
}
.mobile-nav .mobile-categories-menu > li { border: 0 !important; background: transparent !important; }
.mobile-nav .mobile-categories-menu > li > a {
min-height: 0;
padding: 7px 0 !important;
background: transparent !important;
color: var(--mm-muted) !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: none !important;
}
.mobile-nav .mobile-categories-menu > li > a .nav-link-text { color: inherit !important; } .nusse-mm-foot { margin-top: auto; padding-top: 26px; }
.nusse-mm-wa {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 54px;
border-radius: 40px;
background: #25d366;
color: #fff !important;
font-size: 16px;
font-weight: 700;
}
.nusse-mm-wa svg { width: 22px; height: 22px; fill: currentColor; }
.nusse-mm-social { display: flex; justify-content: center; gap: 26px; margin-top: 16px; }
.nusse-mm-social a { color: var(--mm-ink) !important; font-size: 14px; font-weight: 600; } .mobile-nav .nusse-mm-logo,
.mobile-nav > .wd-search-form,
.mobile-nav .mobile-pages-menu > li,
.mobile-nav > .mobile-categories-menu,
.mobile-nav > .nusse-mm-foot {
opacity: 0;
transform: translateY(18px);
transition: opacity .25s ease, transform .25s ease;
}
.mobile-nav.wd-opened .nusse-mm-logo,
.mobile-nav.wd-opened > .wd-search-form,
.mobile-nav.wd-opened .mobile-pages-menu > li,
.mobile-nav.wd-opened > .mobile-categories-menu,
.mobile-nav.wd-opened > .nusse-mm-foot {
opacity: 1;
transform: none;
transition: opacity .5s ease, transform .6s cubic-bezier(.22, 1, .36, 1);
}
.mobile-nav.wd-opened .nusse-mm-logo { transition-delay: .2s; }
.mobile-nav.wd-opened > .wd-search-form { transition-delay: .25s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(1) { transition-delay: .3s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(2) { transition-delay: .34s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(3) { transition-delay: .38s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(4) { transition-delay: .42s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(5) { transition-delay: .46s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(6) { transition-delay: .5s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(7) { transition-delay: .54s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(8) { transition-delay: .58s; }
.mobile-nav.wd-opened .mobile-pages-menu > li:nth-child(n+9) { transition-delay: .62s; }
.mobile-nav.wd-opened > .mobile-categories-menu { transition-delay: .66s; }
.mobile-nav.wd-opened > .nusse-mm-foot { transition-delay: .7s; }
@media (prefers-reduced-motion: reduce) {
.mobile-nav.wd-side-hidden,
.mobile-nav.wd-side-hidden * { transition-duration: .01s !important; transition-delay: 0s !important; }
}
} [id^="iyzico-bpo"] { display: none !important; } @media (min-width: 1025px) {
.whb-header.whb-full-width .whb-row > .container,
.whb-header .whb-header-bottom .container { width: 100% !important; max-width: var(--wd-container-w, 1360px) !important; }
}
@media (min-width: 2200px) { html:root { --wd-container-w: 1600px; } }
@media (min-width: 3200px) { html:root { --wd-container-w: 1920px; } }
@media (max-width: 1024px) {
.whb-header .whb-header-bottom .container { max-width: 100% !important; }
.whb-general-header .whb-mobile-right .wd-header-cart { transform: translateX(5px); }
}
@media (max-width: 1024px) {
#ht-ctc-chat { right: 15px !important; }
}
@media (max-width: 374px) {
.whb-top-bar .wd-social-icons { display: flex !important; flex: 0 0 auto; flex-wrap: nowrap !important; white-space: nowrap; }
.whb-top-bar .wd-social-icons a { width: 24px !important; margin: 0 !important; }
.whb-top-bar .wd-header-text { padding-left: 6px !important; font-size: 10px !important; letter-spacing: 0 !important; white-space: nowrap; }
.whb-top-bar .whb-col-mobile { flex-wrap: nowrap !important; }
}
@media (max-width: 360px) {
.mobile-nav .mobile-pages-menu > li > a { min-height: 58px; font-size: 19px !important; }
.mobile-nav .mobile-pages-menu .wd-nav-opener { top: 8px !important; }
}