html, body {
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
} .container {
padding-left: max(16px, env(safe-area-inset-left));
padding-right: max(16px, env(safe-area-inset-right));
} @media (max-width: 480px) {
.site-header .container {
padding: 0 12px;
}
.brand a, .brand .text-logo {
font-size: 16px;
letter-spacing: 2px;
}
.icon-btn {
width: 38px;
height: 38px;
}
.cart-badge {
width: 16px;
height: 16px;
font-size: 9px;
}
} @media (max-width: 640px) {
.hero {
padding: calc(var(--s-7, 40px) + 10px) 0 var(--s-6, 32px);
}
.hero .hero-inner {
grid-template-columns: 1fr;
gap: var(--s-5, 24px);
}
.hero h1 {
font-size: clamp(28px, 8vw, 40px);
}
.hero .lead {
font-size: 15px;
}
.hero .hero-media {
display: none; }
} @media (max-width: 640px) {
.grid-3,
.grid-2,
.quote-grid,
.steps,
.faq {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
}
@media (max-width: 480px) { [style*="grid-template-columns: 1fr 1fr"],
[style*="grid-template-columns:1fr 1fr"] {
grid-template-columns: 1fr !important;
}
} @media (max-width: 640px) {
.service-card {
padding: 20px 16px;
}
.service-card h3 {
font-size: 18px;
}
} @media (max-width: 860px) {
.pg-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 480px) {
.pg-card,
.pg-info-card {
padding: 20px 16px !important;
border-radius: 16px !important;
}
.pg-hero-title {
font-size: clamp(28px, 8vw, 40px) !important;
}
.pg-btn-row {
flex-direction: column;
}
.pg-btn {
width: 100%;
justify-content: center;
text-align: center;
}
} @media (max-width: 640px) {
.products.columns-3,
.products.columns-4 {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
}
@media (max-width: 400px) {
.products.columns-3,
.products.columns-4,
.products.columns-2 {
grid-template-columns: 1fr !important;
}
} @media (max-width: 640px) {
.woocommerce div.product {
display: block !important;
}
.woocommerce div.product .woocommerce-product-gallery {
width: 100% !important;
margin-bottom: 24px;
}
.woocommerce div.product .entry-summary {
width: 100% !important;
padding: 0 !important;
}
.woocommerce div.product h1.product_title {
font-size: clamp(24px, 6vw, 36px) !important;
}
} @media (max-width: 640px) {
.woocommerce-cart-form table.shop_table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.woocommerce .cart-collaterals {
width: 100% !important;
float: none !important;
}
.noitar-cart-layout,
.cart-layout {
display: block !important;
}
.noitar-cart-main,
.noitar-cart-side {
width: 100% !important;
max-width: 100% !important;
}
} @media (max-width: 640px) {
.woocommerce #customer_details,
.woocommerce-checkout #customer_details {
width: 100% !important;
float: none !important;
}
.woocommerce #order_review,
.woocommerce-checkout #order_review {
width: 100% !important;
float: none !important;
}
.noitar-checkout-grid,
.checkout-layout {
display: block !important;
}
} @media (max-width: 640px) {
.nf-grid {
grid-template-columns: 1fr !important;
gap: 28px !important;
}
.nf-footer {
padding: 48px 0 24px !important;
}
.nf-cta-row {
flex-direction: column;
gap: 8px;
}
.nf-btn {
width: 100%;
justify-content: center;
text-align: center;
}
.nf-bottom {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.nf-desc {
max-width: 100% !important;
}
} @media (max-width: 480px) {
.entry-content {
font-size: 15px;
line-height: 1.75;
}
.entry-content h2 {
font-size: clamp(22px, 6vw, 32px);
}
.entry-content h3 {
font-size: clamp(18px, 5vw, 24px);
}
.entry-content img {
border-radius: 12px;
}
} @media (max-width: 640px) { .faq-grid,
.faq {
grid-template-columns: 1fr !important;
}
details {
padding: 12px 14px;
}
details summary {
font-size: 14px;
}
}
@media (max-width: 480px) { .pg-hero {
padding: 36px 0 28px !important;
}
.pg-hero-title,
.page-title {
font-size: clamp(24px, 7vw, 36px) !important;
}
.pg-hero-lead,
.page-lead {
font-size: 14px !important;
} .pg-card,
.panel.card,
.info-card {
padding: 18px 14px !important;
border-radius: 14px !important;
}
} @media (max-width: 480px) {
.nlr {
margin: 16px 8px !important;
border-radius: 16px !important;
}
.nlr-head {
padding: 36px 16px 22px !important;
}
.nlr-title {
font-size: 26px !important;
}
.nlr-form,
.nlr-wheel-wrap,
.nlr-result {
padding-left: 16px !important;
padding-right: 16px !important;
}
.nlr-wheel-area {
width: 280px !important;
height: 280px !important;
}
#nlr-c {
width: 280px !important;
height: 280px !important;
}
.nlr-row {
flex-direction: column;
}
.nlr-btn-gold,
.nlr-btn-outline {
width: 100%;
justify-content: center;
}
.nlr-code-box {
padding: 16px 14px !important;
}
.nlr-code-val {
font-size: 26px !important;
letter-spacing: 4px !important;
}
} @media (max-width: 640px) {
.woocommerce-MyAccount-navigation {
width: 100% !important;
float: none !important;
margin-bottom: 24px;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 0;
list-style: none;
}
.woocommerce-MyAccount-navigation ul li a {
display: inline-block;
padding: 8px 14px;
border-radius: 100px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
font-size: 13px;
}
.woocommerce-MyAccount-content {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
} @media (max-width: 640px) {
.nm-plans-grid,
.nm-grid {
grid-template-columns: 1fr !important;
}
.nm-plan-card {
padding: 20px 16px !important;
}
} @media (max-width: 480px) {
.btn, .button {
padding: 11px 18px;
font-size: 13px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
font-size: 16px !important; -webkit-appearance: none;
border-radius: 10px;
}
.woocommerce-form-login,
.woocommerce-form-register {
padding: 20px 16px !important;
}
} @media (max-width: 640px) {
table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
max-width: 100%;
} .woocommerce-checkout table,
.woocommerce-cart table {
display: table;
overflow-x: visible;
}
} @media (max-width: 480px) {
img {
height: auto;
max-width: 100%;
}
.woocommerce-product-gallery__image img {
border-radius: 12px;
}
}  .section-title,
.pg-card-title,
.nm-section-title {
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-weight: 500 !important;
color: #F5F1E8 !important;
letter-spacing: -0.3px !important;
} .gold-divider {
height: 1px;
background: linear-gradient(90deg, transparent, rgba(215,180,106,0.4), transparent);
margin: 32px 0;
border: none;
} .entry-content a,
.pg-content a {
color: #D7B46A;
text-decoration: underline;
text-decoration-color: rgba(215,180,106,0.35);
text-underline-offset: 3px;
transition: text-decoration-color 0.2s;
}
.entry-content a:hover,
.pg-content a:hover {
text-decoration-color: rgba(215,180,106,0.8);
} .kicker,
.pg-kicker,
.pg-card-kicker,
.pg-eyebrow {
font-size: 11px !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
font-weight: 700 !important;
color: rgba(215,180,106, 0.75) !important;
} @media (max-width: 768px) {
.btn, .button,
.nf-btn, .pg-btn,
.nlr-btn-gold, .nlr-btn-outline {
min-height: 44px; }
a.icon-btn, button.icon-btn {
min-width: 44px;
min-height: 44px;
}
} @media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
} @media (max-width: 768px) {
body {
padding-bottom: env(safe-area-inset-bottom);
}
.site-header {
padding-top: env(safe-area-inset-top);
}
.nf-footer {
padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important;
}
} @media (max-width: 768px) {
:focus-visible {
scroll-margin-top: calc(var(--header-h, 80px) + 16px);
}
} .page-legal .entry-content,
.template-legal .entry-content {
max-width: 72ch;
margin: 0 auto;
}
@media (max-width: 640px) {
.page-legal .entry-content,
.template-legal .entry-content,
.entry-content {
max-width: 100%;
padding: 0;
}
} @media (max-width: 640px) {
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
font-size: 13px;
padding: 12px 14px;
border-radius: 10px;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-error::before {
display: none;
} .woocommerce span.price,
.woocommerce .price {
font-size: 18px !important;
} .woocommerce .single_add_to_cart_button,
.woocommerce button.button.alt {
width: 100% !important;
padding: 14px !important;
font-size: 15px !important;
border-radius: 12px !important;
} .woocommerce .quantity input {
width: 56px !important;
font-size: 16px !important;
}
} @media (max-width: 980px) {
.mega {
display: none !important;
}
} @media (max-width: 380px) {
.offcanvas {
width: 100vw !important;
}
} @media (max-width: 640px) {
.nm-front-wrap {
padding: 20px 12px !important;
}
.nm-plan-card {
border-radius: 16px !important;
}
} @media (max-width: 640px) {
.eras-grid,
.ring-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.eras-card,
.ring-card {
padding: 20px 16px !important;
}
} @media (max-width: 640px) {
.feedback-grid {
grid-template-columns: 1fr !important;
}
} @media (max-width: 480px) {
.nac-launcher {
bottom: calc(16px + env(safe-area-inset-bottom)) !important;
right: 12px !important;
}
.nac-window {
width: calc(100vw - 24px) !important;
bottom: 72px !important;
right: 12px !important;
left: 12px !important;
max-height: 65vh !important;
}
}  .woocommerce ul.products li.product a img {
transition: transform 0.3s ease;
}
.woocommerce ul.products li.product a:hover img {
transform: scale(1.03);
} .table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: rgba(215,180,106,0.3) transparent;
}
.table-scroll::-webkit-scrollbar {
height: 4px;
}
.table-scroll::-webkit-scrollbar-thumb {
background: rgba(215,180,106,0.3);
border-radius: 2px;
} @media (max-width: 640px) {
.card:hover,
.service-card:hover,
.cat-card:hover {
transform: none !important;
}
} @media (max-width: 640px) {
.noiatar-container {
width: calc(100% - 24px) !important;
}
.noiatar-product-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.noiatar-product-media,
.noiatar-product-summary .noiatar-summary-card {
padding: 16px !important;
border-radius: 16px !important;
}
.noiatar-product-media img {
border-radius: 12px !important;
}
.noiatar-product-summary h1.product_title {
font-size: clamp(24px, 6vw, 32px) !important;
}
.woocommerce .quantity {
margin-right: 8px !important;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
width: 100% !important;
}
}
@media (max-width: 480px) {
.noiatar-product-media {
padding: 12px !important;
}
.noiatar-card {
border-radius: 14px !important;
}
.noiatar-product-details {
padding: 18px 14px !important;
border-radius: 14px !important;
}
.noiatar-h2 {
font-size: 22px !important;
} .variations select {
font-size: 16px !important;
width: 100% !important;
}
.variations td,
.variations th {
display: block !important;
width: 100% !important;
}
} @media (max-width: 480px) {
.nca-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.nca-card-name {
font-size: 16px !important;
}
.nca-card-body {
padding: 12px !important;
gap: 6px !important;
}
.nca-hero {
padding: 24px 0 28px !important;
}
.nca-cat-title {
font-size: clamp(26px, 7vw, 40px) !important;
}
}
@media (max-width: 360px) {
.nca-grid {
grid-template-columns: 1fr !important;
}
} @media (max-width: 640px) {
.nb-grid {
grid-template-columns: 1fr !important;
}
.np-post-nav {
grid-template-columns: 1fr !important;
}
} @media (max-width: 360px) {
.header-inner {
gap: 6px !important;
}
.brand .text-logo {
font-size: 14px !important;
letter-spacing: 1.5px !important;
}
.header-actions {
gap: 2px !important;
}
.icon-btn {
width: 34px !important;
height: 34px !important;
padding: 4px !important;
}
.icon-btn svg {
width: 18px !important;
height: 18px !important;
}
} @media (max-width: 480px) {
.nf-footer {
padding: 40px 0 20px !important;
}
.nf-logo {
font-size: 20px !important;
}
.nf-col-title {
font-size: 10px !important;
}
.nf-list a {
font-size: 14px !important;
}
.nf-legal {
font-size: 11px !important;
flex-direction: column;
gap: 4px !important;
}
.nf-dot {
display: none !important;
}
} @media (max-width: 980px) {
.offcanvas {
-webkit-overflow-scrolling: touch;
}
.offcanvas-body {
padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
}
} @media (max-width: 640px) {
.woocommerce-account .woocommerce {
display: block !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
width: 100% !important;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
}
.woocommerce-account table.shop_table {
font-size: 13px;
}
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-orders-table th {
padding: 8px 6px !important;
}
} @media (max-width: 480px) { input, select, textarea {
font-size: max(16px, 1em) !important;
} button, [type="submit"], [type="button"],
.btn, .button, .nf-btn {
min-height: 44px;
min-width: 44px;
}
}  .pg-canvas,
.nca-page,
.nb-canvas,
.np-post-canvas {
background: #0B1020 !important;
} @media (max-width: 768px) {
.pg-hero,
.nca-hero,
.nb-hero,
.np-post-hero,
.ring-hero {
padding-top: 36px !important;
padding-bottom: 24px !important;
}
} @media (max-width: 480px) {
.pg-card,
.nca-card,
.noiatar-card,
[class*="-card"] {
border-radius: 14px !important;
}
} .site-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 10000 !important;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}  #offcanvas {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
z-index: 10001 !important;
} .offcanvas-header {
flex: 0 0 auto !important;
z-index: 20 !important;
background: #0F1628 !important;
border-bottom: 1px solid rgba(215,180,106,0.2) !important;
padding: 12px 16px !important;
min-height: 58px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
} .offcanvas-body {
flex: 1 1 auto !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
overscroll-behavior-y: contain !important;
padding: 16px !important;
padding-bottom: calc(32px + env(safe-area-inset-bottom)) !important;
min-height: 0 !important; } body.offcanvas-open {
overflow: hidden !important; } #menuClose {
flex: 0 0 auto !important;
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(255,255,255,0.12) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: background .15s, border-color .15s !important;
}
#menuClose:hover,
#menuClose:active {
background: rgba(215,180,106,0.18) !important;
border-color: rgba(215,180,106,0.45) !important;
}
#menuClose svg {
width: 20px !important;
height: 20px !important;
stroke: #F5F1E8 !important;
stroke-width: 2.5 !important;
fill: none !important;
} @media (max-width: 980px) {
#menuToggle {
width: 44px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
} #overlay {
z-index: 10000 !important;
touch-action: none !important;
} @keyframes nr-up    { from { opacity:0; transform:translateY(28px) } to { opacity:1; transform:none } }
@keyframes nr-right { from { opacity:0; transform:translateX(28px) } to { opacity:1; transform:none } }
@keyframes nr-left  { from { opacity:0; transform:translateX(-28px)} to { opacity:1; transform:none } }
@keyframes nr-scale { from { opacity:0; transform:scale(.95)        } to { opacity:1; transform:none } }
.nr-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity .65s ease, transform .65s ease;
}
.nr-reveal--right { transform: translateX(24px); }
.nr-reveal--left  { transform: translateX(-24px); }
.nr-reveal--scale { transform: scale(.96); }
.nr-reveal.is-visible {
opacity: 1;
transform: none;
} .nr-stagger > * {
opacity: 0;
transform: translateY(18px);
transition: opacity .5s ease, transform .5s ease;
}
.nr-stagger.is-visible > *:nth-child(1) { opacity:1; transform:none; transition-delay:.05s }
.nr-stagger.is-visible > *:nth-child(2) { opacity:1; transform:none; transition-delay:.15s }
.nr-stagger.is-visible > *:nth-child(3) { opacity:1; transform:none; transition-delay:.25s }
.nr-stagger.is-visible > *:nth-child(4) { opacity:1; transform:none; transition-delay:.35s }
.nr-stagger.is-visible > *:nth-child(5) { opacity:1; transform:none; transition-delay:.45s }
.nr-stagger.is-visible > *:nth-child(6) { opacity:1; transform:none; transition-delay:.55s }
.nr-stagger.is-visible > *:nth-child(n+7) { opacity:1; transform:none; transition-delay:.6s } .nr-kicker {
opacity: 0;
transform: translateX(-10px);
transition: opacity .5s ease, transform .5s ease;
}
.nr-kicker.is-visible { opacity:1; transform:none; } @media (prefers-reduced-motion: reduce) {
.nr-reveal, .nr-stagger > *, .nr-kicker {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
}