:root { --sg-gold: #C9A24B; --sg-gold-dark: #8C6B26; --sg-gold-light: #F6EFE0; --sg-gold-text: #8C6B26; --sg-charcoal: #26262A; --sg-ink-on-gold: #231A0B; --sg-brown: #092143; --sg-brown-dark: #061429; --sg-cream: #ffffff; --sg-cream-alt: #f3f8fb; --sg-cream-deep: #eef4f9; --sg-surface: #FFFFFF; --sg-text: #092143; --sg-text-muted: #5b6b80; --sg-border: #e2eaf1; --sg-danger: #C73E1D; --sg-success: #4A7C59; --sg-whatsapp: #25D366; --sg-space-1: 4px; --sg-space-2: 8px; --sg-space-3: 16px; --sg-space-4: 24px; --sg-space-5: 32px; --sg-space-6: 48px; --sg-space-7: 64px; --sg-font-body: 'Rubik', 'Rubik Fallback', 'Assistant', 'Heebo', 'Heebo Fallback', system-ui, -apple-system, sans-serif; --sg-font-display: 'Frank Ruhl Libre', 'Rubik', 'Rubik Fallback', 'David Libre', Georgia, serif; --sg-text-h1: clamp(28px, 4vw, 40px); --sg-text-h2: clamp(22px, 3vw, 30px); --sg-text-h3: 20px; --sg-text-body: 16px; --sg-text-small: 14px; --sg-text-meta: 13px; --sg-line-tight: 1.3; --sg-line-normal: 1.6; --sg-line-relaxed: 1.8; --sg-transition: 200ms ease-out; --sg-transition-slow: 400ms ease-out; --sg-ease-out-soft: cubic-bezier(0.2, 0.65, 0.3, 1); --sg-radius-sm: 4px; --sg-radius-md: 8px; --sg-radius-lg: 16px; --sg-radius-pill: 9999px; --sg-shadow-sm: 0 1px 3px rgba(61, 44, 30, 0.06); --sg-shadow: 0 6px 20px rgba(61, 44, 30, 0.08); --sg-shadow-lg: 0 18px 42px rgba(61, 44, 30, 0.12); --sg-z-sticky: 50; --sg-z-dropdown: 100; --sg-z-drawer: 9000; --sg-z-backdrop: 8990; --sg-z-modal: 9100; --sg-z-toast: 9200; --sg-container: 1280px; --sg-container-narrow: 960px; --color-bg: var(--sg-cream); --color-bg-card: var(--sg-surface); --color-text: var(--sg-text); --color-text-soft: var(--sg-text-muted); --color-accent: var(--sg-gold); --color-accent-dark: var(--sg-gold-dark); --color-sale: var(--sg-danger); --color-success: var(--sg-success); --color-border: var(--sg-border); --color-shadow: rgba(61, 44, 30, 0.08); --font-body: var(--sg-font-body); --font-display: var(--sg-font-display); --radius-sm: var(--sg-radius-sm); --radius-md: var(--sg-radius-md); --radius-lg: var(--sg-radius-lg); --space-xs: var(--sg-space-2); --space-sm: var(--sg-space-3); --space-md: var(--sg-space-4); --space-lg: var(--sg-space-5); --space-xl: var(--sg-space-7); --transition: var(--sg-transition); } @media (prefers-reduced-motion: reduce) { :root { --sg-transition: 0ms; --sg-transition-slow: 0ms; --transition: 0ms; } } .sg-btn, .sg-btn--secondary, .sg-btn--ghost { display: inline-flex; align-items: center; justify-content: center; gap: var(--sg-space-2); padding: 14px 28px; border: 1.5px solid transparent; border-radius: var(--sg-radius-md); font-family: var(--sg-font-body); font-size: var(--sg-text-body); font-weight: 600; line-height: var(--sg-line-tight); text-align: center; text-decoration: none; cursor: pointer; transition: background var(--sg-transition), color var(--sg-transition), border-color var(--sg-transition), transform var(--sg-transition), box-shadow var(--sg-transition); -webkit-appearance: none; appearance: none; } .sg-btn { background: var(--sg-gold); color: var(--sg-brown); border-color: var(--sg-gold); } .sg-btn:hover, .sg-btn:focus-visible { background: var(--sg-gold-dark); border-color: var(--sg-gold-dark); color: var(--sg-surface); transform: translateY(-1px); box-shadow: var(--sg-shadow); } .sg-btn:active { transform: translateY(0); box-shadow: var(--sg-shadow-sm); } .sg-btn--secondary { background: transparent; color: var(--sg-gold-dark); border-color: var(--sg-gold); } .sg-btn--secondary:hover, .sg-btn--secondary:focus-visible { background: var(--sg-gold); color: var(--sg-brown); } .sg-btn--ghost { background: transparent; color: var(--sg-gold-dark); border-color: transparent; padding: 10px 4px; } .sg-btn--ghost::after { content: '←'; margin-inline-start: var(--sg-space-2); transition: transform var(--sg-transition); } .sg-btn--ghost:hover, .sg-btn--ghost:focus-visible { color: var(--sg-brown); text-decoration: underline; text-underline-offset: 4px; } .sg-btn--ghost:hover::after { transform: translateX(-4px); } .sg-btn:focus-visible, .sg-btn--secondary:focus-visible, .sg-btn--ghost:focus-visible { outline: 2px solid var(--sg-gold-dark); outline-offset: 3px; } .sg-btn--block, .sg-btn--secondary.sg-btn--block, .sg-btn--ghost.sg-btn--block { width: 100%; } .sg-btn[disabled], .sg-btn--secondary[disabled], .sg-btn--ghost[disabled] { opacity: 0.55; cursor: not-allowed; transform: none !important; box-shadow: none !important; } :root { --sg-red: #E74C3C; --sg-red-dark: #E22D2D; } .sg-btn, .sg-btn--secondary { border-radius: var(--sg-radius-pill); }

:root { --color-bg: #ffffff; --color-bg-card: #FFFFFF; --color-text: #092143; --color-text-soft: #5b6b80; --color-accent: var(--sg-gold,#C9A24B); --color-accent-dark: var(--sg-gold-dark,#8C6B26); --color-sale: #C73E1D; --color-success: #4A7C59; --color-border: #e2eaf1; --color-shadow: rgba(61, 44, 30, 0.08); --font-body: 'Rubik', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-display: 'Frank Ruhl Libre', 'David Libre', Georgia, serif; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --space-xs: 0.5rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2.5rem; --space-xl: 4rem; --container-max: 1280px; --container-narrow: 960px; --transition: 200ms ease-out; --header-h: 80px; --header-h-sticky: 60px; } *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; line-height: 1.7; scroll-behavior: smooth; } body { margin: 0; font-family: var(--font-body); font-size: 16px; font-weight: 400; color: var(--color-text); background: var(--color-bg); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; direction: rtl; } img { max-width: 100%; height: auto; display: block; } a { color: var(--color-text); text-decoration: none; transition: color var(--transition); } a:hover { color: var(--color-accent-dark); } button { font-family: inherit; cursor: pointer; } input, select, textarea { font-family: inherit; font-size: 1rem; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-body); font-weight: 700; line-height: 1.2; margin: 0 0 var(--space-sm); color: var(--color-text); letter-spacing: -0.01em; } h1 { font-size: clamp(2.25rem, 4vw, 3rem); } h2 { font-size: clamp(1.75rem, 3vw, 2.25rem); } h3 { font-size: clamp(1.25rem, 2vw, 1.625rem); } h4 { font-size: 1.125rem; font-family: var(--font-body); } p { margin: 0 0 1em; } .eyebrow { display: inline-block; font-family: var(--font-body); font-size: 0.82rem; font-weight: 500; color: var(--color-accent-dark); text-transform: uppercase; letter-spacing: 0.14em; margin-bottom: 12px; padding: 4px 14px; background: rgba(201, 162, 75, 0.12); border-radius: var(--radius-sm); } .lede { font-size: 1.125rem; color: var(--color-text-soft); line-height: 1.7; } .container { width: 100%; max-width: var(--container-max); margin-inline: auto; padding-inline: var(--space-md); } .container-narrow { max-width: var(--container-narrow); } .btn, .button, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; border: 1.5px solid transparent; border-radius: var(--radius-md); font-size: 0.95rem; font-weight: 500; line-height: 1; cursor: pointer; transition: all var(--transition); text-align: center; } .btn-primary { background: var(--color-accent); color: var(--color-text); border-color: var(--color-accent); } .btn-primary:hover { background: var(--color-accent-dark); border-color: var(--color-accent-dark); color: #fff; transform: translateY(-1px); box-shadow: 0 6px 16px var(--color-shadow); } .btn-secondary { background: transparent; color: var(--color-text); border-color: var(--color-text); } .btn-secondary:hover { background: var(--color-text); color: var(--color-bg); } .btn-block { width: 100%; padding: 16px 28px; font-size: 1rem; } .sg-topbar { background: var(--color-text); color: var(--color-bg); font-size: 0.82rem; padding: 8px 0; } .sg-topbar .container { display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); } .sg-topbar a { color: inherit; } .sg-topbar a:hover { color: var(--color-accent); } .sg-topbar__strip { color: var(--color-accent); font-weight: 500; } .sg-header { position: relative; z-index: 50; background: var(--color-bg-card); border-bottom: 1px solid var(--color-border); transition: var(--transition); } .sg-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); height: var(--header-h); transition: height var(--transition); } .sg-header.is-sticky .sg-header__inner { height: var(--header-h-sticky); } .sg-logo { font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; color: var(--color-text); flex-shrink: 0; } .sg-logo img { max-height: 44px; width: auto; } .sg-nav { display: flex; align-items: center; gap: var(--space-md); flex: 1; justify-content: center; } .sg-nav__list { display: flex; list-style: none; padding: 0; margin: 0; gap: var(--space-md); } .sg-nav__list a { font-size: 0.95rem; font-weight: 500; padding: 8px 4px; border-bottom: 2px solid transparent; transition: var(--transition); } .sg-nav__list a:hover, .sg-nav__list .current-menu-item > a { border-bottom-color: var(--color-accent); } .sg-actions { display: flex; align-items: center; gap: var(--space-sm); flex-shrink: 0; } .sg-actions__btn { background: none; border: 0; padding: 8px; color: var(--color-text); position: relative; } .sg-cart-count { position: absolute; top: -2px; inset-inline-start: -4px; background: var(--color-accent); color: var(--color-text); font-size: 0.7rem; font-weight: 700; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .sg-cart-count[data-count="0"] { display: none; } .sg-search { position: relative; flex: 0 1 320px; } .sg-search input { width: 100%; padding: 9px 16px; padding-inline-end: 38px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-bg); color: var(--color-text); font-size: 0.92rem; transition: var(--transition); } .sg-search input:focus { outline: none; border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.15); } .sg-search__icon { position: absolute; inset-inline-end: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; opacity: 0.5; } .sg-search__results { position: absolute; top: calc(100% + 8px); inset-inline-start: 0; inset-inline-end: 0; background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: 0 12px 40px var(--color-shadow); padding: 8px; max-height: 480px; overflow-y: auto; display: none; z-index: 60; } .sg-search__results.is-open { display: block; } .sg-search__group-title { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; color: var(--color-text-soft); padding: 8px 12px 4px; } .sg-search__row { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: var(--radius-sm); transition: var(--transition); } .sg-search__row:hover { background: var(--color-bg); } .sg-search__row img { width: 36px; height: 36px; object-fit: cover; border-radius: var(--radius-sm); flex-shrink: 0; } .sg-search__row-title { font-size: 0.92rem; font-weight: 500; } .sg-search__row-meta { font-size: 0.78rem; color: var(--color-text-soft); } .sg-hamburger { display: none; background: none; border: 0; padding: 8px; } .sg-drawer { position: fixed; top: 0; bottom: 0; inset-inline-end: 0; width: min(360px, 88vw); background: var(--color-bg-card); box-shadow: -8px 0 24px var(--color-shadow); transform: translateX(110%); transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1); z-index: 9999; padding: var(--space-md); overflow-y: auto; visibility: hidden; } [dir="rtl"] .sg-drawer { transform: translateX(-110%); } .sg-drawer.is-open { transform: translateX(0); visibility: visible; } .sg-drawer__backdrop { position: fixed; inset: 0; background: rgba(61, 44, 30, 0.5); opacity: 0; pointer-events: none; transition: opacity 350ms; z-index: 9998; display: none; } .sg-drawer__backdrop.is-open { opacity: 1; pointer-events: auto; display: block; } .sg-drawer__menu { list-style: none; padding: 0; margin: 24px 0 0; } .sg-drawer__menu a { display: block; padding: 14px 8px; border-bottom: 1px solid var(--color-border); font-size: 1.05rem; font-weight: 500; color: var(--sg-text); text-decoration: none; } @media (max-width: 900px) { .sg-nav, .sg-search { display: none; } .sg-hamburger { display: block; } } .sg-megamenu { position: relative; } .sg-megamenu__trigger { background: none; border: 0; padding: 8px 4px; font-size: 0.95rem; font-weight: 500; cursor: pointer; color: inherit; } .sg-megamenu__panel { position: absolute; top: 100%; inset-inline-start: 50%; transform: translateX(50%) translateY(8px); width: min(1100px, 92vw); background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: 0 24px 64px var(--color-shadow); padding: var(--space-md); display: none; z-index: 55; } [dir="rtl"] .sg-megamenu__panel { transform: translateX(-50%) translateY(8px); } .sg-megamenu:hover .sg-megamenu__panel, .sg-megamenu.is-open .sg-megamenu__panel { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); } .sg-megamenu__col h4 { font-family: var(--font-body); font-size: 0.78rem; font-weight: 700; text-transform: uppercase; color: var(--color-accent-dark); letter-spacing: 0.08em; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--color-border); } .sg-megamenu__col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; } .sg-megamenu__col a { font-size: 0.92rem; padding: 4px 0; } .sg-hero { position: relative; min-height: 80vh; display: flex; align-items: center; padding: var(--space-xl) 0; background: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-card) 100%); overflow: hidden; } .sg-hero::before { content: ''; position: absolute; top: -200px; inset-inline-end: -200px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(201, 162, 75, 0.16) 0%, transparent 70%); pointer-events: none; } .sg-hero__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-xl); align-items: center; position: relative; z-index: 1; } .sg-hero h1 { font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.1; margin-bottom: var(--space-md); } .sg-hero .lede { max-width: 540px; margin-bottom: var(--space-lg); } .sg-hero__ctas { display: flex; gap: var(--space-sm); flex-wrap: wrap; } .sg-hero__photo { aspect-ratio: 4/5; border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 24px 64px rgba(61, 44, 30, 0.15); background: var(--color-bg-card); } .sg-hero__photo img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 900px) { .sg-hero__grid { grid-template-columns: 1fr; gap: var(--space-lg); } .sg-hero { min-height: auto; padding: var(--space-lg) 0; } } .sg-trust { padding: var(--space-md) 0; border-block: 1px solid var(--color-border); background: var(--color-bg-card); } .sg-trust__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); list-style: none; padding: 0; margin: 0; text-align: center; } .sg-trust__item { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.92rem; font-weight: 500; color: var(--color-text-soft); } .sg-trust__check { color: var(--color-accent-dark); font-weight: 700; } @media (max-width: 700px) { .sg-trust__list { grid-template-columns: repeat(2, 1fr); gap: var(--space-sm); } } .sg-section { padding: var(--space-xl) 0; } .sg-section__head { text-align: center; max-width: 720px; margin: 0 auto var(--space-lg); } .sg-section__head h2 { margin-bottom: 12px; } .sg-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); } .sg-cat { position: relative; aspect-ratio: 1; border-radius: var(--radius-lg); overflow: hidden; background: var(--color-bg-card); transition: var(--transition); } .sg-cat:hover { transform: translateY(-4px); box-shadow: 0 12px 32px var(--color-shadow); } .sg-cat img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; } .sg-cat:hover img { transform: scale(1.05); } .sg-cat__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(61, 44, 30, 0.7) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-md); color: #fff; } .sg-cat__name { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; margin-bottom: 4px; } .sg-cat__count { font-size: 0.85rem; opacity: 0.85; } @media (max-width: 900px) { .sg-cats { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .sg-cats { grid-template-columns: 1fr; } } .sg-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); } @media (max-width: 1100px) { .sg-products { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 800px) { .sg-products { grid-template-columns: repeat(2, 1fr); } } .sg-product-card { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); position: relative; } .sg-product-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px var(--color-shadow); border-color: var(--color-accent); } .sg-product-card__image { aspect-ratio: 1; background: var(--color-bg); overflow: hidden; } .sg-product-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; } .sg-product-card:hover .sg-product-card__image img { transform: scale(1.04); } .sg-product-card__body { padding: var(--space-sm); } .sg-product-card__title { font-family: var(--font-body); font-size: 0.95rem; font-weight: 500; line-height: 1.4; margin-bottom: 6px; min-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sg-product-card__price { font-size: 1.05rem; font-weight: 700; color: var(--color-text); } .sg-product-card__price .from-label { font-size: 0.78rem; font-weight: 400; color: var(--color-text-soft); margin-inline-end: 4px; } .sg-product-card__price del { color: var(--color-text-soft); margin-inline-end: 6px; font-weight: 400; } .sg-product-card__price ins { color: var(--color-sale); text-decoration: none; } .sg-sale-badge { position: absolute; top: 12px; inset-inline-start: 12px; background: var(--color-sale); color: #fff; padding: 4px 10px; font-size: 0.78rem; font-weight: 700; border-radius: 999px; z-index: 1; } .sg-about { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xl); align-items: center; } .sg-about__image { aspect-ratio: 4/3; border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 16px 40px var(--color-shadow); } .sg-about__image img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 900px) { .sg-about { grid-template-columns: 1fr; gap: var(--space-md); } } .sg-process { background: var(--color-bg-card); } .sg-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); position: relative; counter-reset: step; } .sg-step { background: var(--color-bg); padding: var(--space-md); border-radius: var(--radius-md); border: 1px solid var(--color-border); position: relative; } .sg-step__num { width: 44px; height: 44px; border-radius: 50%; background: var(--color-text); color: var(--color-accent); display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 700; margin-bottom: var(--space-sm); border: 2px solid var(--color-accent); } .sg-step h3 { font-size: 1.1rem; margin-bottom: 6px; } .sg-step p { font-size: 0.92rem; color: var(--color-text-soft); margin: 0; } @media (max-width: 900px) { .sg-steps { grid-template-columns: 1fr; } } .sg-testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); } .sg-testimonial { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-md); position: relative; } .sg-testimonial::before { content: '“'; position: absolute; top: -8px; inset-inline-end: 16px; font-family: var(--font-display); font-size: 4rem; line-height: 1; color: var(--color-accent); opacity: 0.5; } .sg-testimonial blockquote { font-style: italic; margin: 0 0 var(--space-sm); font-size: 0.95rem; line-height: 1.7; } .sg-testimonial cite { font-style: normal; font-size: 0.9rem; } .sg-testimonial cite strong { color: var(--color-text); } .sg-testimonial cite span { color: var(--color-text-soft); display: block; font-size: 0.82rem; margin-top: 2px; } @media (max-width: 900px) { .sg-testimonials { grid-template-columns: 1fr; } } .sg-cta-banner { background: var(--color-accent); padding: var(--space-xl) 0; text-align: center; color: var(--color-text); } .sg-cta-banner h2 { color: var(--color-text); margin-bottom: 12px; } .sg-cta-banner p { margin-bottom: var(--space-md); font-size: 1.125rem; } .sg-cta-banner .btn { background: var(--color-text); color: var(--color-bg); border-color: var(--color-text); } .sg-cta-banner .btn:hover { background: #000; border-color: #000; } .sg-product { padding: var(--space-md) 0 var(--space-xl); } .sg-product__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-xl); align-items: start; } .sg-product__gallery { position: sticky; top: calc(var(--header-h-sticky) + var(--space-md)); } .sg-product__main-image { aspect-ratio: 1; background: var(--color-bg-card); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: var(--space-sm); border: 1px solid var(--color-border); } .sg-product__main-image img { width: 100%; height: 100%; object-fit: contain; padding: var(--space-md); } .sg-product__thumbs { display: flex; gap: 8px; overflow-x: auto; } .sg-product__thumbs button { width: 80px; height: 80px; border: 2px solid var(--color-border); border-radius: var(--radius-sm); padding: 4px; background: var(--color-bg-card); cursor: pointer; flex-shrink: 0; transition: var(--transition); } .sg-product__thumbs button:hover, .sg-product__thumbs button.is-active { border-color: var(--color-accent); } .sg-product__thumbs img { width: 100%; height: 100%; object-fit: contain; } .sg-product__info h1 { margin-bottom: var(--space-sm); font-size: clamp(1.75rem, 3vw, 2.5rem); } .sg-product__price { font-size: 1.75rem; font-weight: 700; margin-bottom: var(--space-md); color: var(--color-text); } .sg-product__price del { color: var(--color-text-soft); font-weight: 400; font-size: 1.25rem; margin-inline-end: 8px; } .sg-product__price ins { color: var(--color-sale); text-decoration: none; } .sg-product__short-desc { color: var(--color-text-soft); margin-bottom: var(--space-md); } .sg-product__variations { margin-bottom: var(--space-md); } .sg-product__qty-row { display: flex; gap: var(--space-sm); align-items: stretch; margin: var(--space-md) 0; } .sg-qty { display: inline-flex; align-items: stretch; border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; } .sg-qty button { width: 44px; background: var(--color-bg-card); border: 0; font-size: 1.25rem; } .sg-qty input { width: 60px; text-align: center; border: 0; border-inline: 1px solid var(--color-border); } .sg-trust-line { display: flex; gap: var(--space-md); list-style: none; padding: var(--space-sm) 0 0; margin: 0; flex-wrap: wrap; font-size: 0.85rem; color: var(--color-text-soft); } @media (max-width: 900px) { .sg-product__grid { grid-template-columns: 1fr; } .sg-product__gallery { position: static; } } .sg-upload { margin: var(--space-md) 0; padding: var(--space-md); background: var(--color-bg); border: 2px dashed var(--color-border); border-radius: var(--radius-md); text-align: center; transition: var(--transition); } .sg-upload.is-dragging { border-color: var(--color-accent); background: rgba(201, 162, 75, 0.05); } .sg-upload__title { font-size: 1rem; font-weight: 700; margin-bottom: 4px; } .sg-upload__hint { font-size: 0.85rem; color: var(--color-text-soft); margin-bottom: var(--space-sm); } .sg-upload__btn { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: 10px 22px; font-weight: 500; } .sg-upload__btn:hover { border-color: var(--color-accent); } .sg-upload input[type="file"] { display: none; } .sg-upload__preview { display: none; align-items: center; gap: var(--space-sm); padding: var(--space-sm); background: var(--color-bg-card); border-radius: var(--radius-md); margin-top: var(--space-sm); } .sg-upload.is-uploaded .sg-upload__preview { display: flex; } .sg-upload__preview img { width: 64px; height: 64px; object-fit: cover; border-radius: var(--radius-sm); } .sg-upload__name { font-size: 0.92rem; font-weight: 500; } .sg-upload__meta { font-size: 0.78rem; color: var(--color-text-soft); } .sg-upload__status { font-size: 0.85rem; margin-top: 8px; } .sg-upload__status.ok { color: var(--color-success); } .sg-upload__status.err { color: var(--color-sale); } .sg-upload__spinner { display: none; width: 18px; height: 18px; border: 2px solid var(--color-border); border-top-color: var(--color-accent); border-radius: 50%; animation: sg-spin 700ms linear infinite; margin: 12px auto; } .sg-upload.is-loading .sg-upload__spinner { display: block; } @keyframes sg-spin { to { transform: rotate(360deg); } } .sg-shop-hero { background: var(--color-bg-card); padding: var(--space-lg) 0; border-bottom: 1px solid var(--color-border); } .sg-shop-hero h1 { margin-bottom: 8px; } .sg-shop-hero p { color: var(--color-text-soft); margin: 0; } .sg-shop-grid { display: grid; grid-template-columns: 260px 1fr; gap: var(--space-lg); padding-block: var(--space-md) var(--space-xl); } .sg-filters { background: var(--color-bg-card); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-md); position: sticky; top: calc(var(--header-h-sticky) + var(--space-sm)); align-self: start; } .sg-filters h3 { font-family: var(--font-body); font-size: 0.92rem; font-weight: 700; margin-bottom: var(--space-sm); padding-bottom: 8px; border-bottom: 1px solid var(--color-border); } .sg-filter-block { padding: var(--space-sm) 0; border-bottom: 1px solid var(--color-border); } .sg-filter-block:last-child { border-bottom: 0; } .sg-shop-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-md); padding: 12px 16px; background: var(--color-bg-card); border-radius: var(--radius-md); border: 1px solid var(--color-border); } .sg-shop-toolbar select { border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: 8px 12px; background: var(--color-bg-card); } @media (max-width: 900px) { .sg-shop-grid { grid-template-columns: 1fr; } .sg-filters { position: static; } } .sg-pagination { display: flex; justify-content: center; gap: 8px; padding: var(--space-lg) 0; } .sg-pagination a, .sg-pagination span { padding: 10px 16px; border: 1px solid var(--color-border); border-radius: var(--radius-md); font-weight: 500; color: var(--color-text); transition: var(--transition); } .sg-pagination a:hover { border-color: var(--color-accent); } .sg-pagination .current { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-text); } .sg-breadcrumb { padding: var(--space-sm) 0; font-size: 0.85rem; color: var(--color-text-soft); } .sg-breadcrumb ol { list-style: none; padding: 0; margin: 0; display: flex; gap: 6px; flex-wrap: wrap; } .sg-breadcrumb a { color: var(--color-accent-dark); } .sg-footer { background: var(--color-text); color: var(--color-bg); padding: var(--space-xl) 0 0; margin-top: var(--space-xl); } .sg-footer a { color: rgba(250, 248, 245, 0.75); } .sg-footer a:hover { color: var(--color-accent); } .sg-footer__cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: var(--space-lg); padding-bottom: var(--space-lg); } .sg-footer__col h4 { color: var(--color-bg); font-family: var(--font-body); font-size: 0.92rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--space-md); } .sg-footer__col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; font-size: 0.9rem; } .sg-footer__brand .sg-logo { color: var(--color-bg); margin-bottom: var(--space-sm); } .sg-footer__brand p { color: rgba(250, 248, 245, 0.7); font-size: 0.92rem; line-height: 1.6; max-width: 320px; margin-bottom: var(--space-md); } .sg-footer__social { display: flex; gap: 12px; } .sg-footer__social a { width: 36px; height: 36px; border-radius: 50%; background: rgba(250, 248, 245, 0.08); display: inline-flex; align-items: center; justify-content: center; } .sg-footer__social a:hover { background: var(--color-accent); color: var(--color-text); } .sg-footer__bottom { border-top: 1px solid rgba(250, 248, 245, 0.12); padding: var(--space-md) 0; display: flex; justify-content: space-between; gap: var(--space-md); flex-wrap: wrap; font-size: 0.82rem; color: rgba(250, 248, 245, 0.6); } .sg-footer__credit a { color: var(--color-accent); } .sg-footer__pay { display: flex; gap: 10px; align-items: center; } .sg-footer__pay svg { height: 22px; width: auto; opacity: 0.85; } @media (max-width: 900px) { .sg-footer__cols { grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) { .sg-footer__cols { grid-template-columns: 1fr; gap: var(--space-md); } .sg-footer__bottom { flex-direction: column; align-items: flex-start; } } .sg-whatsapp { position: fixed; bottom: 24px; inset-inline-start: 24px; width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35); z-index: 40; transition: var(--transition); } .sg-whatsapp:hover { transform: scale(1.05); color: #fff; } @media (max-width: 700px) { .sg-whatsapp { display: none; } } .sg-empty { text-align: center; padding: var(--space-xl) 0; color: var(--color-text-soft); } :focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; border-radius: 3px; } .screen-reader-text { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; } .sg-reveal { opacity: 0; transform: translateY(28px); transition: opacity 700ms ease, transform 700ms ease; } .sg-reveal.is-in { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } html { scroll-behavior: auto; } .sg-reveal { opacity: 1; transform: none; } } .sg-logo { max-height: 60px; display: inline-flex; align-items: center; } .sg-logo img, .sg-logo .custom-logo, .sg-logo svg { max-height: 60px; width: auto; height: auto; object-fit: contain; display: block; } @media (max-width: 880px) { .sg-logo, .sg-logo img, .sg-logo .custom-logo, .sg-logo svg { max-height: 45px; } } .sg-topbar { font-size: 14px; padding-block: 10px; background: var(--c-text); color: var(--c-bg); letter-spacing: .01em; } .sg-topbar .sg-container { gap: var(--space-5); flex-wrap: wrap; } .sg-topbar a { color: var(--c-bg); text-decoration: none; transition: color .2s var(--tx); } .sg-topbar a:hover { color: var(--c-accent); opacity: 1; } .sg-topbar__left, .sg-topbar__right { display: inline-flex; gap: var(--space-5); align-items: center; } .sg-logo .custom-logo-link { display: inline-flex; align-items: center; max-height: 60px; line-height: 1; } .sg-logo .custom-logo, .sg-logo .custom-logo-link img { max-height: 60px !important; width: auto !important; height: auto !important; object-fit: contain; display: block; } @media (max-width: 880px) { .sg-logo .custom-logo, .sg-logo .custom-logo-link img { max-height: 45px !important; } } .btn:active, .button:active, .wp-block-button__link:active { transform: translateY(1px) scale(0.99); box-shadow: 0 1px 4px rgba(0,0,0,0.20) inset; } .sg-section__head h2 { position: relative; padding-bottom: 14px; } .sg-section__head h2::after { content: ""; display: block; width: 48px; height: 2px; background: var(--color-accent); margin: 14px auto 0; } .sorkx-megamenu { --mm-bg: #ffffff; --mm-fg: #092143; --mm-fg-muted: #5b6b80; --mm-accent: var(--sg-gold,#C9A24B); --mm-accent-dk: var(--sg-gold-dark,#8C6B26); --mm-border: #e2eaf1; --mm-shadow: 0 18px 40px rgba(61, 44, 30, 0.16); --mm-radius: 6px; --mm-gap: 32px; --mm-panel-pad: 28px; --mm-anim-ms: 220ms; font-family: 'Rubik', 'Rubik Fallback', 'Assistant', -apple-system, sans-serif; } .sorkx-megamenu__link { font-weight: 500; font-size: 0.98rem; color: var(--mm-fg); padding: 18px 18px; transition: color var(--mm-anim-ms) ease, background var(--mm-anim-ms) ease; } .sorkx-megamenu__link:hover, .sorkx-megamenu__link[aria-expanded="true"] { color: var(--mm-accent-dk); background: rgba(201, 162, 75, 0.08); } .sorkx-megamenu__panel { background: var(--mm-bg); border: 1px solid var(--mm-border); border-radius: var(--mm-radius); padding: var(--mm-panel-pad); box-shadow: var(--mm-shadow); min-width: 720px; display: grid; gap: var(--mm-gap); grid-template-columns: repeat(var(--sorkx-mm-cols, 4), minmax(0, 1fr)); position: absolute; inset-block-start: 100%; inset-inline-end: 0; opacity: 0; visibility: hidden; transform: translateY(-6px); z-index: 1000; } .sorkx-megamenu__col-title { color: var(--mm-accent-dk); font-weight: 600; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px; padding-bottom: 6px; border-bottom: 1px solid var(--mm-border); } .sorkx-megamenu__col-link { padding: 8px 0; color: var(--mm-fg); font-size: 0.96rem; transition: color var(--mm-anim-ms) ease, padding-inline-start var(--mm-anim-ms) ease; } .sorkx-megamenu__col-link:hover { color: var(--mm-accent-dk); padding-inline-start: 6px; } .sorkx-megamenu__column.is-cta { position: relative; background: linear-gradient(160deg, rgba(201, 162, 75, 0.14) 0%, rgba(201, 162, 75, 0.03) 100%); border: 1.5px solid var(--mm-accent); border-radius: var(--mm-radius); padding: 20px; display: flex; flex-direction: column; align-items: stretch; box-shadow: 0 10px 30px rgba(61, 44, 30, 0.14); } .sorkx-megamenu__column.is-cta::before { content: ''; position: absolute; inset-block-start: 0; inset-inline: 0; height: 3px; background: linear-gradient(90deg, var(--mm-accent), var(--mm-accent-dk)); border-radius: var(--mm-radius) var(--mm-radius) 0 0; } .sorkx-megamenu__column.is-cta .sorkx-megamenu__col-title { color: var(--mm-fg); font-family: 'Frank Ruhl Libre', serif; font-size: 1.04rem; font-weight: 700; text-transform: none; letter-spacing: 0; border-bottom: 0; margin-bottom: 12px; } .sorkx-megamenu__column.is-cta .sorkx-megamenu__col-image { border-radius: 6px; margin-bottom: 16px; aspect-ratio: 4 / 3; object-fit: cover; box-shadow: 0 6px 16px rgba(61, 44, 30, 0.18); } .sorkx-megamenu__col-cta { display: inline-block; margin-top: auto; padding: 12px 18px; background: var(--mm-accent); color: #fff; font-weight: 600; text-align: center; text-decoration: none; border-radius: 6px; transition: background var(--mm-anim-ms) ease, transform var(--mm-anim-ms) ease, box-shadow var(--mm-anim-ms) ease; box-shadow: 0 4px 10px rgba(201, 162, 75, 0.32); } .sorkx-megamenu__col-cta:hover { background: var(--mm-accent-dk); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(168, 138, 92, 0.42); } @media (min-width: 900px) { .sorkx-megamenu__panel .sorkx-mm-allproducts { display: none !important; } .sorkx-megamenu__panel { grid-template-columns: repeat(var(--sorkx-mm-cols, 4), minmax(0, 1fr)); } .sorkx-megamenu__panel.has-featured { width: min(92vw, 1240px); min-width: 0; } .sorkx-megamenu__panel.has-featured .sorkx-megamenu__column { min-width: 0; } .sorkx-megamenu__panel.has-featured .sorkx-megamenu__column.is-cta { grid-column: span 2; } } .sorkx-megamenu__item--mega.is-featured > .sorkx-megamenu__link { position: relative; color: var(--mm-fg); font-weight: 600; } .sorkx-megamenu__item--mega.is-featured > .sorkx-megamenu__link::after { content: 'הכי פופולרי'; position: absolute; top: 2px; inset-inline-end: 8px; background: var(--mm-accent); color: #fff; font-size: 0.62rem; font-weight: 700; padding: 2px 8px; border-radius: 10px; letter-spacing: 0.02em; line-height: 1.4; pointer-events: none; } .sorkx-megamenu__item--mega.is-featured > .sorkx-megamenu__panel { border: 2px solid var(--mm-accent); } .sorkx-megamenu__submenu { background: var(--mm-bg); border: 1px solid var(--mm-border); border-radius: var(--mm-radius); box-shadow: var(--mm-shadow); padding: 10px 0; min-width: 220px; inset-inline-end: 0; inset-inline-start: auto; } .sorkx-megamenu__sub-link { display: block; padding: 10px 22px; color: var(--mm-fg); text-decoration: none; font-size: 0.96rem; transition: background var(--mm-anim-ms) ease, color var(--mm-anim-ms) ease; } .sorkx-megamenu__sub-link:hover { background: rgba(201, 162, 75, 0.10); color: var(--mm-accent-dk); } .sorkx-megamenu__burger { display: none !important; } @media (max-width: 899px) { .sorkx-megamenu__items { display: none; } } .sg-megamenu { display: none !important; } .sg-cat-hero { position: relative; width: 100%; min-height: 280px; display: flex; align-items: center; justify-content: center; padding: 56px 0; margin: 0; text-align: center; color: #092143; overflow: hidden; animation: sgCatHeroIn 480ms cubic-bezier(0.2, 0.65, 0.3, 1) both; } .sg-cat-hero--image { color: #FFFFFF; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.36); } .sg-cat-hero__inner { position: relative; z-index: 2; max-width: 760px; padding: 0 24px; } .sg-cat-hero__title { font-family: 'Frank Ruhl Libre', 'Heebo', serif; font-weight: 700; font-size: clamp(2rem, 4.6vw, 3rem); line-height: 1.18; margin: 0 0 14px; color: inherit; } .sg-cat-hero__subtitle { font-family: 'Rubik', 'Rubik Fallback', sans-serif; font-weight: 400; font-size: clamp(1rem, 2vw, 1.18rem); line-height: 1.55; color: inherit; opacity: 0.92; margin: 0 0 22px; } .sg-cat-hero__cta { display: inline-block; padding: 14px 28px; background: var(--sg-gold,#C9A24B); color: #ffffff; font-weight: 600; font-size: 1.02rem; text-decoration: none; border-radius: 10px; box-shadow: 0 6px 14px rgba(201, 162, 75, 0.32); transition: background 220ms ease, transform 220ms ease, box-shadow 220ms ease; } .sg-cat-hero__cta:hover { background: var(--sg-gold-dark,#8C6B26); transform: translateY(-2px); box-shadow: 0 10px 22px rgba(168, 138, 92, 0.42); } .sg-cat-hero + .sg-shop-wrap .sg-shop__head .sg-shop__title { display: none; } @keyframes sgCatHeroIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .sg-cat-hero { animation: none; } } @media (max-width: 768px) { .sg-cat-hero { min-height: 180px; padding: 36px 0; } .sg-cat-hero__title { font-size: clamp(1.6rem, 6.5vw, 2.2rem); } .sg-cat-hero__subtitle { font-size: 0.98rem; margin-bottom: 18px; } .sg-cat-hero__cta { padding: 12px 22px; font-size: 0.96rem; } } .sorkx-megamenu__panel { min-width: 920px; max-width: min(1120px, calc(100vw - 48px)); } .sorkx-megamenu__column { min-width: 160px; } .sorkx-megamenu__col-link { display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: start; width: 100%; line-height: 1.45; } .sorkx-megamenu__col-list { display: flex; flex-direction: column; gap: 2px; padding: 0; margin: 0; list-style: none; } .sorkx-megamenu__col-list li { margin: 0; width: 100%; } .sorkx-megamenu__sub-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } @media (max-width: 899px) { .sorkx-megamenu__panel { min-width: 0; max-width: none; } } .sg-shop-wrap > .sg-shop { display: grid; grid-template-columns: 280px 1fr; gap: 32px; margin-block: 24px 64px; align-items: start; } .sg-shop__sidebar { min-width: 0; } .sg-shop__main { min-width: 0; } .sg-filters { background: #ffffff; border: 1px solid #e2eaf1; border-radius: 12px; padding: 24px 22px; position: sticky; top: 88px; align-self: start; font-family: 'Rubik', 'Rubik Fallback', 'Assistant', sans-serif; } .sg-filters__close { display: none; } .sg-filter + .sg-filter { margin-top: 24px; padding-top: 22px; border-top: 1px solid #e2eaf1; } .sg-filter__title { font-family: 'Frank Ruhl Libre', serif; font-size: 1.05rem; font-weight: 700; color: #092143; margin: 0 0 14px; padding: 0; border: 0; } .sg-filter__back { display: inline-block; font-size: 0.86rem; color: var(--sg-gold-dark,#8C6B26); text-decoration: none; margin-bottom: 10px; } .sg-filter__back:hover { color: #092143; } .sg-filter__nav { list-style: none; margin: 0; padding: 0; } .sg-filter__nav li { margin: 0; } .sg-filter__nav li a { display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; color: #092143; text-decoration: none; font-size: 0.95rem; border-radius: 8px; transition: background 180ms ease, color 180ms ease, padding 180ms ease; } .sg-filter__nav li a:hover { background: rgba(201, 162, 75, 0.12); color: var(--sg-gold-dark,#8C6B26); padding-inline-start: 16px; } .sg-filter__nav li.is-active > a { background: rgba(201, 162, 75, 0.18); color: #092143; font-weight: 600; } .sg-filter__count { font-size: 0.78rem; color: #5b6b80; background: #fff; padding: 2px 9px; border-radius: 10px; min-width: 28px; text-align: center; } .sg-filter .widgettitle, .sg-filter .widget-title { display: none; } .sg-filter .price_slider, .sg-filter .ui-slider-horizontal { background: #e2eaf1 !important; height: 4px !important; border: 0 !important; border-radius: 4px !important; margin: 16px 6px !important; position: relative !important; } .sg-filter .ui-slider-range { background: var(--sg-gold,#C9A24B) !important; height: 4px !important; border-radius: 4px !important; position: absolute !important; } .sg-filter .ui-slider-handle { background: #fff !important; border: 2px solid var(--sg-gold,#C9A24B) !important; border-radius: 50% !important; width: 18px !important; height: 18px !important; top: -8px !important; cursor: grab !important; outline: none !important; } .sg-filter .price_slider_amount { font-size: 0.88rem; color: #092143; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; } .sg-filter .price_slider_amount .button { background: var(--sg-gold,#C9A24B); color: #fff; border: 0; padding: 8px 18px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: background 180ms ease; } .sg-filter .price_slider_amount .button:hover { background: var(--sg-gold-dark,#8C6B26); } .sg-filter .price_label { font-weight: 500; } .sg-filter ul.wc-layered-nav-list, .sg-filter ul.woocommerce-widget-layered-nav-list { list-style: none; margin: 0; padding: 0; } .sg-filter ul.wc-layered-nav-list li, .sg-filter ul.woocommerce-widget-layered-nav-list li { margin: 0; padding: 0; } .sg-filter ul.wc-layered-nav-list li a, .sg-filter ul.woocommerce-widget-layered-nav-list li a { display: block; padding: 7px 10px; font-size: 0.92rem; color: #092143; text-decoration: none; border-radius: 6px; transition: background 180ms ease, color 180ms ease; } .sg-filter ul.wc-layered-nav-list li a:hover, .sg-filter ul.woocommerce-widget-layered-nav-list li a:hover { background: rgba(201, 162, 75, 0.10); color: var(--sg-gold-dark,#8C6B26); } .sg-filter ul.wc-layered-nav-list .count, .sg-filter ul.woocommerce-widget-layered-nav-list .count { font-size: 0.78rem; color: #5b6b80; margin-inline-start: 4px; } .sg-filter ul.woocommerce-widget-layered-nav-filters, .sg-filter ul.wc-layered-nav-filters { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .sg-filter ul.woocommerce-widget-layered-nav-filters li, .sg-filter ul.wc-layered-nav-filters li { background: #fff; border: 1px solid var(--sg-gold,#C9A24B); border-radius: 16px; font-size: 0.82rem; } .sg-filter ul.woocommerce-widget-layered-nav-filters li a, .sg-filter ul.wc-layered-nav-filters li a { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; color: #092143; text-decoration: none; } .sg-filter ul.woocommerce-widget-layered-nav-filters li a::before, .sg-filter ul.wc-layered-nav-filters li a::before { content: "×"; font-weight: 700; color: var(--sg-gold-text,#8C6B26); font-size: 1rem; } .sg-sorting { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 18px; padding: 12px 18px; background: #ffffff; border: 1px solid #e2eaf1; border-radius: 12px; } .sg-sorting__count { color: #5b6b80; font-size: 0.92rem; } .sg-sorting__order select { background: #fff; border: 1px solid #e2eaf1; border-radius: 8px; padding: 8px 12px; font-size: 0.92rem; font-family: inherit; color: #092143; } .sg-sorting__filter-toggle { display: none; } .sg-shop__main ul.products { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .sg-shop__main ul.products::before, .sg-shop__main ul.products::after { display: none; } .sg-shop__main ul.products li.product { position: relative; background: #fff; border: 1px solid #e2eaf1; border-radius: 14px; padding: 14px; margin: 0; width: auto !important; float: none !important; list-style: none; display: flex; flex-direction: column; transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease; overflow: hidden; } .sg-shop__main ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(61, 44, 30, 0.10); border-color: var(--sg-gold,#C9A24B); } .sg-shop__main ul.products li.product a { color: inherit; text-decoration: none; } .sg-shop__main ul.products li.product img, .sg-shop__main ul.products li.product .attachment-woocommerce_thumbnail { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; margin-bottom: 12px; transition: transform 320ms ease; display: block; } .sg-shop__main ul.products li.product:hover img, .sg-shop__main ul.products li.product:hover .attachment-woocommerce_thumbnail { transform: scale(1.04); } .sg-shop__main ul.products li.product .woocommerce-loop-product__title { font-family: 'Rubik', 'Rubik Fallback', sans-serif; font-size: 0.96rem; font-weight: 500; color: #092143; line-height: 1.35; margin: 0 0 8px; min-height: 2.7em; padding: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sg-shop__main ul.products li.product .price { color: var(--sg-gold-dark,#8C6B26); font-weight: 700; font-size: 1.04rem; margin: 0 0 12px; display: block; } .sg-shop__main ul.products li.product .from-label { font-size: 0.78rem; color: #5b6b80; font-weight: 400; margin-inline-end: 4px; } .sg-shop__main ul.products li.product .button, .sg-shop__main ul.products li.product .added_to_cart { display: block; margin-top: auto; padding: 10px 18px; background: #092143; color: #fff; font-weight: 600; text-align: center; text-decoration: none; border: 0; border-radius: 8px; font-size: 0.92rem; transition: background 180ms ease; cursor: pointer; } .sg-shop__main ul.products li.product .button:hover, .sg-shop__main ul.products li.product .added_to_cart:hover { background: var(--sg-gold,#C9A24B); color: #fff; } .sg-shop__main ul.products li.product .sg-sale-badge, .sg-shop__main ul.products li.product .onsale { position: absolute; top: 18px; inset-inline-start: 18px; background: var(--sg-gold,#C9A24B); color: #fff; font-weight: 700; font-size: 0.78rem; padding: 4px 10px; border-radius: 14px; z-index: 2; } .sg-shop__main .woocommerce-pagination { margin-top: 32px; text-align: center; } .sg-shop__main .woocommerce-pagination ul { display: inline-flex; gap: 6px; list-style: none; padding: 0; border: 0; } .sg-shop__main .woocommerce-pagination ul li a, .sg-shop__main .woocommerce-pagination ul li span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid #e2eaf1; border-radius: 8px; color: #092143; background: #fff; text-decoration: none; font-weight: 500; transition: all 180ms ease; } .sg-shop__main .woocommerce-pagination ul li a:hover { background: var(--sg-gold,#C9A24B); color: #fff; border-color: var(--sg-gold,#C9A24B); } .sg-shop__main .woocommerce-pagination ul li span.current { background: #092143; color: #fff; border-color: #092143; } @media (max-width: 1024px) { .sg-shop-wrap > .sg-shop { grid-template-columns: 240px 1fr; gap: 24px; } .sg-shop__main ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } } @media (max-width: 768px) { .sg-shop-wrap > .sg-shop { grid-template-columns: 1fr; margin-block: 18px 40px; } .sg-shop__main ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .sg-sorting__filter-toggle { display: inline-flex; align-items: center; gap: 8px; background: #092143; color: #fff; border: 0; padding: 9px 16px; border-radius: 8px; font-weight: 600; font-size: 0.92rem; cursor: pointer; } .sg-sorting__filter-toggle:hover { background: var(--sg-gold,#C9A24B); } .sg-shop__sidebar { position: fixed; inset-block: 0; inset-inline-end: 0; inset-inline-start: auto; width: min(86vw, 360px); background: #ffffff; z-index: 9999; overflow-y: auto; padding: 56px 18px 24px; transform: translateX(100%); transition: transform 240ms ease; box-shadow: -16px 0 36px rgba(0,0,0,0.18); } .sg-shop__sidebar.is-open { transform: translateX(0); } .sg-filters { position: static; border: 0; background: transparent; padding: 0; } .sg-filters__close { display: block; position: absolute; top: 12px; inset-inline-end: 12px; background: transparent; border: 0; font-size: 2rem; line-height: 1; color: #092143; cursor: pointer; padding: 0 8px; } body.sg-filters-open::before { content: ''; position: fixed; inset: 0; background: rgba(61, 44, 30, 0.5); z-index: 9998; pointer-events: auto; } } @media (max-width: 480px) { .sg-sorting { flex-wrap: wrap; } .sg-shop__main ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .sg-shop__main ul.products li.product { padding: 10px; } .sg-shop__main ul.products li.product .woocommerce-loop-product__title { font-size: 0.88rem; } } .sg-cat-hero { animation-fill-mode: none; opacity: 1; transform: none; } .sg-shop__desc { margin: 16px 0 24px; padding: 18px 20px; background: #ffffff; border: 1px solid #e2eaf1; border-radius: 12px; color: #092143; font-size: 0.96rem; line-height: 1.65; overflow-wrap: break-word; contain: layout style; max-width: 100%; } .sg-shop__desc p { margin: 0 0 8px; } .sg-shop__desc p:last-child { margin-bottom: 0; } .sg-shop__desc strong { color: #092143; } .sg-shop__desc em { color: var(--sg-gold-dark,#8C6B26); font-style: italic; } .sg-filters { max-height: calc(100vh - 110px); overflow-y: auto; } @media (min-width: 900px) { .sg-mobile-toggle { display: none !important; } .sg-drawer { display: none !important; } .sg-drawer__backdrop { display: none !important; } } @media (max-width: 899px) { .sg-mobile-toggle { display: inline-flex !important; } } .sg-shop__main ul.products li.product { perspective: 1200px; } .sg-shop__main ul.products li.product:hover { transform: translateY(-6px) rotateX(2deg); box-shadow: 0 18px 32px rgba(61, 44, 30, 0.14), 0 2px 6px rgba(61, 44, 30, 0.08); } .sg-cat-hero { box-shadow: inset 0 -1px 0 rgba(61, 44, 30, 0.05), 0 2px 8px rgba(61, 44, 30, 0.04); } .sg-cat-hero__cta:hover { box-shadow: 0 10px 22px rgba(168, 138, 92, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.25); } .sg-btn:hover, .sorkx-megamenu__col-cta:hover { box-shadow: 0 8px 20px rgba(168, 138, 92, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.22); } html, body { overflow-x: clip; } .sg-cat-hero__title { font-family: var(--font-display); } @media (max-width: 899px) { .sorkx-megamenu__burger { display: none !important; } } @media (max-width: 899px) { .sorkx-megamenu .sorkx-megamenu__item.is-open > .sorkx-megamenu__panel, .sorkx-megamenu .sorkx-megamenu__item.is-open > .sorkx-megamenu__submenu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; position: static !important; min-width: 0 !important; max-width: 100% !important; width: 100%; box-shadow: none; border: 0; background: rgba(0,0,0,0.025); padding: 12px 20px; margin: 0; grid-template-columns: 1fr !important; display: block !important; } .sorkx-megamenu .sorkx-megamenu__item:not(.is-open) > .sorkx-megamenu__panel, .sorkx-megamenu .sorkx-megamenu__item:not(.is-open) > .sorkx-megamenu__submenu { display: none !important; } .sorkx-megamenu__items > .sorkx-megamenu__item > .sorkx-megamenu__link { padding: 16px 22px; font-size: 1.05rem; border-block-end: 1px solid var(--sg-border); } .sorkx-megamenu__item.is-open > .sorkx-megamenu__link .sorkx-megamenu__chevron { transform: rotate(180deg); transition: transform 200ms ease; } .sorkx-megamenu__chevron { transition: transform 200ms ease; display: inline-block; } } .sg-shop__main ul.products li.product { transition: transform 280ms cubic-bezier(0.2, 0.65, 0.3, 1), box-shadow 280ms ease, border-color 280ms ease; } .sg-shop__main ul.products li.product:hover { transform: translateY(-10px) scale(1.025); box-shadow: 0 24px 48px rgba(61, 44, 30, 0.18), 0 6px 14px rgba(61, 44, 30, 0.10), 0 0 0 1px var(--sg-gold) inset; border-color: var(--sg-gold); z-index: 2; } .sg-shop__main ul.products li.product:hover img, .sg-shop__main ul.products li.product:hover .attachment-woocommerce_thumbnail { transform: scale(1.06); } .sg-icon-btn { transition: transform 200ms ease, color 200ms ease; } .sg-icon-btn:hover { transform: translateY(-2px); color: var(--sg-gold-dark); } .sorkx-megamenu__items > .sorkx-megamenu__item > .sorkx-megamenu__link { position: relative; transition: color 200ms ease, transform 200ms ease; } .sorkx-megamenu__items > .sorkx-megamenu__item > .sorkx-megamenu__link::after { content: ''; position: absolute; inset-inline: 18px; inset-block-end: 6px; height: 2px; background: var(--sg-gold); transform: scaleX(0); transform-origin: center; transition: transform 220ms ease; } .sorkx-megamenu__items > .sorkx-megamenu__item > .sorkx-megamenu__link:hover { transform: translateY(-1px); } .sorkx-megamenu__items > .sorkx-megamenu__item > .sorkx-megamenu__link:hover::after { transform: scaleX(1); } .sg-btn:hover, .sg-cat-hero__cta:hover, .sorkx-megamenu__col-cta:hover { transform: translateY(-3px); } section[id], h2[id], h3[id] { scroll-margin-top: 24px; } .sg-product-wrap { padding-block: 32px 64px; } .sg-product-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; margin-block: 24px; align-items: start; } @media (max-width: 899px) { .sg-product-grid { grid-template-columns: 1fr; gap: 24px; } } .sg-pinfo { background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); padding: 32px; box-shadow: 0 4px 16px rgba(61, 44, 30, 0.04); } .sg-pinfo__head { margin-bottom: 16px; } .sg-pinfo__title { font-family: var(--sg-font-body); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; line-height: 1.25; color: var(--sg-brown); margin-bottom: 8px; } .sg-pinfo__rating { color: var(--sg-gold-dark); font-size: 0.95rem; } .sg-pinfo__price { font-family: var(--sg-font-body); font-size: clamp(1.4rem, 2.5vw, 1.8rem); font-weight: 700; color: var(--sg-gold-dark); margin-block: 16px 12px; } .sg-pinfo__price .from-label { font-size: 0.85rem; color: var(--sg-text-muted); font-weight: 500; margin-inline-end: 6px; } .sg-pinfo__excerpt { color: var(--sg-text-muted); font-size: 1rem; line-height: 1.65; margin-block: 16px; padding-block: 16px; border-block: 1px dashed var(--sg-border); } .sg-pinfo__addtocart { margin-block: 24px 16px; padding-block-start: 8px; } .sg-pinfo__addtocart .single_add_to_cart_button, .sg-pinfo__addtocart button[type="submit"] { background: var(--sg-gold) !important; color: var(--sg-brown) !important; border: 0 !important; padding: 16px 32px !important; font-size: 1.05rem !important; font-weight: 700 !important; border-radius: var(--sg-radius-md) !important; cursor: pointer; transition: background 200ms ease, transform 200ms ease, box-shadow 200ms ease; width: 100%; margin-block: 12px 0; } .sg-pinfo__addtocart .single_add_to_cart_button:hover, .sg-pinfo__addtocart button[type="submit"]:hover { background: var(--sg-gold-dark) !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(168, 138, 92, 0.32); } .sg-pinfo .variations_form table.variations { border: 0; margin-block: 12px; } .sg-pinfo .variations_form table.variations td { background: transparent; padding: 8px 4px; } .sg-pinfo .variations_form table.variations select { background: var(--sg-cream); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-md); padding: 10px 14px; font-family: var(--sg-font-body); font-size: 0.95rem; width: 100%; } .sg-pinfo__sku, .sg-pinfo__cats { display: block; margin-block-start: 12px; color: var(--sg-text-muted); font-size: 0.85rem; } .sg-trust-line { list-style: none; padding: 16px; margin: 16px 0 0; background: var(--sg-cream); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-md); display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; font-size: 0.9rem; color: var(--sg-brown); font-weight: 500; } .sg-ptabs { margin-block: 48px 32px; border-block-start: 1px solid var(--sg-border); padding-block-start: 32px; } .sg-ptabs .wc-tabs { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; border-block-end: 2px solid var(--sg-border); } .sg-ptabs .wc-tabs li { margin: 0; } .sg-ptabs .wc-tabs li a { display: inline-block; padding: 12px 22px; color: var(--sg-text-muted); text-decoration: none; font-weight: 500; border-block-end: 2px solid transparent; margin-block-end: -2px; transition: color 200ms ease, border-color 200ms ease; } .sg-ptabs .wc-tabs li.active a, .sg-ptabs .wc-tabs li a:hover { color: var(--sg-brown); border-block-end-color: var(--sg-gold); } .sg-ptabs .woocommerce-Tabs-panel { padding-block: 16px; line-height: 1.65; color: var(--sg-text); } .sg-ptabs .woocommerce-Tabs-panel h2 { font-size: 1.4rem; margin-block: 0 16px; color: var(--sg-brown); } .sg-product-grid__media img { border-radius: var(--sg-radius-lg); box-shadow: 0 8px 24px rgba(61, 44, 30, 0.08); } .sg-upload { margin-block: 16px; padding: 20px; background: var(--sg-cream); border: 2px dashed var(--sg-border); border-radius: var(--sg-radius-lg); transition: border-color 200ms ease; } .sg-upload:hover { border-color: var(--sg-gold); } .sg-upload__heading { font-family: var(--sg-font-body); font-size: 1.05rem; font-weight: 700; color: var(--sg-brown); margin-block: 0 6px; } .sg-upload__sub { font-size: 0.85rem; color: var(--sg-text-muted); margin-block: 0 12px; } .sg-upsell-modal { position: fixed; inset: 0; z-index: 10000; display: none; align-items: center; justify-content: center; padding: 16px; } .sg-upsell-modal.is-open { display: flex; animation: sgUpsellFade 260ms ease-out; } .sg-upsell-modal__backdrop { position: absolute; inset: 0; background: rgba(61, 44, 30, 0.55); backdrop-filter: blur(4px); } .sg-upsell-modal__panel { position: relative; width: min(100%, 460px); background: var(--sg-surface, #fff); border-radius: var(--sg-radius-lg, 16px); padding: 32px 28px 24px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25); text-align: center; animation: sgUpsellRise 260ms cubic-bezier(0.2, 0.65, 0.3, 1); font-family: var(--sg-font-body, 'Rubik', 'Rubik Fallback', sans-serif); } .sg-upsell-modal__close { position: absolute; inset-block-start: 12px; inset-inline-end: 14px; background: transparent; border: 0; font-size: 1.8rem; line-height: 1; color: var(--sg-text-muted, #5b6b80); cursor: pointer; padding: 4px 10px; border-radius: 8px; transition: background 180ms ease; } .sg-upsell-modal__close:hover { background: var(--sg-cream, #ffffff); color: var(--sg-brown, #092143); } .sg-upsell-modal__title { font-family: var(--sg-font-body); font-size: 1.25rem; font-weight: 700; color: var(--sg-brown, #092143); margin: 0 0 12px; } .sg-upsell-modal__sub { font-size: 1rem; line-height: 1.6; color: var(--sg-text-muted, #5b6b80); margin: 0 0 24px; } .sg-upsell-modal__actions { display: flex; flex-direction: column; gap: 10px; } .sg-upsell-modal__cta-primary { display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143); text-decoration: none; font-weight: 700; border-radius: var(--sg-radius-md, 8px); border: 0; cursor: pointer; font-size: 1rem; transition: background 200ms ease, transform 200ms ease; } .sg-upsell-modal__cta-primary:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); color: #fff; transform: translateY(-2px); } .sg-upsell-modal__cta-secondary { display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; background: transparent; color: var(--sg-text-muted, #5b6b80); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-md, 8px); font-family: inherit; font-size: 0.95rem; cursor: pointer; transition: background 200ms ease, color 200ms ease, border-color 200ms ease; } .sg-upsell-modal__cta-secondary:hover { background: var(--sg-cream, #ffffff); color: var(--sg-brown, #092143); border-color: var(--sg-brown, #092143); } body.sg-upsell-open { overflow: hidden; } @keyframes sgUpsellFade { from { opacity: 0; } to { opacity: 1; } } @keyframes sgUpsellRise { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .sg-upsell-modal.is-open { animation: none; } .sg-upsell-modal__panel { animation: none; } } @media (max-width: 899px) { .sg-header__nav { display: flex !important; align-items: center; justify-content: flex-end; flex: 0 0 auto; margin-inline-start: auto; padding: 0; min-width: 44px; } .sg-search { display: none !important; } .sorkx-megamenu__burger { display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: transparent; border: 0; color: var(--sg-brown, #092143); cursor: pointer; position: relative; z-index: 10001; } } @media (max-width: 899px) { .sg-search-mobile-link { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 8px; color: var(--sg-brown, #092143); text-decoration: none; background: transparent; border: 0; cursor: pointer; } .sg-search-mobile-link:hover { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } } @media (min-width: 900px) { .sg-search-mobile-link { display: none !important; } } .sorkx-megamenu__panel { z-index: 9000 !important; } .sorkx-megamenu__submenu { z-index: 9000 !important; } .sg-pinfo__cats { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-block-start: 12px; font-size: 0.85rem; color: var(--sg-text-muted, #5b6b80); } .sg-pinfo__cats:empty { display: none; } .sg-pinfo__cats a { display: inline-block; padding: 3px 10px; background: var(--sg-cream, #ffffff); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-pill, 9999px); color: var(--sg-brown, #092143); text-decoration: none; font-size: 0.8rem; transition: background 200ms ease; } .sg-pinfo__cats a:hover { background: var(--sg-gold-light, #F6EFE0); border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-trust-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-block: 20px 0; padding: 16px; background: var(--sg-cream, #ffffff); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-md, 8px); } .sg-trust-strip__item { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: var(--sg-brown, #092143); } .sg-trust-strip__icon { font-size: 1.2rem; flex-shrink: 0; } .sg-trust-strip__pay { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 8px; padding-block-start: 12px; border-block-start: 1px solid var(--sg-border, #e2eaf1); font-size: 0.78rem; color: var(--sg-text-muted, #5b6b80); } .sg-trust-strip__pay-logo { display: inline-block; padding: 3px 8px; background: #fff; border: 1px solid var(--sg-border, #e2eaf1); border-radius: 4px; font-size: 0.72rem; font-weight: 600; color: var(--sg-brown, #092143); letter-spacing: 0.02em; } .sg-product__ai-tagline { position: relative; margin: 8px 0 16px; padding: 14px 16px; background: linear-gradient(135deg, rgba(201, 162, 75, 0.08) 0%, rgba(201, 162, 75, 0.02) 100%); border-inline-start: 3px solid var(--sg-gold, var(--sg-gold,#C9A24B)); border-radius: 0 var(--sg-radius-md, 8px) var(--sg-radius-md, 8px) 0; font-style: italic; font-size: 1rem; line-height: 1.55; color: var(--sg-brown, #092143); } .sg-product__ai-tagline::before { content: '✨'; font-style: normal; margin-inline-end: 6px; opacity: 0.75; } .sg-pinfo .quantity { display: inline-flex; align-items: stretch; border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-md, 8px); overflow: hidden; background: var(--sg-cream, #ffffff); height: 44px; } .sg-pinfo .quantity input.qty { width: 56px; border: 0; background: transparent; text-align: center; font-family: var(--sg-font-body); font-size: 1rem; font-weight: 600; color: var(--sg-brown); padding: 0; -moz-appearance: textfield; } .sg-pinfo .quantity input.qty::-webkit-outer-spin-button, .sg-pinfo .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sg-pinfo .sg-qty-btn { width: 44px; background: transparent; border: 0; font-size: 1.4rem; font-weight: 700; color: var(--sg-brown); cursor: pointer; transition: background 180ms ease, color 180ms ease; display: inline-flex; align-items: center; justify-content: center; } .sg-pinfo .sg-qty-btn:hover { background: var(--sg-gold-light, #F6EFE0); color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-pinfo .sg-qty-btn:active { transform: scale(0.96); } .sg-pinfo .sg-qty-btn--minus { border-inline-end: 1px solid var(--sg-border); } .sg-pinfo .sg-qty-btn--plus { border-inline-start: 1px solid var(--sg-border); } .sg-sticky-atc { display: none; position: fixed; inset-block-end: 0; inset-inline: 0; z-index: 4000; padding: 12px 16px; background: var(--sg-surface, #fff); border-block-start: 1px solid var(--sg-border, #e2eaf1); box-shadow: 0 -8px 24px rgba(61, 44, 30, 0.12); align-items: center; justify-content: space-between; gap: 16px; } @media (max-width: 768px) { .sg-sticky-atc { display: flex; } body.single-product { padding-block-end: 80px; } } .sg-sticky-atc__price { font-family: var(--sg-font-body); font-size: 1.1rem; font-weight: 700; color: var(--sg-gold-dark); flex: 0 0 auto; } .sg-sticky-atc__btn { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 18px; background: var(--sg-gold); color: var(--sg-brown); font-weight: 700; font-size: 0.98rem; text-decoration: none; border-radius: var(--sg-radius-md); border: 0; cursor: pointer; transition: background 200ms ease; } .sg-sticky-atc__btn:hover { background: var(--sg-gold-dark); color: #fff; } @media (min-width: 769px) { body { padding-block-end: 0 !important; } } .sg-pinfo .variable-items-wrapper { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 8px; } .sg-pinfo .variable-item { min-width: 64px; min-height: 44px; padding: 8px 14px; border: 1.5px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-md, 8px); background: var(--sg-surface, #fff); font-family: var(--sg-font-body); font-size: 0.92rem; color: var(--sg-brown); cursor: pointer; transition: border-color 200ms ease, background 200ms ease, transform 150ms ease; display: inline-flex; align-items: center; justify-content: center; position: relative; } .sg-pinfo .variable-item:hover { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); background: var(--sg-gold-light, #F6EFE0); } .sg-pinfo .variable-item.selected, .sg-pinfo .variable-item[aria-checked="true"] { background: var(--sg-gold, var(--sg-gold,#C9A24B)) !important; color: var(--sg-brown, #092143) !important; border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)) !important; font-weight: 700; } .sg-pinfo .variable-item[data-value="40x60"]::before, .sg-pinfo .variable-item[data-title="40x60"]::before { content: "פופולרי"; position: absolute; inset-block-start: -10px; inset-inline-end: -4px; background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); color: #fff; font-size: 0.62rem; font-weight: 700; padding: 2px 8px; border-radius: 9999px; letter-spacing: 0.02em; white-space: nowrap; } .sg-pinfo .color-variable-item, .sg-pinfo .image-variable-item { position: relative; width: 36px; height: 36px; border-radius: 50% !important; border: 2px solid var(--sg-border, #e2eaf1); cursor: pointer; transition: transform 200ms ease, border-color 200ms ease; } .sg-pinfo .color-variable-item:hover, .sg-pinfo .image-variable-item:hover { transform: scale(1.1); border-color: var(--sg-gold); } .sg-pinfo .color-variable-item .variable-item-span, .sg-pinfo .image-variable-item .variable-item-span { pointer-events: none; } .sg-pinfo .color-variable-item[data-title]:hover::after, .sg-pinfo .image-variable-item[data-title]:hover::after { content: attr(data-title); position: absolute; inset-block-end: calc(100% + 8px); inset-inline-start: 50%; transform: translateX(50%); padding: 4px 10px; background: var(--sg-brown); color: #fff; font-size: 0.78rem; white-space: nowrap; border-radius: 4px; z-index: 100; } .sg-pgallery .woocommerce-product-gallery { position: relative; margin-block-end: var(--sg-space-4, 24px); } .sg-pgallery .woocommerce-product-gallery__wrapper { border-radius: var(--sg-radius-lg, 16px); overflow: hidden; box-shadow: 0 8px 24px rgba(61, 44, 30, 0.08); } .sg-pgallery .woocommerce-product-gallery__image { cursor: zoom-in; transition: transform 300ms ease; } .sg-pgallery .woocommerce-product-gallery__image:hover { transform: scale(1.02); } .sg-pgallery .woocommerce-product-gallery__image img { width: 100%; height: auto; display: block; } .sg-pgallery .flex-control-thumbs, .sg-pgallery .woocommerce-product-gallery__image--placeholder + ol { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-block-start: 12px; padding: 0; list-style: none; } .sg-pgallery .flex-control-thumbs li { cursor: pointer; border-radius: var(--sg-radius-md, 8px); overflow: hidden; border: 2px solid transparent; transition: border-color 180ms ease, transform 180ms ease; } .sg-pgallery .flex-control-thumbs li:hover { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-pgallery .flex-control-thumbs li img { width: 100%; height: auto; display: block; aspect-ratio: 1 / 1; object-fit: cover; } .sg-pgallery .flex-control-thumbs li img.flex-active { opacity: 1; } .sg-pgallery .flex-control-thumbs li:has(img.flex-active) { border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-pgallery .woocommerce-product-gallery__trigger { position: absolute; inset-block-start: 12px; inset-inline-end: 12px; z-index: 10; background: rgba(255, 255, 255, 0.95); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-pill, 9999px); padding: 8px 12px; text-decoration: none; color: var(--sg-brown, #092143); font-size: 0.85rem; transition: background 180ms ease, transform 180ms ease; } .sg-pgallery .woocommerce-product-gallery__trigger:hover { background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143); transform: scale(1.05); } .sg-breadcrumb { font-size: 0.88rem; color: var(--sg-text-muted, #5b6b80); margin-block: 16px 24px; padding: 8px 0; overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } .sg-breadcrumb::-webkit-scrollbar { display: none; } .sg-breadcrumb ol { list-style: none; padding: 0; margin: 0; display: inline-flex; align-items: center; gap: 6px; flex-wrap: nowrap; } .sg-breadcrumb li { display: inline-flex; align-items: center; gap: 6px; } .sg-breadcrumb a { color: var(--sg-text-muted, #5b6b80); text-decoration: none; transition: color 180ms ease; } .sg-breadcrumb a:hover { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); text-decoration: underline; text-underline-offset: 3px; } .sg-breadcrumb li:last-child span { color: var(--sg-brown, #092143); font-weight: 600; } .sg-breadcrumb [aria-hidden="true"] { color: var(--sg-gold-text, var(--sg-gold-text,#8C6B26)); font-weight: 700; margin-inline: 4px; } @media (max-width: 480px) { .sg-breadcrumb { font-size: 0.78rem; } .sg-breadcrumb li:not(:first-child):not(:last-child) span:not([aria-hidden]) { max-width: 80px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; } } .sg-prev-next { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-block: 32px; padding-block: 24px; border-block: 1px solid var(--sg-border, #e2eaf1); } @media (max-width: 600px) { .sg-prev-next { grid-template-columns: 1fr; gap: 12px; } } .sg-prev-next__item { display: flex; align-items: center; gap: 12px; padding: 12px; background: var(--sg-cream, #ffffff); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-md, 8px); text-decoration: none; color: var(--sg-brown, #092143); transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease; min-height: 88px; } .sg-prev-next__item:hover { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); transform: translateY(-2px); box-shadow: 0 8px 16px rgba(61, 44, 30, 0.08); } .sg-prev-next__item--next { flex-direction: row-reverse; text-align: end; } .sg-prev-next__thumb { width: 64px; height: 64px; flex-shrink: 0; border-radius: var(--sg-radius-md, 8px); overflow: hidden; background: #fff; } .sg-prev-next__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .sg-prev-next__info { flex: 1; min-width: 0; } .sg-prev-next__label { font-size: 0.78rem; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-block-end: 4px; } .sg-prev-next__title { font-size: 0.92rem; font-weight: 600; color: var(--sg-brown, #092143); line-height: 1.3; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sg-prev-next__price { font-size: 0.85rem; color: var(--sg-gold-dark); font-weight: 600; margin-block-start: 4px; } @media (max-width: 899px) { .sorkx-megamenu__items { width: min(86vw, 360px) !important; box-shadow: -18px 0 40px rgba(0,0,0,0.18); } } .woocommerce-Price-amount, .price { white-space: nowrap; font-variant-numeric: tabular-nums; } .woocommerce-Price-currencySymbol { display: inline-block; margin-inline-start: 2px; } .sg-shop__desc { direction: rtl; text-align: start; padding-inline: 16px; overflow-wrap: anywhere; } .sg-shop__desc * { direction: rtl; unicode-bidi: plaintext; max-width: 100%; } .sg-shop__desc p, .sg-shop__desc div, .sg-shop__desc strong { text-align: start; } .woocommerce-cart .woocommerce { max-width: 1200px; margin: 0 auto; padding-block: 32px; } .woocommerce-cart table.shop_table { background: var(--sg-surface, #fff); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-lg, 16px); border-collapse: separate; border-spacing: 0; overflow: hidden; box-shadow: 0 4px 16px rgba(61, 44, 30, 0.04); } .woocommerce-cart table.shop_table th { background: var(--sg-cream, #ffffff); color: var(--sg-brown); font-family: var(--sg-font-body); font-weight: 700; padding: 14px 16px; text-align: start; border-bottom: 1px solid var(--sg-border); } .woocommerce-cart table.shop_table td { padding: 16px; border-bottom: 1px solid var(--sg-border); vertical-align: middle; } .woocommerce-cart table.shop_table .product-thumbnail img { max-width: 80px; height: auto; border-radius: var(--sg-radius-md, 8px); } .woocommerce-cart .cart_totals { background: var(--sg-cream, #ffffff); padding: 24px; border-radius: var(--sg-radius-lg, 16px); border: 1px solid var(--sg-border); } .woocommerce-cart .checkout-button { display: block !important; background: var(--sg-gold, var(--sg-gold,#C9A24B)) !important; color: var(--sg-brown, #092143) !important; padding: 16px 24px !important; border-radius: var(--sg-radius-md, 8px) !important; font-weight: 700 !important; font-size: 1.05rem !important; text-align: center !important; text-decoration: none; transition: background 200ms ease, transform 200ms ease, box-shadow 200ms ease; } .woocommerce-cart .checkout-button:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)) !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(168, 138, 92, 0.32); } .woocommerce-cart .coupon input[type="text"] { border: 1px solid var(--sg-border); border-radius: var(--sg-radius-md); padding: 10px 14px; background: var(--sg-surface); } .woocommerce-cart .coupon button { background: var(--sg-brown); color: #fff; border: 0; padding: 10px 18px; border-radius: var(--sg-radius-md); font-weight: 600; cursor: pointer; } .woocommerce-cart .quantity .qty { background: var(--sg-cream); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-md); padding: 8px 10px; text-align: center; font-family: var(--sg-font-body); font-weight: 600; } .woocommerce-cart .wc-empty-cart-message, .woocommerce-cart .cart-empty { text-align: center; padding: 48px 24px; background: var(--sg-cream); border-radius: var(--sg-radius-lg); border: 1px dashed var(--sg-border); color: var(--sg-text-muted); font-size: 1.1rem; margin-block: 24px; } .woocommerce-cart .return-to-shop a { display: inline-block; background: var(--sg-gold); color: var(--sg-brown); padding: 12px 24px; border-radius: var(--sg-radius-md); font-weight: 700; text-decoration: none; margin-block-start: 16px; transition: background 200ms ease; } .woocommerce-cart .return-to-shop a:hover { background: var(--sg-gold-dark); color: #fff; } @media (max-width: 768px) { .woocommerce-cart table.shop_table { display: block; overflow-x: auto; } .woocommerce-cart .quantity { display: inline-flex; } } .woocommerce-account .woocommerce { max-width: 1100px; margin: 0 auto; padding-block: 32px; } .woocommerce-account .woocommerce-MyAccount-navigation { background: var(--sg-cream); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); padding: 20px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { margin-bottom: 4px; } .woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; color: var(--sg-brown); text-decoration: none; border-radius: var(--sg-radius-md); transition: background 180ms ease; } .woocommerce-account .woocommerce-MyAccount-navigation a:hover, .woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: var(--sg-gold-light, #F6EFE0); color: var(--sg-gold-dark); font-weight: 600; } .woocommerce-account form.login, .woocommerce-account form.register, .woocommerce-account form.lost_reset_password, .woocommerce-account .woocommerce-MyAccount-content { background: var(--sg-surface); padding: 28px; border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); } .woocommerce-account .form-row input[type="text"], .woocommerce-account .form-row input[type="email"], .woocommerce-account .form-row input[type="password"], .woocommerce-account .form-row input[type="tel"] { width: 100%; padding: 11px 14px; border: 1px solid var(--sg-border); border-radius: var(--sg-radius-md); background: var(--sg-cream); font-family: var(--sg-font-body); font-size: 1rem; color: var(--sg-brown); } .woocommerce-account button[type="submit"], .woocommerce-account .woocommerce-Button { background: var(--sg-gold) !important; color: var(--sg-brown) !important; border: 0 !important; padding: 12px 24px !important; border-radius: var(--sg-radius-md) !important; font-weight: 700 !important; cursor: pointer; transition: background 200ms ease; } .woocommerce-account button[type="submit"]:hover, .woocommerce-account .woocommerce-Button:hover { background: var(--sg-gold-dark) !important; color: #fff !important; } .woocommerce-account table.woocommerce-orders-table { background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); overflow: hidden; } .woocommerce-account table.woocommerce-orders-table th { background: var(--sg-cream); color: var(--sg-brown); padding: 12px 14px; text-align: start; } .woocommerce-account table.woocommerce-orders-table td { padding: 14px; border-top: 1px solid var(--sg-border); } .sg-trust-strip__icon { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); flex-shrink: 0; } .elementor-section img[class*="hero"], .sg-cat-hero img, .sg-cat-hero { object-position: center center; background-position: center center; } .sg-products .sg-product__media, .sg-products .sg-product__media img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--sg-radius-md, 8px); overflow: hidden; } .sg-products .sg-product__media { position: relative; background: var(--sg-cream, #ffffff); } .sg-products .sg-product__media--ph { display: block; width: 100%; aspect-ratio: 1 / 1; background: linear-gradient(135deg, var(--sg-cream, #ffffff), var(--sg-gold-light, #F6EFE0)); } .sg-about__placeholder { display: block; width: 100%; aspect-ratio: 7 / 5; border-radius: var(--sg-radius-lg, 16px); background: linear-gradient(135deg, rgba(201, 162, 75, 0.18), rgba(61, 44, 30, 0.05)), radial-gradient(circle at 30% 30%, rgba(245, 239, 226, 0.85), transparent 60%), var(--sg-cream, #ffffff); border: 1px solid var(--sg-border, #e2eaf1); position: relative; overflow: hidden; } .sg-about__placeholder::after { content: "B Glass Design"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--sg-font-display, var(--sg-font-body)); font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 600; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); letter-spacing: 0.02em; opacity: 0.7; } .sg-upload { background: var(--sg-cream, #ffffff); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-lg, 16px); padding: 20px; margin-block: 20px; } .sg-upload__heading { font-family: var(--sg-font-display, var(--sg-font-body)); font-size: 1.2rem; margin: 0 0 6px; color: var(--sg-brown, #092143); } .sg-upload__sub { font-size: 0.9rem; color: var(--sg-text-muted, #5b6b80); margin: 0 0 14px; } .sg-upload__drop { display: block; border: 2px dashed var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); border-radius: var(--sg-radius-md, 8px); padding: 28px 20px; text-align: center; cursor: pointer; background: #fff; transition: background 200ms ease, border-color 200ms ease, transform 150ms ease; } .sg-upload__drop:hover, .sg-upload__drop:focus-within { background: var(--sg-gold-light, #F6EFE0); border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); transform: translateY(-1px); } .sg-upload__drop.is-dragover { background: var(--sg-gold-light, #F6EFE0); border-style: solid; border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-upload__file { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .sg-upload__hint { display: flex; flex-direction: column; align-items: center; gap: 4px; } .sg-upload__hint strong { font-weight: 700; color: var(--sg-brown); } .sg-upload__hint small { color: var(--sg-text-muted); font-size: 0.85rem; } .sg-upload__icon { font-size: 2rem; margin-bottom: 4px; } .sg-upload__preview { margin-block-start: 14px; display: none; } .sg-upload__preview.has-file { display: block; } .sg-upload__preview img { max-width: 100%; max-height: 200px; border-radius: var(--sg-radius-md); display: block; margin: 0 auto; } .sg-upload__status { margin-block-start: 8px; font-size: 0.9rem; color: var(--sg-success, #6B8E5A); min-height: 1.2em; } .sg-upload__status.is-error { color: var(--sg-error, #B85450); } .sg-product-wrap { padding-block: 24px 48px; } .sg-product-grid { display: grid; gap: 32px; grid-template-columns: 1fr; } @media (min-width: 900px) { .sg-product-grid { grid-template-columns: 1.05fr 1fr; gap: 48px; } } .sg-pinfo__title { font-family: var(--sg-font-display, var(--sg-font-body)); font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; color: var(--sg-brown); margin: 0 0 8px; line-height: 1.2; } .sg-pinfo__price { font-size: 1.5rem; font-weight: 700; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); margin-block: 12px; } .sg-pinfo__excerpt { color: var(--sg-text, #092143); margin-block: 12px; line-height: 1.6; } .sg-pinfo__sku { display: block; margin-block-start: 12px; color: var(--sg-text-muted); font-size: 0.85rem; } .sg-pinfo__cats { display: block; margin-block-start: 6px; color: var(--sg-text-muted); font-size: 0.85rem; } .sg-product__ai-tagline { font-style: italic; color: var(--sg-gold-dark); background: var(--sg-cream); border-inline-start: 3px solid var(--sg-gold); padding: 10px 14px; border-radius: var(--sg-radius-md); margin-block: 14px; font-size: 0.95rem; } @media (max-width: 900px) { body.sg-filters-open { overflow: hidden; } body.sg-filters-open::before { content: ""; position: fixed; inset: 0; background: rgba(61, 44, 30, 0.55); z-index: 9990; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); animation: sg-fade-in 200ms ease; } @keyframes sg-fade-in { from { opacity: 0; } to { opacity: 1; } } .sg-filters { position: fixed !important; inset-block: 0; inset-inline-end: 0; width: min(80vw, 360px) !important; max-width: none; height: 100vh; height: 100dvh; margin: 0; padding: 60px 18px 24px; background: var(--sg-surface, #FFFFFF); border-radius: 0; border-inline-start: 1px solid var(--sg-border, #e2eaf1); box-shadow: -16px 0 32px rgba(61, 44, 30, 0.16); overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 9991; transform: translateX(110%); transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; } body.sg-filters-open .sg-filters, .sg-filters.is-open { transform: translateX(0); visibility: visible; } html[dir="rtl"] .sg-filters { transform: translateX(-110%); } html[dir="rtl"] body.sg-filters-open .sg-filters, html[dir="rtl"] .sg-filters.is-open { transform: translateX(0); } .sg-filters__close { display: flex !important; align-items: center; justify-content: center; position: absolute; inset-block-start: 14px; inset-inline-end: 14px; width: 36px; height: 36px; background: var(--sg-cream, #ffffff); color: var(--sg-brown, #092143); border: 1px solid var(--sg-border, #e2eaf1); border-radius: 50%; font-size: 1.4rem; font-weight: 700; cursor: pointer; line-height: 1; transition: background 180ms ease, transform 180ms ease; z-index: 1; } .sg-filters__close:hover, .sg-filters__close:focus-visible { background: var(--sg-gold-light, #F6EFE0); transform: rotate(90deg); } } @media (min-width: 901px) { .sg-filters__close { display: none !important; } } .sorkx-megamenu__item.is-featured > .sorkx-megamenu__link::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-inline-end: 6px; vertical-align: middle; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A88A5C'><path d='M12 17.27l5.18 3.73-1.64-6.46L20 9.74l-6.41-.61L12 3 10.41 9.13 4 9.74l4.46 4.8L6.82 21z'/></svg>"); background-repeat: no-repeat; background-position: center; background-size: contain; } .woocommerce-cart .wc-empty-cart-message { background: var(--sg-cream, #ffffff); border: 1px dashed var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-lg, 16px); padding: 32px 24px; text-align: center; margin-block: 24px 16px; font-size: 1.15rem; color: var(--sg-brown, #092143); position: relative; } .woocommerce-cart .wc-empty-cart-message::before { content: "🛒"; display: block; font-size: 3rem; margin-bottom: 8px; opacity: 0.45; filter: grayscale(0.4); } .woocommerce-cart .return-to-shop { text-align: center; margin-block: 8px 28px; } .woocommerce-cart .return-to-shop a.button { display: inline-block; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143) !important; padding: 12px 28px; border-radius: var(--sg-radius-md, 8px); font-weight: 700; font-size: 1.05rem; text-decoration: none; transition: background 200ms ease, transform 200ms ease; } .woocommerce-cart .return-to-shop a.button:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(168, 138, 92, 0.32); } .sg-cart-empty-grid { margin-block: 32px 24px; } .sg-cart-empty-grid__head { text-align: center; margin-bottom: 20px; } .sg-cart-empty-grid__title { font-family: var(--sg-font-display, var(--sg-font-body)); font-size: 1.5rem; color: var(--sg-brown); margin: 0; } .sg-cart-empty-grid__sub { color: var(--sg-text-muted, #5b6b80); margin: 4px 0 0; } .sg-cart-empty-grid__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; } @media (min-width: 640px) { .sg-cart-empty-grid__items { grid-template-columns: repeat(4, 1fr); } } .sg-cart-empty-card { background: var(--sg-surface, #fff); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-md); overflow: hidden; transition: transform 200ms ease, box-shadow 200ms ease; } .sg-cart-empty-card:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(61, 44, 30, 0.10); } .sg-cart-empty-card__link { display: block; color: inherit; text-decoration: none; padding: 0 0 12px; } .sg-cart-empty-card__media { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--sg-cream); } .sg-cart-empty-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .sg-cart-empty-card__title { font-family: var(--sg-font-body); font-size: 0.92rem; font-weight: 600; color: var(--sg-brown); margin: 10px 12px 4px; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sg-cart-empty-card__price { font-size: 0.95rem; font-weight: 700; color: var(--sg-gold-dark); margin: 0 12px; } .sg-cart-trust { background: var(--sg-cream); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); padding: 14px 18px; margin-block: 16px 24px; text-align: center; } .sg-cart-trust__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; } .sg-cart-trust__label { font-weight: 600; color: var(--sg-brown); font-size: 0.9rem; margin-inline-end: 6px; } .sg-cart-trust__pay-logo { display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: 6px; font-size: 0.78rem; font-weight: 700; color: var(--sg-brown); letter-spacing: 0.04em; min-width: 52px; } .sg-cart-trust__vat { color: var(--sg-text-muted); font-size: 0.85rem; margin: 8px 0 0; } body.woocommerce-account .woocommerce { max-width: 1100px; margin: 0 auto; padding-block: 32px; } body.woocommerce-account .u-columns, body.woocommerce-account .u-columns.col2-set { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 768px) { body.woocommerce-account .u-columns.col2-set { grid-template-columns: 1fr 1fr; } } body.woocommerce-account .u-columns .col-1, body.woocommerce-account .u-columns .col-2 { width: 100% !important; float: none !important; background: var(--sg-surface, #fff) !important; border: 1px solid var(--sg-border, #e2eaf1) !important; border-radius: var(--sg-radius-lg, 16px) !important; padding: 28px !important; box-shadow: 0 2px 8px rgba(61, 44, 30, 0.03); } body.woocommerce-account .u-columns h2 { font-family: var(--sg-font-display, var(--sg-font-body)); font-size: 1.3rem; color: var(--sg-brown); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--sg-border); } body.woocommerce-account .woocommerce-form .form-row { margin-bottom: 14px; } body.woocommerce-account .woocommerce-form .form-row label { display: block; font-weight: 600; color: var(--sg-brown); margin-bottom: 6px; font-size: 0.95rem; } body.woocommerce-account .woocommerce-form input[type="text"], body.woocommerce-account .woocommerce-form input[type="email"], body.woocommerce-account .woocommerce-form input[type="password"], body.woocommerce-account .woocommerce-form input[type="tel"], body.woocommerce-account .woocommerce-form input.input-text { width: 100% !important; padding: 11px 14px !important; border: 1px solid var(--sg-border, #e2eaf1) !important; border-radius: var(--sg-radius-md, 8px) !important; background: var(--sg-cream, #ffffff) !important; font-family: var(--sg-font-body) !important; font-size: 1rem !important; color: var(--sg-brown, #092143) !important; transition: border-color 150ms ease, background 150ms ease; } body.woocommerce-account .woocommerce-form input[type="text"]:focus, body.woocommerce-account .woocommerce-form input[type="email"]:focus, body.woocommerce-account .woocommerce-form input[type="password"]:focus { outline: none; border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)) !important; background: #fff !important; } body.woocommerce-account .woocommerce-form .woocommerce-button, body.woocommerce-account .woocommerce-form button[type="submit"] { background: var(--sg-gold, var(--sg-gold,#C9A24B)) !important; color: var(--sg-brown, #092143) !important; border: 0 !important; padding: 12px 28px !important; border-radius: var(--sg-radius-md, 8px) !important; font-weight: 700 !important; cursor: pointer; transition: background 200ms ease, transform 200ms ease, box-shadow 200ms ease; font-size: 1rem; } body.woocommerce-account .woocommerce-form .woocommerce-button:hover, body.woocommerce-account .woocommerce-form button[type="submit"]:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(168, 138, 92, 0.32); } body.woocommerce-account .lost_password a, body.woocommerce-account .woocommerce-LostPassword a { color: var(--sg-gold-dark); text-decoration: underline; font-size: 0.9rem; } body.woocommerce-account .woocommerce-privacy-policy-text { font-size: 0.85rem; color: var(--sg-text-muted); margin-block: 10px; line-height: 1.5; } body.woocommerce-account .woocommerce-privacy-policy-text a { color: var(--sg-gold-dark); text-decoration: underline; } .sg-toast { position: fixed; top: 24px; inset-inline: 0; margin: 0 auto; max-width: 380px; background: var(--sg-brown, #092143); color: #fff; padding: 14px 22px; border-radius: var(--sg-radius-md, 8px); font-size: 0.95rem; text-align: center; z-index: 99999; box-shadow: 0 10px 30px rgba(0,0,0,0.32); opacity: 0; transform: translateY(-12px); pointer-events: none; transition: opacity 220ms ease, transform 220ms ease; } .sg-toast.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; } .sg-upload__drop.is-error { border-color: var(--sg-error, #B85450) !important; background: rgba(184, 84, 80, 0.08) !important; animation: sg-shake 360ms ease; } @keyframes sg-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } } .sg-icon-btn svg, .sg-icon-btn svg line, .sg-icon-btn svg path, .sg-icon-btn svg circle { stroke: currentColor; stroke-width: 1.7; fill: none; } .sg-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: transparent; border: 0; cursor: pointer; color: var(--sg-brown, #092143); } .sg-icon-btn:focus-visible { outline: 2px solid var(--sg-gold, var(--sg-gold,#C9A24B)); outline-offset: 2px; } @media (max-width: 768px) { .sg-shop__sidebar:not(.is-open) { visibility: hidden; pointer-events: none; } .sg-shop__sidebar.is-open { visibility: visible; pointer-events: auto; } .sg-shop-wrap > .sg-shop { grid-template-columns: 1fr !important; margin-block: 18px 40px; } } body.sg-drawer-open, body.sg-filters-open, body.sg-mobile-menu-open { overflow: hidden; touch-action: none; } body.sg-drawer-open::before, body.sg-filters-open::before, body.sg-mobile-menu-open::before { content: ""; position: fixed; inset: 0; background: rgba(61, 44, 30, 0.55); z-index: 9980; pointer-events: auto; animation: sg-backdrop-in 200ms ease; } @keyframes sg-backdrop-in { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 768px) { .sg-header__main .sg-logo { display: block !important; flex: 0 0 auto; } .sg-header__main .sg-logo .custom-logo, .sg-header__main .sg-logo img { max-height: 36px !important; width: auto !important; height: auto !important; } .sg-header__main .sg-container { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 8px; } .sg-header__main > .sg-container > .sg-search { flex: 0 0 auto; } } @media (min-width: 901px) { .sorkx-megamenu__panel::before { content: ""; } } .sg-upsell-modal { position: fixed; inset: 0; z-index: 99990; display: none; align-items: center; justify-content: center; } .sg-upsell-modal.is-open { display: flex; } body.sg-upsell-open { overflow: hidden; } .sg-upsell-modal__backdrop { position: absolute; inset: 0; background: rgba(61, 44, 30, 0.62); backdrop-filter: blur(3px); animation: sg-fade-in 200ms ease; } .sg-upsell-modal__panel { position: relative; background: var(--sg-surface, #fff); border-radius: var(--sg-radius-lg, 16px); width: min(94vw, 520px); max-height: 90vh; overflow-y: auto; padding: 28px 24px; box-shadow: 0 24px 60px rgba(61, 44, 30, 0.32); animation: sg-pop-in 280ms cubic-bezier(0.34, 1.56, 0.64, 1); } @keyframes sg-pop-in { from { opacity: 0; transform: scale(0.94) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } } .sg-upsell-modal__close { position: absolute; inset-block-start: 12px; inset-inline-end: 14px; width: 36px; height: 36px; border-radius: 50%; background: var(--sg-cream); border: 1px solid var(--sg-border); font-size: 1.4rem; color: var(--sg-brown); cursor: pointer; z-index: 1; } .sg-upsell-modal__close:hover { background: var(--sg-gold-light); } .sg-upsell-modal__header { text-align: center; margin-bottom: 20px; } .sg-upsell-modal__badge { display: inline-block; background: rgba(107, 142, 90, 0.14); color: var(--sg-success, #6B8E5A); padding: 6px 14px; border-radius: 24px; font-size: 0.85rem; font-weight: 600; margin-bottom: 12px; } .sg-upsell-modal__title { font-family: var(--sg-font-display, var(--sg-font-body)); font-size: 1.4rem; color: var(--sg-brown); margin: 0 0 6px; } .sg-upsell-modal__sub { color: var(--sg-text-muted); font-size: 0.95rem; margin: 0; } .sg-upsell-modal__choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; } @media (max-width: 480px) { .sg-upsell-modal__choices { grid-template-columns: 1fr; } } .sg-upsell-choice { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px 12px; background: var(--sg-cream); border: 2px solid var(--sg-border); border-radius: var(--sg-radius-md); text-decoration: none; color: var(--sg-brown); transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease; text-align: center; } .sg-upsell-choice:hover { border-color: var(--sg-gold); transform: translateY(-3px); box-shadow: 0 10px 22px rgba(201, 162, 75, 0.32); } .sg-upsell-choice__media { display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--sg-radius-sm, 6px); background: #fff; } .sg-upsell-choice__media img { width: 100%; height: 100%; object-fit: cover; } .sg-upsell-choice__body { display: flex; flex-direction: column; gap: 2px; } .sg-upsell-choice__title { font-size: 0.98rem; font-weight: 700; color: var(--sg-brown); } .sg-upsell-choice__sub { font-size: 0.8rem; color: var(--sg-text-muted); } .sg-upsell-modal__skip { display: block; width: 100%; background: transparent; border: 0; color: var(--sg-text-muted); font-size: 0.95rem; padding: 10px; cursor: pointer; text-align: center; } .sg-upsell-modal__skip:hover { color: var(--sg-brown); text-decoration: underline; } .sg-product, .sg-cart-empty-card, .sg-cat { transition: transform 320ms cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 320ms ease, border-color 200ms ease; } .sg-product:not(body):hover, .sg-cart-empty-card:hover, .sg-cat:hover { transform: translateY(-6px) scale(1.015); box-shadow: 0 16px 32px rgba(61, 44, 30, 0.16); } .sg-product__media img, .sg-cat__media img { transition: transform 400ms cubic-bezier(0.34, 1.2, 0.64, 1); } .sg-product:hover .sg-product__media img, .sg-cat:hover .sg-cat__media img { transform: scale(1.06); } .sg-product__title, .sg-cat__name { transition: color 220ms ease; } .sg-product:hover .sg-product__title, .sg-cat:hover .sg-cat__name { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } html { scroll-behavior: smooth; } .sg-back-to-top { position: fixed; bottom: 24px; inset-inline-end: 24px; width: 44px; height: 44px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143); border: 0; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16); opacity: 0; pointer-events: none; transform: translateY(20px); transition: opacity 240ms ease, transform 240ms ease; z-index: 998; } .sg-back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); } .sg-back-to-top:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); color: #fff; transform: translateY(-3px); } .sg-back-to-top svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; } .sg-skeleton { background: linear-gradient( 90deg, var(--sg-cream, #ffffff) 0%, var(--sg-gold-light, #F6EFE0) 50%, var(--sg-cream, #ffffff) 100% ); background-size: 200% 100%; animation: sg-shimmer 1.4s ease-in-out infinite; border-radius: var(--sg-radius-md, 8px); color: transparent !important; user-select: none; pointer-events: none; } @keyframes sg-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .sg-footer__bottom { background: var(--sg-cream); border-top: 1px solid var(--sg-border); padding-block: 18px; margin-block-start: 24px; } .sg-footer__bottom .sg-container { display: flex; flex-direction: column; gap: 12px; } .sg-footer__bottom-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } .sg-footer__bottom-row small { color: var(--sg-text-muted, #5b6b80); font-size: 0.85rem; } .sg-footer__legal { display: flex; flex-wrap: wrap; gap: 16px; } .sg-footer__legal a { color: var(--sg-text-muted); font-size: 0.85rem; text-decoration: none; transition: color 180ms ease; } .sg-footer__legal a:hover { color: var(--sg-gold-dark); text-decoration: underline; } .sg-footer__pay { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .sg-footer__pay-label { font-size: 0.85rem; color: var(--sg-text-muted); margin-inline-end: 4px; } .sg-footer__pay-logo { display: inline-flex; align-items: center; justify-content: center; background: var(--sg-surface, #fff); border: 1px solid var(--sg-border); border-radius: 4px; padding: 3px 8px; font-size: 0.72rem; font-weight: 700; color: var(--sg-brown); letter-spacing: 0.04em; } .sg-footer__credit { color: var(--sg-text-muted); font-size: 0.8rem; } .sg-footer__credit a { color: var(--sg-gold-dark); text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 600px) { .sg-footer__bottom-row { justify-content: center; text-align: center; } } .sg-share { display: flex; align-items: center; gap: 8px; padding: 14px 0; border-block: 1px solid var(--sg-border); margin-block: 16px; } .sg-share__label { font-size: 0.9rem; color: var(--sg-text-muted); margin-inline-end: 6px; } .sg-share__btn { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--sg-cream); color: var(--sg-brown); border: 1px solid var(--sg-border); cursor: pointer; text-decoration: none; transition: background 200ms ease, color 200ms ease, transform 200ms ease; } .sg-share__btn:hover { background: var(--sg-gold); color: var(--sg-brown); transform: translateY(-2px); } .sg-share__btn--whatsapp:hover { background: #25D366; color: #fff; } .sg-share__btn--facebook:hover { background: #1877F2; color: #fff; } .sg-faq { margin-block: 32px 24px; background: var(--sg-cream); border-radius: var(--sg-radius-lg); padding: 24px; border: 1px solid var(--sg-border); } .sg-faq__title { font-family: var(--sg-font-display, var(--sg-font-body)); font-size: 1.4rem; color: var(--sg-brown); margin: 0 0 18px; text-align: center; } .sg-faq__item { background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-md); margin-bottom: 8px; overflow: hidden; } .sg-faq__item[open] { border-color: var(--sg-gold); box-shadow: 0 4px 10px rgba(61, 44, 30, 0.05); } .sg-faq__q { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; font-weight: 600; color: var(--sg-brown); cursor: pointer; list-style: none; transition: background 180ms ease; } .sg-faq__q::-webkit-details-marker { display: none; } .sg-faq__q:hover { background: var(--sg-cream); } .sg-faq__chevron { color: var(--sg-gold-dark); font-size: 1.2rem; transition: transform 240ms ease; } .sg-faq__item[open] .sg-faq__chevron { transform: rotate(180deg); } .sg-faq__a { padding: 0 18px 16px; color: var(--sg-text, #092143); line-height: 1.6; animation: sg-fade-in 240ms ease; } .sg-gallery-wrap { padding-block: 24px 64px; } .sg-gallery__head { text-align: center; margin-bottom: 32px; } .sg-gallery__title { font-family: var(--sg-font-display, var(--sg-font-body)); font-size: clamp(1.6rem, 3.4vw, 2.4rem); color: var(--sg-brown); margin: 0 0 8px; } .sg-gallery__sub { color: var(--sg-text-muted); font-size: 1.05rem; max-width: 600px; margin: 0 auto; } .sg-gallery__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } @media (min-width: 900px) { .sg-gallery__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; } } .sg-gallery-tile { display: flex; flex-direction: column; background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); overflow: hidden; text-decoration: none; color: inherit; transition: transform 320ms ease, box-shadow 320ms ease, border-color 200ms ease; } .sg-gallery-tile:hover { transform: translateY(-6px); border-color: var(--sg-gold); box-shadow: 0 18px 36px rgba(61, 44, 30, 0.16); } .sg-gallery-tile__media { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--sg-cream); } .sg-gallery-tile__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms ease; } .sg-gallery-tile:hover .sg-gallery-tile__media img { transform: scale(1.06); } .sg-gallery-tile__placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--sg-cream), var(--sg-gold-light)); } .sg-gallery-tile__body { padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; } .sg-gallery-tile__name { font-size: 1.05rem; color: var(--sg-brown); } .sg-gallery-tile__count { font-size: 0.85rem; color: var(--sg-text-muted); } .sg-gallery-tile__cta { margin-top: 8px; color: var(--sg-gold-dark); font-weight: 600; font-size: 0.92rem; } .sg-footer__pay-logo, .sg-cart-trust__pay-logo { font-family: var(--sg-font-body); letter-spacing: 0.05em; font-weight: 800; padding: 5px 11px; border-radius: 5px; font-size: 0.74rem; text-transform: uppercase; background: #fff; color: var(--sg-brown, #092143); border: 1px solid var(--sg-border, #e2eaf1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); display: inline-flex; align-items: center; justify-content: center; min-width: 56px; height: 26px; transition: transform 200ms ease, box-shadow 200ms ease; } .sg-footer__pay-logo:hover, .sg-cart-trust__pay-logo:hover { transform: translateY(-1px); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); } .sg-footer__pay-logo:nth-child(2), .sg-cart-trust__pay-logo:nth-child(2) { color: #1A1F71; border-color: #1A1F71; } .sg-footer__pay-logo:nth-child(3), .sg-cart-trust__pay-logo:nth-child(3) { color: #EB001B; border-color: #EB001B; } .sg-footer__pay-logo:nth-child(4), .sg-cart-trust__pay-logo:nth-child(4) { color: #003B7A; border-color: #003B7A; } .sg-footer__pay-logo:nth-child(5), .sg-cart-trust__pay-logo:nth-child(5) { color: #2DA94F; border-color: #2DA94F; } .sg-footer__pay-logo:nth-child(6), .sg-cart-trust__pay-logo:nth-child(6) { color: #6F2DBD; border-color: #6F2DBD; } .sg-pay-icon { height: 28px; width: auto; vertical-align: middle; margin-inline-end: 6px; } .sg-mm-search { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; padding: 14px 16px; background: var(--sg-cream, #ffffff); border-radius: var(--sg-radius-md, 8px); border: 1px solid var(--sg-border, #e2eaf1); margin-bottom: 12px; } .sg-mm-search__input { flex: 1; padding: 10px 14px; border: 1px solid var(--sg-border); border-radius: var(--sg-radius-sm, 6px); background: #fff; font-family: var(--sg-font-body); font-size: 0.95rem; color: var(--sg-brown); transition: border-color 180ms ease, box-shadow 180ms ease; } .sg-mm-search__input:focus { outline: none; border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.18); } .sg-mm-search__input::placeholder { color: var(--sg-text-muted); } .sg-mm-search__btn { width: 40px; height: 40px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143); border: 0; border-radius: var(--sg-radius-sm, 6px); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 180ms ease, transform 180ms ease; } .sg-mm-search__btn:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); color: #fff; transform: translateY(-1px); } .sg-staging-notice { display: flex; align-items: flex-start; gap: 14px; background: linear-gradient(135deg, #FFF9E6, #FFF3CC); border: 1px solid #F5D976; border-inline-start: 4px solid #DBA60E; border-radius: var(--sg-radius-md, 8px); padding: 16px 18px; margin: 0 0 24px; position: relative; color: #6B4F0A; font-size: 0.95rem; animation: sg-notice-slide-in 320ms cubic-bezier(0.34, 1.2, 0.64, 1); } @keyframes sg-notice-slide-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .sg-staging-notice.is-dismissed { display: none; } .sg-staging-notice__icon { font-size: 1.5rem; flex: 0 0 auto; color: #DBA60E; font-weight: 700; line-height: 1; } .sg-staging-notice__body { flex: 1; display: flex; flex-direction: column; gap: 4px; line-height: 1.45; } .sg-staging-notice__body strong { color: #6B4F0A; font-weight: 700; } .sg-staging-notice__close { position: absolute; inset-block-start: 8px; inset-inline-end: 10px; width: 28px; height: 28px; background: transparent; border: 0; color: #6B4F0A; font-size: 1.2rem; cursor: pointer; border-radius: 50%; transition: background 180ms ease; } .sg-staging-notice__close:hover { background: rgba(0, 0, 0, 0.06); } @media (max-width: 899px) { .sorkx-megamenu__burger { display: inline-flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 5px !important; width: 44px; height: 44px; padding: 0; background: transparent; border: 0; cursor: pointer; } .sorkx-megamenu__burger-bar { display: block !important; width: 22px !important; height: 2px !important; background: var(--sg-brown, #092143) !important; border-radius: 2px; margin: 0 !important; transition: transform 220ms ease, opacity 220ms ease; } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__burger-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__burger-bar:nth-child(2) { opacity: 0; } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__burger-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } } @media (max-width: 899px) { .sg-mobile-toggle { display: none !important; } } @media (max-width: 899px) { .sorkx-megamenu__items { width: min(70vw, 280px) !important; max-width: 280px !important; transform: translateX(-110%) !important; transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important; visibility: hidden !important; pointer-events: none !important; } html[dir="rtl"] .sorkx-megamenu__items { transform: translateX(110%) !important; } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__items, .sorkx-megamenu__items.is-open { transform: translateX(0) !important; visibility: visible !important; pointer-events: auto !important; } } @media (max-width: 480px) { body, html { overflow-x: clip !important; } .sg-container, .sg-hero__inner, .sg-hero__ctas { max-width: 100% !important; box-sizing: border-box; } } .sg-upsell-modal { position: fixed !important; inset: 0 !important; top: 0 !important; inset-inline-start: 0 !important; inset-inline-end: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; max-width: none !important; max-height: none !important; z-index: 99990 !important; margin: 0 !important; transform: none !important; filter: none !important; } .sg-upsell-modal .sg-upsell-modal__panel { position: relative; max-height: min(90vh, 90dvh); max-width: min(94vw, 520px); } :root { --sg-fs-h1-mobile: 32px; --sg-fs-h1-desktop: 48px; --sg-fs-h2-mobile: 26px; --sg-fs-h2-desktop: 36px; --sg-fs-h3-mobile: 22px; --sg-fs-h3-desktop: 28px; --sg-fs-h4-mobile: 18px; --sg-fs-h4-desktop: 22px; --sg-fs-body-mobile: 16px; --sg-fs-body-desktop: 17px; --sg-lh-body: 1.5; --sg-lh-heading: 1.2; --sg-fw-heading: 700; --sg-fw-heading-light: 600; --sg-fw-medium: 500; --sg-fw-body: 400; } body, p, li, td, label, input, textarea, select, button { font-family: 'Rubik', 'Rubik Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif; line-height: var(--sg-lh-body); } body { font-size: var(--sg-fs-body-mobile); } @media (min-width: 768px) { body { font-size: var(--sg-fs-body-desktop); } } h1, .sg-h1, .sg-hero__headline, .sg-pinfo__title, .sg-shop__title, .product_title { font-family: 'Rubik', 'Rubik Fallback', system-ui, sans-serif; font-size: var(--sg-fs-h1-mobile); font-weight: var(--sg-fw-heading); line-height: var(--sg-lh-heading); color: var(--sg-brown, #092143); } @media (min-width: 768px) { h1, .sg-h1, .sg-hero__headline, .sg-pinfo__title, .sg-shop__title, .product_title { font-size: var(--sg-fs-h1-desktop); } } h2, .sg-h2, .sg-section__title { font-family: 'Rubik', 'Rubik Fallback', system-ui, sans-serif; font-size: var(--sg-fs-h2-mobile); font-weight: var(--sg-fw-heading-light); line-height: var(--sg-lh-heading); color: var(--sg-brown, #092143); } @media (min-width: 768px) { h2, .sg-h2, .sg-section__title { font-size: var(--sg-fs-h2-desktop); } } h3, .sg-h3 { font-size: var(--sg-fs-h3-mobile); font-weight: var(--sg-fw-heading-light); line-height: var(--sg-lh-heading); color: var(--sg-brown); } @media (min-width: 768px) { h3, .sg-h3 { font-size: var(--sg-fs-h3-desktop); } } h4, .sg-h4 { font-size: var(--sg-fs-h4-mobile); font-weight: var(--sg-fw-medium); line-height: var(--sg-lh-heading); color: var(--sg-brown); } @media (min-width: 768px) { h4, .sg-h4 { font-size: var(--sg-fs-h4-desktop); } } a:not([class*="sg-btn"]):not([class*="elementor"]):not([class*="add_to_cart"]):not([class*="__btn"]):not([class*="quickadd"]):not([class*="__chip"]) { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transition: color 180ms ease; } a:not([class*="sg-btn"]):not([class*="elementor"]):not([class*="add_to_cart"]):hover { color: var(--sg-brown, #092143); } .sg-product, .sg-pinfo, .sg-shop, .sg-cat, .woocommerce-loop-product__title, .woocommerce-loop-product__link, .elementor-add-to-cart, .single_add_to_cart_button { color: var(--sg-brown, #092143); } :root { --sg-section-pad-mobile: 48px; --sg-section-pad-desktop: 80px; --sg-card-gap-mobile: 16px; --sg-card-gap-desktop: 24px; --sg-container-max: 1280px; } .sg-section, .sg-shop-wrap, .sg-product-wrap, .sg-gallery-wrap, .sg-cart-empty-grid { padding-block: var(--sg-section-pad-mobile); } @media (min-width: 900px) { .sg-section, .sg-shop-wrap, .sg-product-wrap, .sg-gallery-wrap, .sg-cart-empty-grid { padding-block: var(--sg-section-pad-desktop); } } .sg-container { max-width: var(--sg-container-max); margin-inline: auto; padding-inline: 16px; box-sizing: border-box; } @media (min-width: 768px) { .sg-container { padding-inline: 24px; } } ul.products, .sg-products, .sg-cats__grid, .sg-cart-empty-grid__items, .sg-gallery__grid { gap: var(--sg-card-gap-mobile); } @media (min-width: 768px) { ul.products, .sg-products, .sg-cats__grid, .sg-cart-empty-grid__items, .sg-gallery__grid { gap: var(--sg-card-gap-desktop); } } .sg-btn, .sg-btn--primary, .sg-btn--secondary, .sg-btn--ghost, .sg-btn--icon, .sg-btn--block, .sg-btn--accent, .sg-btn--outline { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 22px; border-radius: 8px; font-family: var(--sg-font-body, 'Rubik', 'Rubik Fallback', system-ui, sans-serif); font-size: 1rem; font-weight: 600; text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease, transform 180ms ease, box-shadow 200ms ease; user-select: none; white-space: nowrap; line-height: 1.2; } .sg-btn--primary, .sg-btn--accent { background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143); border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-btn--primary:hover, .sg-btn--accent:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); color: #fff; border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(168, 138, 92, 0.32); } .sg-btn--secondary, .sg-btn--outline { background: transparent; color: var(--sg-brown, #092143); border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-btn--secondary:hover, .sg-btn--outline:hover { background: var(--sg-gold-light, #F6EFE0); border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-btn--ghost { background: transparent; color: var(--sg-brown); border-color: transparent; } .sg-btn--ghost:hover { background: var(--sg-cream); } .sg-btn--block { display: flex; width: 100%; } .sg-btn--icon { min-height: 44px; width: 44px; padding: 0; border-radius: 50%; } .sg-btn:focus-visible { outline: 3px solid var(--sg-gold, var(--sg-gold,#C9A24B)); outline-offset: 2px; } .sg-btn:disabled, .sg-btn[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .sg-btn:active { transform: translateY(0); } .single_add_to_cart_button { min-height: 48px !important; padding: 12px 28px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 1.05rem !important; background: var(--sg-gold, var(--sg-gold,#C9A24B)) !important; color: var(--sg-brown, #092143) !important; border: 0 !important; } .single_add_to_cart_button:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)) !important; color: #fff !important; } .sg-form, .woocommerce-form { display: flex; flex-direction: column; gap: 14px; } .sg-form label, .woocommerce-form label { display: block; font-weight: 600; color: var(--sg-brown, #092143); margin-bottom: 6px; font-size: 0.95rem; } .sg-form input[type="text"], .sg-form input[type="email"], .sg-form input[type="tel"], .sg-form input[type="password"], .sg-form input[type="search"], .sg-form textarea, .sg-form select, .woocommerce-form input.input-text, .woocommerce-form select, .woocommerce-form textarea { width: 100%; min-height: 44px; padding: 10px 14px; border: 1px solid var(--sg-border, #e2eaf1); border-radius: 8px; background: var(--sg-cream, #ffffff); font-family: var(--sg-font-body, 'Rubik', 'Rubik Fallback'); font-size: 1rem; color: var(--sg-brown, #092143); transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; box-sizing: border-box; } .sg-form input:focus, .sg-form textarea:focus, .sg-form select:focus, .woocommerce-form input:focus, .woocommerce-form textarea:focus, .woocommerce-form select:focus { outline: none; border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); background: #fff; box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.18); } .sg-form input.is-error, .sg-form textarea.is-error, .woocommerce-form input.has-error { border-color: var(--sg-error, #B85450); background: rgba(184, 84, 80, 0.04); } .sg-form input.is-success, .woocommerce-form input.has-success { border-color: var(--sg-success, #6B8E5A); } .sg-form__error, .woocommerce-error li { color: var(--sg-error, #B85450); font-size: 0.875rem; margin-top: 4px; } html[dir="rtl"] .sg-form input, html[dir="rtl"] .sg-form textarea, html[dir="rtl"] .sg-form select { text-align: start; direction: rtl; } :root { --sg-card-radius: 12px; --sg-shadow-card: 0 4px 16px rgba(61, 44, 30, 0.06); --sg-shadow-card-hover: 0 16px 32px rgba(61, 44, 30, 0.16); } .sg-product:not(body), .sg-cat, .sg-cart-empty-card, .sg-gallery-tile, li.product, .woocommerce-account .u-columns .col-1, .woocommerce-account .u-columns .col-2, .sg-faq__item { border-radius: var(--sg-card-radius) !important; box-shadow: var(--sg-shadow-card); overflow: hidden; transition: transform 320ms cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 320ms ease, border-color 200ms ease; } .sg-product:not(body):hover, .sg-cat:hover, .sg-cart-empty-card:hover, .sg-gallery-tile:hover, li.product:hover { transform: translateY(-6px) scale(1.012); box-shadow: var(--sg-shadow-card-hover); } @media (max-width: 900px) { .sg-icon-btn, .sg-btn, button, a.button, .sorkx-megamenu__burger, .sg-mobile-toggle, .sg-icon-link, .sg-product__cta, .single_add_to_cart_button { min-height: 44px; } html, body { overflow-x: clip; max-width: 100vw; } .sg-container, .sg-section, .sg-shop, .sg-products, .sg-cats__grid, .sg-product-wrap, .sg-cart-empty-grid__items { max-width: 100%; box-sizing: border-box; } body { padding-inline: env(safe-area-inset-left) env(safe-area-inset-right); } .sg-header__main { padding-block-start: env(safe-area-inset-top); } .sg-sticky-atc, .sg-back-to-top { padding-block-end: env(safe-area-inset-bottom); } } .sg-section { display: block !important; width: 100%; } .sg-section__head, .sg-cats__grid, .sg-products, .sg-about__grid, .sg-process__list, .sg-ctabanner__inner { max-width: var(--sg-container-max, 1280px) !important; width: auto !important; margin-inline: auto !important; padding-inline: 16px; box-sizing: border-box; } @media (min-width: 768px) { .sg-section__head, .sg-cats__grid, .sg-products, .sg-about__grid, .sg-process__list, .sg-ctabanner__inner { padding-inline: 24px; } } .sg-section__head { text-align: center; margin-block-end: 32px; } .sg-section__head .sg-section__title { text-align: center; } .sg-section__head .sg-section__sub { text-align: center; color: var(--sg-text-muted, #5b6b80); margin-block: 8px 0; } .sg-cats__grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: var(--sg-card-gap-mobile, 16px); } @media (min-width: 600px) { .sg-cats__grid { grid-template-columns: repeat(3, 1fr) !important; } } @media (min-width: 1024px) { .sg-cats__grid { grid-template-columns: repeat(6, 1fr) !important; gap: var(--sg-card-gap-desktop, 24px); } } .sg-products { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: var(--sg-card-gap-mobile, 16px); } @media (min-width: 768px) { .sg-products { grid-template-columns: repeat(4, 1fr) !important; gap: var(--sg-card-gap-desktop, 24px); } } .sg-about__grid { display: grid !important; grid-template-columns: 1fr; gap: 32px; align-items: center; } @media (min-width: 768px) { .sg-about__grid { grid-template-columns: 1fr 1fr !important; gap: 64px; } } .sg-process__list { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px; list-style: none; padding: 0; } @media (min-width: 768px) { .sg-process__list { grid-template-columns: repeat(4, 1fr) !important; } } .sg-ctabanner { background: var(--sg-cream, #ffffff); text-align: center; padding-block: 48px; } .sg-ctabanner__inner { display: flex; flex-direction: column; align-items: center; gap: 16px; max-width: 800px !important; } .sg-hero { background: linear-gradient(135deg, var(--sg-cream, #ffffff) 0%, var(--sg-gold-light, #F6EFE0) 100%); position: relative; min-height: 60vh; display: flex; align-items: center; } .sg-hero__inner { max-width: var(--sg-container-max, 1280px) !important; width: 100% !important; margin: 0 auto !important; padding-block: 64px; padding-inline: 16px; box-sizing: border-box; text-align: center; } @media (min-width: 768px) { .sg-hero__inner { padding-block: 96px; padding-inline: 24px; } } .sg-hero__headline { text-align: center !important; } .sg-hero__subline { text-align: center !important; max-width: 680px; margin: 16px auto 0 !important; } .sg-hero__ctas { justify-content: center !important; margin-block-start: 32px !important; gap: 16px !important; flex-wrap: wrap; } .sg-hero__eyebrow { display: inline-block; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 600; margin-block-end: 12px; letter-spacing: 0.05em; font-size: 0.95rem; } .sg-about__media, .sg-about__placeholder { width: 100% !important; max-width: 100% !important; } .sg-about__placeholder { aspect-ratio: 4/3 !important; } .sg-footer__grid { display: grid; grid-template-columns: 1fr; gap: 32px; padding-block: 48px; } @media (min-width: 640px) { .sg-footer__grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .sg-footer__grid { grid-template-columns: repeat(4, 1fr); gap: 48px; } } .sg-footer__col h3 { color: var(--sg-brown, #092143); font-size: 1.05rem; font-weight: 700; margin: 0 0 12px; } .sg-footer__col .sg-footer__menu, .sg-footer__col .sg-footer__contact { list-style: none; padding: 0; margin: 0; } .sg-footer__col .sg-footer__menu li, .sg-footer__col .sg-footer__contact li { margin-bottom: 8px; font-size: 0.95rem; color: var(--sg-text-muted, #5b6b80); } .sg-footer__col .sg-footer__menu a { color: var(--sg-text-muted); text-decoration: none; transition: color 180ms ease; } .sg-footer__col .sg-footer__menu a:hover { color: var(--sg-gold-dark); } .sg-footer__cols { background: var(--sg-cream, #ffffff); } .sg-footer__brand .sg-footer__logo { display: inline-block; color: var(--sg-brown); font-weight: 700; text-decoration: none; margin-bottom: 8px; } .sg-footer__tagline { color: var(--sg-text-muted); font-size: 0.92rem; margin: 0 0 14px; } .sg-footer__social { display: flex; gap: 12px; list-style: none; padding: 0; margin: 0; } .sg-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--sg-surface, #fff); color: var(--sg-brown); border-radius: 50%; text-decoration: none; border: 1px solid var(--sg-border, #e2eaf1); font-weight: 700; font-size: 0.85rem; } .sg-footer__social a:hover { background: var(--sg-gold); color: var(--sg-brown); } .sg-trust { background: var(--sg-surface, #fff); padding-block: 24px; border-block-end: 1px solid var(--sg-border); } .sg-trust > * { max-width: var(--sg-container-max, 1280px); margin-inline: auto; padding-inline: 16px; box-sizing: border-box; } .sg-related, .sg-related .related.products, ul.products.related, .sg-related ul.products { max-width: var(--sg-container-max, 1280px) !important; margin-inline: auto !important; padding-inline: 16px; box-sizing: border-box; } .sg-related .related.products, .sg-related ul.products, ul.products.related, .related.products { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: var(--sg-card-gap-mobile, 16px); list-style: none; padding: 0; } @media (min-width: 768px) { .sg-related .related.products, .sg-related ul.products, ul.products.related, .related.products { grid-template-columns: repeat(4, 1fr) !important; gap: var(--sg-card-gap-desktop, 24px); } } .sg-related h2, .sg-related .sg-section__title, .sg-related h3.related-title { text-align: center; margin-block: 32px 24px; } .sg-testim-gallery .sg-container { max-width: var(--sg-container-max, 1280px); margin-inline: auto; padding-inline: 16px; } .sg-testim-gallery__grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: var(--sg-card-gap, 16px); list-style: none; padding: 0; margin: 32px 0 0; } @media (min-width: 600px) { .sg-testim-gallery__grid { grid-template-columns: repeat(3, 1fr) !important; } } @media (min-width: 900px) { .sg-testim-gallery__grid { grid-template-columns: repeat(4, 1fr) !important; gap: 24px; } } .sg-testim-gallery__item { list-style: none; margin: 0; } .sg-testim-gallery__link { display: block; border-radius: var(--sg-card-radius, 12px); overflow: hidden; box-shadow: var(--sg-shadow-card, 0 4px 16px rgba(0,0,0,0.06)); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease; background: var(--sg-cream, #FAF5EE); } .sg-testim-gallery__link:hover, .sg-testim-gallery__link:focus-visible { transform: translateY(-4px); box-shadow: var(--sg-shadow-card-hover, 0 16px 32px rgba(0,0,0,0.16)); outline: 2px solid var(--sg-gold, #C4A35A); outline-offset: 2px; } .sg-testim-gallery__img { display: block; width: 100%; height: auto; object-fit: cover; } .sg-testim-gallery__more { text-align: center; margin-top: 40px; } .sg-testim-gallery__grid--full { margin-top: 24px; } @media (min-width: 1200px) { .sg-testim-gallery__grid--full { grid-template-columns: repeat(5, 1fr) !important; } } .sg-hero--ugc { min-height: auto; padding: clamp(40px, 6vw, 80px) 0; background: linear-gradient(180deg, var(--sg-cream, #ffffff) 0%, var(--sg-cream-deep, #f3f8fb) 100%); } .sg-hero--ugc .sg-hero__grid { display: grid; grid-template-columns: 1fr; gap: 32px; max-width: var(--sg-container-max, 1280px); margin-inline: auto; padding-inline: clamp(16px, 4vw, 32px); align-items: center; } @media (min-width: 900px) { .sg-hero--ugc .sg-hero__grid { grid-template-columns: 45fr 55fr; gap: clamp(32px, 5vw, 64px); } } .sg-hero--ugc .sg-hero__text { direction: rtl; text-align: start; } .sg-hero--ugc .sg-hero__eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.14em; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); text-transform: uppercase; margin: 0 0 20px; padding: 6px 16px; border: 1px solid rgba(168, 138, 92, 0.35); border-radius: 999px; background: rgba(255, 255, 255, 0.6); } .sg-hero--ugc .sg-hero__headline { font-size: clamp(34px, 5.2vw, 60px); line-height: 1.08; font-weight: 600; letter-spacing: -0.018em; color: var(--sg-brown, #092143); margin: 0 0 20px; text-wrap: balance; } .sg-hero--ugc .sg-hero__subline { font-size: clamp(16px, 1.5vw, 19px); line-height: 1.55; color: rgba(61, 44, 30, 0.78); margin: 0 0 28px; max-width: 560px; } .sg-hero--ugc .sg-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; } .sg-hero--ugc .sg-hero__ctas .sg-btn { min-height: 52px; padding: 0 28px; font-size: 16px; font-weight: 600; border-radius: 999px; } .sg-hero--ugc .sg-hero__trustrow { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0; list-style: none; font-size: 13px; color: rgba(61, 44, 30, 0.68); } .sg-hero--ugc .sg-hero__trustrow li { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .sg-hero--ugc .sg-hero__trustrow-icon { color: var(--sg-gold-text, #C4A35A); font-size: 14px; line-height: 1; } .sg-hero--ugc .sg-hero__photo { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 48px -16px rgba(61, 44, 30, 0.22), 0 4px 8px -2px rgba(61, 44, 30, 0.08); aspect-ratio: 4 / 3; background: var(--sg-cream-deep, #f3f8fb); } .sg-hero--ugc .sg-hero__photo picture, .sg-hero--ugc .sg-hero__photo img { display: block; width: 100%; height: 100%; object-fit: cover; } .sg-hero--ugc .sg-hero__photo-caption { position: absolute; bottom: 14px; left: 14px; padding: 5px 12px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; color: var(--sg-brown, #092143); background: rgba(255, 255, 255, 0.88); border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } @media (max-width: 899px) { .sg-hero--ugc .sg-hero__photo { order: 2; } .sg-hero--ugc .sg-hero__text { order: 1; text-align: center; } .sg-hero--ugc .sg-hero__subline { margin-inline: auto; } .sg-hero--ugc .sg-hero__ctas { justify-content: center; } .sg-hero--ugc .sg-hero__ctas .sg-btn { flex: 1 1 240px; max-width: 320px; } .sg-hero--ugc .sg-hero__trustrow { justify-content: center; } } .sg-trust { padding: clamp(64px, 8vw, 96px) 0; background: #FFFFFF; } .sg-trust .sg-section__head { text-align: center; margin-bottom: 48px; } .sg-trust__grid { display: grid; grid-template-columns: 1fr; gap: 32px; max-width: var(--sg-container-max, 1280px); margin-inline: auto; padding-inline: clamp(16px, 4vw, 32px); align-items: stretch; } @media (min-width: 900px) { .sg-trust__grid { grid-template-columns: 1fr 2fr 1fr; gap: 32px; } } .sg-trust__numbers { background: var(--sg-cream, #ffffff); border-radius: 20px; padding: 32px 24px; display: flex; flex-direction: column; justify-content: center; } .sg-trust__nums-list { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px; } .sg-trust__num { text-align: center; } .sg-trust__num-value { display: block; font-size: clamp(36px, 4.5vw, 52px); font-weight: 700; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); line-height: 1; margin: 0; } .sg-trust__num-label { margin: 8px 0 0; font-size: 13px; color: rgba(61, 44, 30, 0.65); letter-spacing: 0.04em; } .sg-trust__cards { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 600px) { .sg-trust__cards { grid-template-columns: repeat(3, 1fr); } } .sg-trust__card { background: var(--sg-cream, #ffffff); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 8px 24px -8px rgba(61, 44, 30, 0.16); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; } .sg-trust__card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px -8px rgba(61, 44, 30, 0.24); } .sg-trust__card-photo { margin: 0; aspect-ratio: 3 / 4; overflow: hidden; background: var(--sg-cream-deep, #f3f8fb); } .sg-trust__card-photo img { display: block; width: 100%; height: 100%; object-fit: cover; } .sg-trust__card-quote { flex: 1; margin: 0; padding: 16px 18px 8px; font-size: 15px; line-height: 1.5; color: var(--sg-brown, #092143); direction: rtl; } .sg-trust__card-by { padding: 0 18px 18px; font-size: 13px; color: rgba(61, 44, 30, 0.6); direction: rtl; } .sg-trust__card-by strong { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 700; } .sg-trust__cta { background: linear-gradient(180deg, var(--sg-cream, #ffffff) 0%, var(--sg-cream-deep, #f3f8fb) 100%); border-radius: 20px; padding: 32px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 16px; } .sg-trust__cta-line { margin: 0; font-size: 16px; color: rgba(61, 44, 30, 0.78); direction: rtl; } @media (max-width: 899px) { .sg-trust__numbers { order: 1; } .sg-trust__cards { order: 2; } .sg-trust__cta { order: 3; } } @media (min-width: 1024px) { .sg-cats__grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; justify-content: center; } } .sg-cat { position: relative; } .sg-cat__media { position: absolute; inset: 0; display: block; } .sg-cat__media img { width: 100%; height: 100%; object-fit: cover; } .sg-cat__body { position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 1; display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; background: linear-gradient(180deg, transparent 0%, rgba(61, 44, 30, 0.82) 100%); color: #fff; text-align: start; pointer-events: none; } .sg-cat__name { color: #fff; font-weight: 700; font-size: 1.1rem; line-height: 1.2; } .sg-cat__count { color: rgba(255, 255, 255, 0.85); font-size: 0.8rem; } .sg-related { margin-block-start: 48px; } .sg-related > h2 { text-align: center; margin-block-end: 24px; font-family: var(--font-display); } .sg-related ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px; list-style: none; margin: 0; padding: 0; } .sg-related ul.products::before, .sg-related ul.products::after { content: none !important; display: none !important; } .sg-related ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; clear: none !important; text-align: center; } .sg-related ul.products li.product img { width: 100%; height: auto; border-radius: var(--radius-md, 12px); margin-bottom: 10px; } @media (max-width: 1024px) { .sg-related ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 600px) { .sg-related ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px; } } .sg-related .related.products, .sg-related section.related.products, .related.products { display: block !important; grid-template-columns: none !important; max-width: 100% !important; padding-inline: 0 !important; } .sg-related ul.products { width: 100% !important; max-width: 100% !important; } @media (max-width: 899px) { .sorkx-megamenu__items { inset-inline-start: auto !important; inset-inline-end: auto !important; left: auto !important; right: 0 !important; width: min(90vw, 400px) !important; max-width: 100% !important; box-shadow: -18px 0 40px rgba(0, 0, 0, 0.22) !important; transform: translateX(100%) !important; } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__items { transform: translateX(0) !important; } .sorkx-megamenu.is-drawer-open::before { background: rgba(61, 44, 30, 0.5) !important; } } body.sg-mm-open { overflow: hidden !important; } @media (min-width: 900px) and (max-width: 1099px) { .sg-header__main .sg-container { flex-wrap: wrap; row-gap: 6px; } .sg-header__nav { flex: 1 0 100% !important; order: 5; justify-content: center !important; margin-inline-start: 0 !important; } .sorkx-megamenu__items { flex-wrap: nowrap; justify-content: center; gap: 2px; padding: 0; } .sorkx-megamenu__link { padding: 8px 10px; font-size: 0.9rem; white-space: nowrap; } } .sg-stories { margin-block: 10px 26px; } .sg-stories__row { list-style: none; margin: 0; padding: 6px 2px; display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; justify-content: flex-start; } @media (min-width: 768px) { .sg-stories__row { justify-content: center; flex-wrap: wrap; overflow-x: visible; row-gap: 18px; } } .sg-stories__row::-webkit-scrollbar { height: 6px; } .sg-stories__row::-webkit-scrollbar-thumb { background: var(--sg-gold, var(--sg-gold,#C9A24B)); border-radius: 999px; } .sg-stories__cell { flex: 0 0 auto; scroll-snap-align: start; } .sg-stories__item { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 92px; text-decoration: none; color: var(--sg-text, #092143); transition: transform 200ms ease; } .sg-stories__avatar { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; border: 2px solid var(--sg-gold, var(--sg-gold,#C9A24B)); padding: 3px; background: #fff; display: block; box-shadow: 0 4px 12px rgba(61, 44, 30, 0.10); transition: border-color 200ms ease, box-shadow 200ms ease; } @media (min-width: 768px) { .sg-stories__avatar { width: 100px; height: 100px; } .sg-stories__item { width: 116px; } .sg-stories__label { font-size: 0.9rem; } } .sg-stories__avatar img, .sg-stories__ph { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; } .sg-stories__ph { background: var(--sg-cream, #ffffff); } .sg-stories__label { font-size: 0.82rem; font-weight: 600; text-align: center; line-height: 1.2; color: var(--sg-text, #092143); max-width: 100%; } .sg-stories__item:hover { transform: translateY(-4px); } .sg-stories__item:hover .sg-stories__avatar { border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); box-shadow: 0 8px 18px rgba(61, 44, 30, 0.16); } .sg-stories__item.is-active .sg-stories__avatar { border-width: 3px; border-color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); box-shadow: 0 6px 16px rgba(201, 162, 75, 0.35); } .sg-stories__item.is-active .sg-stories__label { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } @media (max-width: 1099px) { .sorkx-megamenu.is-drawer-open .sorkx-megamenu__items { padding-top: 64px !important; } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__burger { position: fixed !important; top: 12px !important; right: 14px !important; left: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; z-index: 10001 !important; width: 44px !important; height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border-radius: 50% !important; box-shadow: 0 2px 12px rgba(61, 44, 30, 0.18) !important; } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__burger-bar { inset-inline-start: 50% !important; margin-inline-start: -10px; } } @media (max-width: 1099px) { .sorkx-megamenu.is-drawer-open .sorkx-megamenu__burger { right: auto !important; left: auto !important; inset-inline-end: auto !important; inset-inline-start: 14px !important; } } :root { --sg-gold-text: #8C6B26; } .sorkx-megamenu__link, .sg-skip, .sg-breadcrumb a, .woocommerce-breadcrumb a, .sg-breadcrumb, nav.woocommerce-breadcrumb { color: var(--sg-gold-text) !important; } .from-label, .sg-product__cta, .sg-section__more, .sg-hero__eyebrow, .sg-filter__name, .page-numbers, .sg-shop__desc em, .sg-prev-next__label, .sg-product__ai-tagline, .sg-pinfo__rating, .woocommerce-Price-amount { color: var(--sg-gold-text) !important; } .sg-footer__col a, .sg-footer__links a, .sg-footer__col h4, .sg-footer__col strong, .sg-footer__logo { color: var(--sg-gold-text) !important; } .sg-footer__tagline { color: #5b6b80 !important; } .wapf-field-input, .wapf-wrapper a[href^="tel"], .wapf a { color: var(--sg-brown, #092143) !important; } :root { --sg-gold-dark: var(--sg-gold-dark,#8C6B26); } .sg-footer a, .sg-footer__bottom a, .sg-footer__bottom-row a, .sg-footer__bottom-row, .woocommerce-breadcrumb, .woocommerce-breadcrumb a, .sg-breadcrumb a, .sg-pinfo a, .star-rating, .sg-pinfo__rating, .sg-prev-next__label, .sg-sorting__count { color: var(--sg-gold-text, #8C6B26) !important; } .sg-topbar, .sg-topbar a, .sg-topbar__left, .sg-topbar__right, .sg-topbar * { color: #EAD7AC !important; } .sg-sorting button, .sg-sorting__toggle, .sg-sorting [class*=toggle] { background: var(--sg-gold-dark,#8C6B26) !important; color: #fff !important; border-color: var(--sg-gold-dark,#8C6B26) !important; } .sg-sorting__filter-toggle { background: var(--sg-gold-dark,#8C6B26) !important; color: #fff !important; border-color: var(--sg-gold-dark,#8C6B26) !important; } .sg-pinfo__rating, .sg-pinfo__rating *, .sg-pinfo .star-rating ~ span, .sg-pinfo__rating span, .woocommerce-product-rating a { color: var(--sg-gold-dark,#8C6B26) !important; } .sg-filters .button, .sg-shop__sidebar .button, .sg-sorting .button, .widget_layered_nav .button, .sg-filters__apply { background: var(--sg-gold-dark,#8C6B26) !important; color: #fff !important; border-color: var(--sg-gold-dark,#8C6B26) !important; } .sg-pinfo__head span, .sg-pinfo__rating, .woocommerce-product-rating, .sg-product-summary .star-rating { color: #8C6B26 !important; } .sg-header { position: sticky; top: 0; z-index: 60; transition: box-shadow .3s ease; } .sg-header.is-scrolled { box-shadow: 0 6px 18px rgba(61, 44, 30, 0.12); } .sg-topbar { overflow: hidden; max-height: 52px; transition: max-height .3s ease, padding-block .3s ease, opacity .25s ease; } .sg-header.is-scrolled .sg-topbar { max-height: 0; padding-block: 0; opacity: 0; } .sg-header__main .sg-container { transition: padding-block .3s ease; } .sg-logo img, .sg-logo .custom-logo, .sg-logo .custom-logo-link img { transition: max-height .3s ease; } .sorkx-megamenu__link { transition: padding-block .3s ease, color var(--mm-anim-ms, .22s) ease, background var(--mm-anim-ms, .22s) ease; } .sg-header.is-scrolled .sg-header__main .sg-container { padding-block: 4px; } .sg-header.is-scrolled .sorkx-megamenu__link { padding-block: 10px; } @media (min-width: 900px) { .sg-header.is-scrolled .sg-logo img, .sg-header.is-scrolled .sg-logo .custom-logo, .sg-header.is-scrolled .sg-logo .custom-logo-link img { max-height: 42px !important; } } .sg-header__main { background: #fff; } .sg-header__nav .sorkx-megamenu { background: transparent; } .sg-header .sg-search__input, .sg-header .sg-search__results { border-radius: 6px !important; } .sg-header .sorkx-megamenu__link { border-radius: 6px; } .sg-header .sg-search { position: relative; } .sg-header .sg-search__btn { position: absolute; inset-inline-end: 6px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; background: transparent; border: 0; border-radius: 6px; color: var(--mm-accent-dk, var(--sg-gold-dark,#8C6B26)); cursor: pointer; transition: color .2s ease, background .2s ease; } .sg-header .sg-search__btn:hover { background: rgba(201, 162, 75, 0.14); color: var(--mm-accent, var(--sg-gold-text,#8C6B26)); } .single-product .woocommerce-tabs { max-width: 880px; margin-block: 10px 0; } .single-product .woocommerce-tabs .panel, .single-product .woocommerce-Tabs-panel { padding-block: 10px 24px; line-height: 1.85; font-size: 1.02rem; color: var(--sg-text, #092143); } .single-product .woocommerce-Tabs-panel h2 { font-size: 1.4rem; font-weight: 700; color: var(--sg-brown, #092143); margin: 26px 0 12px; } .single-product .woocommerce-Tabs-panel h2:first-child { margin-top: 0; } .single-product .woocommerce-Tabs-panel p { margin: 0 0 14px; } .single-product .woocommerce-Tabs-panel img { border-radius: var(--radius-md, 12px); } .sg-bestseller-pill { display: inline-flex; align-items: center; gap: 6px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; font-weight: 700; font-size: 0.8rem; padding: 5px 13px; border-radius: 999px; margin: 0 0 10px; box-shadow: 0 4px 12px rgba(201, 162, 75, 0.35); } .sg-design-code { font-size: 0.62em; font-weight: 500; color: var(--sg-text-muted, #5b6b80); opacity: 0.75; letter-spacing: 0.3px; white-space: nowrap; } .sg-design-code { unicode-bidi: isolate; } .sg-cat__name { min-height: 2.6em; } .sg-announce { background: linear-gradient(90deg, var(--sg-gold-dark,#8C6B26) 0%, var(--sg-gold,var(--sg-gold,#C9A24B)) 50%, var(--sg-gold-dark,#8C6B26) 100%); color: #fff; } .sg-announce[hidden] { display: none; } .sg-announce__inner { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 9px 40px; position: relative; min-height: 38px; } .sg-announce__text { font-weight: 700; font-size: 0.95rem; letter-spacing: 0.2px; text-align: center; } .sg-announce__close { position: absolute; inset-inline-end: 12px; top: 50%; transform: translateY(-50%); background: transparent; border: 0; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; opacity: 0.8; padding: 4px 8px; } .sg-announce__close:hover { opacity: 1; } @media (max-width: 600px) { .sg-announce__text { font-size: 0.76rem; } .sg-announce__inner { padding: 8px 34px; } } .sg-ship-notice { margin: 12px 0 0; font-weight: 600; color: var(--sg-gold-dark,#8C6B26); font-size: 0.92rem; display: flex; align-items: center; gap: 6px; } .sorkx-megamenu__icon { display: none; } .sorkx-mm-drawerhead { display: none; } .sorkx-megamenu__link:focus-visible, .sorkx-megamenu__sub-link:focus-visible, .sorkx-megamenu__col-link:focus-visible, .sorkx-megamenu__col-cta:focus-visible, .sorkx-mm-close:focus-visible { outline: 2px solid var(--mm-accent); outline-offset: 2px; border-radius: 4px; } @media (max-width: 899px) { .sorkx-megamenu__items { padding-top: 0 !important; } .sorkx-mm-drawerhead { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; margin-bottom: 4px; border-bottom: 1px solid var(--mm-border); position: sticky; inset-block-start: 0; background: var(--mm-bg); z-index: 3; } .sorkx-mm-drawerhead__title { font-family: 'Frank Ruhl Libre', serif; font-weight: 700; font-size: 1.12rem; color: var(--mm-fg); letter-spacing: 0.01em; } .sorkx-mm-close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: rgba(201, 162, 75, 0.12); border: 0; border-radius: 50%; color: var(--mm-accent-dk); cursor: pointer; transition: background var(--mm-anim-ms) ease, transform var(--mm-anim-ms) ease; } .sorkx-mm-close:hover { background: rgba(201, 162, 75, 0.22); } .sorkx-mm-close:active { transform: scale(0.90); } .sorkx-megamenu.is-drawer-open .sorkx-megamenu__burger { opacity: 0; pointer-events: none; } .sorkx-megamenu__link { display: flex; align-items: center; gap: 14px; padding: 15px 20px; } .sorkx-megamenu__icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px; background: rgba(201, 162, 75, 0.12); color: var(--mm-accent-dk); transition: background var(--mm-anim-ms) ease, color var(--mm-anim-ms) ease; } .sorkx-megamenu__label { flex: 1 1 auto; font-size: 1.04rem; font-weight: 600; color: var(--mm-fg); } .sorkx-megamenu__chevron { color: var(--mm-accent-dk); } .sorkx-megamenu__link:active { background: rgba(201, 162, 75, 0.10); } .sorkx-megamenu__item.is-open > .sorkx-megamenu__link { background: rgba(201, 162, 75, 0.06); } .sorkx-megamenu__item.is-open > .sorkx-megamenu__link .sorkx-megamenu__icon { background: var(--mm-accent); color: #fff; } .sorkx-megamenu__submenu, .sorkx-megamenu__panel { background: rgba(201, 162, 75, 0.05) !important; padding-block: 6px !important; } .sorkx-megamenu__sub-link, .sorkx-megamenu__col-link { padding-block: 11px !important; padding-inline-start: 56px !important; padding-inline-end: 20px !important; font-size: 0.95rem; color: var(--mm-fg); } .sorkx-megamenu__sub-link:active, .sorkx-megamenu__col-link:active { background: rgba(201, 162, 75, 0.12); } .sorkx-mm-allproducts { padding-inline-start: 56px !important; color: var(--mm-accent-dk) !important; } } .sorkx-mm-drawerfoot { display: none; } @media (max-width: 899px) { .sorkx-megamenu__item.is-featured > .sorkx-megamenu__link::before { display: none !important; } .sorkx-megamenu__chevron { font-size: 0 !important; position: relative; min-width: 44px; } .sorkx-megamenu__chevron::after { content: ''; position: absolute; top: 50%; inset-inline-start: 50%; width: 9px; height: 9px; margin-top: -6px; margin-inline-start: -4px; border-inline-end: 2px solid currentColor; border-block-end: 2px solid currentColor; transform: rotate(45deg); transition: transform var(--mm-anim-ms) ease; } .sorkx-megamenu__item.is-open > .sorkx-megamenu__link .sorkx-megamenu__chevron::after { transform: rotate(-135deg); margin-top: -2px; } .sorkx-mm-drawerfoot { margin-top: 8px; padding: 18px 20px 8px; border-top: 1px solid var(--mm-border); display: flex; flex-direction: column; gap: 6px; } .sorkx-mm-drawerfoot__phone { display: inline-flex; align-items: center; gap: 10px; font-size: 1.05rem; font-weight: 700; color: var(--mm-accent-dk); text-decoration: none; padding: 8px 0; } .sorkx-mm-drawerfoot__phone:active { opacity: 0.7; } .sorkx-mm-drawerfoot__phone:focus-visible { outline: 2px solid var(--mm-accent); outline-offset: 2px; border-radius: 4px; } .sorkx-mm-drawerfoot__addr { font-size: 0.85rem; color: var(--mm-fg-muted); } } @media (max-width: 899px) { .sorkx-megamenu__chevron::after { border-inline-end: 0; border-block-end: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; inset-inline-start: auto; left: 50%; margin-inline-start: 0; margin-left: -5px; margin-top: -6px; transform: rotate(45deg); } .sorkx-megamenu__item.is-open > .sorkx-megamenu__link .sorkx-megamenu__chevron { transform: rotate(180deg); } .sorkx-megamenu__item.is-open > .sorkx-megamenu__link .sorkx-megamenu__chevron::after { transform: rotate(45deg); margin-top: -6px; } .sorkx-megamenu__icon { background: rgba(201, 162, 75, 0.18); border: 1px solid rgba(168, 138, 92, 0.30); color: var(--sg-gold-dark,#8C6B26); } .sorkx-megamenu__item.is-open > .sorkx-megamenu__link .sorkx-megamenu__icon { background: var(--mm-accent); color: #fff; border-color: var(--mm-accent); } } @media (max-width: 899px) { .sorkx-megamenu__item:last-of-type > .sorkx-megamenu__link { border-bottom: 0; } .sorkx-mm-drawerfoot { margin-top: 0; } .sorkx-megamenu__col-cta { white-space: normal; line-height: 1.3; } } ul.products li.product { border-radius: 6px; box-shadow: 0 18px 38px rgba(61, 44, 30, 0.07), 0 4px 12px rgba(61, 44, 30, 0.05); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; position: relative; } ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 30px 60px rgba(61, 44, 30, 0.12), 0 10px 24px rgba(61, 44, 30, 0.07); } ul.products li.product img { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } ul.products li.product:hover img { transform: scale(1.045); } ul.products li.product .sg-product__media, ul.products li.product a > img, ul.products li.product img { border-radius: 6px; } ul.products li.product .onsale, ul.products li.product .sg-sale-badge { border-radius: 4px !important; top: 14px !important; inset-inline-start: auto !important; inset-inline-end: 14px !important; background: var(--sg-gold-dark,#8C6B26) !important; color: #fff !important; font-weight: 700 !important; letter-spacing: 0.02em; box-shadow: 0 2px 8px rgba(61, 44, 30, 0.20); min-width: 0 !important; min-height: 0 !important; line-height: 1.5 !important; } ul.products li.product a:focus-visible, ul.products li.product .button:focus-visible { outline: 2px solid var(--sg-gold,#C9A24B); outline-offset: 2px; border-radius: 6px; } @media (prefers-reduced-motion: reduce) { ul.products li.product, ul.products li.product img { transition: none; } ul.products li.product:hover { transform: none; } ul.products li.product:hover img { transform: none; } } .sg-shop__main ul.products li.product, ul.products li.product.type-product { border-radius: 6px; } .sg-shop__main ul.products li.product img, ul.products li.product.type-product img, ul.products li.product .sg-product__media { border-radius: 6px; } @media (min-width: 1024px) { .sg-footer__grid { grid-template-columns: repeat(5, 1fr); gap: 36px; } } .sg-footer__cols { display: block !important; } :root { --sg-focus-ring: 2px solid var(--sg-gold); --sg-focus-offset: 2px; } :focus-visible { outline: var(--sg-focus-ring) !important; outline-offset: var(--sg-focus-offset) !important; border-radius: 4px; } input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus, textarea:focus, select:focus { outline: none; border-color: var(--sg-gold); box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.18); } .sg-btn:active { transform: translateY(1px); } @media (prefers-reduced-motion: reduce) { .sg-btn:active { transform: none; } } .sg-mm-search { display: none !important; } .sg-process__step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 28px 18px; background: #fff; border: 1px solid var(--mm-border, #e2eaf1); border-radius: 12px; box-shadow: 0 6px 20px rgba(61, 44, 30, 0.06); } .sg-process__num { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(135deg, var(--sg-gold, var(--sg-gold,#C9A24B)), var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26))); color: #fff; font-weight: 800; font-size: 1.3rem; letter-spacing: 0.5px; box-shadow: 0 8px 18px rgba(201, 162, 75, 0.40); font-variant-numeric: tabular-nums; } .sg-process__icon { font-size: 1.5rem; line-height: 1; } .sg-process__title { font-size: 1.12rem; font-weight: 800; color: var(--sg-brown, #092143); margin: 0; } .sg-process__sub { font-size: 0.92rem; color: var(--sg-text-muted, #5b6b80); line-height: 1.55; margin: 0; } @media (min-width: 768px) { .sg-process__step:not(:last-child)::after { content: ''; position: absolute; top: 44px; inset-inline-end: -17px; width: 26px; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C5A572' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") center / contain no-repeat; } } @media (max-width: 767px) { .sg-process__list { grid-template-columns: 1fr !important; gap: 36px; } .sg-process__step:not(:last-child)::after { content: ''; position: absolute; bottom: -31px; left: 50%; transform: translateX(-50%); width: 26px; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C5A572' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / contain no-repeat; } } @media (prefers-reduced-motion: no-preference) { .sg-process__step { transition: transform .25s ease, box-shadow .25s ease; } .sg-process__step:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(61, 44, 30, 0.12); } } .sorkx-megamenu__col-title, .sorkx-megamenu__col-link, .sorkx-megamenu__col-cta { overflow-wrap: break-word; word-break: break-word; line-height: 1.5; } .sorkx-megamenu__panel .sorkx-megamenu__column { padding-inline: max(16px, 0px); box-sizing: border-box; min-width: 0; } .sorkx-megamenu__column.is-cta .sorkx-megamenu__col-title { display: block; margin-block-end: 10px; } .sg-product__thumbs { scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: var(--sg-gold, var(--sg-gold,#C9A24B)) transparent; scroll-padding-inline: 8px; padding-block-end: 4px; } .sg-product__thumbs > * { scroll-snap-align: start; } .sg-product__thumbs::-webkit-scrollbar { height: 6px; } .sg-product__thumbs::-webkit-scrollbar-track { background: transparent; } .sg-product__thumbs::-webkit-scrollbar-thumb { background: var(--sg-gold, var(--sg-gold,#C9A24B)); border-radius: 999px; } .sg-product__thumbs::-webkit-scrollbar-thumb:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } @media (min-width: 900px) { .sorkx-megamenu__panel.has-featured .sorkx-megamenu__column.is-cta { grid-column: 1 / span 2; } .sorkx-megamenu__panel .sorkx-megamenu__col-link { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.45; } .sorkx-megamenu__panel.has-featured { grid-auto-flow: row; } } @media (min-width: 900px) { .sorkx-megamenu__panel > .sorkx-megamenu__column:first-of-type { grid-column-start: 1; } } @media (max-width: 600px) { .sg-cats__grid > .sg-cat:last-child:nth-child(odd) { grid-column: 1 / -1; max-width: calc(50% - 8px); margin-inline: auto; } } .sg-cat-hero--image::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,0.34) 0%, rgba(0,0,0,0.52) 100%); pointer-events: none; } .sg-cat-hero { padding-block: 72px; min-height: 320px; } @media (max-width: 768px) { .sg-cat-hero { min-height: 210px; padding-block: 48px; } } @media (max-width: 899px) { .sg-header__main .sg-container { position: relative; justify-content: space-between; align-items: center; } .sg-header__main .sg-logo { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; z-index: 1; } .sg-header__nav { margin-inline-start: 0 !important; justify-content: flex-start; } .sg-header__actions { margin-inline: 0; } } .sg-pdesc { margin-block: 36px 8px; } .sg-pdesc__inner { max-width: 880px; } .sg-pdesc__title { font-size: 1.5rem; font-weight: 800; color: var(--sg-brown,#092143); margin: 0 0 14px; } .sg-pdesc__body { color: var(--sg-text,#092143); line-height: 1.7; font-size: 1.02rem; } .sg-pdesc__body p { margin: 0 0 14px; } .sg-pdesc__body ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; } .sg-pdesc__body li { position: relative; padding-inline-start: 28px; line-height: 1.6; } .sg-pdesc__body li::before { content: '✓'; position: absolute; inset-inline-start: 0; color: var(--sg-gold-dark,#8C6B26); font-weight: 700; } .sg-uploadedu { background: var(--sg-cream, #ffffff); } .sg-uploadedu__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 5vw, 64px); align-items: center; } .sg-uploadedu__media { position: relative; } .sg-uploadedu__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; box-shadow: 0 18px 40px rgba(61, 44, 30, 0.16); } .sg-uploadedu__chip { position: absolute; inset-block-start: 14px; inset-inline-end: 14px; background: rgba(255, 255, 255, 0.92); color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 700; font-size: 0.82rem; padding: 6px 12px; border-radius: 999px; box-shadow: 0 4px 12px rgba(61, 44, 30, 0.14); } .sg-uploadedu__eyebrow { display: inline-block; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 700; letter-spacing: 0.04em; font-size: 0.9rem; margin-bottom: 10px; } .sg-uploadedu__title { font-size: clamp(1.6rem, 3.4vw, 2.3rem); font-weight: 800; color: var(--sg-brown, #092143); line-height: 1.2; margin: 0 0 12px; } .sg-uploadedu__sub { color: var(--sg-text-muted, #5b6b80); font-size: 1.05rem; line-height: 1.6; margin: 0 0 24px; max-width: 46ch; } .sg-uploadedu__cta { display: inline-flex; align-items: center; gap: 10px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; font-weight: 700; font-size: 1.05rem; text-decoration: none; padding: 14px 28px; border-radius: 12px; box-shadow: 0 8px 18px rgba(201, 162, 75, 0.36); transition: background .2s ease, transform .12s ease, box-shadow .2s ease; } .sg-uploadedu__cta:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: translateY(-2px); box-shadow: 0 11px 24px rgba(168, 138, 92, 0.42); } .sg-uploadedu__cta:active { transform: translateY(0) scale(0.98); } .sg-uploadedu__cta-icon { font-size: 1.2rem; line-height: 1; } @media (max-width: 768px) { .sg-uploadedu__grid { grid-template-columns: 1fr; } .sg-uploadedu__body { text-align: center; } .sg-uploadedu__sub { margin-inline: auto; } } ul.products li.product { position: relative; } .sg-custom-badge { position: absolute; inset-block-start: 10px; inset-inline-start: 10px; z-index: 3; display: inline-flex; align-items: center; gap: 5px; background: linear-gradient(135deg, var(--sg-gold, var(--sg-gold,#C9A24B)), var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26))); color: #fff; font-weight: 700; font-size: 0.76rem; line-height: 1; padding: 6px 11px; border-radius: 999px; box-shadow: 0 4px 12px rgba(201, 162, 75, 0.42); pointer-events: none; } .sg-custom-badge__icon { font-size: 0.92rem; } .sg-product--custom { outline: 1.5px solid var(--sg-gold, var(--sg-gold,#C9A24B)); outline-offset: -1px; border-radius: 12px; } .price del, .sg-product__price del, .sg-pinfo__price del, .sg-prev-next__price del, .from-label + del { color: var(--sg-text-muted, #5b6b80) !important; text-decoration: line-through; font-weight: 400; font-size: 0.82em; margin-inline-end: 6px; } .price del .woocommerce-Price-amount, .sg-product__price del .woocommerce-Price-amount, .sg-pinfo__price del .woocommerce-Price-amount { color: inherit !important; } .price ins, .sg-product__price ins, .sg-pinfo__price ins, .sg-prev-next__price ins { background: transparent; color: var(--sg-gold-text, #8C6B26); font-weight: 800; text-decoration: none; } .from-label { font-size: 0.8em; color: var(--sg-text-muted, #5b6b80); margin-inline-end: 4px; } .sg-cart-savings th, .sg-cart-savings td { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)) !important; font-weight: 700; } .sg-section__title { font-size: 1.5rem; } @media (min-width: 768px) { .sg-section__title { font-size: 1.9rem; } } @media (max-width: 899px) { .sg-header__main { background: var(--sg-cream, #ffffff); box-shadow: 0 1px 0 var(--sg-gold-light, #e2eaf1), 0 4px 14px rgba(61, 44, 30, 0.05); } .sg-header__main .sg-logo .custom-logo, .sg-header__main .sg-logo .custom-logo-link img, .sg-header__main .sg-logo img { max-height: 46px !important; } .sg-header__main .sg-header__actions { gap: 2px; } } .sg-cuf__form { margin-block-start: 20px; display: grid; gap: 16px; } .sg-cuf__label { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--sg-brown, #092143); margin-block-end: 8px; } .sg-cuf__num { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; font-size: 0.82rem; font-weight: 800; } .sg-cuf__size { width: 100%; font: inherit; font-weight: 500; color: var(--sg-text, #092143); background: #fff; border: 1px solid var(--color-border, #ECE3D8); border-radius: 8px; padding: 12px 14px; } .sg-cuf__size:focus { outline: none; border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); box-shadow: var(--sg-focus-shadow, 0 0 0 3px rgba(201, 162, 75, 0.28)); } .sg-cuf__upload-step { transition: opacity .2s ease; } .sg-cuf__upload-step.is-disabled { opacity: 0.5; pointer-events: none; filter: grayscale(0.25); } .sg-cuf__upload-step .sg-upload { padding: 0; margin: 0; background: transparent; border: 0; } .sg-cuf__upload-step .sg-upload__heading { display: none; } .sg-cuf__upload-step .sg-upload__sub { font-size: 0.82rem; margin-block: 0 10px; } .sg-cuf__submit { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; font-weight: 700; font-size: 1.05rem; border: 0; border-radius: 12px; padding: 14px 28px; cursor: pointer; box-shadow: 0 8px 18px rgba(201, 162, 75, 0.36); transition: background .2s ease, transform .12s ease, box-shadow .2s ease; } .sg-cuf__submit:hover:not([disabled]) { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: translateY(-2px); } .sg-cuf__submit:active:not([disabled]) { transform: translateY(0) scale(0.98); } .sg-cuf__submit[disabled] { opacity: 0.55; cursor: default; box-shadow: none; } .sg-cuf__hint { font-size: 0.85rem; color: var(--sg-text-muted, #5b6b80); margin: 0; } .sg-cuf__fulllink { display: inline-block; margin-block-start: 12px; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-size: 0.92rem; text-decoration: none; } .sg-cuf__fulllink:hover { text-decoration: underline; } @media (max-width: 768px) { .sg-cuf__body { text-align: start; } .sg-cuf__submit { width: 100%; } } .sg-cuf__upload-step { position: relative; } .sg-cuf__upload-step.is-disabled .sg-upload__drop { position: relative; } .sg-cuf__upload-step.is-disabled .sg-upload__drop::after { content: '\01F512  בחרו מידה כדי להעלות תמונה'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.78); color: var(--sg-brown, #092143); font-weight: 700; font-size: 0.92rem; border-radius: inherit; text-align: center; padding: 8px; } .sg-trust__icon { display: inline-flex; align-items: center; justify-content: center; color: var(--sg-gold-text, var(--sg-gold-text,#8C6B26)); flex: 0 0 auto; } .sg-trust__icon svg { display: block; } .sg-trust__item strong { display: block; color: var(--sg-brown, #092143); font-weight: 700; } .sg-trust__item small { color: var(--sg-text-muted, #5b6b80); } .sg-howtab { padding-block: 8px; } .sg-howtab .sg-process__list { margin: 0; } .sg-howtab__more { margin-block-start: 20px; text-align: center; } .sg-howtab__more a { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 600; text-decoration: none; } .sg-howtab__more a:hover { text-decoration: underline; } .sg-cuf__shapes { display: flex; gap: 10px; flex-wrap: wrap; } .sg-cuf__shape { display: flex; flex-direction: column; align-items: center; gap: 8px; flex: 1 1 0; min-width: 90px; padding: 14px 8px; background: #fff; border: 1.5px solid var(--color-border, #ECE3D8); border-radius: 12px; cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease; } .sg-cuf__shape:hover { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-cuf__shape.is-active { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.22); } .sg-cuf__shape-name { font-weight: 700; color: var(--sg-brown, #092143); font-size: 0.92rem; } .sg-cuf__shape-ico { display: block; background: var(--sg-gold-light, #e2eaf1); border: 2px solid var(--sg-gold, var(--sg-gold,#C9A24B)); border-radius: 2px; } .sg-cuf__shape-ico--square { width: 30px; height: 30px; } .sg-cuf__shape-ico--rect { width: 22px; height: 32px; } .sg-cuf__shape-ico--pano { width: 42px; height: 18px; } .sg-cuf__sizes { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 12px; } .sg-cuf__sizebtn { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 12px; background: #fff; border: 1px solid var(--color-border, #ECE3D8); border-radius: 8px; cursor: pointer; font: inherit; min-width: 72px; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; } .sg-cuf__sizebtn:hover { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-cuf__sizebtn.is-active { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); background: var(--sg-gold-light, #F6EFE0); box-shadow: 0 0 0 2px rgba(201, 162, 75, 0.25); } .sg-cuf__sizebtn-dim { font-weight: 700; color: var(--sg-brown, #092143); font-size: 0.95rem; } .sg-cuf__sizebtn small { color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 600; font-size: 0.82rem; } .sg-cuf__sizebtn small del { color: var(--sg-text-muted, #5b6b80); text-decoration: line-through; opacity: 0.7; font-size: 0.76rem; margin-inline-end: 3px; } .sg-cuf__sizebtn small ins { background: transparent; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 700; text-decoration: none; } .sg-sidecart__savings { display: flex; align-items: center; justify-content: space-between; margin-block-end: 8px; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 700; font-size: 0.95rem; } @media (max-width: 899px) { .sg-header__main { background: linear-gradient(180deg, #FBF6EE 0%, #f3f8fb 100%) !important; box-shadow: 0 2px 0 #D4B583, 0 5px 16px rgba(61, 44, 30, 0.07) !important; transition: padding-block .3s ease; } .sg-header__main .sg-logo .custom-logo, .sg-header__main .sg-logo .custom-logo-link img, .sg-header__main .sg-logo img { max-height: 64px !important; transition: max-height .3s ease; } .sg-header.is-scrolled .sg-header__main .sg-logo .custom-logo, .sg-header.is-scrolled .sg-header__main .sg-logo .custom-logo-link img, .sg-header.is-scrolled .sg-header__main .sg-logo img { max-height: 42px !important; } } .sg-product__title { font-size: 1.05rem; font-weight: 600; line-height: 1.35; } @media (max-width: 768px) { .sg-product__title { font-size: 0.98rem; } } .sg-section { padding-block: 5.5rem; } @media (max-width: 768px) { .sg-section { padding-block: 3.25rem; } } .sg-stats{ display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:clamp(1.25rem, 5vw, 4rem); margin-block:0 4rem; padding-block:0.5rem; } .sg-stats__item{ display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0; flex:0 1 auto; } .sg-stats__num{ font-family:Georgia, "Times New Roman", serif; font-size:clamp(2.1rem, 5vw, 3.25rem); line-height:1; font-weight:600; color:var(--sg-gold-text, var(--sg-gold-text,#8C6B26)); letter-spacing:-0.01em; direction:ltr; unicode-bidi:isolate; } .sg-stats__label{ margin-top:0.6rem; font-size:0.85rem; font-weight:500; color:var(--sg-brown-soft, #5b6b80); letter-spacing:0.01em; } .sg-stats__divider{ width:1px; align-self:stretch; min-height:48px; background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.12), transparent); flex:0 0 1px; } .sg-testi__cards{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; } .sg-testi__card{ position:relative; display:flex; flex-direction:column; gap:1.25rem; background:#fff; border:1px solid rgba(201, 162, 75, 0.18); border-radius:16px; padding:2rem 1.75rem 1.75rem; box-shadow:0 14px 40px -22px rgba(61,44,30,0.28); overflow:hidden; } .sg-testi__mark{ position:absolute; inset-inline-start:1.25rem; inset-block-start:-0.35rem; font-family:Georgia, serif; font-size:4.5rem; line-height:1; color:var(--sg-gold-text, var(--sg-gold-text,#8C6B26)); opacity:0.22; pointer-events:none; } .sg-testi__quote{ position:relative; margin:0; padding-top:1.5rem; font-size:1.12rem; line-height:1.7; font-weight:500; color:var(--sg-brown, #092143); } .sg-testi__by{ display:flex; align-items:center; gap:0.75rem; margin-top:auto; padding-top:0.5rem; } .sg-testi__avatar{ display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:50%; background:linear-gradient(135deg, var(--sg-gold, var(--sg-gold,#C9A24B)), var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26))); color:#fff; font-weight:700; font-size:1.05rem; } .sg-testi__id{ display:flex; flex-direction:column; line-height:1.3; } .sg-testi__id strong{ color:var(--sg-brown, #092143); font-size:0.95rem; } .sg-testi__id small{ color:var(--sg-brown-soft, #5b6b80); font-size:0.82rem; } .sg-testi__more{ display:flex; justify-content:center; margin-top:2.5rem; } @media (max-width: 768px){ .sg-stats{ gap:clamp(0.75rem, 3vw, 1.25rem); margin-block:0 2.5rem; } .sg-stats__divider{ min-height:40px; } .sg-testi__cards{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:84%; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; gap:1rem; padding-bottom:0.5rem; scrollbar-width:none; } .sg-testi__cards::-webkit-scrollbar{ display:none; } .sg-testi__card{ scroll-snap-align:center; } } .variations_form .single_variation .woocommerce-variation-price{ display:none; } .sg-price-summary{ margin:1.25rem 0 0.25rem; padding:1.1rem 1.25rem; background:linear-gradient(135deg, #FBF7F0, #F6EEE0); border:1px solid rgba(201, 162, 75, 0.35); border-radius:14px; box-shadow:0 10px 30px -20px rgba(61,44,30,0.45); opacity:0; transform:translateY(8px); transition:opacity .35s ease, transform .35s ease; } .sg-price-summary.is-shown{ opacity:1; transform:none; } .sg-price-summary[hidden]{ display:none; } .sg-price-summary__label{ display:block; font-size:0.82rem; font-weight:600; letter-spacing:0.02em; color:var(--sg-brown-soft, #5b6b80); margin-bottom:0.35rem; } .sg-price-summary__row{ display:flex; align-items:baseline; gap:0.7rem; flex-wrap:wrap; } .sg-price-summary__now{ font-family:Georgia, "Times New Roman", serif; font-size:clamp(1.9rem, 4.5vw, 2.5rem); font-weight:700; line-height:1; color:var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-price-summary__was{ font-size:1.15rem; color:var(--sg-brown-soft, #9a8a76); text-decoration:line-through; text-decoration-color:rgba(168,138,92,0.7); } .sg-price-summary__amt{ direction:ltr; unicode-bidi:isolate; } .sg-price-summary__save{ display:inline-block; margin-top:0.55rem; padding:0.2rem 0.7rem; font-size:0.86rem; font-weight:700; color:#1f7a4d; background:rgba(31,122,77,0.10); border-radius:999px; } .sg-price-summary__pct{ font-weight:600; opacity:0.85; } @media (max-width: 768px){ .sg-price-summary{ padding:1rem 1.1rem; } } .sg-trust-strip__pay{ flex-wrap:wrap; } .sg-trust-strip__pay-label{ flex-basis:100%; text-align:center; margin-bottom:6px; font-weight:600; } .sg-trust-strip__pay-logos{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; width:100%; } .sg-trust-strip__social{ grid-column:1 / -1; display:flex; align-items:center; justify-content:center; gap:0.5rem; padding-block-start:10px; margin-block-start:6px; border-block-start:1px solid var(--sg-border, #e2eaf1); font-size:0.85rem; color:#5b6b80; text-decoration:none; transition:color .2s ease; } .sg-trust-strip__social:hover{ color:var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-trust-strip__social:hover span:last-child{ text-decoration:underline; } .sg-trust-strip__stars{ font-weight:700; color:var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); white-space:nowrap; } .sg-trust-strip__social-sep{ opacity:0.5; } .sg-about__placeholder::after{ align-items:flex-end; padding-bottom:clamp(2.2rem, 6vh, 3.4rem); } .sg-about__placeholder::before{ content:"הדפסה על זכוכית · מאז 2008"; position:absolute; inset-inline:0; bottom:clamp(1.1rem, 3.5vh, 1.9rem); text-align:center; font-size:0.92rem; font-weight:500; letter-spacing:0.03em; color:var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); opacity:0.65; } .sg-pinfo__eyebrow{ display:inline-block; font-family:var(--font-body, 'Rubik', 'Rubik Fallback', sans-serif); font-size:0.8rem; font-weight:600; letter-spacing:0.06em; color:var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); margin-bottom:0.55rem; } .sg-pinfo .sg-pinfo__title, h1.sg-pinfo__title{ font-family:var(--font-display, 'Frank Ruhl Libre', Georgia, serif) !important; font-weight:700; line-height:1.18; letter-spacing:-0.005em; } .sg-pgallery .woocommerce-product-gallery__image img, .sg-pgallery img.wp-post-image{ border-radius:var(--sg-radius-lg, 16px); } .sg-pgallery .woocommerce-product-gallery{ border-radius:var(--sg-radius-lg, 16px); overflow:hidden; } .sg-pinfo__addtocart .single_add_to_cart_button, .sg-pinfo__addtocart button[type="submit"]{ background:linear-gradient(135deg, var(--sg-gold, var(--sg-gold,#C9A24B)), var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26))) !important; box-shadow:0 10px 24px -12px rgba(168,138,92,0.6) !important; letter-spacing:0.01em; } .sg-pinfo__addtocart .single_add_to_cart_button:hover, .sg-pinfo__addtocart button[type="submit"]:hover{ box-shadow:0 16px 32px -12px rgba(168,138,92,0.75) !important; } .sg-related h2, .sg-related .sg-section__title{ font-family:var(--font-display, 'Frank Ruhl Libre', Georgia, serif); letter-spacing:-0.005em; } .sg-related li.product{ transition:transform .25s ease, box-shadow .25s ease; } .sg-related li.product:hover{ transform:translateY(-5px); box-shadow:0 18px 40px -22px rgba(61,44,30,0.42); } @media (max-width: 768px){ .sg-related ul.products{ display:flex !important; grid-template-columns:none !important; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; gap:1rem; padding-bottom:0.5rem; scrollbar-width:none; } .sg-related ul.products::-webkit-scrollbar{ display:none; } .sg-related ul.products li.product{ flex:0 0 78%; max-width:78%; margin:0 !important; scroll-snap-align:center; } } .sg-hero.sg-hero--split { min-height: auto; padding-block: var(--sg-space-5) var(--sg-space-4); background: var(--sg-cream); } .sg-hero.sg-hero--split::before { background: radial-gradient(circle, rgba(201, 162, 75, 0.10) 0%, transparent 70%); } .sg-hero--split .sg-hero__grid { grid-template-columns: 1fr 1fr; gap: var(--sg-space-4); align-items: stretch; } .sg-hero--split .sg-hero__promo, .sg-hero--split .sg-hero__showcase { position: relative; aspect-ratio: 4 / 3; border-radius: var(--sg-radius-lg); overflow: hidden; box-shadow: var(--sg-shadow); background: var(--sg-cream-alt); } .sg-hero--split .sg-hero__promo { display: block; text-decoration: none; } .sg-hero--split .sg-hero__promo-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform var(--sg-transition-slow); } .sg-hero--split .sg-hero__promo:hover .sg-hero__promo-img, .sg-hero--split .sg-hero__promo:focus-visible .sg-hero__promo-img { transform: scale(1.04); } .sg-hero--split .sg-hero__promo-overlay { position: absolute; inset-inline: 0; bottom: 0; z-index: 1; padding: var(--sg-space-6) var(--sg-space-4) var(--sg-space-4); background: linear-gradient(to top, rgba(9,33,67,0.94) 0%, rgba(9,33,67,0.55) 55%, transparent 100%); color: #fff; text-align: center; } .sg-hero--split .sg-hero__headline { font-family: var(--sg-font-display); font-weight: 700; font-size: clamp(1.7rem, 2.6vw, 2.5rem); line-height: 1.18; color: #fff; margin: 0 0 .35em; } .sg-hero--split .sg-hero__subline { font-size: clamp(1rem, 1.3vw, 1.15rem); color: rgba(255,255,255,0.92); margin: 0 0 var(--sg-space-3); } .sg-hero--split .sg-hero__promo-cta { background: var(--sg-gold); color: var(--sg-brown); border-color: var(--sg-gold); pointer-events: none; } .sg-hero--split .sg-hero__promo:hover .sg-hero__promo-cta { background: var(--sg-gold-dark); color: #fff; transform: translateY(-1px); box-shadow: var(--sg-shadow); } .sg-hero--split .sg-hero__stage { position: absolute; inset: 0; } .sg-hero--split .sg-hero__slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity var(--sg-transition-slow); } .sg-hero--split .sg-hero__slide.is-active { opacity: 1; } @media (min-width: 1024px) { html.uxm .sg-hero--split .sg-hero__promo-img, html.uxm .sg-hero--split .sg-hero__slide { will-change: transform; } html.uxm .sg-hero--split .sg-hero__promo-img { transform: translate3d(0, var(--sgp, 0px), 0) scale(1.08); } html.uxm .sg-hero--split .sg-hero__promo:hover .sg-hero__promo-img, html.uxm .sg-hero--split .sg-hero__promo:focus-visible .sg-hero__promo-img { transform: translate3d(0, var(--sgp, 0px), 0) scale(1.11); } html.uxm .sg-hero--split .sg-hero__slide { transform: translate3d(0, var(--sgp, 0px), 0) scale(1.08); } } .sg-hero--split .sg-hero__thumbs { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; display: flex; gap: 8px; justify-content: center; padding: 12px; background: linear-gradient(to top, rgba(9,33,67,0.88) 0%, rgba(9,33,67,0) 100%); } .sg-hero--split .sg-hero__thumb { flex: 0 0 auto; width: 64px; height: 48px; padding: 0; cursor: pointer; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: none; opacity: .65; transition: opacity var(--sg-transition), border-color var(--sg-transition); } .sg-hero--split .sg-hero__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .sg-hero--split .sg-hero__thumb.is-active { border-color: var(--sg-gold); opacity: 1; } .sg-hero--split .sg-hero__thumb:hover, .sg-hero--split .sg-hero__thumb:focus-visible { opacity: 1; } .sg-stars { display: inline-flex; align-items: center; gap: 1px; line-height: 0; } .sg-stars__ic { width: 15px; height: 15px; fill: #f5a623; flex: 0 0 auto; } .sg-hero--split .sg-hero__rating { display: flex; justify-content: center; margin: var(--sg-space-5) 0 0; padding: 0; } .sg-hero--split .sg-hero__rating-link { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid var(--sg-border); box-shadow: 0 1px 3px rgba(0, 0, 0, .05); text-decoration: none; color: var(--sg-text); font-size: .9rem; line-height: 1; white-space: nowrap; transition: box-shadow var(--sg-transition), transform var(--sg-transition); } .sg-hero--split .sg-hero__rating-link:hover, .sg-hero--split .sg-hero__rating-link:focus-visible { box-shadow: 0 6px 18px rgba(0, 0, 0, .08); transform: translateY(-1px); } .sg-hero--split .sg-hero__rating-num { font-weight: 800; color: var(--sg-text); } .sg-hero--split .sg-hero__rating-cnt { color: var(--sg-text-muted); } @media (max-width: 900px) { .sg-hero--split .sg-hero__grid { grid-template-columns: 1fr; gap: var(--sg-space-3); } .sg-hero--split .sg-hero__promo, .sg-hero--split .sg-hero__showcase { aspect-ratio: 3 / 2; } .sg-hero--split .sg-hero__thumb { width: 52px; height: 40px; } } .sg-hero.sg-hero--split { display: block; } .sg-hero--split .sg-hero__grid { width: 100%; max-width: var(--sg-container); margin-inline: auto; padding-inline: var(--sg-space-4); box-sizing: border-box; } .sg-hero--split .sg-hero__rating { max-width: var(--sg-container); margin-inline: auto; padding-inline: var(--sg-space-4); box-sizing: border-box; } .sg-hero--split .sg-hero__showcase { order: 1; } .sg-hero--split .sg-hero__promo { order: 2; } .sg-work__eyebrow { display: block; color: var(--sg-gold-text); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; margin-bottom: 4px; } .sg-work__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sg-space-3); } .sg-work__featured, .sg-work__tile { position: relative; overflow: hidden; border-radius: var(--sg-radius-md); margin: 0; box-shadow: var(--sg-shadow-sm); } .sg-work__tile { aspect-ratio: 4 / 3; } .sg-work__featured { grid-column: span 2; grid-row: span 3; } .sg-work__featured img, .sg-work__tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--sg-transition-slow); } .sg-work__featured:hover img, .sg-work__tile:hover img { transform: scale(1.05); } .sg-work__cta { text-align: center; margin-top: var(--sg-space-4); } @media (max-width: 900px) { .sg-work__grid { grid-template-columns: repeat(2, 1fr); } .sg-work__featured { grid-column: span 2; grid-row: auto; aspect-ratio: 16 / 10; } } @media (max-width: 480px) { .sg-work__grid { gap: 8px; } } .s47-marquee__item img { opacity: 1; filter: none; } .s47-marquee__item img:hover { opacity: 1; filter: none; } .sg-footer { background: var(--sg-brown-dark, #061429); position: relative; overflow: hidden; border-top: 4px solid transparent; border-image: linear-gradient(90deg, #e22d2d, #f4c21c, #30f2c6, var(--sg-gold,#33cccc), #2b6cff, #b14be0) 1; } .sg-footer::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .55; background: radial-gradient(circle at 7% 14%, rgba(201, 162, 75, .20), transparent 22%), radial-gradient(circle at 93% 16%, rgba(226,45,45,.15), transparent 20%), radial-gradient(circle at 26% 88%, rgba(244,194,28,.13), transparent 18%), radial-gradient(circle at 74% 92%, rgba(177,75,224,.13), transparent 20%); } .sg-footer > * { position: relative; z-index: 1; } .sg-footer__bottom { background: transparent; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.6); margin-block-start: 8px; } .sg-footer__bottom .sg-container, .sg-footer__bottom-row, .sg-footer__legal, .sg-footer__credit { color: inherit; } .sg-footer__pay-logo { background: rgba(255,255,255,.92); border-radius: 4px; padding: 2px 4px; } .sg-lead { position: relative; overflow: hidden; } .sg-lead::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .4; background: radial-gradient(circle at 12% 20%, rgba(201, 162, 75, .10), transparent 25%), radial-gradient(circle at 88% 82%, rgba(226,45,45,.08), transparent 22%); } .sg-lead__inner { position: relative; z-index: 1; } .sg-lead__phone { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 10px 22px; border-radius: var(--sg-radius-pill); background: var(--sg-gold); color: var(--sg-brown); font-weight: 800; font-size: 1.05rem; text-decoration: none; transition: background var(--sg-transition), color var(--sg-transition); } .sg-lead__phone:hover, .sg-lead__phone:focus-visible { background: var(--sg-gold-dark); color: #fff; } .sg-acryl { background: linear-gradient(135deg, var(--sg-brown) 0%, var(--sg-brown-dark) 100%); color: #fff; padding-block: var(--sg-space-6); position: relative; overflow: hidden; } .sg-acryl::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .5; background: radial-gradient(circle at 12% 22%, rgba(201, 162, 75, .20), transparent 25%), radial-gradient(circle at 88% 78%, rgba(177,75,224,.15), transparent 22%), radial-gradient(circle at 60% 10%, rgba(244,194,28,.10), transparent 20%); } .sg-acryl__inner { position: relative; z-index: 1; display: grid; gap: var(--sg-space-5); } .sg-acryl__copy { text-align: center; max-width: 720px; margin-inline: auto; } .sg-acryl__title { font-family: var(--sg-font-display); font-size: clamp(1.6rem, 3vw, 2.3rem); color: #fff; margin: 0 0 .3em; } .sg-acryl__sub { color: rgba(255,255,255,.85); font-size: 1.05rem; margin: 0 0 var(--sg-space-4); line-height: 1.6; } .sg-acryl__cta { background: #fff; color: var(--sg-brown); border-color: #fff; } .sg-acryl__cta:hover, .sg-acryl__cta:focus-visible { background: var(--sg-gold); color: var(--sg-brown); border-color: var(--sg-gold); } .sg-acryl__icons { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sg-space-4); } .sg-acryl__icon { display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none; color: #fff; width: 96px; } .sg-acryl__icon-img { width: 84px; height: 84px; border-radius: 50%; overflow: hidden; border: 3px solid rgba(255,255,255,.25); transition: border-color var(--sg-transition), transform var(--sg-transition); } .sg-acryl__icon:hover .sg-acryl__icon-img, .sg-acryl__icon:focus-visible .sg-acryl__icon-img { border-color: var(--sg-gold); transform: translateY(-3px); } .sg-acryl__icon-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .sg-acryl__icon-name { font-size: .82rem; font-weight: 600; text-align: center; line-height: 1.2; } @media (max-width: 600px) { .sg-acryl__icons { gap: var(--sg-space-3); } .sg-acryl__icon { width: 72px; } .sg-acryl__icon-img { width: 60px; height: 60px; } } :root { --s47-rainbow: linear-gradient(90deg, #e22d2d, #f4c21c, #30f2c6, var(--sg-gold,#33cccc), #2b6cff, #b14be0); } .s47-rainbow { height: 4px; width: 100%; background: var(--s47-rainbow); background-size: 200% 100%; animation: s47-rainbow-slide 8s linear infinite; } @keyframes s47-rainbow-slide { to { background-position: 200% 0; } } @media (prefers-reduced-motion: reduce) { .s47-rainbow { animation: none; } } .sg-blog { padding-block: var(--sg-space-6); } .sg-blog__head { text-align: center; max-width: 720px; margin: 0 auto var(--sg-space-5); } .sg-blog__eyebrow { color: var(--sg-gold-text); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; } .sg-blog__pagetitle { font-family: var(--sg-font-display); font-size: clamp(1.8rem, 4vw, 2.6rem); color: var(--sg-brown); margin: .2em 0; } .sg-blog__lead { color: var(--sg-text-muted); font-size: 1.05rem; line-height: 1.6; } .sg-blog__filter { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: var(--sg-space-5); } .sg-blog__chip { padding: 8px 16px; border-radius: var(--sg-radius-pill); background: var(--sg-cream-alt); color: var(--sg-text); font-size: .88rem; font-weight: 600; text-decoration: none; border: 1px solid var(--sg-border); transition: var(--sg-transition); } .sg-blog__chip:hover, .sg-blog__chip.is-active { background: var(--sg-gold); color: var(--sg-brown); border-color: var(--sg-gold); } .sg-bgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sg-space-4); } @media (max-width: 900px) { .sg-bgrid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { .sg-bgrid { grid-template-columns: 1fr; } } .sg-bcard { background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); overflow: hidden; box-shadow: var(--sg-shadow-sm); transition: transform var(--sg-transition), box-shadow var(--sg-transition); } .sg-bcard:hover { transform: translateY(-4px); box-shadow: var(--sg-shadow-lg); } .sg-bcard__link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; } .sg-bcard__media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--sg-cream-deep); } .sg-bcard__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--sg-transition-slow); } .sg-bcard:hover .sg-bcard__media img { transform: scale(1.05); } .sg-bcard__media-ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--sg-cream-deep), var(--sg-cream-alt)); } .sg-bcard__cat { position: absolute; top: 10px; inset-inline-start: 10px; background: var(--sg-gold); color: var(--sg-brown); font-size: .72rem; font-weight: 700; padding: 4px 10px; border-radius: var(--sg-radius-pill); } .sg-bcard__body { display: flex; flex-direction: column; gap: 8px; padding: var(--sg-space-3); flex: 1 1 auto; } .sg-bcard__title { font-family: var(--sg-font-display); font-size: 1.15rem; line-height: 1.35; color: var(--sg-brown); margin: 0; } .sg-bcard__excerpt { color: var(--sg-text-muted); font-size: .92rem; line-height: 1.6; margin: 0; flex: 1 1 auto; } .sg-bcard__meta { display: flex; gap: 8px; align-items: center; color: var(--sg-text-muted); font-size: .8rem; margin-top: 4px; } .sg-pagination { margin-top: var(--sg-space-5); } .sg-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; } .sg-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: var(--sg-radius-md); background: var(--sg-cream-alt); color: var(--sg-text); text-decoration: none; font-weight: 600; border: 1px solid var(--sg-border); } .sg-pagination .page-numbers.current, .sg-pagination .page-numbers:hover { background: var(--sg-gold); color: var(--sg-brown); border-color: var(--sg-gold); } .sg-post__head { padding-block: var(--sg-space-6) var(--sg-space-4); } .sg-post__head-inner { max-width: 760px; margin: 0 auto; text-align: center; } .sg-post__cats { display: flex; gap: 8px; justify-content: center; margin-bottom: 12px; } .sg-post__cat { background: var(--sg-gold); color: var(--sg-brown); font-size: .75rem; font-weight: 700; padding: 4px 12px; border-radius: var(--sg-radius-pill); text-decoration: none; } .sg-post__title { font-family: var(--sg-font-display); font-size: clamp(1.8rem, 4.5vw, 2.8rem); line-height: 1.2; color: var(--sg-brown); margin: .2em 0; } .sg-post__meta { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; color: var(--sg-text-muted); font-size: .9rem; } .sg-post__hero { max-width: 1080px; margin: 0 auto var(--sg-space-5); border-radius: var(--sg-radius-lg); overflow: hidden; } .sg-post__hero img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: cover; } .sg-post__body { max-width: 720px; margin: 0 auto; } .sg-prose { color: var(--sg-text); font-size: 1.12rem; line-height: 1.9; } .sg-prose > p { margin: 0 0 1.3em; } .sg-prose h2 { font-family: var(--sg-font-display); font-size: 1.7rem; color: var(--sg-brown); margin: 1.6em 0 .5em; line-height: 1.3; } .sg-prose h3 { font-size: 1.35rem; color: var(--sg-brown); margin: 1.4em 0 .4em; font-weight: 700; } .sg-prose a { color: var(--sg-gold-dark); text-decoration: underline; text-underline-offset: 3px; } .sg-prose img { max-width: 100%; height: auto; border-radius: var(--sg-radius-md); margin: 1.2em 0; } .sg-prose ul, .sg-prose ol { margin: 0 0 1.3em; padding-inline-start: 1.4em; } .sg-prose li { margin-bottom: .5em; } .sg-prose blockquote { margin: 1.5em 0; padding: 1em 1.4em; border-inline-start: 4px solid var(--sg-gold); background: var(--sg-cream-alt); border-radius: var(--sg-radius-md); font-size: 1.2rem; color: var(--sg-brown); font-style: italic; } .sg-prose pre { background: var(--sg-brown); color: #fff; padding: 1em 1.2em; border-radius: var(--sg-radius-md); overflow-x: auto; font-size: .9rem; direction: ltr; text-align: left; } .sg-prose code { background: var(--sg-cream-alt); padding: 2px 6px; border-radius: 4px; font-size: .9em; } .sg-prose pre code { background: none; padding: 0; } .sg-post__foot { max-width: 720px; margin: var(--sg-space-5) auto 0; padding-top: var(--sg-space-4); border-top: 1px solid var(--sg-border); } .sg-post__share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: var(--sg-space-3); } .sg-post__share-label { font-weight: 700; color: var(--sg-brown); } .sg-post__share-btn { display: inline-flex; align-items: center; padding: 8px 16px; border-radius: var(--sg-radius-pill); font-size: .85rem; font-weight: 700; text-decoration: none; color: #fff; transition: opacity var(--sg-transition); } .sg-post__share-btn--wa { background: #25D366; } .sg-post__share-btn--fb { background: #1877F2; } .sg-post__share-btn--mail { background: var(--sg-brown); } .sg-post__share-btn:hover { opacity: .88; } .sg-post__tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--sg-text-muted); font-size: .88rem; } .sg-post__tags a { color: var(--sg-gold-dark); text-decoration: none; background: var(--sg-cream-alt); padding: 4px 10px; border-radius: var(--sg-radius-pill); } .sg-post__comments { max-width: 720px; margin: var(--sg-space-5) auto 0; } .sg-related { background: var(--sg-cream-alt); padding-block: var(--sg-space-6); margin-top: var(--sg-space-6); } .sg-related__title { font-family: var(--sg-font-display); font-size: 1.6rem; color: var(--sg-brown); text-align: center; margin-bottom: var(--sg-space-4); } @media (max-width: 560px) { .sg-prose { font-size: 1.05rem; line-height: 1.8; } .sg-post__head { padding-block: var(--sg-space-4) var(--sg-space-3); } } .sg-bcard__media-ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 100%; background: linear-gradient(135deg, var(--sg-brown) 0%, var(--sg-gold-dark) 100%); color: rgba(255,255,255,.88); } .sg-bcard__media-ph svg { width: 38px; height: 38px; opacity: .9; } .sg-bcard__ph-brand { font-family: var(--sg-font-display); font-weight: 700; font-size: .95rem; letter-spacing: .12em; color: rgba(255,255,255,.92); } .sg-blog__chip { padding-block: 12px; } .sg-post__share-btn { padding-block: 12px; } .sg-blog .sg-blog__chip { padding: 12px 16px; } .sg-post .sg-post__share-btn { padding: 12px 18px; } @media (max-width: 639px) { .sg-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; } .sg-footer__brand { grid-column: 1 / -1; } .sg-footer__col h3 { font-size: 1rem; margin-bottom: 10px; } } html.uxm .sg-acryl__icons li { opacity: 0; transform: translateY(18px) scale(.96); transition: opacity .55s ease, transform .55s cubic-bezier(.22, .61, .36, 1); } html.uxm .sg-acryl.is-in .sg-acryl__icons li { opacity: 1; transform: none; } html.uxm .sg-acryl.is-in .sg-acryl__icons li:nth-child(1) { transition-delay: .06s; } html.uxm .sg-acryl.is-in .sg-acryl__icons li:nth-child(2) { transition-delay: .14s; } html.uxm .sg-acryl.is-in .sg-acryl__icons li:nth-child(3) { transition-delay: .22s; } html.uxm .sg-acryl.is-in .sg-acryl__icons li:nth-child(4) { transition-delay: .30s; } html.uxm .sg-acryl.is-in .sg-acryl__icons li:nth-child(5) { transition-delay: .38s; } .sg-acryl__icon:hover .sg-acryl__icon-img, .sg-acryl__icon:focus-visible .sg-acryl__icon-img { transform: translateY(-4px) rotate(-4deg) scale(1.06); border-color: var(--sg-gold); } @media (prefers-reduced-motion: reduce) { .sg-acryl__icons li { opacity: 1 !important; transform: none !important; } .sg-acryl__icon:hover .sg-acryl__icon-img { transform: none; } } @media (max-width: 899px) { .sg-back-to-top { inset-block-end: calc(var(--sg-botbar-h, 64px) + 16px); padding-block-end: 0; transform: translateY(8px); } } body ul.products li.product.sg-card--whole img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }

.sg-sidecart-backdrop { position: fixed; inset: 0; z-index: 99990; background: rgba(61, 44, 30, 0.5); opacity: 0; transition: opacity 250ms ease; } .sg-sidecart-backdrop.is-visible { opacity: 1; } .sg-sidecart { position: fixed; inset-block: 0; right: 0; left: auto; z-index: 99991; width: 380px; max-width: 100vw; display: flex; flex-direction: column; background: var(--sg-cream, #FAF8F5); box-shadow: -16px 0 40px rgba(61, 44, 30, 0.22); transform: translateX(100%); visibility: hidden; transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 280ms; font-family: var(--font-base, 'Rubik', 'Rubik Fallback', sans-serif); color: var(--sg-text, #3D2C1E); } .sg-sidecart.is-open { transform: translateX(0); visibility: visible; transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s; } @media (max-width: 480px) { .sg-sidecart { width: 100vw; } } .sg-sidecart__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--color-border, #ECE3D8); background: #fff; } .sg-sidecart__heading { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--sg-brown, #3D2C1E); } .sg-sidecart__close { width: 40px; height: 40px; border: 0; background: var(--sg-cream, #FAF8F5); border-radius: 50%; font-size: 24px; line-height: 1; cursor: pointer; color: var(--sg-brown, #3D2C1E); display: inline-flex; align-items: center; justify-content: center; transition: background 200ms, color 200ms; } .sg-sidecart__close:hover { background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; } .sg-sidecart__body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 14px 16px; overscroll-behavior: contain; } .sg-sidecart__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; } .sg-sidecart__item { position: relative; display: grid; grid-template-columns: 60px 1fr; gap: 12px; background: #fff; border: 1px solid var(--color-border, #ECE3D8); border-radius: var(--radius-md, 12px); padding: 12px; animation: sg-sc-in 220ms ease; transition: opacity 200ms ease, transform 200ms ease; } .sg-sidecart__item.is-removing { opacity: 0; transform: translateX(-30px); } .sg-sidecart__item.is-busy { opacity: 0.55; pointer-events: none; } @keyframes sg-sc-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } .sg-sidecart__media img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; display: block; background: var(--sg-cream, #FAF8F5); } .sg-sidecart__info { min-width: 0; display: flex; flex-direction: column; gap: 6px; } .sg-sidecart__title { margin: 0; font-size: 0.9rem; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sg-sidecart__title a { color: var(--sg-text, #3D2C1E); text-decoration: none; } .sg-sidecart__meta { font-size: 0.78rem; color: var(--sg-text-muted, #5b6b80); } .sg-sidecart__meta dl, .sg-sidecart__meta p { margin: 0; } .sg-sidecart__meta dt, .sg-sidecart__meta dd { display: inline; margin: 0 2px 0 0; } .sg-sidecart__uploaded { display: flex; align-items: center; gap: 6px; font-size: 0.72rem; color: var(--sg-text-muted, #5b6b80); } .sg-sidecart__uploaded img { width: 28px; height: 28px; object-fit: cover; border-radius: 4px; border: 1px solid var(--color-border, #ECE3D8); } .sg-sidecart__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; } .sg-sidecart__qty { display: inline-flex; align-items: center; border: 1px solid var(--color-border, #ECE3D8); border-radius: 8px; overflow: hidden; } .sg-sidecart__qbtn { width: 30px; height: 30px; border: 0; background: var(--sg-cream, #FAF8F5); color: var(--sg-brown, #3D2C1E); font-size: 1rem; line-height: 1; cursor: pointer; } .sg-sidecart__qbtn:hover:not([disabled]) { background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; } .sg-sidecart__qbtn[disabled] { opacity: 0.4; cursor: default; } .sg-sidecart__qval { min-width: 30px; text-align: center; font-weight: 600; font-size: 0.9rem; } .sg-sidecart__line { font-weight: 800; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-size: 0.95rem; white-space: nowrap; } .sg-sidecart__remove { position: absolute; inset-block-start: 8px; inset-inline-start: 8px; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; text-decoration: none; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); background: var(--sg-cream, #FAF8F5); transition: background 200ms, color 200ms; } .sg-sidecart__remove:hover { background: #f3d9d9; color: #b3261e; } .sg-sidecart__foot { flex: 0 0 auto; padding: 16px 18px; border-top: 1px solid var(--color-border, #ECE3D8); background: #fff; display: flex; flex-direction: column; gap: 10px; } .sg-sidecart__subtotal { display: flex; align-items: center; justify-content: space-between; font-size: 0.95rem; } .sg-sidecart__subtotal-val { font-size: 1.35rem; font-weight: 800; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-sidecart__checkout { display: block; text-align: center; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; padding: 14px; border-radius: 10px; font-weight: 700; font-size: 1.02rem; text-decoration: none; transition: background 200ms, transform 200ms; } .sg-sidecart__checkout:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: translateY(-2px); } .sg-sidecart__viewcart { text-align: center; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); font-weight: 600; font-size: 0.85rem; text-decoration: none; } .sg-sidecart__empty { text-align: center; padding: 48px 20px; color: var(--sg-text-muted, #5b6b80); } .sg-sidecart__empty-icon { color: var(--sg-gold-text, var(--sg-gold-text,#8C6B26)); } .sg-sidecart__empty-title { font-size: 1.2rem; font-weight: 700; color: var(--sg-brown, #3D2C1E); margin: 14px 0 18px; } .sg-sidecart__empty-cta { display: inline-block; padding: 12px 28px; } @media (prefers-reduced-motion: reduce) { .sg-sidecart, .sg-sidecart-backdrop, .sg-sidecart__item { transition: none; animation: none; } }

:root { --sg-ov-dur: 250ms; --sg-ov-ease: cubic-bezier(.4, 0, .2, 1); --sg-ov-backdrop: rgba(10, 12, 16, .55); --sg-ov-z: 99990; --sg-ov-rise: 14px; } @media (prefers-reduced-motion: reduce) { :root { --sg-ov-dur: 1ms; --sg-ov-rise: 0px; } } .sg-ov { position: fixed; inset: 0; z-index: var(--sg-ov-z); display: flex; contain: none; } .sg-ov[hidden] { display: none; } .sg-ov__backdrop { position: absolute; inset: 0; background: var(--sg-ov-backdrop); opacity: 0; transition: opacity var(--sg-ov-dur) var(--sg-ov-ease); cursor: pointer; } .sg-ov.is-open .sg-ov__backdrop { opacity: 1; } .sg-ov__panel { position: relative; max-block-size: 100dvh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; opacity: 0; transition: opacity var(--sg-ov-dur) var(--sg-ov-ease), transform var(--sg-ov-dur) var(--sg-ov-ease); will-change: transform, opacity; } .sg-ov.is-open .sg-ov__panel { opacity: 1; transform: none; } .sg-ov[data-sg-ov-from="start"] { justify-content: flex-start; } .sg-ov[data-sg-ov-from="start"] .sg-ov__panel { block-size: 100dvh; max-block-size: 100dvh; inline-size: min(88vw, 400px); } .sg-ov[data-sg-ov-from="start"]:not(.is-open) .sg-ov__panel { transform: translateX(-100%); } [dir="rtl"] .sg-ov[data-sg-ov-from="start"]:not(.is-open) .sg-ov__panel { transform: translateX(100%); } .sg-ov[data-sg-ov-from="bottom"] { align-items: flex-end; justify-content: center; } .sg-ov[data-sg-ov-from="bottom"] .sg-ov__panel { inline-size: 100%; max-block-size: 86dvh; border-start-start-radius: 18px; border-start-end-radius: 18px; } .sg-ov[data-sg-ov-from="bottom"]:not(.is-open) .sg-ov__panel { transform: translateY(100%); } .sg-ov[data-sg-ov-from="top"] { align-items: flex-start; justify-content: center; } .sg-ov[data-sg-ov-from="top"] .sg-ov__panel { inline-size: 100%; } .sg-ov[data-sg-ov-from="top"]:not(.is-open) .sg-ov__panel { transform: translateY(-12px); } .sg-ov[data-sg-ov-from="center"] { align-items: center; justify-content: center; padding: 16px; } .sg-ov[data-sg-ov-from="center"] .sg-ov__panel { inline-size: min(100%, 560px); border-radius: 16px; } .sg-ov[data-sg-ov-from="center"]:not(.is-open) .sg-ov__panel { transform: translateY(var(--sg-ov-rise)) scale(.985); } html.sg-ov-locked { overflow: hidden; padding-inline-end: var(--sg-ov-scrollbar, 0px); } html.sg-ov-locked body { overflow: hidden; } .sg-ov[hidden] { display: none !important; } .sg-ov.is-open, .sg-ov__panel { animation: none; } .sg-upsell-modal.sg-ov { display: flex; } .sg-upsell-modal.sg-ov .sg-ov__panel { inline-size: min(100%, 460px); } .sg-upsell-modal.sg-ov .sg-ov__backdrop { background: rgba(61, 44, 30, .55); backdrop-filter: blur(4px); }

.sg-search-ov__panel { --srch-ink: #FFFFFF; --srch-ink-soft: rgba(255, 255, 255, .72); --srch-rule: rgba(255, 255, 255, .14); --srch-gold: #E0C071; inline-size: 100%; max-block-size: 100dvh; padding: 18px 16px 10px; color: var(--srch-ink); border-end-start-radius: 20px; border-end-end-radius: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); } @media (min-width: 900px) { .sg-search-ov__panel { padding: 26px 24px 14px; } } .sg-search-ov__form { display: flex; align-items: center; gap: 8px; inline-size: min(100%, 860px); margin-inline: auto; } .sg-search-ov__icon { flex: 0 0 auto; display: grid; place-items: center; inline-size: 44px; block-size: 44px; color: var(--srch-gold); } .sg-search-ov__input.sg-search-ov__input { flex: 1 1 auto; min-inline-size: 0; block-size: 56px; padding-inline: 16px; border: 1px solid var(--srch-rule); border-radius: 14px; background: rgba(255, 255, 255, .07); color: var(--srch-ink); font-family: inherit; font-size: 1.25rem; font-weight: 500; } .sg-search-ov__input::placeholder { color: rgba(255, 255, 255, .6); font-weight: 400; } .sg-search-ov__input:focus-visible { outline: 3px solid var(--srch-gold); outline-offset: 1px; } .sg-search-ov__input::-webkit-search-cancel-button { filter: invert(1); opacity: .7; } .sg-search-ov__submit.sg-search-ov__submit { flex: 0 0 auto; block-size: 56px; padding-inline: 20px; border: 0; border-radius: 14px; background: var(--srch-gold); color: #2A2113 !important; font-family: inherit; font-size: 1.02rem; font-weight: 700; cursor: pointer; } .sg-search-ov__submit:hover { background: #EBD08A; } .sg-search-ov__close.sg-search-ov__close.sg-search-ov__close { flex: 0 0 auto; inline-size: 44px; block-size: 44px; display: grid; place-items: center; border: 1px solid var(--srch-rule); border-radius: 12px; background: transparent; color: var(--srch-ink) !important; cursor: pointer; } .sg-search-ov__close:hover { background: rgba(255, 255, 255, .1) !important; } @media (max-width: 560px) { .sg-search-ov__submit { display: none; } .sg-search-ov__icon { inline-size: 32px; } } .sg-search-ov__results { inline-size: min(100%, 860px); margin-inline: auto; margin-block-start: 10px; max-block-size: min(62dvh, 560px); overflow-y: auto; overscroll-behavior: contain; } .sg-search-ov__title { margin: 12px 4px 6px; font-size: .8rem; font-weight: 700; letter-spacing: .04em; color: var(--srch-gold); } .sg-search-ov__list { list-style: none; margin: 0; padding: 0; } .sg-search-ov__row.sg-search-ov__row { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; color: var(--srch-ink) !important; text-decoration: none; min-block-size: 56px; } .sg-search-ov__row:hover, .sg-search-ov__row.is-active { background: rgba(255, 255, 255, .1); } .sg-search-ov__row.is-active { outline: 2px solid var(--srch-gold); outline-offset: -2px; } .sg-search-ov__thumb { flex: 0 0 auto; inline-size: 56px; block-size: 56px; border-radius: 10px; object-fit: cover; background: rgba(255, 255, 255, .08); } .sg-search-ov__thumb--none { display: block; } .sg-search-ov__text { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; } .sg-search-ov__text strong { font-size: 1.02rem; font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sg-search-ov__text em { font-style: normal; font-size: .92rem; color: var(--srch-gold); } .sg-search-ov__row--cat { min-block-size: 48px; } .sg-search-ov__row--cat em { color: var(--srch-ink-soft); } .sg-search-ov__empty { padding: 22px 10px; margin: 0; color: var(--srch-ink-soft); text-align: center; } .sg-search-ov__all.sg-search-ov__all { display: block; margin: 10px 0 6px; padding: 14px; border-radius: 12px; background: rgba(255, 255, 255, .08); color: var(--srch-ink) !important; text-align: center; font-weight: 600; text-decoration: none; } .sg-search-ov__all:hover { background: rgba(255, 255, 255, .14); } .sg-search-page__head { margin-block: 18px 10px; } .sg-search-page__count { color: var(--sg-text-muted, #5b5b5b); } .sg-search-ov__panel.sg-marble { background-image: linear-gradient(170deg, #1D2027 0%, #15171C 60%, #1A1D23 100%); } .sg-search-ov__panel .sg-search-ov__input:focus, .sg-search-ov__panel .sg-search-ov__input:focus-visible { outline: 3px solid var(--srch-gold) !important; outline-offset: 1px; border-color: var(--srch-gold); } .sg-search-ov__input::-webkit-search-cancel-button, .sg-search-ov__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; } .sg-search-page__head { margin-block: clamp(18px, 3vw, 32px) 10px; } .sg-search-page .sg-page__title { font-size: clamp(1.3rem, 2.4vw, 1.9rem); } @media (min-width: 1200px) { .sg-search-page__results ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 600px) { .sg-search-page__results ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } } .sg-search-page__didyoumean { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-block: 4px 22px; } .sg-search-page__dym-label { font-weight: 600; color: var(--sg-text, #22252B); } .sg-search-page__chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; } .sg-chip.sg-chip { display: inline-flex; align-items: center; min-block-size: 40px; padding-inline: 16px; border: 1px solid var(--sg-border, #E6E3DE); border-radius: 999px; background: #FFFFFF; color: #22252B !important; font-size: .98rem; text-decoration: none; } .sg-chip:hover { background: var(--sg-cream, #F6F2EC); border-color: #26262A; } .sg-chip:focus-visible { outline: 3px solid #26262A; outline-offset: 2px; } .sg-chip--category { background: var(--sg-cream, #F6F2EC); border-color: #CFC7BA; font-weight: 600; } .sg-search-page__related { margin-block-start: clamp(28px, 4vw, 48px); padding-block-start: clamp(20px, 3vw, 32px); border-block-start: 1px solid var(--sg-border, #E6E3DE); } .sg-search-page__related-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px; margin-block-end: 16px; } .sg-search-page__related-head h2 { margin: 0; font-size: clamp(1.15rem, 2vw, 1.5rem); } .sg-search-page__related-more { font-size: .95rem; } .sg-search-page__empty { margin-block: 18px 0; color: var(--sg-text-muted, #5B5B5B); }

.sg-mockup { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; } .sg-mockup[hidden] { display: none; } .sg-mockup__backdrop { position: absolute; inset: 0; background: rgba(61, 44, 30, 0.6); opacity: 0; transition: opacity 250ms ease; } .sg-mockup.is-open .sg-mockup__backdrop { opacity: 1; } .sg-mockup__dialog { position: relative; z-index: 1; width: min(840px, 94vw); max-height: 94vh; overflow: auto; display: flex; flex-direction: column; background: var(--sg-cream, #FAF8F5); border-radius: 16px; box-shadow: 0 24px 60px rgba(61, 44, 30, 0.34); opacity: 0; transform: translateY(14px); transition: opacity 250ms ease, transform 250ms cubic-bezier(0.34, 1.1, 0.64, 1); font-family: var(--font-base, 'Rubik', 'Rubik Fallback', sans-serif); color: var(--sg-text, #3D2C1E); } .sg-mockup.is-open .sg-mockup__dialog { opacity: 1; transform: none; } .sg-mockup__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--color-border, #ECE3D8); background: #fff; position: sticky; top: 0; z-index: 2; border-radius: 16px 16px 0 0; } .sg-mockup__title { margin: 0; font-size: 1.2rem; font-weight: 700; color: var(--sg-brown, #3D2C1E); } .sg-mockup__close { width: 40px; height: 40px; border: 0; background: var(--sg-cream, #FAF8F5); border-radius: 50%; font-size: 24px; line-height: 1; cursor: pointer; color: var(--sg-brown, #3D2C1E); display: inline-flex; align-items: center; justify-content: center; transition: background 200ms, color 200ms; } .sg-mockup__close:hover { background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; } .sg-mockup__stage { position: relative; width: 100%; aspect-ratio: 2752 / 1536; background: var(--sg-cream, #FAF8F5); overflow: hidden; margin: 0; } .sg-mockup__slide { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity 220ms ease; } .sg-mockup__slide.is-active { opacity: 1; visibility: visible; } .sg-mockup__room { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .sg-mockup__art { position: absolute; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 2px; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.30), 0 2px 6px rgba(0, 0, 0, 0.22); outline: 1px solid rgba(255, 255, 255, 0.35); outline-offset: -1px; } .sg-mockup__placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; color: var(--sg-text-muted, #5b6b80); padding: 24px; background: var(--sg-cream, #FAF8F5); z-index: 3; } .sg-mockup__placeholder[hidden] { display: none; } .sg-mockup__placeholder-icon { color: var(--sg-gold-text, var(--sg-gold-text,#8C6B26)); } .sg-mockup__placeholder p { margin: 0; font-size: 1rem; font-weight: 500; } .sg-mockup__rooms { display: flex; gap: 10px; padding: 14px 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .sg-mockup__thumb { flex: 0 0 auto; border: 2px solid transparent; background: #fff; padding: 0; border-radius: 10px; cursor: pointer; overflow: hidden; width: 92px; display: flex; flex-direction: column; align-items: stretch; transition: border-color 200ms, transform 200ms, box-shadow 200ms; } .sg-mockup__thumb-img { display: block; width: 100%; aspect-ratio: 2752 / 1536; overflow: hidden; background: var(--sg-cream, #FAF8F5); } .sg-mockup__thumb-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .sg-mockup__thumb-label { display: block; padding: 5px 4px; font-size: 0.72rem; font-weight: 600; color: var(--sg-text, #3D2C1E); text-align: center; white-space: nowrap; } .sg-mockup__thumb:hover { box-shadow: var(--sg-shadow-card, 0 4px 20px rgba(0,0,0,0.06)); } .sg-mockup__thumb.is-active { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); transform: scale(1.05); box-shadow: 0 6px 16px rgba(197, 165, 114, 0.4); } .sg-mockup__foot { display: flex; gap: 12px; padding: 16px 20px; border-top: 1px solid var(--color-border, #ECE3D8); background: #fff; position: sticky; bottom: 0; z-index: 2; border-radius: 0 0 16px 16px; } .sg-mockup__btn { flex: 1 1 auto; padding: 14px 18px; border-radius: 10px; font-weight: 700; font-size: 1rem; cursor: pointer; text-align: center; border: 2px solid transparent; transition: background 200ms, color 200ms, transform 200ms, border-color 200ms; font-family: inherit; } .sg-mockup__btn--ghost { flex: 0 0 auto; background: transparent; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); border-color: var(--color-border, #ECE3D8); } .sg-mockup__btn--ghost:hover { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); background: var(--sg-cream, #FAF8F5); } .sg-mockup__btn--gold { background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: #fff; } .sg-mockup__btn--gold:hover:not([disabled]) { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: translateY(-2px); } .sg-mockup__btn--gold[disabled] { opacity: 0.5; cursor: default; } @media (max-width: 600px) { .sg-mockup__dialog { width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; } .sg-mockup__head, .sg-mockup__foot { border-radius: 0; } .sg-mockup__title { font-size: 1.05rem; } .sg-mockup__thumb { width: 78px; } .sg-mockup__foot { margin-top: auto; } } @media (prefers-reduced-motion: reduce) { .sg-mockup__backdrop, .sg-mockup__dialog, .sg-mockup__slide, .sg-mockup__thumb { transition: none; } }

.sg-bs__head { text-align: center; } .sg-bs .sg-section__title { text-align: center; } .sg-bs-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin: 18px 0 28px; padding-bottom: 6px; } .sg-bs-tab { position: relative; flex: 0 0 auto; cursor: pointer; font-family: inherit; font-size: 1rem; font-weight: 700; color: var(--sg-brown, #3D2C1E); background: var(--sg-cream, #FAF8F5); border: 1.5px solid var(--sg-gold, var(--sg-gold,#C9A24B)); border-radius: 12px; padding: 11px 24px; min-height: 44px; transition: background 220ms ease, color 220ms ease, transform 220ms cubic-bezier(0.34, 1.1, 0.64, 1); } .sg-bs-tab:hover { background: #fff; } .sg-bs-tab.is-active { background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #3D2C1E); transform: scale(1.05); border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-bs-tab::after { content: ''; position: absolute; left: 50%; bottom: -9px; width: 56%; height: 4px; border-radius: 2px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); transform: translateX(-50%) scaleX(0); transform-origin: center; transition: transform 220ms ease; } .sg-bs-tab.is-active::after { transform: translateX(-50%) scaleX(1); } .sg-bs-panel { opacity: 1; } .sg-bs-panel[hidden] { display: none; } .sg-bs-panel.is-fading { opacity: 0; transition: opacity 180ms ease; } .sg-bs-panel:not(.is-fading) { transition: opacity 200ms ease; } .sg-bs .sg-bs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md, 20px); } @media (max-width: 1100px) { .sg-bs .sg-bs-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 760px) { .sg-bs .sg-bs-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 380px) { .sg-bs .sg-bs-grid { grid-template-columns: 1fr; } } .sg-bs-grid.is-loading { min-height: 200px; position: relative; } .sg-bs-grid.is-loading::after { content: ''; position: absolute; inset: 0; margin: auto; width: 36px; height: 36px; border: 3px solid var(--color-border, #ECE3D8); border-top-color: var(--sg-gold, var(--sg-gold,#C9A24B)); border-radius: 50%; animation: sg-bs-spin 700ms linear infinite; } @keyframes sg-bs-spin { to { transform: rotate(360deg); } } .sg-bs-card { position: relative; } .sg-bs-card__star { position: absolute; top: 10px; right: 10px; z-index: 3; color: var(--sg-gold-text, var(--sg-gold-text,#8C6B26)); font-size: 22px; line-height: 1; text-shadow: 0 1px 3px rgba(61, 44, 30, 0.35); pointer-events: none; } .sg-bs-card__badge { display: inline-block; margin: 4px 0 8px; padding: 3px 10px; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143); font-size: 0.72rem; font-weight: 700; border-radius: 999px; letter-spacing: 0.2px; } .sg-bs-quickadd { position: absolute; top: 10px; left: 10px; z-index: 4; width: 44px; height: 44px; border-radius: 50%; background: var(--sg-gold, var(--sg-gold,#C9A24B)); color: var(--sg-brown, #092143); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(61, 44, 30, 0.24); text-decoration: none; transition: background 200ms, transform 200ms, opacity 200ms; opacity: 0; transform: translateY(-6px); } .sg-bs-card:hover .sg-bs-quickadd, .sg-bs-quickadd:focus-visible { opacity: 1; transform: none; } .sg-bs-quickadd:hover { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: scale(1.08); } .sg-bs-quickadd.loading { opacity: 1; transform: none; pointer-events: none; } .sg-bs-quickadd.added { background: var(--color-success, #10B981); } @media (hover: none), (max-width: 760px) { .sg-bs-quickadd { opacity: 1; transform: none; } } .sg-bs__more { text-align: center; margin-top: 28px; } .sg-bs__more-link { display: inline-block; font-weight: 700; color: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); text-decoration: none; padding: 10px 4px; border-bottom: 2px solid transparent; transition: border-color 200ms; } .sg-bs__more-link:hover { border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); } .sg-bs-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(20px); z-index: 100001; background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); color: #fff; padding: 12px 22px; border-radius: 999px; font-weight: 700; font-size: 0.95rem; box-shadow: 0 10px 28px rgba(61, 44, 30, 0.3); opacity: 0; pointer-events: none; transition: opacity 220ms ease, transform 220ms ease; } .sg-bs-toast.is-visible { opacity: 1; transform: translateX(-50%) translateY(0); } @media (prefers-reduced-motion: reduce) { .sg-bs-tab, .sg-bs-tab::after, .sg-bs-panel, .sg-bs-quickadd, .sg-bs-toast { transition: none; } } .sg-bs-tab::after { display: none !important; } .sg-bs-card { display: flex; flex-direction: column; position: relative; } .sg-bs-card .sg-product__link { flex: 1 1 auto; display: flex; flex-direction: column; } .sg-bs-card__sale { position: absolute; top: 10px; inset-inline-end: 10px; z-index: 4; min-width: 44px; height: 44px; padding: 0 7px; border-radius: 50%; background: #C0392B; color: #fff; font-weight: 800; font-size: .82rem; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(231, 76, 60, .35); pointer-events: none; line-height: 1; } .sg-bs-card__star { color: var(--sg-gold-text); } .sg-bs-card__badge { background: var(--sg-gold); } .sg-bs-quickadd { position: static; width: 100%; height: auto; border-radius: var(--sg-radius-pill); margin-top: 12px; padding: 11px 16px; gap: 8px; background: var(--sg-gold); color: var(--sg-brown); opacity: 1; transform: none; box-shadow: none; font-weight: 700; font-size: .92rem; line-height: 1; } .sg-bs-quickadd:hover, .sg-bs-quickadd:focus-visible { background: var(--sg-gold-dark); color: #fff; transform: none; } .sg-bs-quickadd.added { color: #fff; } .sg-bs-quickadd__txt { white-space: nowrap; } .sg-bs-quickadd svg { flex: 0 0 auto; } .s47-cat { position: relative; display: block; border-radius: var(--sg-radius-md); overflow: hidden; box-shadow: var(--sg-shadow-sm); background: var(--sg-cream-alt); } .s47-cat img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; transition: transform var(--sg-transition-slow); } .s47-cat:hover img { transform: scale(1.05); } .s47-cat__overlay { position: static; inset: auto; background: var(--sg-brown); padding: 11px 8px; display: block; opacity: 1; border-top: 3px solid var(--c, var(--sg-gold)); } .s47-cat__name { color: #fff; font-weight: 700; font-size: .95rem; text-align: center; display: block; letter-spacing: .2px; } @media (max-width: 600px) { .sg-bs-quickadd { padding: 10px 12px; font-size: .85rem; } .s47-cat__name { font-size: .82rem; } } .sg-bs-card .sg-product__title { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; margin-bottom: 6px; } .sg-bs-card .sg-product__price { margin-top: auto; } .sg-bs-card .sg-bs-card__sale { top: 8px; inset-inline-end: 8px; min-width: 0; height: auto; padding: 4px 9px; border-radius: 8px; background: #C0392B; color: #fff; font-weight: 700; font-size: .72rem; letter-spacing: .3px; line-height: 1.1; box-shadow: 0 3px 8px rgba(231, 76, 60, .26); } @media (min-width: 1024px) and (hover: hover) and (pointer: fine) { html.uxm .sg-bs-grid .sg-bs-card { transition: transform 280ms cubic-bezier(.22,.61,.36,1), box-shadow 280ms ease; } html.uxm .sg-bs-grid .sg-bs-card:hover { transform: perspective(900px) translateY(-5px) rotateX(2deg) rotateY(-2.5deg); box-shadow: 0 18px 42px rgba(9, 33, 67, .15); } } @media (prefers-reduced-motion: reduce) { .sg-bs-grid .sg-bs-card { transition: none !important; } .sg-bs-grid .sg-bs-card:hover { transform: none !important; } } .sg-products.sg-bs-grid { grid-template-columns: repeat(4, 1fr) !important; } @media (max-width: 1100px) { .sg-products.sg-bs-grid { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 640px) { .sg-products.sg-bs-grid { grid-template-columns: repeat(2, 1fr) !important; } } .sg-section.sg-bs { background: #f6f9fc; }

.sg-ta { position: fixed; inset-inline-start: 20px; bottom: 22px; z-index: 990; display: flex; flex-direction: column; gap: 12px; align-items: flex-end; } .sg-ta__btn { display: flex; flex-direction: row; align-items: center; height: 56px; max-width: 56px; overflow: hidden; border-radius: 28px; text-decoration: none; color: #fff; box-shadow: 0 6px 18px rgba(61, 44, 30, 0.28); transition: max-width 320ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms ease, transform 200ms ease; } .sg-ta__icon { flex: 0 0 56px; width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; } .sg-ta__label { white-space: nowrap; font-weight: 700; font-size: 0.95rem; line-height: 1; padding-inline-start: 2px; padding-inline-end: 20px; opacity: 0; transition: opacity 200ms ease; } .sg-ta__btn:hover, .sg-ta__btn:focus-visible { max-width: 340px; } .sg-ta__btn:hover .sg-ta__label, .sg-ta__btn:focus-visible .sg-ta__label { opacity: 1; } .sg-ta__btn:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.8); outline-offset: 2px; } .sg-ta__btn, .sg-ta__btn:hover, .sg-ta__btn:focus-visible, .sg-ta__btn .sg-ta__icon, .sg-ta__btn .sg-ta__label { color: #fff !important; } .sg-ta__btn--wa { background: #1F7A3D; } .sg-ta__btn--wa:hover, .sg-ta__btn--wa:focus-visible { background: #18672F; } .sg-ta__btn--phone { background: var(--sg-gold-dark,#8C6B26); } .sg-ta__btn--phone:hover, .sg-ta__btn--phone:focus-visible { background: #5F4820; } .sg-ta__btn--email { background: var(--sg-brown, #3D2C1E); } .sg-ta__btn--email:hover, .sg-ta__btn--email:focus-visible { background: #2a1d12; } @media (hover: hover) { .sg-ta__btn--wa { animation: sg-ta-pulse 2.4s ease-in-out 1.6s 3; } } @keyframes sg-ta-pulse { 0%, 100% { box-shadow: 0 6px 18px rgba(61, 44, 30, 0.28); } 50% { box-shadow: 0 6px 18px rgba(37, 211, 102, 0.55), 0 0 0 9px rgba(37, 211, 102, 0.12); } } @media (max-width: 760px) { .sg-ta { inset-inline-start: 14px; bottom: 16px; gap: 10px; } .sg-ta__btn:hover, .sg-ta__btn:focus-visible { max-width: 56px; } .sg-ta__label { display: none; } body.single-product .sg-ta { bottom: 86px; } } @media (prefers-reduced-motion: reduce) { .sg-ta__btn { transition: none; animation: none; } } body.sg-mm-open .sg-ta { display: none; } .sg-ta__more { display: contents; } .sg-ta__toggle { display: none; } .sg-ta__btn--wa { animation: sg-ta-glow 2.8s ease-in-out infinite; } @keyframes sg-ta-glow { 0%, 100% { box-shadow: 0 6px 18px rgba(61, 44, 30, 0.28), 0 0 0 0 rgba(197, 165, 114, 0.55); } 50% { box-shadow: 0 6px 18px rgba(61, 44, 30, 0.28), 0 0 0 10px rgba(197, 165, 114, 0); } } @media (max-width: 760px) { .sg-ta__more { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; max-height: 0; opacity: 0; transform: translateY(12px) scale(0.92); pointer-events: none; overflow: hidden; margin-bottom: 0; transition: max-height 320ms cubic-bezier(0.4, 0, 0.2, 1), opacity 220ms ease, transform 260ms cubic-bezier(0.4, 0, 0.2, 1), margin-bottom 320ms ease; } .sg-ta.is-open .sg-ta__more { max-height: 170px; opacity: 1; transform: none; pointer-events: auto; margin-bottom: 0; } .sg-ta__toggle { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 50px; height: 50px; border-radius: 50%; border: 0; cursor: pointer; background: var(--sg-gold, var(--sg-gold,#C9A24B)); box-shadow: 0 6px 18px rgba(61, 44, 30, 0.28); transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms ease; } .sg-ta__toggle-bar { position: absolute; background: #fff; border-radius: 2px; } .sg-ta__toggle-bar:nth-child(1) { width: 18px; height: 2.5px; } .sg-ta__toggle-bar:nth-child(2) { width: 2.5px; height: 18px; } .sg-ta.is-open .sg-ta__toggle { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); transform: rotate(135deg); } .sg-ta__toggle:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.9); outline-offset: 2px; } .sg-ta__toggle:active { transform: scale(0.92); } .sg-ta.is-open .sg-ta__toggle:active { transform: rotate(135deg) scale(0.92); } } @media (prefers-reduced-motion: reduce) { .sg-ta__btn--wa { animation: none; } .sg-ta__more, .sg-ta__toggle { transition: none; } } @media (max-width: 760px) { .sg-ta__toggle { background: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); } .sg-ta.is-open .sg-ta__toggle { background: var(--sg-brown, #3D2C1E); } } :root { --sg-ta-a11y-room: 72px; } @media (min-width: 900px) { .sg-ta { bottom: calc(22px + var(--sg-ta-a11y-room)); } } #sg-a11y:not(.sg-a11y--shape-edge) { --sga-inline: 20px !important; } @media (max-width: 899px) { #sg-a11y:not(.sg-a11y--shape-edge) { --sg-a11y-offset: calc(var(--s61-bar-h, 64px) + env(safe-area-inset-bottom, 0px) + 14px) !important; --sga-inline: 14px !important; } } @media (max-width: 899px) { nav.sg-ta { inset-block-end: calc(var(--sg-botbar-h, 64px) + 12px + var(--sg-ta-a11y-room, 0px)) !important; } .sg-ta .sg-ta__btn:not(.sg-ta__btn--wa), .sg-ta .sg-ta__more, .sg-ta .sg-ta__toggle { display: none; } } @media (min-width: 761px) { .sg-ta__more { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; max-height: 0; opacity: 0; transform: translateY(12px) scale(0.92); pointer-events: none; overflow: hidden; transition: max-height 320ms cubic-bezier(0.4, 0, 0.2, 1), opacity 220ms ease, transform 260ms cubic-bezier(0.4, 0, 0.2, 1); } .sg-ta.is-open .sg-ta__more { max-height: 140px; opacity: 1; transform: none; pointer-events: auto; overflow: visible; } .sg-ta__toggle { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 50px; height: 50px; margin-inline-start: 3px; border-radius: 50%; border: 0; cursor: pointer; background: var(--sg-gold-dark, #8C6B26); box-shadow: 0 6px 18px rgba(61, 44, 30, 0.28); transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms ease; } .sg-ta__toggle-bar { position: absolute; background: #fff; border-radius: 2px; } .sg-ta__toggle-bar:nth-child(1) { width: 18px; height: 2.5px; } .sg-ta__toggle-bar:nth-child(2) { width: 2.5px; height: 18px; } .sg-ta.is-open .sg-ta__toggle { background: var(--sg-brown, #3D2C1E); transform: rotate(135deg); } .sg-ta__toggle:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: 2px; } } @media (prefers-reduced-motion: reduce) { .sg-ta__more, .sg-ta__toggle { transition: none; } }

.sg-lead { background: var(--sg-cream, #FAF8F5); padding: clamp(40px, 6vw, 72px) 0; border-block-start: 1px solid var(--color-border, #ECE3D8); scroll-margin-block-start: 96px; } .sg-lead__inner { max-width: 760px; } .sg-lead__head { text-align: center; margin-block-end: 28px; } .sg-lead__title { font-size: clamp(1.6rem, 3.5vw, 2.1rem); font-weight: 800; color: var(--sg-brown, #3D2C1E); margin: 0 0 8px; } .sg-lead__sub { color: var(--sg-text-muted, #5b6b80); font-size: 1.02rem; line-height: 1.6; max-width: 560px; margin-inline: auto; } .sg-lead__form { background: #fff; border: 1px solid var(--color-border, #ECE3D8); border-radius: 12px; box-shadow: 0 10px 30px rgba(61, 44, 30, 0.08); padding: clamp(20px, 4vw, 32px); display: flex; flex-direction: column; gap: 16px; } .sg-lead__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .sg-lead__field { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 0.92rem; color: var(--sg-text, #3D2C1E); } .sg-lead__field > span i { color: var(--sg-gold-dark, #A88A5C); font-style: normal; } .sg-lead__field input, .sg-lead__field select, .sg-lead__field textarea { font: inherit; font-weight: 500; color: var(--sg-text, #3D2C1E); background: #fff; border: 1px solid var(--color-border, #ECE3D8); border-radius: 6px; padding: 11px 13px; width: 100%; transition: border-color .18s ease, box-shadow .18s ease; } .sg-lead__field textarea { resize: vertical; min-height: 96px; } .sg-lead__field input:focus, .sg-lead__field select:focus, .sg-lead__field textarea:focus { outline: none; border-color: var(--sg-gold, var(--sg-gold,#C9A24B)); box-shadow: var(--sg-focus-shadow, 0 0 0 3px rgba(197, 165, 114, 0.28)); } .sg-lead__field.has-error input, .sg-lead__field.has-error select, .sg-lead__field.has-error textarea { border-color: #c0392b; } .sg-lead__field.has-error input:focus, .sg-lead__field.has-error textarea:focus { box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.18); } .sg-lead__hint { display: none; font-style: normal; font-weight: 600; font-size: 0.8rem; color: #c0392b; } .sg-lead__field.has-error .sg-lead__hint { display: block; } .sg-lead__hp { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .sg-lead__error { background: #fdecea; color: #b3261e; border: 1px solid #f5c6c0; border-radius: 8px; padding: 11px 14px; font-size: 0.92rem; font-weight: 600; } .sg-lead__submit { align-self: flex-start; font: inherit; font-weight: 700; font-size: 1.05rem; color: #fff; background: var(--sg-gold, var(--sg-gold,#C9A24B)); border: 0; border-radius: 8px; padding: 14px 40px; cursor: pointer; box-shadow: 0 6px 16px rgba(197, 165, 114, 0.36); transition: background .2s ease, transform .12s ease, box-shadow .2s ease; } .sg-lead__submit:hover:not([disabled]) { background: var(--sg-gold-dark, #A88A5C); transform: translateY(-2px); box-shadow: 0 9px 20px rgba(168, 138, 92, 0.42); } .sg-lead__submit:active:not([disabled]) { transform: translateY(0) scale(0.98); box-shadow: 0 3px 8px rgba(168, 138, 92, 0.36); } .sg-lead__submit:focus-visible { outline: none; box-shadow: var(--sg-focus-shadow, 0 0 0 3px rgba(197, 165, 114, 0.28)), 0 6px 16px rgba(197, 165, 114, 0.36); } .sg-lead__submit[disabled] { opacity: 0.6; cursor: default; } .sg-lead__privacy { margin: 0; font-size: 0.82rem; color: var(--sg-text-muted, #5b6b80); } .sg-lead__success { text-align: center; background: #fff; border: 1px solid var(--color-border, #ECE3D8); border-radius: 12px; box-shadow: 0 10px 30px rgba(61, 44, 30, 0.08); padding: clamp(32px, 6vw, 56px) 24px; } .sg-lead__check { width: 68px; height: 68px; margin: 0 auto 16px; border-radius: 50%; background: var(--color-success, #10B981); color: #fff; font-size: 38px; display: flex; align-items: center; justify-content: center; animation: sg-lead-pop 380ms cubic-bezier(0.34, 1.4, 0.64, 1); } .sg-lead__success h3 { font-size: 1.4rem; font-weight: 800; color: var(--sg-brown, #3D2C1E); margin: 0 0 8px; } .sg-lead__success p { color: var(--sg-text-muted, #5b6b80); margin: 0; } @keyframes sg-lead-pop { from { transform: scale(0); } to { transform: scale(1); } } [data-lead-form][hidden], [data-lead-success][hidden], [data-lead-error][hidden] { display: none; } @media (max-width: 600px) { .sg-lead__row { grid-template-columns: 1fr; } .sg-lead__submit { align-self: stretch; text-align: center; } } @media (prefers-reduced-motion: reduce) { .sg-lead__check { animation: none; } .sg-lead__submit, .sg-lead__field input, .sg-lead__field select, .sg-lead__field textarea { transition: none; } }

@font-face { font-family: 'Heebo'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://bglassdesign.co.il/wp-content/themes/sorkx-glass/assets/css/../fonts/heebo-hebrew-wght.woff2") format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: 'Heebo'; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://bglassdesign.co.il/wp-content/themes/sorkx-glass/assets/css/../fonts/heebo-latin-wght.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://bglassdesign.co.il/wp-content/themes/sorkx-glass/assets/css/../fonts/rubik-hebrew-wght.woff2") format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://bglassdesign.co.il/wp-content/themes/sorkx-glass/assets/css/../fonts/rubik-latin-wght.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Heebo Fallback'; src: local('Arial'), local('ArialMT'), local('Arimo'), local('Liberation Sans'); size-adjust: 104.97%; ascent-override: 99.83%; descent-override: 40.10%; line-gap-override: 0%; unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: 'Heebo Fallback'; src: local('Arial'), local('ArialMT'), local('Arimo'), local('Liberation Sans'); size-adjust: 98.65%; ascent-override: 106.22%; descent-override: 42.66%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Rubik Fallback'; src: local('Arial'), local('ArialMT'), local('Arimo'), local('Liberation Sans'); size-adjust: 103.94%; ascent-override: 89.96%; descent-override: 24.05%; line-gap-override: 0%; unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: 'Rubik Fallback'; src: local('Arial'), local('ArialMT'), local('Arimo'), local('Liberation Sans'); size-adjust: 102.48%; ascent-override: 91.24%; descent-override: 24.39%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.sg-pslider { --psl-cell-w: 190px; --psl-cell-h: 104px; --psl-gap: 14px; padding-block: clamp(42px, 6vw, 72px); background: var(--sg-pslider-bg, #F7F9FB); } .sg-pslider__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-block-end: clamp(18px, 2.4vw, 28px); } .sg-pslider__title { margin: 0; font-size: clamp(1.25rem, 2.2vw, 1.75rem); line-height: 1.25; font-weight: 700; color: var(--sg-pslider-ink, #14181F); } .sg-pslider__intro { margin: 0; flex: 1 1 18ch; min-width: 0; font-size: 0.97rem; line-height: 1.7; color: var(--sg-pslider-muted, #525C6B); } .sg-pslider__nav { display: flex; gap: 8px; margin-inline-start: auto; flex: 0 0 auto; } .sg-pslider__arrow { inline-size: 44px; block-size: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; cursor: pointer; border: 1px solid var(--sg-pslider-line, #D8E0E8); background: var(--sg-pslider-arrow-bg, #FFFFFF); color: var(--sg-pslider-ink, #14181F); transition: background-color .2s ease, border-color .2s ease; } .sg-pslider__arrow:hover { background: #FFFFFF; border-color: var(--sg-pslider-accent, #8C6B26); } .sg-pslider__arrow:focus-visible { outline: 3px solid var(--sg-pslider-accent, #8C6B26); outline-offset: 2px; } .sg-pslider__track { list-style: none; margin: 0; padding: 2px; display: flex; gap: var(--psl-gap); overflow-x: auto; scroll-snap-type: x proximity; scroll-behavior: smooth; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .sg-pslider__track::-webkit-scrollbar { display: none; } .sg-pslider__track:focus-visible { outline: 3px solid var(--sg-pslider-accent, #8C6B26); outline-offset: 3px; border-radius: 10px; } .sg-pslider__item { flex: 0 0 var(--psl-cell-w); scroll-snap-align: start; } .sg-pslider__cell { display: flex; align-items: center; justify-content: center; inline-size: 100%; block-size: var(--psl-cell-h); padding: 14px 18px; border-radius: 12px; background: var(--sg-pslider-cell-bg, #FFFFFF); border: 1px solid var(--sg-pslider-line, #E4EAF0); text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease; } a.sg-pslider__cell:hover, a.sg-pslider__cell:focus-visible { border-color: var(--sg-pslider-accent, #8C6B26); box-shadow: 0 4px 16px rgba(140, 107, 38, .12); } a.sg-pslider__cell:focus-visible { outline: 3px solid var(--sg-pslider-accent, #8C6B26); outline-offset: 2px; } .sg-pslider__cell img { max-inline-size: 100%; max-block-size: 100%; inline-size: auto; block-size: auto; object-fit: contain; } @media (max-width: 640px) { .sg-pslider { --psl-cell-w: 150px; --psl-cell-h: 88px; } .sg-pslider__nav { margin-inline-start: 0; } } @media (prefers-reduced-motion: reduce) { .sg-pslider__track { scroll-behavior: auto; } } .sg-signs { padding-block: clamp(46px, 7vw, 86px); background: var(--sg-signs-bg, #FFFFFF); } .sg-signs__head { max-width: 62ch; margin-block-end: clamp(22px, 3vw, 34px); } .sg-signs__title { margin: 0 0 10px; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.2; font-weight: 700; color: var(--sg-signs-ink, #14181F); } .sg-signs__intro { margin: 0; font-size: 1rem; line-height: 1.75; color: var(--sg-signs-muted, #525C6B); } .sg-signs__grid { display: grid; gap: clamp(20px, 3vw, 40px); grid-template-columns: 1fr; align-items: start; } @media (min-width: 880px) { .sg-signs__grid { grid-template-columns: 1.05fr 1fr; } .sg-signs__preview { order: 2; position: sticky; top: 96px; } .sg-signs__form { order: 1; } } .sg-signs__plate { display: grid; place-items: center; aspect-ratio: 2 / 1; border-radius: 14px; padding: 18px; text-align: center; box-shadow: 0 10px 34px rgba(16, 28, 48, .14); background: linear-gradient(140deg, #F3E4C2 0%, #E6CE9A 48%, #D8B978 100%); color: #3A2E18; transition: background .35s ease, color .35s ease; } .sg-signs__plate[data-bg="black-marble"] { background: linear-gradient(140deg, #3A3F46 0%, #1E2227 52%, #0E1115 100%); color: #F2E6C8; } .sg-signs__plate-text { font-size: clamp(1.3rem, 4vw, 2.3rem); font-weight: 700; line-height: 1.25; letter-spacing: .01em; overflow-wrap: anywhere; } .sg-signs__plate-note { margin: 10px 0 0; font-size: .85rem; color: var(--sg-signs-muted, #6B7483); } .sg-signs__field { border: 0; margin: 0 0 22px; padding: 0; } .sg-signs__legend { display: block; padding: 0; margin-block-end: 10px; font-size: .98rem; font-weight: 700; color: var(--sg-signs-ink, #14181F); } .sg-signs__req { color: #C0392B; } .sg-signs__sizes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } @media (min-width: 560px) { .sg-signs__sizes { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sg-signs__size, .sg-signs__bg { position: relative; display: block; cursor: pointer; } .sg-signs__size input, .sg-signs__bg input { position: absolute; inset-inline-start: 12px; inset-block-start: 12px; inline-size: 1px; block-size: 1px; opacity: 0; margin: 0; pointer-events: none; } .sg-signs__size-box { display: flex; flex-direction: column; gap: 4px; padding: 12px 10px; min-block-size: 68px; justify-content: center; text-align: center; border-radius: 12px; border: 2px solid var(--sg-signs-line, #DFE6EE); background: #fff; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .sg-signs__size-label { font-weight: 700; font-size: .95rem; color: var(--sg-signs-ink, #14181F); } .sg-signs__size-price { font-size: .88rem; color: var(--sg-signs-muted, #5B6675); } .sg-signs__size input:checked + .sg-signs__size-box { border-color: var(--sg-signs-accent, #8C6B26); background: var(--sg-signs-sel, #F6EFE0); box-shadow: 0 4px 14px rgba(140, 107, 38, .14); } .sg-signs__size:hover .sg-signs__size-box { border-color: var(--sg-signs-accent, #8C6B26); background: #FBFDFE; } .sg-signs__size input:focus-visible + .sg-signs__size-box, .sg-signs__bg input:focus-visible + .sg-signs__bg-box { outline: 3px solid var(--sg-signs-accent, #8C6B26); outline-offset: 2px; } .sg-signs__bgs { display: flex; flex-wrap: wrap; gap: 10px; } .sg-signs__bg-box { display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px 9px 10px; border-radius: 999px; border: 2px solid var(--sg-signs-line, #DFE6EE); background: #fff; transition: border-color .2s ease, box-shadow .2s ease; } .sg-signs__bg-swatch { inline-size: 24px; block-size: 24px; border-radius: 50%; flex: 0 0 auto; border: 1px solid rgba(0, 0, 0, .14); background: linear-gradient(140deg, #F3E4C2, #D8B978); } .sg-signs__bg-box--black-marble .sg-signs__bg-swatch { background: linear-gradient(140deg, #3A3F46, #0E1115); } .sg-signs__bg-label { font-size: .93rem; font-weight: 600; color: var(--sg-signs-ink, #14181F); } .sg-signs__bg input:checked + .sg-signs__bg-box { border-color: var(--sg-signs-accent, #8C6B26); box-shadow: 0 4px 14px rgba(140, 107, 38, .14); } .sg-signs__bg:hover .sg-signs__bg-box { border-color: var(--sg-signs-accent, #8C6B26); } .sg-signs__name { inline-size: 100%; padding: 13px 15px; font-size: 1rem; font-family: inherit; border-radius: 12px; border: 2px solid var(--sg-signs-line, #DFE6EE); background: #fff; color: var(--sg-signs-ink, #14181F); } .sg-signs__name:focus-visible { outline: none; border-color: var(--sg-signs-accent, #8C6B26); box-shadow: 0 0 0 3px rgba(140, 107, 38, .18); } .sg-signs__hint { margin: 8px 0 0; font-size: .86rem; color: var(--sg-signs-muted, #6B7483); } .sg-signs__buy { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding-block-start: 6px; } .sg-signs__total { margin: 0; display: flex; align-items: baseline; gap: 8px; } .sg-signs__total-label { font-size: .92rem; color: var(--sg-signs-muted, #5B6675); } .sg-signs__total-value { font-size: 1.4rem; font-weight: 700; color: var(--sg-signs-ink, #14181F); } .sg-signs__total-value bdi { white-space: nowrap; } .sg-signs__submit { flex: 1 1 200px; min-block-size: 50px; padding: 13px 26px; font-size: 1rem; font-weight: 700; font-family: inherit; color: #fff; background: var(--sg-signs-accent, #8C6B26); border: 0; border-radius: 12px; cursor: pointer; transition: filter .2s ease, box-shadow .2s ease; } .sg-signs__submit:hover { filter: brightness(1.1); box-shadow: 0 6px 20px rgba(140, 107, 38, .26); } .sg-signs__submit:focus-visible { outline: 3px solid var(--sg-signs-ink, #14181F); outline-offset: 3px; } .sg-signs__meta { margin: 14px 0 0; font-size: .9rem; } .sg-signs__meta a { color: var(--sg-signs-accent, #8C6B26); } @media (prefers-reduced-motion: reduce) { .sg-signs__plate, .sg-signs__size-box, .sg-signs__bg-box, .sg-signs__submit { transition: none; } } .sg-shopentry { padding-block: clamp(46px, 7vw, 86px); background: var(--sg-se-bg, #F7F9FB); } .sg-shopentry__head { max-width: 68ch; margin-block-end: clamp(22px, 3vw, 36px); } .sg-shopentry__title { margin: 0 0 10px; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.2; font-weight: 700; color: var(--sg-se-ink, #14181F); } .sg-shopentry__intro { margin: 0; font-size: 1rem; line-height: 1.75; color: var(--sg-se-muted, #525C6B); } .sg-shopentry__group { margin-block-start: clamp(26px, 3.4vw, 40px); } .sg-shopentry__group-title { margin: 0 0 14px; font-size: 1.08rem; font-weight: 700; color: var(--sg-se-ink, #14181F); } .sg-shopentry__cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: 1fr; } @media (min-width: 620px) { .sg-shopentry__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sg-shopentry__card { display: flex; } .sg-shopentry__link { display: flex; flex-direction: column; gap: 14px; inline-size: 100%; padding: 18px; border-radius: 14px; background: var(--sg-se-card, #FFFFFF); border: 1px solid var(--sg-se-line, #E4EAF0); text-decoration: none; color: inherit; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .sg-shopentry__link:hover { border-color: var(--sg-se-accent, #8C6B26); box-shadow: 0 10px 28px rgba(140, 107, 38, .14); transform: translateY(-2px); } .sg-shopentry__link:focus-visible { outline: 3px solid var(--sg-se-accent, #8C6B26); outline-offset: 3px; } .sg-shopentry__frame { display: grid; place-items: center; block-size: 128px; background: var(--sg-se-stage, #F2F6FA); border-radius: 10px; } .sg-shopentry__frame-inner { display: block; aspect-ratio: 1 / var(--sg-se-ratio, 1.5); block-size: 96px; max-inline-size: 86%; border-radius: 4px; background: linear-gradient(145deg, #CFE0EA 0%, #9FBED2 100%); box-shadow: 0 3px 10px rgba(16, 34, 54, .2); } .sg-shopentry__card--pano .sg-shopentry__frame-inner { aspect-ratio: var(--sg-se-ratio, 2) / 1; block-size: auto; inline-size: 86%; } .sg-shopentry__body { display: flex; flex-direction: column; gap: 6px; } .sg-shopentry__shape { font-size: 1.12rem; font-weight: 700; color: var(--sg-se-ink, #14181F); } .sg-shopentry__count { font-size: .9rem; color: var(--sg-se-muted, #5B6675); } .sg-shopentry__sizes-label { margin-block-start: 6px; font-size: .8rem; font-weight: 600; letter-spacing: .02em; color: var(--sg-se-muted, #6B7483); } .sg-shopentry__sizes { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; } .sg-shopentry__sizes li { font-size: .8rem; line-height: 1; padding: 5px 8px; border-radius: 6px; background: var(--sg-se-chip, #EEF3F8); color: var(--sg-se-ink, #2A333F); white-space: nowrap; } .sg-shopentry__sizes-more { font-weight: 700; } .sg-shopentry__cta { margin-block-start: 10px; font-size: .92rem; font-weight: 700; color: var(--sg-se-accent, #8C6B26); } @media (prefers-reduced-motion: reduce) { .sg-shopentry__link { transition: none; } .sg-shopentry__link:hover { transform: none; } } .sg-dedcta { padding-block: clamp(46px, 7vw, 86px); background: var(--sg-ded-bg, #14181F); color: #fff; } .sg-dedcta__head { margin-block-end: clamp(22px, 3vw, 34px); } .sg-dedcta__copy { max-width: 62ch; } .sg-dedcta__title { margin: 0 0 10px; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.2; font-weight: 700; color: #fff; } .sg-dedcta__intro { margin: 0 0 16px; font-size: 1rem; line-height: 1.75; color: #D7DEE7; } .sg-dedcta__steps { list-style: none; counter-reset: step; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 20px; } .sg-dedcta__steps li { counter-increment: step; display: flex; align-items: center; gap: 9px; font-size: .95rem; color: #EDF2F7; } .sg-dedcta__steps li::before { content: counter(step); flex: 0 0 auto; inline-size: 26px; block-size: 26px; display: grid; place-items: center; border-radius: 50%; font-size: .82rem; font-weight: 700; color: #14181F; background: var(--sg-ded-accent, #E8C77A); } .sg-dedcta__btn { display: inline-block; padding: 14px 28px; border-radius: 12px; font-size: 1rem; font-weight: 700; text-decoration: none; color: #14181F; background: var(--sg-ded-accent, #E8C77A); transition: filter .2s ease, box-shadow .2s ease; } .sg-dedcta__btn:hover { filter: brightness(1.08); box-shadow: 0 8px 24px rgba(232, 199, 122, .3); } .sg-dedcta__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .sg-dedcta__all { display: inline-block; margin-inline-start: 16px; font-size: .95rem; color: #E8C77A; } .sg-dedcta__all:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .sg-dedcta__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 900px) { .sg-dedcta__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sg-dedcta__card { display: flex; } .sg-dedcta__link { display: flex; flex-direction: column; inline-size: 100%; border-radius: 14px; overflow: hidden; text-decoration: none; color: inherit; background: #1D232C; border: 1px solid #2C3440; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; } .sg-dedcta__link:hover { border-color: var(--sg-ded-accent, #E8C77A); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 0, 0, .34); } .sg-dedcta__link:focus-visible { outline: 3px solid var(--sg-ded-accent, #E8C77A); outline-offset: 3px; } .sg-dedcta__media { display: block; background: #0F1318; } .sg-dedcta__media { aspect-ratio: 4 / 5; } .sg-dedcta__img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; } .sg-dedcta__body { display: flex; flex-direction: column; gap: 5px; padding: 13px 14px 15px; } .sg-dedcta__name { font-size: .97rem; font-weight: 700; color: #fff; line-height: 1.35; } .sg-dedcta__price { font-size: .92rem; color: #C9D3DF; } .sg-dedcta__price del { opacity: .65; } .sg-dedcta__go { margin-block-start: 4px; font-size: .88rem; font-weight: 700; color: var(--sg-ded-accent, #E8C77A); } @media (prefers-reduced-motion: reduce) { .sg-dedcta__link, .sg-dedcta__btn { transition: none; } .sg-dedcta__link:hover { transform: none; } } .sg-made { padding-block: clamp(46px, 7vw, 86px); background: var(--sg-made-bg, #FFFFFF); } .sg-made__head { max-width: 62ch; margin-block-end: clamp(22px, 3vw, 34px); } .sg-made__title { margin: 0 0 10px; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.2; font-weight: 700; color: var(--sg-made-ink, #14181F); } .sg-made__intro { margin: 0; font-size: 1rem; line-height: 1.75; color: var(--sg-made-muted, #525C6B); } .sg-made__steps { list-style: none; counter-reset: made; margin: 0; padding: 0; display: grid; gap: 16px; grid-template-columns: 1fr; } @media (min-width: 640px) { .sg-made__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1040px) { .sg-made__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sg-made__step { counter-increment: made; position: relative; padding: 22px 18px 20px; border-radius: 14px; background: var(--sg-made-card, #F7F9FB); border: 1px solid var(--sg-made-line, #E4EAF0); } .sg-made__step::before { content: counter(made); position: absolute; inset-block-start: -13px; inset-inline-start: 18px; inline-size: 30px; block-size: 30px; display: grid; place-items: center; border-radius: 50%; font-size: .88rem; font-weight: 700; color: #fff; background: var(--sg-made-accent, #8C6B26); } .sg-made__icon { display: block; margin-block-end: 10px; color: var(--sg-made-accent, #8C6B26); } .sg-made__step-title { margin: 0 0 6px; font-size: 1.04rem; font-weight: 700; color: var(--sg-made-ink, #14181F); } .sg-made__step-text { margin: 0; font-size: .94rem; line-height: 1.7; color: var(--sg-made-muted, #525C6B); } .sg-rev { padding-block: clamp(46px, 7vw, 86px); background: var(--sg-rev-bg, #FFFFFF); } .sg-rev__head { margin-block-end: clamp(20px, 3vw, 30px); } .sg-rev__title { margin: 0; font-size: clamp(1.45rem, 3vw, 2.15rem); line-height: 1.2; font-weight: 700; color: var(--sg-rev-ink, #14181F); } .sg-rev__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: 1fr; } @media (min-width: 680px) { .sg-rev__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1040px) { .sg-rev__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sg-rev__card { block-size: 100%; padding: 18px; border-radius: 14px; background: var(--sg-rev-card, #F7F9FB); border: 1px solid var(--sg-rev-line, #E4EAF0); } .sg-rev__stars { margin: 0 0 8px; } .sg-rev__stars-visual { font-size: 1rem; letter-spacing: .08em; color: #D99B16; } .sg-rev__quote { margin: 0 0 12px; } .sg-rev__quote p { margin: 0; font-size: .95rem; line-height: 1.7; color: var(--sg-rev-ink, #2A333F); } .sg-rev__meta { display: flex; flex-direction: column; gap: 2px; } .sg-rev__author { font-size: .9rem; font-weight: 700; color: var(--sg-rev-ink, #14181F); } .sg-rev__product { font-size: .86rem; color: var(--sg-rev-accent, #8C6B26); } @media (prefers-reduced-motion: reduce) { } .sg-hv3 { position: relative; display: grid; align-items: end; min-block-size: min(92svh, 780px); overflow: hidden; background: #0B0E13; color: #fff; isolation: isolate; } .sg-hv3__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; z-index: -2; } .sg-hv3::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(190deg, rgba(8, 11, 16, .55) 0%, rgba(8, 11, 16, .18) 38%, rgba(8, 11, 16, .86) 100%); } .sg-hv3__inner { inline-size: 100%; max-inline-size: 1200px; margin-inline: auto; padding: 7rem 16px clamp(2.5rem, 6vw, 4rem); } .sg-hv3__eyebrow { margin: 0 0 .9rem; font-size: .8125rem; font-weight: 600; letter-spacing: .14em; color: #E4E9F0; } .sg-hv3__title { max-inline-size: 15ch; margin: 0; font-family: var(--sg-font-heading, inherit); font-weight: 700; font-size: clamp(2.3rem, 7.4vw, 4.6rem); line-height: 1.04; letter-spacing: -.015em; text-wrap: balance; color: #fff; } .sg-hv3__sub { max-inline-size: 34rem; margin: 1.1rem 0 0; font-size: clamp(1rem, 2.2vw, 1.25rem); line-height: 1.6; color: #EDF1F6; } .sg-hv3__row { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block-start: 1.9rem; } .sg-hv3__btn { display: inline-flex; align-items: center; gap: .5rem; min-block-size: 52px; padding-inline: 1.6rem; border-radius: 999px; font-weight: 700; text-decoration: none; transition: translate .25s ease, background-color .25s ease, filter .25s ease; } .sg-hv3__btn--solid { background: #fff; color: #10141A; } .sg-hv3__btn--solid:hover { translate: 0 -2px; filter: brightness(1.04); } .sg-hv3__btn--ghost { border: 1.5px solid rgba(255, 255, 255, .62); color: #fff; } .sg-hv3__btn--ghost:hover { translate: 0 -2px; background: rgba(255, 255, 255, .14); } .sg-hv3__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .sg-hv3__btn .c-icon { inline-size: 1.15rem; block-size: 1.15rem; } [dir="rtl"] .sg-hv3__btn .c-icon--dir { scale: -1 1; } .sg-hv3__rating { display: inline-flex; align-items: center; gap: .5rem; margin-inline-start: .25rem; font-size: .9375rem; color: #EDF1F6; text-decoration: none; } .sg-hv3__rating b { font-size: 1.05rem; color: #fff; } .sg-hv3__star { color: var(--sg-gold-text, #E8C77A); } .sg-hv3__rating:hover { text-decoration: underline; } .sg-hv3__rating:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .sg-hv3__strip { list-style: none; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 2.25rem; padding: 1rem 16px; background: var(--sg-secondary, #092143); color: #E8EDF3; font-size: .9375rem; } .sg-hv3__strip li { display: inline-flex; align-items: center; gap: .5rem; } .sg-hv3__strip li::before { content: ""; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--sg-gold, #E8C77A); flex: 0 0 auto; } @media (prefers-reduced-motion: reduce) { .sg-hv3__btn { transition: none; } .sg-hv3__btn:hover { translate: none; } } @media (max-width: 899px) { .sg-hv3__inner { padding-block-end: 150px; } .sg-hv3__row { padding-inline-start: 88px; } }

:root { --s57-navy: #092143; --s57-navy-deep: #061429; --s57-teal: var(--sg-gold,#C9A24B); --s57-teal-dk: var(--sg-gold-dark,#8C6B26); --s57-ink-shadow: 9, 33, 67; --s57-header-pad: 14px; } .sg-announce { background: linear-gradient(100deg, var(--s57-navy-deep) 0%, var(--s57-navy) 55%, #0c2c54 100%); color: #fff; } .sg-announce__inner { min-height: 34px; padding-block: 7px; gap: 10px; } .sg-announce__text { font-size: 0.86rem; font-weight: 600; letter-spacing: 0.2px; } .sg-announce__text::before { content: ""; display: inline-block; inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--s57-teal); margin-inline-end: 9px; vertical-align: middle; box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.22); } .sg-announce__close { opacity: 0.7; } .sg-announce__close:hover { opacity: 1; } @media (max-width: 600px) { .sg-announce__text { font-size: 0.74rem; } .sg-announce__text::before { inline-size: 6px; block-size: 6px; margin-inline-end: 6px; } } .sg-header { background: rgba(255, 255, 255, 0.96); -webkit-backdrop-filter: saturate(140%) blur(8px); backdrop-filter: saturate(140%) blur(8px); border-bottom: 1px solid rgba(var(--s57-ink-shadow), 0.07); transition: box-shadow .3s ease, background .3s ease, border-color .3s ease; } .sg-header.is-scrolled { background: rgba(255, 255, 255, 0.98); box-shadow: 0 8px 26px rgba(var(--s57-ink-shadow), 0.10); border-bottom-color: rgba(var(--s57-ink-shadow), 0.04); } .sg-header__main .sg-container { padding-block: var(--s57-header-pad); transition: padding-block .28s ease; } .sg-header.is-scrolled .sg-header__main .sg-container { padding-block: 7px; } .sg-logo .custom-logo, .sg-logo .custom-logo-link img, .sg-logo img { transition: transform .3s var(--tx, ease), filter .3s ease; } .sg-logo a:hover .custom-logo, .sg-logo a:hover img { transform: translateY(-1px) scale(1.02); } .sg-header__nav .sg-nav > li > a, .sg-header__nav .sg-nav a { color: var(--s57-navy); font-weight: 500; transition: color .2s ease; } .sg-header__nav .sg-nav a:hover { color: var(--s57-teal-dk); } .sg-header__actions { gap: 4px; align-items: center; } .sg-icon-btn { color: var(--s57-navy); inline-size: 42px; block-size: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; transition: color .2s ease, background .2s ease, transform .2s ease; } .sg-icon-btn:hover { color: var(--s57-teal-dk); background: rgba(201, 162, 75, 0.10); transform: translateY(-1px); } .sg-icon-btn:active { transform: translateY(0); } .sg-phone-link { color: var(--s57-teal-dk); } .sg-phone-link:hover { color: var(--s57-navy); } @media (max-width: 420px) { .sg-phone-link { display: none; } } .sg-cart-link { position: relative; } .sg-cart-count { background: var(--s57-teal); color: #fff; font-weight: 700; box-shadow: 0 0 0 2px #fff, 0 2px 6px rgba(201, 162, 75, 0.5); inset-inline-start: -2px; top: -3px; } .sorkx-megamenu { --mm-shadow: 0 22px 48px rgba(var(--s57-ink-shadow), 0.18); } .sorkx-megamenu__panel { box-shadow: 0 22px 48px rgba(var(--s57-ink-shadow), 0.18); } .sorkx-megamenu__column.is-cta { box-shadow: 0 12px 32px rgba(var(--s57-ink-shadow), 0.15); } .sorkx-megamenu__column.is-cta .sorkx-megamenu__col-image { box-shadow: 0 8px 20px rgba(var(--s57-ink-shadow), 0.20); transition: transform .35s ease; } .sorkx-megamenu__column.is-cta:hover .sorkx-megamenu__col-image { transform: scale(1.03); } .sorkx-megamenu__col-cta:hover { box-shadow: 0 6px 16px rgba(201, 162, 75, 0.45); } .sorkx-megamenu__col-image { border-radius: 8px; aspect-ratio: 4 / 5; object-fit: cover; inline-size: 100%; } .sg-search input:focus { border-color: var(--s57-teal); box-shadow: 0 0 0 3px rgba(201, 162, 75, 0.16); }

:root { --s57f-ink: 9, 33, 67; } .sg-precta { position: relative; overflow: hidden; background: transparent; border-block-start: 1px solid rgba(var(--s57f-ink), 0.08); } .sg-precta__inner { display: flex; align-items: center; justify-content: center; gap: 28px; padding-block: clamp(20px, 3vw, 30px); flex-wrap: wrap; } .sg-precta__link { display: inline-flex; align-items: center; gap: 8px; color: #8C6B26; font-weight: 700; font-size: clamp(1.02rem, 1.6vw, 1.15rem); text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; padding: 10px 4px; transition: color .2s ease; } .sg-precta__link:hover, .sg-precta__link:focus { color: #8C6B26; } .sg-precta__link:focus-visible { outline: 3px solid var(--sg-gold, #C9A24B); outline-offset: 3px; border-radius: 6px; } .sg-precta__link svg { transition: transform .2s ease; } .sg-precta__link:hover svg { transform: translateX(-4px); } .sg-precta__text { flex: 1 1 360px; } .sg-precta__title { font-family: 'Frank Ruhl Libre', serif; color: #092143; font-size: clamp(1.6rem, 3.4vw, 2.4rem); font-weight: 700; line-height: 1.15; margin: 0 0 8px; } .sg-precta__sub { color: #41566f; font-size: clamp(0.98rem, 1.6vw, 1.12rem); margin: 0; max-width: 46ch; } .sg-precta__btn { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 10px; padding: 15px 32px; border-radius: 999px; background: linear-gradient(135deg, var(--sg-gold,#C9A24B) 0%, var(--sg-gold-dark,#8C6B26) 100%); color: #fff; font-weight: 700; font-size: 1.05rem; text-decoration: none; box-shadow: 0 10px 26px rgba(201, 162, 75, 0.38); transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; } .sg-precta__btn:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(201, 162, 75, 0.5); filter: brightness(1.04); color: #fff; } .sg-precta__btn:active { transform: translateY(0); } .sg-precta__btn svg { transition: transform .25s ease; } .sg-precta__btn:hover svg { transform: translateX(-4px); } @media (max-width: 640px) { .sg-precta__inner { flex-direction: column; align-items: center; text-align: center; gap: 20px; } .sg-precta__text { flex: 0 1 auto; } .sg-precta__btn { justify-content: center; } .sg-precta__sub { margin-inline: auto; } } .sg-footer__social a { transition: background .25s ease, color .25s ease, transform .25s ease; } .sg-footer__social a:hover { background: var(--sg-gold,#C9A24B); color: #061429; transform: translateY(-2px); } .sg-footer__pay-logo { background: rgba(255, 255, 255, 0.96); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18); padding: 4px 10px; border-radius: 6px; letter-spacing: 0.05em; color: #092143; transition: transform .2s ease; } .sg-footer__pay-logo:hover { transform: translateY(-1px); } @media (max-width: 700px) { .sg-footer__col.is-collapsible > h3 { cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-block-size: 48px; margin-bottom: 0; padding-block: 8px; border-block-end: 1px solid rgba(255, 255, 255, 0.12); user-select: none; } .sg-footer__col.is-collapsible > h3::after { content: ""; inline-size: 10px; block-size: 10px; border-inline-end: 2px solid currentColor; border-block-end: 2px solid currentColor; transform: rotate(45deg); transition: transform .3s ease; opacity: 0.7; } .sg-footer__col.is-collapsible.is-open > h3::after { transform: rotate(-135deg); } .sg-footer__col.is-collapsible > .sg-footer__menu, .sg-footer__col.is-collapsible > .sg-footer__contact { max-block-size: 0; overflow: hidden; opacity: 0; transition: max-block-size .32s ease, opacity .32s ease, padding .32s ease; } .sg-footer__col.is-collapsible.is-open > .sg-footer__menu, .sg-footer__col.is-collapsible.is-open > .sg-footer__contact { max-block-size: 600px; opacity: 1; padding-block: 12px 4px; } .sg-footer__col .sg-footer__menu a, .sg-footer__col .sg-footer__contact a { display: inline-block; padding-block: 7px; } } .sg-footer__col h3 .sg-footer__coltoggle { all: unset; display: block; inline-size: 100%; cursor: pointer; font: inherit; color: inherit; text-align: start; } .sg-footer__col h3 .sg-footer__coltoggle:focus-visible { outline: 3px solid var(--sg-gold, #C9A24B); outline-offset: 3px; border-radius: 4px; } @media (min-width: 701px) { .sg-footer__col h3 .sg-footer__coltoggle { cursor: default; } } .sg-footer__col .sg-footer__social { flex-direction: row; flex-wrap: wrap; gap: 12px; } .sg-footer__col .sg-footer__social > li { inline-size: auto; }

:root { --uc-radius: 14px; --uc-media-radius: 10px; --uc-pad: 14px; --uc-border: var(--sg-border, #e2eaf1); --uc-surface: #fff; --uc-title: var(--sg-brown, #092143); --uc-muted: var(--sg-text-muted, #5b6b80); --uc-price: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); --uc-cta-bg: var(--sg-gold, var(--sg-gold,#C9A24B)); --uc-cta-bg-hover: var(--sg-gold-dark, var(--sg-gold-dark,#8C6B26)); --uc-cta-text: var(--sg-brown, #092143); --uc-accent: var(--sg-gold, var(--sg-gold,#C9A24B)); --uc-badge: var(--sg-red, #E74C3C); } .sg-shop__main ul.products li.product, .sg-related .products li.product, .sg-related ul.products li.product, ul.products.related li.product { background: var(--uc-surface); border: 1px solid var(--uc-border); border-radius: var(--uc-radius) !important; padding: var(--uc-pad); margin: 0; position: relative; display: flex; flex-direction: column; overflow: hidden; width: auto !important; float: none !important; list-style: none; text-align: start; } .sg-shop__main ul.products li.product img, .sg-shop__main ul.products li.product .attachment-woocommerce_thumbnail, .sg-related .products li.product img, .sg-related .products li.product .attachment-woocommerce_thumbnail, ul.products.related li.product img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--uc-media-radius); margin: 0 0 12px; display: block; transition: transform 320ms ease; } .sg-shop__main ul.products li.product:hover img, .sg-related .products li.product:hover img, ul.products.related li.product:hover img { transform: scale(1.04); } .sg-shop__main ul.products li.product .woocommerce-loop-product__title, .sg-related .products li.product .woocommerce-loop-product__title, ul.products.related li.product .woocommerce-loop-product__title { font-family: 'Rubik', 'Rubik Fallback', sans-serif; font-size: 0.96rem; font-weight: 500; color: var(--uc-title); line-height: 1.35; margin: 0 0 8px; padding: 0; min-height: 2.7em; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sg-shop__main ul.products li.product .price, .sg-related .products li.product .price, ul.products.related li.product .price { color: var(--uc-price); font-weight: 700; font-size: 1.04rem; margin: auto 0 12px; display: block; } .sg-shop__main ul.products li.product .price del, .sg-related .products li.product .price del, ul.products.related li.product .price del { color: var(--uc-muted); font-weight: 400; font-size: 0.85em; margin-inline-end: 6px; } .sg-shop__main ul.products li.product .price ins, .sg-related .products li.product .price ins, ul.products.related li.product .price ins { text-decoration: none; } .sg-shop__main ul.products li.product .from-label, .sg-related .products li.product .from-label, ul.products.related li.product .from-label { font-size: 0.78rem; color: var(--uc-muted); font-weight: 400; margin-inline-end: 4px; } .sg-shop__main ul.products li.product .button, .sg-shop__main ul.products li.product .added_to_cart, .sg-related .products li.product .button, .sg-related .products li.product .added_to_cart, ul.products.related li.product .button { display: block; width: 100%; margin: 0; padding: 11px 16px; min-height: 44px; box-sizing: border-box; background: var(--uc-cta-bg); color: var(--uc-cta-text); font-weight: 700; font-size: 0.92rem; line-height: 1.2; text-align: center; text-decoration: none; border: 0; border-radius: var(--sg-radius-pill, 9999px); cursor: pointer; transition: background 180ms ease, color 180ms ease, transform 180ms ease; } .sg-shop__main ul.products li.product .button:hover, .sg-shop__main ul.products li.product .added_to_cart:hover, .sg-related .products li.product .button:hover, .sg-related .products li.product .added_to_cart:hover, ul.products.related li.product .button:hover { background: var(--uc-cta-bg-hover); color: #fff; transform: translateY(-1px); } .sg-shop__main ul.products li.product .added_to_cart { background: transparent; color: var(--uc-price); text-decoration: underline; min-height: 0; padding: 8px 0 0; } .sg-shop__main ul.products li.product .sg-sale-badge, .sg-shop__main ul.products li.product .onsale, .sg-related .products li.product .onsale, .sg-related .products li.product .sg-sale-badge, ul.products.related li.product .onsale { position: absolute; top: 8px; inset-inline-end: 8px; inset-inline-start: auto; margin: 0; min-width: 0; background: var(--uc-badge); color: #fff; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.3px; line-height: 1.1; padding: 4px 9px; border-radius: 8px; box-shadow: 0 3px 8px rgba(231, 76, 60, 0.26); z-index: 4; } .sg-related .products li.product, .sg-related ul.products li.product, ul.products.related li.product { transition: transform 280ms cubic-bezier(0.2, 0.65, 0.3, 1), box-shadow 280ms ease, border-color 280ms ease; } .sg-shop__main ul.products li.product:hover, .sg-related .products li.product:hover, ul.products.related li.product:hover { border-color: var(--uc-accent); } .sg-shop__main ul.products li.product .star-rating, .sg-related .products li.product .star-rating { margin: 0 0 8px; font-size: 0.8rem; } .sg-search__results .sg-search__group + .sg-search__group { margin-top: 6px; } .sg-search__results .sg-search__title { font-size: 0.72rem; font-weight: 700; color: var(--uc-muted); letter-spacing: 0.4px; padding: 6px 8px 4px; } .sg-search__results ul { list-style: none; margin: 0; padding: 0; } .sg-search__results li a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 8px; border-radius: 8px; color: var(--uc-title); text-decoration: none; transition: background 160ms ease; } .sg-search__results li a:hover { background: var(--sg-gold-light, #F6EFE0); } .sg-search__results li img, .sg-search__results .sg-search__ph { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; flex: 0 0 auto; background: var(--sg-cream-alt, #f3f8fb); } .sg-search__results .sg-search__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .sg-search__results .sg-search__txt strong { font-weight: 500; font-size: 0.9rem; color: var(--uc-title); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sg-search__results .sg-search__txt em { font-style: normal; font-weight: 700; font-size: 0.86rem; color: var(--uc-price); } .sg-search__results .sg-search__count { color: var(--uc-muted); font-size: 0.8rem; } .sg-search__results .sg-search__empty { padding: 14px 10px; color: var(--uc-muted); } .sg-cart-empty-card__title { color: var(--uc-title); } .sg-cart-empty-card__price { color: var(--uc-price); font-weight: 700; } @media (max-width: 600px) { .sg-shop__main ul.products li.product, .sg-related .products li.product, ul.products.related li.product { padding: 10px; } .sg-shop__main ul.products li.product .button, .sg-related .products li.product .button, ul.products.related li.product .button { padding: 10px 12px; font-size: 0.86rem; } .sg-shop__main ul.products li.product .woocommerce-loop-product__title, .sg-related .products li.product .woocommerce-loop-product__title { font-size: 0.88rem; } } @media (prefers-reduced-motion: reduce) { .sg-shop__main ul.products li.product, .sg-related .products li.product, ul.products.related li.product, .sg-shop__main ul.products li.product img, .sg-related .products li.product img { transition: none !important; } }

.sorkx-megamenu__items > .sorkx-megamenu__item.is-current > .sorkx-megamenu__link { color: var(--sg-gold-dark, #8C6B26); } .sorkx-megamenu__items > .sorkx-megamenu__item.is-current > .sorkx-megamenu__link .sorkx-megamenu__label { box-shadow: inset 0 -2px 0 currentColor; } .sorkx-megamenu .sorkx-megamenu__col-link[aria-current="page"], .sorkx-megamenu .sorkx-megamenu__sub-link[aria-current="page"] { color: var(--sg-gold-dark, #8C6B26); font-weight: 700; } @media (min-width: 900px) { .sg-header .sg-header__main .sg-container { flex-wrap: wrap !important; row-gap: 0 !important; padding-block: 10px 0; } .sg-header .sg-header__main .sg-logo { order: 0; } .sg-header .sg-header__main .sg-search { order: 1; flex: 0 1 420px; margin-inline: auto; } .sg-header .sg-header__main .sg-header__actions { order: 2; } .sg-header .sg-header__main .sg-header__nav { order: 3 !important; flex: 0 0 100% !important; margin-block-start: 8px; border-block-start: 1px solid rgba(0, 0, 0, .07); } .sg-header .sg-header__nav .sorkx-megamenu__items { gap: clamp(4px, 1vw, 18px); } .sg-header .sg-header__nav .sorkx-megamenu__submenu { display: block; min-width: 220px; } .sg-header .sg-header__nav .sorkx-megamenu__sub-link { padding: 10px 22px; } .sg-header .sg-header__nav .sorkx-megamenu__col-list { gap: 0; } .sg-header .sg-header__nav .sorkx-megamenu__item.is-about > .sorkx-megamenu__panel { min-width: 0; width: min(560px, 92vw); } .sg-header .sg-header__nav .sorkx-megamenu__link { font-size: 15px; padding: 12px clamp(6px, .8vw, 12px); } } .sorkx-megamenu[dir="rtl"] .sorkx-megamenu__item.is-about > .sorkx-megamenu__panel { inset-inline-start: auto; inset-inline-end: 0; } #sg-drawer .sg-drawer__has-sub.is-open > .sg-drawer__submenu { max-height: 2400px; } #sg-drawer .sg-drawer__submenu > .sg-drawer__group { padding: 12px 20px 4px; font-size: 12.5px; font-weight: 700; letter-spacing: .3px; color: var(--sg-text-muted, #5b6b80); pointer-events: none; } #sg-drawer .sg-drawer__menu > li.is-current > a, #sg-drawer .sg-drawer__menu > li.is-current > .sg-drawer__row > a { color: var(--sg-gold-dark, #8C6B26); font-weight: 700; box-shadow: inset -3px 0 0 var(--sg-gold, #C9A24B); } html:not([dir="rtl"]) #sg-drawer .sg-drawer__menu > li.is-current > a, html:not([dir="rtl"]) #sg-drawer .sg-drawer__menu > li.is-current > .sg-drawer__row > a { box-shadow: inset 3px 0 0 var(--sg-gold, #C9A24B); } #sg-drawer .sg-drawer__submenu a[aria-current="page"] { color: var(--sg-gold-dark, #8C6B26); font-weight: 700; } .sg-icon { flex: 0 0 auto; } .sg-inline-ic { display: inline-block; vertical-align: -3px; } .sg-footer__contact li { display: flex; align-items: flex-start; gap: 8px; } .sg-footer__contact .sg-footer__ic { color: var(--sg-gold-text, #8C6B26); margin-block-start: 2px; } .sg-footer__social a { display: inline-flex; align-items: center; justify-content: center; } .sg-lead .sg-lead__phone { display: inline-flex; align-items: center; gap: 6px; } .sg-prev-next .sg-prev-next__label { display: inline-flex; align-items: center; gap: 4px; } .sg-process .sg-process__icon, .sg-product-process .sg-process__icon { display: inline-flex; color: var(--sg-gold-dark, #8C6B26); font-size: 0; } .sg-upload .sg-upload__icon { display: inline-flex; color: var(--sg-gold-dark, #8C6B26); font-size: 0; } .sg-custom-badge .sg-custom-badge__icon { display: inline-flex; vertical-align: -2px; margin-inline-end: 4px; } .sg-bestseller-pill .sg-icon, .sg-ship-notice .sg-icon { flex: 0 0 auto; } .sg-summary__trust .sg-inline-ic, .sg-checkout-trust .sg-inline-ic, .sg-checkout-back .sg-inline-ic { color: var(--sg-gold-dark, #8C6B26); } .sg-pgallery .woocommerce-product-gallery__trigger { width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .sg-pgallery .woocommerce-product-gallery__trigger > span { display: none; } .sg-pgallery .woocommerce-product-gallery__trigger::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.3-4.3M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.3-4.3M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E") center / contain no-repeat; } .sg-info-additional h3 { display: flex; align-items: center; gap: 8px; } .sg-info-additional h3 .sg-icon { color: var(--sg-gold-dark, #8C6B26); } .sg-info-additional li.sg-check { list-style: none; display: flex; align-items: center; gap: 8px; } .sg-info-additional li.sg-check .sg-icon { color: var(--sg-gold-dark, #8C6B26); } .sg-hero.sg-hero--b1 .sg-hero__eyebrow { color: #8C6B26 !important; } .sg-header .sg-cart-count { inset-inline-start: auto; inset-inline-end: -6px; width: auto; } .sg-footer .sg-footer__hours { font-family: inherit; font-size: inherit; margin: 0; white-space: pre-line; } html[dir="rtl"] input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=file]), html[dir="rtl"] textarea, html[dir="rtl"] select { direction: rtl; text-align: right; unicode-bidi: plaintext; } html[dir="rtl"] input::placeholder, html[dir="rtl"] textarea::placeholder { text-align: right; unicode-bidi: plaintext; } html[dir="rtl"] .quantity input.qty { text-align: center; } .woocommerce ul.woocommerce-shipping-methods, .woocommerce ul#shipping_method { list-style: none; margin: 0; padding: 0; } .woocommerce ul#shipping_method > li { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 8px; text-align: right; } .woocommerce ul#shipping_method > li > input[type=radio] { flex: 0 0 auto; margin: 4px 0 0; } .woocommerce ul#shipping_method > li > label { flex: 1 1 auto; line-height: 1.5; } .sg-shop__desc table { border: 0; border-collapse: collapse; } .sg-shop__desc table td { border: 0; } .sg-shop__desc table a { display: block; overflow-wrap: normal; word-break: keep-all; white-space: normal; } .sg-shop__desc table a[style*="border-radius: 50%"] { box-sizing: border-box; transition: transform .2s ease, box-shadow .2s ease; box-shadow: 0 6px 16px rgba(185, 138, 47, .25); } @media (hover: hover) { .sg-shop__desc table a[style*="border-radius: 50%"]:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(185, 138, 47, .35); } } @media (prefers-reduced-motion: reduce) { .sg-shop__desc table a[style*="border-radius: 50%"] { transition: none; } } .sg-pinfo-tab__title { margin: 0 0 12px; font-size: 1.15rem; } .sg-pinfo-tab h3 { margin: 18px 0 6px; font-size: 1rem; font-weight: 700; color: var(--sg-gold-dark, #8C6B26); } .sg-pinfo-tab__list { margin: 0; padding-inline-start: 1.2em; } .sg-pinfo-tab__list li { margin-block: 4px; line-height: 1.6; } .sg-pinfo-tab__note { margin-block-start: 16px; font-size: .95rem; color: var(--sg-text-muted, #5b6b80); } span.sg-pinfo__eyebrow, span.sg-trust-strip__stars, p.sg-ship-notice, .sg-pinfo-tab h3 { color: #8C6B26; } .wapf-product-totals .wapf--inner > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } .wapf-product-totals .wapf--inner > div span:last-child { float: none; unicode-bidi: isolate; white-space: nowrap; font-variant-numeric: tabular-nums; } .sg-pdesc.is-clamped .sg-pdesc__body { max-height: calc(1.7em * 5); overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%); mask-image: linear-gradient(to bottom, #000 55%, transparent 100%); } .sg-pdesc__more { display: inline-flex; align-items: center; gap: 6px; min-block-size: 44px; margin-block-start: 4px; padding: 0 4px; border: 0; background: none; color: #8C6B26; font: inherit; font-weight: 700; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; } .sg-pdesc__more:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: 2px; border-radius: 6px; } .sg-pdesc__more-ic { transition: transform .2s ease; } .sg-pdesc.is-open .sg-pdesc__more-ic { transform: rotate(180deg); } @media (prefers-reduced-motion: reduce) { .sg-pdesc__more-ic { transition: none; } } @media print { .sg-pdesc.is-clamped .sg-pdesc__body { max-height: none; overflow: visible; -webkit-mask-image: none; mask-image: none; } .sg-pdesc__more { display: none; } } @media (min-width: 761px) { .sg-main .sg-container, .sg-footer .sg-container, .sg-hb { padding-inline: max(var(--space-5, 1.5rem), calc(84px - (100vw - var(--container, 1280px)) / 2)); } .sg-hb { max-inline-size: var(--container, 1280px); margin-inline: auto; box-sizing: content-box; } } @media (max-width: 760px) and (prefers-reduced-motion: no-preference) { nav.sg-ta, .sg-a11y__toggle { transition: transform 260ms cubic-bezier(.4, 0, .2, 1), opacity 260ms ease; } html.sg-fl-away nav.sg-ta:not(.is-open), html.sg-fl-away .sg-a11y__toggle[aria-expanded="false"] { transform: translateX(calc(100% + 24px)); opacity: 0; pointer-events: none; } } .sg-back-to-top { bottom: 78px; } @media (max-width: 899px) { #sg-cookies-reopen { inset-block-end: calc(var(--sg-botbar-h, 64px) + 12px); } .sg-back-to-top { inset-block-end: calc(var(--sg-botbar-h, 64px) + 70px); } } body.sg-product { padding-top: 0; } .sg-pexc.is-clamped .sg-pexc__body { max-height: calc(1.7em * 3); max-height: 3.2lh; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, #000 50%, transparent 100%); mask-image: linear-gradient(to bottom, #000 50%, transparent 100%); } .sg-pexc.is-open .sg-pdesc__more-ic { transform: rotate(180deg); } .sg-pexc .sg-pexc__body > :first-child { margin-block-start: 0; } @media print { .sg-pexc.is-clamped .sg-pexc__body { max-height: none; overflow: visible; -webkit-mask-image: none; mask-image: none; } .sg-pexc__more { display: none; } }

:root { --btn-primary-from: #D4AF5A; --btn-primary-to: #B58E3A; --btn-primary-ink: #231A0B; --btn-primary-ring: rgba(184, 145, 63, .35); --btn-ghost-ink: #0B2138; --btn-ghost-border: #26262A; --btn-ghost-wash: rgba(38, 38, 42, .10); --btn-ghost-ink-dark: #FFFFFF; --btn-ghost-border-dark: rgba(255, 255, 255, .75); --btn-ghost-wash-dark: rgba(255, 255, 255, .12); --btn-icon-ink: #0B2138; --btn-icon-ink-dark: #FFFFFF; --btn-teal-text: #8C6B26; --btn-teal-solid: #26262A; } body .single_add_to_cart_button.single_add_to_cart_button.single_add_to_cart_button, body .add_to_cart_button.add_to_cart_button.add_to_cart_button, body .sg-precta__btn.sg-precta__btn.sg-precta__btn, body .sg-btn--primary.sg-btn--primary.sg-btn--primary, body .sg-btn--accent.sg-btn--accent.sg-btn--accent, body .sg-hero__cta-main.sg-hero__cta-main.sg-hero__cta-main, body .sg-hded__cta.sg-hded__cta.sg-hded__cta, body .sg-lead__submit.sg-lead__submit.sg-lead__submit, body .sg-sidecart__checkout.sg-sidecart__checkout.sg-sidecart__checkout, body .sg-sidecart__empty-cta.sg-sidecart__empty-cta.sg-sidecart__empty-cta, body .sg-ded-loop-link.sg-ded-loop-link.sg-ded-loop-link, body .sg-custom-loop-link.sg-custom-loop-link.sg-custom-loop-link, body .checkout-button.checkout-button.checkout-button, body .sg-btn.sg-btn.sg-btn:not(.sg-btn--outline):not(.sg-btn--ghost):not(.sg-btn--secondary), body .sg-sticky-atc__btn.sg-sticky-atc__btn.sg-sticky-atc__btn, body .sg-uploadedu__cta.sg-uploadedu__cta.sg-uploadedu__cta, body .sg-loadmore.sg-loadmore.sg-loadmore, body .sg-sorting__filter-toggle.sg-sorting__filter-toggle.sg-sorting__filter-toggle, body .sorkx-megamenu__col-cta.sorkx-megamenu__col-cta.sorkx-megamenu__col-cta, body .wc-proceed-to-checkout .button.button.button, body .woocommerce .button.alt.alt, body .woocommerce #respond input#submit.alt { background: linear-gradient(135deg, var(--btn-primary-from) 0%, var(--btn-primary-to) 100%) !important; color: var(--btn-primary-ink) !important; border: 0 !important; border-radius: 999px; font-weight: 700; text-decoration: none; text-shadow: none; box-shadow: 0 8px 20px var(--btn-primary-ring); transition: filter .2s ease, box-shadow .2s ease, transform .2s ease; } body .single_add_to_cart_button.single_add_to_cart_button.single_add_to_cart_button:hover, body .single_add_to_cart_button.single_add_to_cart_button.single_add_to_cart_button:focus, body .single_add_to_cart_button.single_add_to_cart_button.single_add_to_cart_button:active, body .add_to_cart_button.add_to_cart_button.add_to_cart_button:hover, body .add_to_cart_button.add_to_cart_button.add_to_cart_button:focus, body .add_to_cart_button.add_to_cart_button.add_to_cart_button:active, body .sg-precta__btn.sg-precta__btn.sg-precta__btn:hover, body .sg-precta__btn.sg-precta__btn.sg-precta__btn:focus, body .sg-precta__btn.sg-precta__btn.sg-precta__btn:active, body .sg-btn--primary.sg-btn--primary.sg-btn--primary:hover, body .sg-btn--primary.sg-btn--primary.sg-btn--primary:focus, body .sg-btn--primary.sg-btn--primary.sg-btn--primary:active, body .sg-hero__cta-main.sg-hero__cta-main.sg-hero__cta-main:hover, body .sg-hero__cta-main.sg-hero__cta-main.sg-hero__cta-main:focus, body .sg-hded__cta.sg-hded__cta.sg-hded__cta:hover, body .sg-lead__submit.sg-lead__submit.sg-lead__submit:hover, body .sg-lead__submit.sg-lead__submit.sg-lead__submit:focus, body .sg-sidecart__checkout.sg-sidecart__checkout.sg-sidecart__checkout:hover, body .sg-sidecart__empty-cta.sg-sidecart__empty-cta.sg-sidecart__empty-cta:hover, body .sg-ded-loop-link.sg-ded-loop-link.sg-ded-loop-link:hover, body .sg-custom-loop-link.sg-custom-loop-link.sg-custom-loop-link:hover, body .checkout-button.checkout-button.checkout-button:hover, body .sg-btn.sg-btn.sg-btn:not(.sg-btn--outline):not(.sg-btn--ghost):not(.sg-btn--secondary):hover, body .sg-sticky-atc__btn.sg-sticky-atc__btn.sg-sticky-atc__btn:hover, body .sg-sticky-atc__btn.sg-sticky-atc__btn.sg-sticky-atc__btn:focus, body .sg-sticky-atc__btn.sg-sticky-atc__btn.sg-sticky-atc__btn:active, body .sg-uploadedu__cta.sg-uploadedu__cta.sg-uploadedu__cta:hover, body .sg-loadmore.sg-loadmore.sg-loadmore:hover, body .sg-sorting__filter-toggle.sg-sorting__filter-toggle.sg-sorting__filter-toggle:hover, body .sorkx-megamenu__col-cta.sorkx-megamenu__col-cta.sorkx-megamenu__col-cta:hover, body .sorkx-megamenu__col-cta.sorkx-megamenu__col-cta.sorkx-megamenu__col-cta:focus, body .sorkx-megamenu__col-cta.sorkx-megamenu__col-cta.sorkx-megamenu__col-cta:active, body .wc-proceed-to-checkout .button.button.button:hover, body .woocommerce .button.alt.alt:hover { background: linear-gradient(135deg, var(--btn-primary-from) 0%, var(--btn-primary-to) 100%) !important; color: var(--btn-primary-ink) !important; filter: brightness(1.06); box-shadow: 0 12px 26px var(--btn-primary-ring); } body .single_add_to_cart_button:focus-visible, body .add_to_cart_button:focus-visible, body .sg-precta__btn:focus-visible, body .sg-btn--primary:focus-visible, body .sg-hero__cta-main:focus-visible, body .sg-lead__submit:focus-visible, body .checkout-button:focus-visible { outline: 3px solid var(--btn-ghost-ink); outline-offset: 2px; } body .sg-btn--ghost.sg-btn--ghost.sg-btn--ghost, body .sg-btn--secondary.sg-btn--secondary.sg-btn--secondary, body .sg-btn--outline.sg-btn--outline.sg-btn--outline, body .sg-product__cta.sg-product__cta.sg-product__cta, body .sg-section__more.sg-section__more.sg-section__more, body .woocommerce a.button:not(.alt):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.checkout-button):not(.sg-ded-loop-link):not(.sg-custom-loop-link):not(.sg-loopatc):not(.sg-btn--primary), body .woocommerce button.button:not(.alt):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.checkout-button):not(.sg-ded-loop-link):not(.sg-custom-loop-link):not(.sg-loopatc):not(.sg-btn--primary), body .woocommerce input.button:not(.alt):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.checkout-button):not(.sg-ded-loop-link):not(.sg-custom-loop-link):not(.sg-loopatc):not(.sg-btn--primary), body .woocommerce-cart .actions .button { background: transparent; color: var(--btn-ghost-ink) !important; border: 1.5px solid var(--btn-ghost-border); border-radius: 999px; font-weight: 700; text-decoration: none; } body .sg-btn--ghost.sg-btn--ghost.sg-btn--ghost:hover, body .sg-btn--outline.sg-btn--outline.sg-btn--outline:hover, body .sg-btn--outline.sg-btn--outline.sg-btn--outline:focus, body .sg-product__cta.sg-product__cta.sg-product__cta:hover, body .sg-product__cta.sg-product__cta.sg-product__cta:focus, body .sg-section__more.sg-section__more.sg-section__more:hover, body .woocommerce a.button:not(.alt):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.checkout-button):not(.sg-ded-loop-link):not(.sg-custom-loop-link):not(.sg-loopatc):not(.sg-btn--primary):hover, body .woocommerce button.button:not(.alt):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.checkout-button):not(.sg-ded-loop-link):not(.sg-custom-loop-link):not(.sg-loopatc):not(.sg-btn--primary):hover, body .woocommerce input.button:not(.alt):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.checkout-button):not(.sg-ded-loop-link):not(.sg-custom-loop-link):not(.sg-loopatc):not(.sg-btn--primary):hover, body .woocommerce-cart .actions .button:hover { background: var(--btn-ghost-wash); color: var(--btn-ghost-ink) !important; } body .sg-hero .sg-btn--ghost.sg-btn--ghost, body .sg-hero__cta-ghost.sg-hero__cta-ghost.sg-hero__cta-ghost, body .sg-about .sg-btn--ghost.sg-btn--ghost, body .sg-acryl .sg-btn--ghost.sg-btn--ghost, body .sg-footer .sg-btn--ghost.sg-btn--ghost, body .sg-portfolio__actions .sg-btn.sg-btn, body .sg-portfolio__closing .sg-btn.sg-btn, body .sg-work .sg-btn--secondary.sg-btn--secondary, body .sg-footer .sg-section__more.sg-section__more { color: var(--btn-ghost-ink-dark) !important; border-color: var(--btn-ghost-border-dark); background: transparent; } body .sg-hero__cta-ghost.sg-hero__cta-ghost.sg-hero__cta-ghost:hover, body .sg-about .sg-btn--ghost.sg-btn--ghost:hover, body .sg-acryl .sg-btn--ghost.sg-btn--ghost:hover, body .sg-portfolio__actions .sg-btn.sg-btn:hover, body .sg-portfolio__closing .sg-btn.sg-btn:hover, body .sg-footer .sg-btn--ghost.sg-btn--ghost:hover { background: var(--btn-ghost-wash-dark); color: var(--btn-ghost-ink-dark) !important; } body .sg-icon-btn.sg-icon-btn.sg-icon-btn, body .sg-cart-link.sg-cart-link.sg-cart-link, body .sg-search__btn.sg-search__btn.sg-search__btn, body .sg-drawer__close.sg-drawer__close.sg-drawer__close, body .sg-drawer__expand.sg-drawer__expand.sg-drawer__expand, body .sg-filters__close.sg-filters__close.sg-filters__close, body .sg-sidecart__close.sg-sidecart__close.sg-sidecart__close, body .sg-sidecart__qbtn.sg-sidecart__qbtn.sg-sidecart__qbtn, body .sg-share__btn.sg-share__btn.sg-share__btn, body .sg-back-to-top.sg-back-to-top.sg-back-to-top, body .sg-bs-tab.sg-bs-tab.sg-bs-tab, body .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger { color: var(--btn-icon-ink) !important; } body .sg-sidecart__close.sg-sidecart__close.sg-sidecart__close:hover, body .sg-sidecart__close.sg-sidecart__close.sg-sidecart__close:focus, body .sg-sidecart__close.sg-sidecart__close.sg-sidecart__close:active, body .sg-sidecart__qbtn.sg-sidecart__qbtn.sg-sidecart__qbtn:hover, body .sg-filters__close.sg-filters__close.sg-filters__close:hover, body .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger:hover, body .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger:focus, body .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger:active { background: var(--btn-ghost-wash) !important; color: var(--btn-icon-ink) !important; } body .sg-botbar__item.sg-botbar__item.sg-botbar__item, body .sg-botbar__item.sg-botbar__item.sg-botbar__item:hover, body .sg-botbar__item.sg-botbar__item.sg-botbar__item:focus, body .sg-botbar__item.sg-botbar__item.sg-botbar__item:active { color: var(--btn-teal-text) !important; } body .sg-ta__btn.sg-ta__btn--phone.sg-ta__btn--phone, body .sg-ta__btn.sg-ta__btn--phone.sg-ta__btn--phone:hover, body .sg-ta__btn.sg-ta__btn--phone.sg-ta__btn--phone:focus, body .sg-ta__btn.sg-ta__btn--mail.sg-ta__btn--mail, body .sg-ta__btn.sg-ta__btn--mail.sg-ta__btn--mail:hover, body .sg-ta__toggle.sg-ta__toggle.sg-ta__toggle { background: var(--btn-teal-solid) !important; color: #FFFFFF !important; } body .sg-share__btn--facebook.sg-share__btn--facebook:hover, body .sg-share__btn--facebook.sg-share__btn--facebook:focus { background: #0E58B0 !important; color: #FFFFFF !important; } body .sg-share__btn--whatsapp.sg-share__btn--whatsapp:hover, body .sg-share__btn--whatsapp.sg-share__btn--whatsapp:focus { background: #0F7A45 !important; color: #FFFFFF !important; } body .sg-announce .sg-announce__close.sg-announce__close { color: #FFFFFF !important; } body .s47-promo__close.s47-promo__close.s47-promo__close, body .s47-promo__close.s47-promo__close.s47-promo__close:hover { background: #0B2138 !important; color: #FFFFFF !important; border-radius: 50%; } body .sg-heroc__dot.sg-heroc__dot.sg-heroc__dot { background: rgba(11, 33, 56, .62) !important; border: 1px solid rgba(255, 255, 255, .8); } body .sg-heroc__dot.is-active.is-active { background: var(--btn-teal-solid) !important; border-color: #fff; } body input.qty, body .quantity input.qty, body select, body .sgci-name-addon__input { color: var(--btn-ghost-ink); background-color: #fff; } body .sg-sale-badge { color: #fff !important; }

.sg-rfilter { margin-block: clamp(12px, 2vw, 20px); } .sg-rfilter__row { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .sg-rfilter__cell { margin: 0; } .sg-rfilter__chip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--sg-line, #e4e7ec); border-radius: 999px; background: #fff; color: var(--sg-ink, #1e2127); font-size: 0.9rem; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .sg-rfilter__chip:hover { border-color: var(--sg-accent, #C9A24B); background: #F6EFE0; } .sg-rfilter__chip:focus-visible { outline: 3px solid var(--sg-accent, #C9A24B); outline-offset: 2px; } .sg-rfilter__chip.is-active { background: var(--sg-ink, #1e2127); border-color: var(--sg-ink, #1e2127); color: #fff; font-weight: 800; } .sg-rfilter__n { font-size: 0.78rem; font-weight: 500; opacity: 0.75; unicode-bidi: isolate; } .sg-rfilter__chip.is-active .sg-rfilter__n { opacity: 0.85; } @media (max-width: 640px) { .sg-rfilter__row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin-inline: calc(var(--sg-gutter, 16px) * -1); padding-inline: var(--sg-gutter, 16px); padding-block: 2px; } .sg-rfilter__row::-webkit-scrollbar { display: none; } } @media (prefers-reduced-motion: reduce) { .sg-rfilter__chip { transition: none; } }

.sg-pcircles { padding-block: clamp(32px, 5vw, 64px); } .sg-pcircles__head { text-align: center; margin-block-end: clamp(20px, 3vw, 36px); } .sg-pcircles__title { margin: 0; font-size: clamp(1.35rem, 2.4vw, 2rem); font-weight: 800; color: var(--sg-ink, #1e2127); } .sg-pcircles__intro { margin: 8px auto 0; max-inline-size: 60ch; color: var(--sg-muted, #667085); } .sg-pcircles__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(14px, 2vw, 28px); justify-items: center; align-items: center; } .sg-pcircles__grid:focus-visible { outline: 3px solid var(--sg-accent, #C9A24B); outline-offset: 6px; border-radius: 12px; } .sg-pcircles__item { margin: 0; inline-size: 100%; display: flex; justify-content: center; } .sg-pcircles__cell { --sg-circle: min(100%, 132px); --sg-circle-pad: 0.18; position: relative; inline-size: var(--sg-circle); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: #fff; border: 1px solid var(--sg-line, #e4e7ec); box-shadow: 0 2px 10px rgba(16, 24, 40, 0.06); overflow: hidden; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .sg-pcircles__cell img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; box-sizing: border-box; padding: calc(var(--sg-circle) * var(--sg-circle-pad)); object-fit: contain; display: block; } a.sg-pcircles__cell:hover, a.sg-pcircles__cell:focus-visible { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(16, 24, 40, 0.12); border-color: var(--sg-accent, #C9A24B); } a.sg-pcircles__cell:focus-visible { outline: 3px solid var(--sg-accent, #C9A24B); outline-offset: 3px; } @media (max-width: 1100px) { .sg-pcircles__grid { grid-template-columns: repeat(5, 1fr); } } @media (max-width: 900px) { .sg-pcircles__grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 640px) { .sg-pcircles__grid { display: grid; grid-auto-flow: column; grid-auto-columns: 96px; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-inline: calc(var(--sg-gutter, 16px) * -1); padding-inline: var(--sg-gutter, 16px); padding-block: 4px; } .sg-pcircles__grid::-webkit-scrollbar { display: none; } .sg-pcircles__item { scroll-snap-align: center; } .sg-pcircles__cell { max-inline-size: 96px; } } @media (prefers-reduced-motion: reduce) { .sg-pcircles__cell, a.sg-pcircles__cell:hover, a.sg-pcircles__cell:focus-visible { transition: none; transform: none; } }

:root { --sg-card-title-size: 16px; --sg-card-title-size-lg: 18px; --sg-card-title-lh: 1.35; --sg-card-title-lines: 2; --sg-loopatc-bg: #8C6B26; --sg-loopatc-bg-hi: #8C6B26; --sg-loopatc-ink: #FFFFFF; --sg-loopatc-height: 44px; --sg-loopatc-radius: 10px; --sg-card-title-ink: #092143; } h2.woocommerce-loop-product__title.woocommerce-loop-product__title.woocommerce-loop-product__title.woocommerce-loop-product__title.woocommerce-loop-product__title, .sg-product__title.sg-product__title.sg-product__title.sg-product__title.sg-product__title { font-size: var(--sg-card-title-size) !important; line-height: var(--sg-card-title-lh); display: -webkit-box; -webkit-line-clamp: var(--sg-card-title-lines); line-clamp: var(--sg-card-title-lines); -webkit-box-orient: vertical; overflow: hidden; min-height: calc(var(--sg-card-title-size) * var(--sg-card-title-lh) * var(--sg-card-title-lines)); overflow-wrap: anywhere; color: var(--sg-card-title-ink, #092143); } @media (min-width: 1024px) { h2.woocommerce-loop-product__title.woocommerce-loop-product__title.woocommerce-loop-product__title.woocommerce-loop-product__title.woocommerce-loop-product__title, .sg-product__title.sg-product__title.sg-product__title.sg-product__title.sg-product__title { font-size: var(--sg-card-title-size-lg) !important; min-height: calc(var(--sg-card-title-size-lg) * var(--sg-card-title-lh) * var(--sg-card-title-lines)); } } a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc { background: var(--sg-loopatc-bg) !important; background-image: none !important; color: var(--sg-loopatc-ink) !important; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: var(--sg-loopatc-height); margin: 10px 0 0; padding: 0 14px; border: 0; border-radius: var(--sg-loopatc-radius); background: var(--sg-loopatc-bg); background-image: none; color: var(--sg-loopatc-ink); font-size: .94rem; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: background-color .18s ease, transform .12s ease; } a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc:hover, a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc:focus-visible { background: var(--sg-loopatc-bg-hi) !important; background-image: none !important; color: var(--sg-loopatc-ink) !important; } a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc:focus-visible { outline: 3px solid var(--sg-loopatc-bg); outline-offset: 2px; } a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc:active { transform: scale(.97); } a.sg-loopatc .sg-loopatc__icon { flex: none; color: inherit; } a.sg-loopatc .sg-loopatc__label { white-space: nowrap; color: inherit; } a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.is-added { background: #26262A !important; } .d2 a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.is-added { background: #6E5214 !important; color: #FFF8E6 !important; } .woocommerce ul.products li.product .added_to_cart { display: none; } @media (prefers-reduced-motion: reduce) { a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc { transition: none; } a.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc.sg-loopatc:active { transform: none; } }

:root { --sg-tile-bar-bg: #092143; --sg-tile-bar-ink: #FFFFFF; --sg-tile-sub-ink: rgba(255,255,255,.82); --sg-tile-badge-bg: #F4C21C; --sg-tile-badge-ink: #171203; --sg-tile-radius: 14px; --sg-tg-accent: #26262A; } .sg-tg { margin-block: var(--sg-space-7, 64px); scroll-margin-block-start: 140px; } .sg-tg__head { text-align: center; margin-block-end: var(--sg-space-5, 32px); } .sg-tg__eyebrow.sg-tg__eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: var(--sg-text-meta, .82rem); font-weight: 800; letter-spacing: .08em; color: var(--sg-tg-accent); margin-block-end: 8px; } .sg-tg__eyebrow-icon { flex: none; } .sg-tg__title { font-family: var(--sg-font-display, inherit); font-size: var(--sg-text-h2, 1.9rem); color: var(--s47-navy, #092143); margin: 0; } .sg-tg__more { text-align: center; margin-block-start: var(--sg-space-5, 32px); } .sg-tg__grid { display: grid; gap: var(--sg-space-3, 16px); grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 560px) { .sg-tg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 760px) { .sg-tg__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 1000px) { .sg-tg__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 1240px) { .sg-tg__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .sg-tg--services .sg-tg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 760px) { .sg-tg--services .sg-tg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1000px) { .sg-tg--services .sg-tg__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .sg-tile { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--sg-tile-radius); background: var(--sg-tile-bar-bg); box-shadow: var(--sg-shadow, 0 4px 20px rgba(0,0,0,.06)); text-decoration: none; isolation: isolate; } .sg-tile__media { display: block; overflow: hidden; aspect-ratio: 1 / 1; background: #0c2d5a; } .sg-tile__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s cubic-bezier(.4, 0, .2, 1); } .sg-tile:hover .sg-tile__media img, .sg-tile:focus-visible .sg-tile__media img { transform: scale(1.07); } .sg-tile__bar { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; background: var(--sg-tile-bar-bg); text-align: center; } .sg-tile__name { color: var(--sg-tile-bar-ink); font-weight: 700; font-size: .97rem; line-height: 1.25; } .sg-tile__sub { color: var(--sg-tile-sub-ink); font-weight: 500; font-size: .78rem; line-height: 1.3; } .sg-tile--cta .sg-tile__name { font-size: .88rem; line-height: 1.2; } .sg-tile--cta .sg-tile__sub { font-size: .72rem; } .sg-tile__badge { position: absolute; z-index: 3; inset-block-start: 20px; inset-inline-start: -42px; width: 150px; padding: 5px 0; background: var(--sg-tile-badge-bg); color: var(--sg-tile-badge-ink); font-size: .68rem; font-weight: 800; line-height: 1.5; letter-spacing: .01em; text-align: center; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,.28); transform: rotate(-45deg); pointer-events: none; } [dir="rtl"] .sg-tile__badge { transform: rotate(45deg); } a.sg-tile.sg-tile.sg-tile.sg-tile.sg-tile, a.sg-tile.sg-tile.sg-tile.sg-tile.sg-tile:hover, a.sg-tile.sg-tile.sg-tile.sg-tile.sg-tile:focus, a.sg-tile.sg-tile.sg-tile.sg-tile.sg-tile:focus-visible, a.sg-tile.sg-tile.sg-tile.sg-tile.sg-tile:active { color: var(--sg-tile-bar-ink); } .sg-tile:focus-visible { outline: 3px solid var(--sg-tg-accent); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .sg-tile__media img { transition: none; } .sg-tile:hover .sg-tile__media img { transform: none; } } :root { --sg-ann-bg: #0B2138; --sg-ann-ink: #F2F5F8; --sg-ann-accent: #E8C877; } .sg-announce.sg-announce.sg-announce { background: var(--sg-ann-bg); background-image: none; color: var(--sg-ann-ink); border: 0; } .sg-announce__inner.sg-announce__inner.sg-announce__inner { display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; min-height: 38px; padding: 6px 10px; text-align: center; } .sg-announce__viewport { flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .sg-announce__viewport::-webkit-scrollbar { display: none; } .sg-announce__track { display: flex; align-items: center; gap: 0; width: max-content; max-width: none; margin-inline: auto; } .sg-announce__item { display: inline-flex; align-items: center; gap: 8px; padding-inline: 12px; white-space: nowrap; } .sg-announce__item[aria-hidden="true"] { display: none; } .sg-announce.is-marquee .sg-announce__item[aria-hidden="true"] { display: inline-flex; } .sg-announce.is-marquee .sg-announce__track { margin-inline: 0; animation: sg-ann-scroll-ltr var(--sg-ann-duration, 18s) linear infinite; } [dir="rtl"] .sg-announce.is-marquee .sg-announce__track { animation-name: sg-ann-scroll-rtl; } .sg-announce.is-paused .sg-announce__track { animation-play-state: paused; } @keyframes sg-ann-scroll-ltr { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes sg-ann-scroll-rtl { from { transform: translateX(0); } to { transform: translateX(50%); } } @media (prefers-reduced-motion: reduce) { .sg-announce.is-marquee .sg-announce__track { animation: none; margin-inline: auto; } .sg-announce.is-marquee .sg-announce__item[aria-hidden="true"] { display: none; } .sg-announce__track { width: auto; flex-wrap: wrap; justify-content: center; } .sg-announce__item { white-space: normal; } .sg-announce__viewport { overflow-x: visible; } .sg-announce__inner.sg-announce__inner.sg-announce__inner { min-height: 0; padding-block: 8px; } } .sg-announce__item { font-size: .86rem; font-weight: 600; letter-spacing: .1px; line-height: 1.35; color: var(--sg-ann-ink); } .sg-announce__text::before, .sg-announce__item::before { content: none; } .sg-announce__accent { color: var(--sg-ann-accent); font-weight: 800; } .sg-announce__sep { color: rgba(242,245,248,.45); font-weight: 400; } .sg-announce__close.sg-announce__close.sg-announce__close { position: relative; inset: auto; flex: none; transform: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--sg-ann-ink); opacity: 1; cursor: pointer; transition: background .2s ease, color .2s ease; } .sg-announce__close.sg-announce__close.sg-announce__close:hover, .sg-announce__close.sg-announce__close.sg-announce__close:focus-visible { background: rgba(255,255,255,.14); color: #FFFFFF; } .sg-announce__close.sg-announce__close.sg-announce__close:focus-visible { outline: 2px solid var(--sg-ann-accent); outline-offset: 2px; } @media (max-width: 480px) { .sg-announce__inner.sg-announce__inner.sg-announce__inner { padding-inline: 8px; } .sg-announce__item { font-size: .79rem; gap: 6px; padding-inline: 8px; } } .sg-logo { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } @media (min-width: 900px) { .sg-logo { flex-direction: row; align-items: flex-end; gap: 10px; } .sg-logo__tagline { padding-block-end: 6px; } } .sg-logo__tagline { display: block; font-size: 11px; font-weight: 600; line-height: 1.25; letter-spacing: .01em; color: var(--sg-tagline-ink, #3C5470); white-space: nowrap; } @media (min-width: 900px) { .sg-logo__tagline { font-size: 13px; } } .sg-header.is-scrolled .sg-logo__tagline, .sg-header--compact .sg-logo__tagline, .d2 .sg-header.is-compact .sg-logo__tagline { display: none; } @media (max-width: 359px) { .sg-logo__tagline { display: none; } } .sg-rotate { display: grid; grid-template-areas: "line"; align-items: start; } .sg-hero__title.sg-rotate__line, .sg-rotate__line.sg-hero__title { min-height: 2.2em; } .sg-rotate__line { grid-area: line; opacity: 0; margin: 0; transition: opacity 500ms ease; } .sg-rotate__line.is-current { opacity: 1; } .sg-rotate.is-paused .sg-rotate__line { transition-duration: 0ms; } @media (prefers-reduced-motion: reduce) { .sg-rotate__line { opacity: 1; transition: none; } .sg-rotate__line:not(.is-current) { display: none; } } .sg-service__head { padding-block: var(--sg-space-6, 48px) var(--sg-space-4, 24px); text-align: center; } .sg-service__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: var(--sg-text-meta, .82rem); font-weight: 800; letter-spacing: .08em; color: var(--sg-tg-accent, #8C6B26); } .sg-service__title { font-family: var(--sg-font-display, inherit); font-size: clamp(26px, 3.4vw, 42px); line-height: 1.2; color: var(--s47-navy, #092143); margin: 0 auto; max-width: 22ch; } .sg-service__prose { max-width: 70ch; margin-inline: auto; } .sg-service__prose p { font-size: 1.02rem; line-height: 1.85; color: #2A3442; margin: 0 0 var(--sg-space-3, 16px); } .sg-service__h2 { font-family: var(--sg-font-display, inherit); font-size: clamp(20px, 2.4vw, 28px); color: var(--s47-navy, #092143); text-align: center; margin: 0 0 var(--sg-space-4, 24px); } .sg-service__contact { padding-block: var(--sg-space-6, 48px); background: #F7F9FB; } .sg-service__gallery-wrap { padding-block: var(--sg-space-6, 48px); } .sg-service__gallery { display: grid; gap: var(--sg-space-3, 16px); grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 700px) { .sg-service__gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1100px) { .sg-service__gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sg-service__shot { margin: 0; overflow: hidden; border-radius: var(--sg-tile-radius, 14px); background: #EEF1F5; } .sg-service__shot img { width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; transition: transform .45s cubic-bezier(.4, 0, .2, 1); } .sg-service__shot:hover img { transform: scale(1.05); } @media (prefers-reduced-motion: reduce) { .sg-service__shot img { transition: none; } .sg-service__shot:hover img { transform: none; } } .sg-announce__msg { display: flex; align-items: center; justify-content: center; gap: 0; margin: 0; min-block-size: 20px; text-align: center; } .sg-announce__item.is-active { animation: sg-ann-fade 0.45s ease both; } @keyframes sg-ann-fade { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .sg-announce__item.is-active { animation: none; } }

#sg-announce.sg-ann2 { --ann-bg: linear-gradient(90deg, #F3EADA 0%, #FAF5EC 50%, #F3EADA 100%); --ann-ink: #2A2117; --ann-accent: #7A5A12; --ann-icon: #96711C; --ann-line: linear-gradient(90deg, transparent, #C9A24A 20%, #E6CF8E 50%, #C9A24A 80%, transparent); --ann-hover: rgba(42, 33, 23, .08); --ann-focus: #7A5A12; --ann-dur: .62s; --ann-ease: cubic-bezier(.2, .75, .25, 1); } #sg-announce.sg-ann2[data-scheme="cream"] { --ann-bg: #FFFBF3; --ann-line: linear-gradient(90deg, transparent, #D9BE7A 30%, #D9BE7A 70%, transparent); } #sg-announce.sg-ann2[data-scheme="gold"] { --ann-bg: linear-gradient(90deg, #C9A24A 0%, #E3C982 50%, #C9A24A 100%); --ann-ink: #1E1709; --ann-accent: #3B2A05; --ann-icon: #3B2A05; --ann-line: linear-gradient(90deg, transparent, #8F6E22 30%, #8F6E22 70%, transparent); --ann-hover: rgba(30, 23, 9, .1); --ann-focus: #1E1709; } #sg-announce.sg-ann2[data-scheme="ink"] { --ann-bg: #0B2138; --ann-ink: #F2F5F8; --ann-accent: #E8C877; --ann-icon: #E8C877; --ann-line: none; --ann-hover: rgba(255, 255, 255, .14); --ann-focus: #E8C877; } #sg-announce.sg-ann2 { position: relative; block-size: auto; overflow: hidden; background: var(--ann-bg); color: var(--ann-ink); border: 0; } #sg-announce.sg-ann2[hidden] { display: none; } #sg-announce.sg-ann2::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 1px; background: var(--ann-line); pointer-events: none; } #sg-announce .sg-ann2__inner { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: center; gap: 8px; max-inline-size: 1280px; margin-inline: auto; min-block-size: 40px; padding: 4px 12px; } #sg-announce .sg-ann2__stage { display: grid; align-items: center; justify-items: center; perspective: 600px; min-inline-size: 0; } #sg-announce .sg-ann2__msg { grid-area: 1 / 1; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; font-size: .875rem; font-weight: 600; line-height: 1.35; letter-spacing: .1px; text-align: center; text-wrap: balance; color: var(--ann-ink); visibility: hidden; opacity: 0; backface-visibility: hidden; } #sg-announce .sg-ann2__msg.is-active, #sg-announce .sg-ann2__msg.is-out { visibility: visible; opacity: 1; } #sg-announce .sg-ann2__msg.is-accent .sg-ann2__text { color: var(--ann-accent); font-weight: 800; } #sg-announce .sg-ann2__icon { display: inline-grid; flex: none; place-items: center; color: var(--ann-icon); } #sg-announce .sg-ann2__icon svg { display: block; transform-origin: 50% 50%; } #sg-announce a.sg-ann2__text { color: inherit; text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 3px; transition: text-decoration-color .2s ease; } #sg-announce a.sg-ann2__text:hover { text-decoration-color: currentColor; } #sg-announce a.sg-ann2__text:focus-visible, #sg-announce .sg-ann2__btn:focus-visible { outline: 2px solid var(--ann-focus); outline-offset: 2px; border-radius: 4px; } #sg-announce .sg-ann2__btn { display: inline-grid; place-items: center; inline-size: 32px; block-size: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ann-ink); cursor: pointer; transition: background-color .2s ease; } #sg-announce span.sg-ann2__btn { cursor: default; } #sg-announce button.sg-ann2__btn:hover { background: var(--ann-hover); } #sg-announce .sg-ann2__toggle .sg-ann2__play, #sg-announce.is-stopped .sg-ann2__toggle .sg-ann2__pause { display: none; } #sg-announce.is-stopped .sg-ann2__toggle .sg-ann2__play { display: block; } #sg-announce .sg-ann2__close svg { inline-size: 14px; block-size: 14px; } #sg-announce[data-transition="flip"] .sg-ann2__msg.is-anim.is-in { animation: sg-ann2-flip-in var(--ann-dur) var(--ann-ease) both; transform-origin: 50% 50% -12px; } #sg-announce[data-transition="flip"] .sg-ann2__msg.is-out { animation: sg-ann2-flip-out var(--ann-dur) var(--ann-ease) both; transform-origin: 50% 50% -12px; } @keyframes sg-ann2-flip-in { from { transform: rotateX(-90deg); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes sg-ann2-flip-out { from { transform: none; opacity: 1; } to { transform: rotateX(90deg); opacity: 0; } } #sg-announce.sg-ann2 { --ann-from: 36px; } [dir="rtl"] #sg-announce.sg-ann2 { --ann-from: -36px; } #sg-announce[data-transition="slide"] .sg-ann2__msg.is-anim.is-in { animation: sg-ann2-slide-in var(--ann-dur) var(--ann-ease) both; } #sg-announce[data-transition="slide"] .sg-ann2__msg.is-out { animation: sg-ann2-slide-out var(--ann-dur) var(--ann-ease) both; } @keyframes sg-ann2-slide-in { from { transform: translateX(var(--ann-from)); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes sg-ann2-slide-out { from { transform: none; opacity: 1; } to { transform: translateX(calc(var(--ann-from) * -1)); opacity: 0; } } #sg-announce[data-transition="fade"] .sg-ann2__msg.is-in, #sg-announce .sg-ann2__msg.is-in:not(.is-anim) { animation: sg-ann2-fade-in var(--ann-dur) ease both; } #sg-announce[data-transition="fade"] .sg-ann2__msg.is-out { animation: sg-ann2-fade-out var(--ann-dur) ease both; } @keyframes sg-ann2-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes sg-ann2-fade-out { from { opacity: 1; } to { opacity: 0; } } #sg-announce .sg-ann2__msg.is-anim.is-active .sg-ann2__icon svg { animation: var(--ann-icon-anim, sg-ann2-i-pulse) 1.3s ease-in-out .35s 2 both; } #sg-announce.is-paused .sg-ann2__msg .sg-ann2__icon svg { animation-play-state: paused; } #sg-announce [data-icon="truck"] { --ann-icon-anim: sg-ann2-i-drive; } #sg-announce [data-icon="gift"] { --ann-icon-anim: sg-ann2-i-wiggle; } #sg-announce [data-icon="tag"] { --ann-icon-anim: sg-ann2-i-swing; } #sg-announce [data-icon="phone"] { --ann-icon-anim: sg-ann2-i-ring; } #sg-announce [data-icon="star"], #sg-announce [data-icon="sparkle"] { --ann-icon-anim: sg-ann2-i-twinkle; } #sg-announce [data-icon="heart"] { --ann-icon-anim: sg-ann2-i-beat; } #sg-announce [data-icon="clock"] { --ann-icon-anim: sg-ann2-i-tick; } #sg-announce [data-icon="pin"] { --ann-icon-anim: sg-ann2-i-drop; } @keyframes sg-ann2-i-pulse { 50% { transform: scale(1.12); } } @keyframes sg-ann2-i-drive { 25% { transform: translate(-1.5px, -1px); } 50% { transform: translate(0, 0); } 75% { transform: translate(1.5px, -.5px); } } @keyframes sg-ann2-i-wiggle { 20% { transform: rotate(-9deg); } 40% { transform: rotate(7deg); } 60% { transform: rotate(-4deg); } 80% { transform: rotate(2deg); } } @keyframes sg-ann2-i-swing { 30% { transform: rotate(-12deg); } 60% { transform: rotate(6deg); } } @keyframes sg-ann2-i-ring { 10%, 30% { transform: rotate(-12deg); } 20%, 40% { transform: rotate(12deg); } 50% { transform: none; } } @keyframes sg-ann2-i-twinkle { 50% { transform: scale(1.18) rotate(14deg); } } @keyframes sg-ann2-i-beat { 15% { transform: scale(1.16); } 30% { transform: scale(1); } 45% { transform: scale(1.1); } } @keyframes sg-ann2-i-tick { 25% { transform: rotate(8deg); } 50% { transform: rotate(0); } 75% { transform: rotate(-8deg); } } @keyframes sg-ann2-i-drop { 40% { transform: translateY(-3px); } 60% { transform: translateY(0); } 75% { transform: translateY(-1px); } } @media (prefers-reduced-motion: reduce) { #sg-announce .sg-ann2__msg, #sg-announce .sg-ann2__msg .sg-ann2__icon svg { animation: none !important; transform: none !important; } } @media (max-width: 480px) { #sg-announce .sg-ann2__inner { grid-template-columns: 28px minmax(0, 1fr) 28px; gap: 4px; min-block-size: 44px; padding: 0 6px; } #sg-announce .sg-ann2__btn { inline-size: 28px; } #sg-announce .sg-ann2__msg { font-size: .8rem; gap: 6px; } #sg-announce .sg-ann2__icon svg { inline-size: 16px; block-size: 16px; } } @media print { #sg-announce.sg-ann2 { display: none; } }

.sg-skeleton { animation-play-state: paused; } .sg-skeleton.is-visible { animation-play-state: running; } .sg-no-io .sg-skeleton { animation-play-state: running; } @media (prefers-reduced-motion: reduce) { .sg-skeleton { animation: none; } } .sg-reveal { transition-duration: 420ms; transform: translateY(16px); } .sg-tg__grid .sg-reveal, ul.products .sg-reveal, .sg-testi__card.sg-reveal, .sg-bs-card.sg-reveal { transform: none; transition-property: opacity; } .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger { font-size: 0; line-height: 0; text-indent: 0; } .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger::before, .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger::after { content: none; } .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger { background-image: none; position: relative; } .woocommerce-product-gallery__trigger.woocommerce-product-gallery__trigger::before { content: ""; display: block; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--sg-icon-zoom) center / 20px 20px no-repeat; mask: var(--sg-icon-zoom) center / 20px 20px no-repeat; } :root { --sg-icon-zoom: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='6.5'/><path d='M20 20l-4.3-4.3M11 8.5v5M8.5 11h5'/></svg>"); }

.sg-brand-logo--img { display: block; width: auto; height: auto; max-width: 100%; object-fit: contain; } .sg-header__main .sg-logo { max-height: none; height: auto; } .sg-header__main .sg-logo .sg-brand-logo--img { height: 104px; max-height: 104px; width: auto; max-width: 200px; } @media (max-width: 900px) { .sg-header__main .sg-logo .sg-brand-logo--img { height: 64px; max-height: 64px; max-width: 150px; } } .sg-drawer .sg-drawer__logo .sg-brand-logo--img { height: 64px; max-height: 64px; width: auto; max-width: 160px; } .sg-footer__logo { display: inline-flex; align-items: center; justify-content: center; padding: 10px 14px; border-radius: var(--sg-radius-md, 8px); background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .18); text-decoration: none; max-width: 220px; } .sg-footer__logo .sg-brand-logo--img { height: 96px; max-height: 96px; width: auto; max-width: 180px; } .sg-footer__logo .sg-brand-logo--text { font-weight: 800; font-size: 1.15rem; color: var(--sg-brown, #092143); } .sg-brand-logo--text { font-weight: 800; font-size: 1.2rem; letter-spacing: .2px; color: currentColor; } .sg-header.is-scrolled .sg-header__main .sg-logo .sg-brand-logo--img, .sg-header.is-scrolled .sg-header__main .sg-logo img, .sg-header.is-scrolled .sg-header__main .sg-logo .custom-logo { height: 64px !important; max-height: 64px !important; width: auto !important; } @media (max-width: 900px) { .sg-header.is-scrolled .sg-header__main .sg-logo .sg-brand-logo--img, .sg-header.is-scrolled .sg-header__main .sg-logo img, .sg-header.is-scrolled .sg-header__main .sg-logo .custom-logo { height: 52px !important; max-height: 52px !important; } }

:root { --sg-field-bg: var(--sg-surface, #fff); --sg-field-border: var(--sg-border, #e2eaf1); --sg-field-radius: var(--sg-radius-md, 8px); --sg-field-pad-block: 12px; --sg-field-pad-inline: 14px; --sg-field-error: #c0392b; --sg-field-error-bg: #fdecea; --sg-focus-shadow: 0 0 0 3px color-mix(in srgb, var(--sg-gold, #C9A24B) 32%, transparent); } .sg-lead__form, .sg-plead__form, .sg-form { display: flex; flex-direction: column; gap: 16px; background: var(--sg-surface, #fff); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-lg, 16px); box-shadow: var(--sg-shadow, 0 6px 20px rgba(9, 33, 67, .07)); padding: clamp(18px, 4vw, 30px); } .sg-lead__row, .sg-plead__row, .sg-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .sg-lead__field, .sg-plead__field, .sg-form__field { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 0.92rem; font-weight: 600; color: var(--sg-text, #092143); } .sg-lead__field > span i, .sg-plead__field > span i, .sg-form__field > span i { color: var(--sg-field-error); font-style: normal; margin-inline-start: 2px; } .sg-lead__field input, .sg-lead__field select, .sg-lead__field textarea, .sg-plead__field input, .sg-plead__field select, .sg-plead__field textarea, .sg-form__field input, .sg-form__field select, .sg-form__field textarea, .elementor-form .elementor-field-textual { font: inherit; font-size: 16px; font-weight: 500; line-height: 1.4; color: var(--sg-text, #092143); background: var(--sg-field-bg); border: 1px solid var(--sg-field-border); border-radius: var(--sg-field-radius); padding: var(--sg-field-pad-block) var(--sg-field-pad-inline); width: 100%; min-height: 46px; transition: border-color var(--sg-transition, .18s ease), box-shadow var(--sg-transition, .18s ease); -webkit-appearance: none; appearance: none; } .sg-lead__field textarea, .sg-plead__field textarea, .sg-form__field textarea, .elementor-form textarea.elementor-field-textual { resize: vertical; min-height: 104px; } .sg-lead__field select, .sg-plead__field select, .sg-form__field select, .elementor-form select.elementor-field-textual { background-image: linear-gradient(45deg, transparent 50%, var(--sg-text-muted, #5b6b80) 50%), linear-gradient(135deg, var(--sg-text-muted, #5b6b80) 50%, transparent 50%); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 18px center, right 24px center; padding-inline-end: 40px; } html[dir="rtl"] .sg-lead__field select, html[dir="rtl"] .sg-plead__field select, html[dir="rtl"] .sg-form__field select, html[dir="rtl"] .elementor-form select.elementor-field-textual { background-position: left 24px center, left 18px center; background-image: linear-gradient(45deg, transparent 50%, var(--sg-text-muted, #5b6b80) 50%), linear-gradient(135deg, var(--sg-text-muted, #5b6b80) 50%, transparent 50%); } ::placeholder { color: var(--sg-text-muted, #5b6b80); opacity: .75; } .sg-lead__field input:focus, .sg-lead__field select:focus, .sg-lead__field textarea:focus, .sg-plead__field input:focus, .sg-plead__field select:focus, .sg-plead__field textarea:focus, .sg-form__field input:focus, .sg-form__field select:focus, .sg-form__field textarea:focus, .elementor-form .elementor-field-textual:focus { outline: none; border-color: var(--sg-gold, #C9A24B); box-shadow: var(--sg-focus-shadow); } .sg-lead__field.has-error input, .sg-lead__field.has-error select, .sg-lead__field.has-error textarea, .sg-plead__field.has-error input, .sg-plead__field.has-error textarea, .sg-form__field.has-error input, [aria-invalid="true"] { border-color: var(--sg-field-error); background: color-mix(in srgb, var(--sg-field-error-bg) 55%, #fff); } .sg-lead__field.has-error input:focus, .sg-lead__field.has-error textarea:focus, .sg-plead__field.has-error input:focus, [aria-invalid="true"]:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sg-field-error) 22%, transparent); } .sg-lead__hint, .sg-plead__hint, .sg-form__hint { display: none; font-style: normal; font-weight: 600; font-size: 0.82rem; color: var(--sg-field-error); } .sg-lead__field.has-error .sg-lead__hint, .sg-plead__field.has-error .sg-plead__hint, .sg-form__field.has-error .sg-form__hint { display: block; } .sg-lead__error, .sg-plead__error, .sg-form__error { background: var(--sg-field-error-bg); color: #b3261e; border: 1px solid #f5c6c0; border-radius: var(--sg-radius-md, 8px); padding: 11px 14px; font-size: 0.92rem; font-weight: 600; } .sg-lead__submit, .sg-plead__submit, .sg-form__submit, .elementor-form .elementor-button[type="submit"] { align-self: flex-start; font: inherit; font-weight: 700; font-size: 1.02rem; color: #231A0B; background: var(--sg-gold, #C9A24B); border: 0; border-radius: var(--sg-radius-pill, 999px); padding: 14px 38px; min-height: 48px; cursor: pointer; box-shadow: 0 8px 20px color-mix(in srgb, var(--sg-gold, #C9A24B) 36%, transparent); transition: background var(--sg-transition, .2s ease), transform .12s ease, box-shadow var(--sg-transition, .2s ease); } .sg-lead__submit:hover:not([disabled]), .sg-plead__submit:hover:not([disabled]), .sg-form__submit:hover:not([disabled]), .elementor-form .elementor-button[type="submit"]:hover { background: var(--sg-gold-dark, #8C6B26); color: #fff; transform: translateY(-2px); } .sg-lead__submit:active:not([disabled]), .sg-plead__submit:active:not([disabled]), .sg-form__submit:active:not([disabled]) { transform: translateY(0) scale(.99); } .sg-lead__submit:focus-visible, .sg-plead__submit:focus-visible, .sg-form__submit:focus-visible, .elementor-form .elementor-button[type="submit"]:focus-visible { outline: 2px solid var(--sg-gold-dark, #8C6B26); outline-offset: 3px; } .sg-lead__submit[disabled], .sg-plead__submit[disabled], .sg-form__submit[disabled] { opacity: .6; cursor: default; transform: none; } .sg-lead__submit[aria-busy="true"], .sg-plead__submit[aria-busy="true"] { opacity: .75; cursor: progress; } .sg-lead__success, .sg-plead__success, .sg-form__success { text-align: center; background: var(--sg-surface, #fff); border: 1px solid var(--sg-border, #e2eaf1); border-radius: var(--sg-radius-lg, 16px); box-shadow: var(--sg-shadow, 0 6px 20px rgba(9, 33, 67, .07)); padding: clamp(28px, 6vw, 52px) 24px; } .sg-lead__check, .sg-plead__check { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; background: var(--sg-success, #4A7C59); color: #fff; font-size: 34px; display: flex; align-items: center; justify-content: center; } .elementor-form .elementor-field-group > label, .elementor-form .elementor-field-label { font-weight: 600; font-size: 0.92rem; color: var(--sg-text, #092143); margin-block-end: 6px; } .elementor-form .elementor-field-group { margin-block-end: 4px; } .elementor-form .elementor-message.elementor-message-danger { color: var(--sg-field-error); font-weight: 600; } .elementor-form .elementor-message.elementor-message-success { color: var(--sg-success, #4A7C59); font-weight: 600; } .sg-lead .sg-lead__hp, .sg-plead .sg-plead__hp, .sg-form .sg-form__hp { position: absolute; left: auto; right: auto; inset-inline-start: auto; inset-inline-end: auto; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .sg-lead__hp, .sg-plead__hp, .sg-form__hp { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .sg-lead__privacy, .sg-plead__privacy, .sg-form__privacy { margin: 0; font-size: 0.82rem; color: var(--sg-text-muted, #5b6b80); } @media (max-width: 700px) { .sg-lead__row, .sg-plead__row, .sg-form__row { grid-template-columns: 1fr; } .sg-lead__submit, .sg-plead__submit, .sg-form__submit, .elementor-form .elementor-button[type="submit"] { align-self: stretch; width: 100%; justify-content: center; } } @media (prefers-reduced-motion: reduce) { .sg-lead__field input, .sg-lead__field select, .sg-lead__field textarea, .sg-plead__field input, .sg-plead__field select, .sg-plead__field textarea, .sg-lead__submit, .sg-plead__submit, .sg-form__submit { transition: none; } }

:root { --s61-navy: #092143; --s61-teal: var(--sg-gold-dark,#8C6B26); --s61-bright: var(--sg-gold,#C9A24B); --s61-border: #e8edf3; --s61-muted: #5b6b7d; --s61-bar-h: 64px; } @media (max-width: 899px) { .sg-mobile-toggle { display: inline-flex !important; } .sorkx-megamenu__burger { display: none !important; } .sg-drawer { display: flex !important; flex-direction: column; } .sg-drawer__backdrop { display: none; } .sg-drawer__backdrop.is-open { display: block; } } @media (min-width: 900px) { .sg-botbar { display: none !important; } } @media (max-width: 899px) { .sg-drawer { position: fixed; inset-block: 0; inset-inline-start: auto; inset-inline-end: 0; right: 0; left: auto; width: min(330px, 86vw); max-width: 330px; background: #fff; box-shadow: -16px 0 48px rgba(9, 33, 67, 0.18); transform: translateX(100%); transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1); visibility: hidden; z-index: 10010; padding: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } [dir="rtl"] .sg-drawer { transform: translateX(100%); } .sg-drawer.is-open, [dir="rtl"] .sg-drawer.is-open { transform: translateX(0); visibility: visible; } .sg-drawer__backdrop { position: fixed; inset: 0; background: rgba(9, 33, 67, 0.55); opacity: 0; pointer-events: none; transition: opacity 360ms ease; z-index: 10005; } .sg-drawer__backdrop.is-open { opacity: 1; pointer-events: auto; } .sg-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--s61-border); position: sticky; top: 0; background: #fff; z-index: 2; } .sg-drawer__logo { display: inline-flex; align-items: center; } .sg-drawer__logo img { height: 34px; width: auto; display: block; } .sg-drawer__close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-inline-end: -8px; background: #f3f6fa; border: 0; border-radius: 50%; color: var(--s61-navy); cursor: pointer; transition: background 180ms ease, transform 180ms ease; } .sg-drawer__close:hover { background: #e9eff5; } .sg-drawer__close:active { transform: scale(0.92); } .sg-drawer__search { display: flex; align-items: center; gap: 8px; margin: 16px 18px 8px; padding: 4px 6px 4px 14px; background: #f3f6fa; border: 1px solid var(--s61-border); border-radius: 999px; } .sg-drawer__search input { flex: 1; border: 0; background: transparent; outline: 0; font: inherit; font-size: 0.95rem; color: var(--s61-navy); padding: 8px 0; } .sg-drawer__search input::placeholder { color: var(--s61-muted); } .sg-drawer__search button { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 auto; background: var(--s61-teal); color: #fff; border: 0; border-radius: 50%; cursor: pointer; transition: background 180ms ease; } .sg-drawer__search button:hover { background: var(--s61-navy); } .sg-drawer__nav { padding: 6px 0 4px; } .sg-drawer__menu { list-style: none; margin: 0; padding: 0; } .sg-drawer__menu > li { border-bottom: 1px solid var(--s61-border); } .sg-drawer__menu a { display: block; padding: 15px 20px; font-size: 1.02rem; font-weight: 600; line-height: 1.3; color: var(--s61-navy); text-decoration: none; transition: color 160ms ease, background 160ms ease; } .sg-drawer__menu a:hover, .sg-drawer__menu a:active { color: var(--s61-teal); background: #F6EFE0; } .sg-drawer__home { color: var(--s61-teal) !important; } .sg-drawer__has-sub > .sg-drawer__row { display: flex; align-items: center; justify-content: space-between; } .sg-drawer__has-sub > .sg-drawer__row a { flex: 1; } .sg-drawer__expand { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 auto; background: none; border: 0; color: var(--s61-muted); cursor: pointer; } .sg-drawer__expand svg { transition: transform 240ms ease; } .sg-drawer__has-sub.is-open > .sg-drawer__row .sg-drawer__expand svg { transform: rotate(90deg); } [dir="rtl"] .sg-drawer__expand svg { transform: scaleX(-1); } [dir="rtl"] .sg-drawer__has-sub.is-open > .sg-drawer__row .sg-drawer__expand svg { transform: scaleX(-1) rotate(90deg); } .sg-drawer__submenu { list-style: none; margin: 0; padding: 0; max-height: 0; overflow: hidden; background: #F6EFE0; transition: max-height 320ms ease; } .sg-drawer__has-sub.is-open > .sg-drawer__submenu { max-height: 640px; } .sg-drawer__submenu a { padding: 12px 20px 12px 34px; font-size: 0.95rem; font-weight: 500; color: var(--s61-muted); } [dir="rtl"] .sg-drawer__submenu a { padding: 12px 34px 12px 20px; } .sg-drawer__contact { margin-top: auto; padding: 18px 20px 24px; border-top: 1px solid var(--s61-border); background: #fbfcfe; } .sg-drawer__phone { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--s61-navy); text-decoration: none; } .sg-drawer__phone svg { color: var(--s61-teal); } .sg-drawer__contact small { display: block; margin-top: 8px; color: var(--s61-muted); font-size: 0.82rem; } body.sg-no-scroll { overflow: hidden; } } @media (max-width: 899px) { .sg-botbar { position: fixed; inset-inline: 0; bottom: 0; display: grid; grid-template-columns: repeat(3, 1fr); height: calc(var(--s61-bar-h) + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); background: rgba(255, 255, 255, 0.96); backdrop-filter: saturate(160%) blur(12px); -webkit-backdrop-filter: saturate(160%) blur(12px); border-top: 1px solid var(--s61-border); box-shadow: 0 -6px 24px rgba(9, 33, 67, 0.08); z-index: 9990; } .sg-botbar__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 44px; background: none; border: 0; cursor: pointer; text-decoration: none; color: var(--s61-navy); font: inherit; transition: color 160ms ease; -webkit-tap-highlight-color: transparent; } .sg-botbar__item:hover, .sg-botbar__item:active { color: var(--s61-teal); } .sg-botbar__label { font-size: 0.7rem; font-weight: 600; line-height: 1; } .sg-botbar__iconwrap { position: relative; display: inline-flex; } .sg-botbar__count { position: absolute; top: -7px; inset-inline-end: -9px; min-width: 17px; height: 17px; padding: 0 4px; display: inline-flex; align-items: center; justify-content: center; background: var(--s61-bright); color: #042; font-size: 0.66rem; font-weight: 700; border-radius: 999px; line-height: 1; } .sg-botbar__count[data-count="0"] { display: none; } body { padding-bottom: calc(var(--s61-bar-h) + env(safe-area-inset-bottom, 0px)); } .sg-ta, .sg-floating-contact, .sg-wa-float { bottom: calc(var(--s61-bar-h) + env(safe-area-inset-bottom, 0px) + 14px + var(--sg-ta-a11y-room, 72px)) !important; } }

:root { --sg-font-body: 'Heebo', 'Heebo Fallback', 'Rubik', 'Rubik Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif; --sg-font-display: 'Rubik', 'Rubik Fallback', 'Heebo', 'Heebo Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-body: var(--sg-font-body); --font-display: var(--sg-font-display); } body, button, input, select, textarea, optgroup, .sg-product__title { font-family: var(--sg-font-body); } h1, h2, h3, h4, h5, h6, .sg-section__title, .sg-cat-hero__title, .sg-filter__title, .sg-pinfo__title, h1.sg-pinfo__title, .sg-related h2, .sg-related .sg-section__title, .sorkx-megamenu__column.is-cta .sorkx-megamenu__col-title, .sorkx-mm-drawerhead__title, .s47-cats__title, .s47-cslider__title, .sg-stats__num, .sg-price-summary__now { font-family: var(--sg-font-display) !important; } p, li, dd, dt, blockquote, figcaption, .sg-prose, .entry-content, .woocommerce-product-details__short-description { font-family: var(--sg-font-body) !important; } h1, h2, h3, h4, h5, h6, .sg-section__title, .sg-cat-hero__title, .sg-pinfo__title { line-height: 1.2; letter-spacing: 0; } body { line-height: 1.5; }

.sg-logo a, .sg-drawer__logo { display: inline-flex; align-items: center; } .sg-brand-logo { display: block; width: auto; direction: ltr; } .sg-brand-logo text { direction: ltr; text-anchor: start; unicode-bidi: isolate; } .sg-brand-logo__g { fill: #26313c; } .sg-brand-logo__d { fill: var(--sg-gold-dark,#8C6B26); } .sg-brand-logo--dark .sg-brand-logo__g { fill: #eef2f7; } .sg-brand-logo--dark .sg-brand-logo__d { fill: var(--sg-gold,#C9A24B); } .sg-logo a:hover .sg-brand-logo, .sg-drawer__logo:hover .sg-brand-logo { transform: translateY(-1px); transition: transform .25s ease; } .sg-drawer__logo .sg-brand-logo { height: 38px; } @media (min-width: 900px) { .sg-header__main .sg-container { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: clamp(10px, 1.4vw, 26px); max-width: min(1600px, 95vw); padding-block: 12px; row-gap: 0 !important; } .sg-header__main .sg-logo { flex: 0 0 auto; order: 0; } .sg-header__main .sg-brand-logo { height: 50px; transition: height .28s ease; } .sg-header.is-scrolled .sg-header__main .sg-brand-logo { height: 40px; } .sg-header__nav { flex: 1 1 auto !important; min-width: 0; order: 1 !important; justify-content: center !important; margin-inline: 0 !important; } .sg-header__nav .sorkx-megamenu__items, .sg-header__nav .sg-nav { display: flex !important; flex-wrap: nowrap !important; justify-content: center; align-items: center; gap: clamp(2px, 0.5vw, 12px); padding: 0; margin: 0; } .sg-header__nav .sorkx-megamenu__link, .sg-header__nav .sg-nav > li > a { white-space: nowrap; padding: 10px clamp(6px, 0.7vw, 14px); font-size: clamp(0.84rem, 0.95vw, 0.98rem); font-weight: 600; } .sg-header__main .sg-search { order: 2; flex: 0 0 clamp(180px, 15vw, 240px); } .sg-header__actions { order: 3; flex: 0 0 auto; gap: 4px; } .sg-mobile-toggle--lead { display: none !important; } } @media (max-width: 899px) { .sg-header__main .sg-container { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; padding-block: 8px; min-height: 56px; } .sg-mobile-toggle--lead { display: inline-flex !important; justify-self: start; order: 0; width: 44px; height: 44px; } .sg-header__main .sg-logo { position: static !important; left: auto !important; transform: none !important; justify-self: center; order: 1; margin: 0; } .sg-header__main .sg-brand-logo { height: 36px; } .sg-header__actions { justify-self: end; order: 2; gap: 0; margin: 0 !important; } .sg-header__actions .sg-phone-link, .sg-header__actions > .sg-icon-btn[aria-label="חשבון"], .sg-header__actions .sg-mobile-toggle:not(.sg-mobile-toggle--lead) { display: none !important; } .sg-header__actions .sg-cart-link { display: inline-flex !important; } .sg-header__nav, .sg-header__main > .sg-container > .sg-search { display: none !important; } } .sg-drawer { right: 0 !important; left: auto !important; } .sg-drawer, [dir="rtl"] .sg-drawer { transform: translateX(100%); } .sg-drawer.is-open, [dir="rtl"] .sg-drawer.is-open { transform: translateX(0); } @media (min-width: 900px) { .sg-header__main .sg-header__actions { order: 3; flex: 0 1 auto; min-width: 0; display: flex; align-items: center; gap: 4px; } .sg-header__main .sg-header__actions .sg-search { flex: 0 1 clamp(170px, 14vw, 230px); min-width: 0; margin-inline-end: 6px; } .sg-header__cta { display: inline-flex; align-items: center; gap: 7px; margin-inline-start: 8px; padding: 10px 16px; border-radius: 999px; font-weight: 700; font-size: clamp(0.84rem, 0.92vw, 0.96rem); line-height: 1.2; white-space: nowrap; text-decoration: none; border: 1px solid transparent; background: var(--sg-header-cta-bg, #8C6B26); color: var(--sg-header-cta-ink, #FFFFFF); transition: filter .2s ease, box-shadow .2s ease; } .sg-header__cta:hover, .sg-header__cta:focus-visible { filter: brightness(1.08); color: var(--sg-header-cta-ink, #FFFFFF); } .sg-header__cta:focus-visible { outline: 3px solid var(--sg-header-cta-bg, #8C6B26); outline-offset: 2px; } .sg-header.is-scrolled .sg-header__cta { padding-block: 8px; } } @media (max-width: 899px) { .sg-header__main .sg-header__actions > .sg-search { display: none !important; } .sg-header__cta { display: none !important; } }

.c-catintro { --c-primary: var(--sg-primary, var(--color-primary, #2563eb)); --c-secondary: var(--sg-secondary, var(--color-secondary, #1e293b)); --c-text: var(--sg-text, var(--color-text, #1e293b)); --c-muted: var(--sg-text-muted, var(--color-text-muted, #64748b)); --c-surface: var(--sg-bg, var(--color-bg, #ffffff)); position: relative; background: var(--sg-bg-alt, var(--color-bg-alt, #f8fafc)); color: var(--c-text); font-family: var(--sg-font-body, inherit); } .c-catintro :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, strong) { color: inherit; } .c-catintro__cover { position: relative; display: grid; align-items: end; min-block-size: clamp(22rem, 70svh, 40rem); overflow: hidden; background: var(--c-secondary); color: #fff; } .c-catintro__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; } .c-catintro__cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / 0) 35%, rgb(0 0 0 / 0.6)); } .c-catintro__copy { position: relative; z-index: 1; inline-size: 100%; max-inline-size: 1200px; margin-inline: auto; padding: 2rem 16px clamp(2.5rem, 7vw, 4.5rem); } .c-catintro__eyebrow { margin: 0 0 0.6rem; font-size: 0.875rem; font-weight: 600; opacity: 0.9; } .c-catintro__title { max-inline-size: 16ch; margin: 0; font-family: var(--sg-font-heading, inherit); font-weight: var(--sg-font-heading-weight, 800); font-size: clamp(2.25rem, 7vw, 4.5rem); line-height: 1.04; text-wrap: balance; } .c-catintro__text { max-inline-size: 32rem; margin: 0.9rem 0 0; font-size: clamp(1rem, 2vw, 1.1875rem); line-height: 1.6; opacity: 0.92; } .c-catintro__under { display: grid; align-items: center; padding: clamp(3rem, 8vw, 5rem) 16px; } .c-catintro__under-inner { inline-size: 100%; max-inline-size: 1200px; margin-inline: auto; text-align: center; } .c-catintro__under-title { margin: 0; font-family: var(--sg-font-heading, inherit); font-weight: var(--sg-font-heading-weight, 700); font-size: clamp(1.5rem, 4vw, 2.25rem); } .c-catintro__under-text { max-inline-size: 36rem; margin: 0.6rem auto 0; color: var(--c-muted); line-height: 1.6; } .c-catintro__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin: clamp(1.25rem, 4vw, 2rem) 0 0; padding: 0; list-style: none; } @media (min-width: 1024px) { .c-catintro__items { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; } } .c-catintro__card { display: grid; gap: 0.5rem; padding: 0.5rem 0.5rem 0.85rem; border-radius: 20px; background: var(--c-surface); color: inherit; text-decoration: none; box-shadow: 0 10px 30px rgb(15 23 42 / 0.08); transition: translate 0.3s ease, box-shadow 0.3s ease; } .c-catintro__card:hover { translate: 0 -4px; box-shadow: 0 18px 40px rgb(15 23 42 / 0.14); } .c-catintro__card:focus-visible, .c-catintro__cta:focus-visible { outline: 3px solid var(--c-primary); outline-offset: 3px; } .c-catintro__thumb { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 14px; background: color-mix(in srgb, var(--c-primary) 10%, var(--c-surface)); } .c-catintro__thumb-img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; } .c-catintro__name { font-weight: 700; } .c-catintro__cta { display: inline-flex; align-items: center; gap: 0.5rem; min-block-size: 48px; margin-block-start: clamp(1.25rem, 4vw, 2rem); padding-inline: 1.5rem; border-radius: 999px; background: var(--c-primary); color: #fff; font-weight: 700; text-decoration: none; } .c-catintro .c-icon { inline-size: 1.2rem; block-size: 1.2rem; } .c-catintro .c-icon--dir:dir(rtl) { scale: -1 1; } @media (prefers-reduced-motion: no-preference) and (min-height: 560px) { @supports (animation-timeline: view()) { .c-catintro { block-size: 230svh; view-timeline: --c-catintro block; } .c-catintro__stage { position: sticky; inset-block-start: 0; display: grid; block-size: 100svh; overflow: hidden; } .c-catintro__cover, .c-catintro__under { grid-area: 1 / 1; min-block-size: 0; } .c-catintro__cover { z-index: 2; animation: c-catintro-crop linear both; animation-timeline: --c-catintro; animation-range: contain 0% contain 100%; } .c-catintro__cover::after { animation: c-catintro-scrim linear both; animation-timeline: --c-catintro; animation-range: contain 0% contain 100%; } .c-catintro__img { animation: c-catintro-push linear both; animation-timeline: --c-catintro; animation-range: contain 0% contain 55%; } .c-catintro__copy { animation: c-catintro-fade linear both; animation-timeline: --c-catintro; animation-range: contain 0% contain 25%; } .c-catintro__under-title, .c-catintro__under-text { animation: c-catintro-rise linear both; animation-timeline: --c-catintro; animation-range: contain 45% contain 68%; } .c-catintro__item { animation: c-catintro-rise linear both; animation-timeline: --c-catintro; animation-range: contain calc(52% + var(--i, 0) * 5%) contain calc(74% + var(--i, 0) * 5%); } .c-catintro__cta { animation: c-catintro-rise linear both; animation-timeline: --c-catintro; animation-range: contain 72% contain 92%; } } } @keyframes c-catintro-crop { 0% { clip-path: inset(0 0 0 0 round 0); } 40% { clip-path: inset(10% 8% 26% 8% round 28px); } 75% { clip-path: inset(10% 8% 90% 8% round 28px); } 100% { clip-path: inset(10% 8% 90% 8% round 28px); } } @keyframes c-catintro-scrim { from { opacity: 1; } to { opacity: 1; } } @keyframes c-catintro-push { from { scale: 1.15; } to { scale: 1; } } @keyframes c-catintro-fade { to { opacity: 0; translate: 0 -24px; } } @keyframes c-catintro-rise { from { opacity: 0; translate: 0 40px; } to { opacity: 1; translate: 0 0; } }

.sg-hs { position: relative; background: #0B0E13; isolation: isolate; } .sg-hs__track { list-style: none; margin: 0; padding: 0; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .sg-hs__track::-webkit-scrollbar { display: none; } .sg-hs__track:focus-visible { outline: 3px solid #fff; outline-offset: -3px; } .sg-hs__slide { position: relative; flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; block-size: min(78svh, 620px); min-block-size: 420px; display: grid; align-items: end; overflow: hidden; } .sg-hs__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; z-index: -2; } .sg-hs__slide::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(185deg, rgba(8, 11, 16, .46) 0%, rgba(8, 11, 16, .12) 34%, rgba(8, 11, 16, .86) 100%); } .sg-hs__copy { inline-size: 100%; max-inline-size: 1368px; margin-inline: auto; padding: 0 16px clamp(72px, 12vw, 104px); } .sg-hs__eyebrow { margin: 0 0 .6rem; font-size: .8rem; font-weight: 600; letter-spacing: .12em; color: var(--sg-gold-text, #E8C77A); } .sg-hs__title { max-inline-size: 11.6em; margin: 0 0 1.1rem; font-size: clamp(1.75rem, 5.4vw, 3.4rem); line-height: 1.1; font-weight: 700; color: #fff; text-wrap: balance; text-shadow: 0 2px 18px rgba(0, 0, 0, .34); } .sg-hs__cta { display: inline-flex; align-items: center; min-block-size: 50px; padding-inline: 1.6rem; border-radius: 10px; font-size: 1rem; font-weight: 700; text-decoration: none; color: #14181F; background: var(--sg-gold, #E8C77A); transition: filter .2s ease; } .sg-hs__cta:hover { filter: brightness(1.07); } .sg-hs__cta:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .sg-hs__controls { position: absolute; inset-block-end: 16px; inset-inline: 0; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 10px; padding-inline: 16px; pointer-events: none; } .sg-hs__controls > * { pointer-events: auto; } .sg-hs__arrow, .sg-hs__play { inline-size: 40px; block-size: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px; background: rgba(10, 14, 20, .5); color: #fff; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; } .sg-hs__arrow:hover, .sg-hs__play:hover { background: rgba(10, 14, 20, .74); border-color: #fff; } .sg-hs__arrow:focus-visible, .sg-hs__play:focus-visible { outline: 3px solid #fff; outline-offset: 2px; } .sg-hs__dots { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 8px; } .sg-hs__dot { inline-size: 10px; block-size: 10px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .45); cursor: pointer; transition: inline-size .2s ease, background-color .2s ease; } .sg-hs__dot.is-active { inline-size: 26px; background: var(--sg-gold, #E8C77A); } .sg-hs__dots li { display: grid; place-items: center; inline-size: 24px; block-size: 44px; } .sg-hs__dot:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .sg-hs__play .sg-hs__ic-play { display: none; } .sg-hs__play[aria-pressed="true"] .sg-hs__ic-pause { display: none; } .sg-hs__play[aria-pressed="true"] .sg-hs__ic-play { display: block; } @media (min-width: 900px) { .sg-hs__slide { block-size: min(80svh, 680px); } .sg-hs__controls { inset-block-end: 24px; justify-content: flex-start; max-inline-size: 1368px; margin-inline: auto; } } @media (prefers-reduced-motion: reduce) { .sg-hs__track { scroll-behavior: auto; } .sg-hs__arrow, .sg-hs__play, .sg-hs__dot, .sg-hs__cta { transition: none; } }

:root { --sg-rhythm: 96px; --sg-rhythm-sm: 56px; --sg-v2-ink: var(--sg-brown, #092143); --sg-v2-muted: var(--sg-text-muted, #525C6B); --sg-v2-line: var(--sg-border, #e2eaf1); --sg-v2-accent: var(--sg-gold, #C9A24B); --sg-v2-accent-ink: #8C6B26; } .sg-section { padding-block: var(--sg-rhythm-sm); } @media (min-width: 900px) { .sg-section { padding-block: var(--sg-rhythm); } } .sg-pb { padding-block: 28px; background: var(--sg-cream-alt, #f3f8fb); border-block: 1px solid var(--sg-v2-line); } .sg-pb__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: 1fr; } .sg-pb__link { display: flex; align-items: flex-start; gap: 14px; padding: 14px; border-radius: var(--sg-radius-md, 8px); background: #fff; border: 1px solid var(--sg-v2-line); text-decoration: none; color: inherit; block-size: 100%; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .sg-pb__link:hover { border-color: var(--sg-v2-accent); box-shadow: var(--sg-shadow-sm, 0 1px 3px rgba(9, 33, 67, .08)); transform: translateY(-2px); } .sg-pb__link:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: 2px; } .sg-pb__icon { flex: 0 0 auto; inline-size: 44px; block-size: 44px; display: grid; place-items: center; border-radius: var(--sg-radius-sm, 4px); background: var(--sg-gold-light, #F6EFE0); color: var(--sg-v2-accent-ink, #8C6B26); } .sg-pb__lead { font-size: 1.05rem; font-weight: 700; line-height: 1; letter-spacing: -.01em; } .sg-pb__body { display: flex; flex-direction: column; gap: 3px; min-inline-size: 0; } .sg-pb__title { font-size: 1rem; font-weight: 700; color: var(--sg-v2-ink); } .sg-pb__sub { font-size: .86rem; line-height: 1.55; color: var(--sg-v2-muted); } .sg-pb__more { margin-block-start: 4px; display: inline-flex; align-items: center; gap: 4px; font-size: .84rem; font-weight: 600; color: var(--sg-v2-accent-ink, #8C6B26); } .sg-pb__link:hover .sg-pb__more svg { transform: translateX(-3px); } .sg-pb__more svg { transition: transform .2s ease; } @media (min-width: 760px) { .sg-pb__grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } } .sg-ct__head { max-inline-size: 60ch; margin-block-end: 24px; } .sg-ct__title { margin: 0; font-size: clamp(1.35rem, 3.2vw, 2rem); line-height: 1.2; font-weight: 700; color: var(--sg-v2-ink); } .sg-ct__intro { margin: 8px 0 0; font-size: .97rem; line-height: 1.65; color: var(--sg-v2-muted); } .sg-ct__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); } .sg-ct__link { display: flex; flex-direction: column; block-size: 100%; border-radius: var(--sg-radius-md, 8px); overflow: hidden; background: #fff; border: 1px solid var(--sg-v2-line); text-decoration: none; color: inherit; transition: border-color .2s ease, box-shadow .2s ease; } .sg-ct__link:hover { border-color: var(--sg-v2-accent); box-shadow: var(--sg-shadow, 0 6px 20px rgba(9, 33, 67, .08)); } .sg-ct__link:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: 2px; } .sg-ct__media { display: block; aspect-ratio: 1 / 1; background: var(--sg-cream-alt, #f3f8fb); overflow: hidden; } .sg-ct__img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center; transition: transform .35s var(--sg-ease-out-soft, ease); } .sg-ct__link:hover .sg-ct__img { transform: scale(1.03); } .sg-ct__plate { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px 14px; background: #fff; border-block-start: 1px solid var(--sg-v2-line); } .sg-ct__name { font-size: .98rem; font-weight: 700; color: var(--sg-v2-ink); line-height: 1.35; } .sg-ct__count { font-size: .82rem; color: var(--sg-v2-muted); } .sg-ct__more { display: flex; align-items: center; gap: 4px; font-size: .85rem; font-weight: 600; color: var(--sg-v2-accent-ink, #8C6B26); max-block-size: 0; opacity: 0; margin-block-start: 0; overflow: hidden; transition: max-block-size .25s ease, opacity .25s ease, margin-block-start .25s ease; } .sg-ct__link:hover .sg-ct__more, .sg-ct__link:focus-visible .sg-ct__more { max-block-size: 2em; opacity: 1; margin-block-start: 6px; } @media (hover: none) { .sg-ct__more { max-block-size: 2em; opacity: 1; margin-block-start: 6px; } } @media (prefers-reduced-motion: reduce) { .sg-ct__img, .sg-ct__more { transition: none; } } @media (min-width: 700px) { .sg-ct__grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } } @media (min-width: 1100px) { .sg-ct__grid { grid-template-columns: repeat(6, 1fr); } } .sg-ds { background: var(--sg-cream-alt, #f3f8fb); } .sg-ds__head { max-inline-size: 62ch; margin-block-end: 28px; } .sg-ds__eyebrow { margin: 0 0 6px; font-size: .78rem; font-weight: 700; letter-spacing: .1em; color: var(--sg-v2-accent-ink, #8C6B26); } .sg-ds__title { margin: 0; font-size: clamp(1.35rem, 3.2vw, 2rem); line-height: 1.2; font-weight: 700; color: var(--sg-v2-ink); } .sg-ds__intro { margin: 10px 0 0; font-size: .97rem; line-height: 1.7; color: var(--sg-v2-muted); } .sg-ds__row { margin-block-end: 26px; } .sg-ds__rowlabel { display: flex; align-items: baseline; gap: 10px; margin: 0 0 10px; font-size: 1rem; font-weight: 700; color: var(--sg-v2-ink); } .sg-ds__rowhint { font-size: .82rem; font-weight: 400; color: var(--sg-v2-muted); } .sg-ds__strip { list-style: none; margin: 0; padding: 0 0 6px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px, 1fr); gap: 12px; overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-inline: contain; scrollbar-width: thin; } .sg-ds__cell { scroll-snap-align: start; background: #fff; border: 1px solid var(--sg-v2-line); border-radius: var(--sg-radius-md, 8px); overflow: hidden; } .sg-ds__img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: center; } .sg-ds__steps { list-style: none; counter-reset: none; margin: 8px 0 0; padding: 0; display: grid; gap: 14px; grid-template-columns: 1fr; } .sg-ds__step { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "n title" ". body"; column-gap: 12px; row-gap: 4px; padding: 16px; background: #fff; border: 1px solid var(--sg-v2-line); border-radius: var(--sg-radius-md, 8px); } .sg-ds__stepn { grid-area: n; inline-size: 30px; block-size: 30px; display: grid; place-items: center; border-radius: 999px; background: var(--sg-gold-light, #F6EFE0); color: var(--sg-v2-accent-ink, #8C6B26); font-weight: 700; font-size: .95rem; } .sg-ds__steptitle { grid-area: title; align-self: center; font-size: 1rem; font-weight: 700; color: var(--sg-v2-ink); } .sg-ds__stepbody { grid-area: body; font-size: .9rem; line-height: 1.65; color: var(--sg-v2-muted); } .sg-ds__cta { margin-block-start: 24px; } .sg-ds__btn { min-block-size: 50px; display: inline-flex; align-items: center; } .sg-ds__note { margin: 10px 0 0; font-size: .85rem; color: var(--sg-v2-muted); } @media (min-width: 760px) { .sg-ds__strip { grid-auto-columns: minmax(220px, 1fr); gap: 16px; } .sg-ds__steps { grid-template-columns: repeat(3, 1fr); } } .sg-mg__head { max-inline-size: 62ch; margin-block-end: 28px; } .sg-mg__eyebrow { margin: 0 0 6px; font-size: .78rem; font-weight: 700; letter-spacing: .1em; color: var(--sg-v2-accent-ink, #8C6B26); } .sg-mg__title { margin: 0; font-size: clamp(1.35rem, 3.2vw, 2rem); line-height: 1.2; font-weight: 700; color: var(--sg-v2-ink); } .sg-mg__intro { margin: 10px 0 0; font-size: .97rem; line-height: 1.7; color: var(--sg-v2-muted); } .sg-mg__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: 1fr; } .sg-mg__card { display: flex; flex-direction: column; padding: 20px; background: #fff; border: 1px solid var(--sg-v2-line); border-radius: var(--sg-radius-md, 8px); border-inline-start: 3px solid var(--sg-v2-accent); } .sg-mg__name { margin: 0 0 6px; font-size: 1.15rem; font-weight: 700; color: var(--sg-v2-ink); } .sg-mg__lede { margin: 0 0 14px; font-size: .95rem; line-height: 1.6; color: var(--sg-v2-ink); } .sg-mg__specs { margin: 0 0 14px; padding: 0; list-style: none; display: grid; gap: 7px; } .sg-mg__specs li { position: relative; padding-inline-start: 20px; font-size: .88rem; line-height: 1.55; color: var(--sg-v2-muted); } .sg-mg__specs li::before { content: ""; position: absolute; inset-inline-start: 4px; inset-block-start: .55em; inline-size: 6px; block-size: 6px; border-radius: 999px; background: var(--sg-v2-accent); } .sg-mg__meta { margin: 0 0 16px; padding-block-start: 14px; border-block-start: 1px solid var(--sg-v2-line); display: grid; grid-template-columns: auto 1fr; column-gap: 12px; row-gap: 6px; font-size: .85rem; } .sg-mg__meta dt { font-weight: 700; color: var(--sg-v2-ink); } .sg-mg__meta dd { margin: 0; color: var(--sg-v2-muted); line-height: 1.5; } .sg-mg__cta { margin-block-start: auto; display: inline-flex; align-items: center; gap: 5px; font-size: .92rem; font-weight: 700; color: var(--sg-v2-accent-ink, #8C6B26); text-decoration: none; } .sg-mg__cta:hover { text-decoration: underline; } .sg-mg__cta:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: 3px; border-radius: 3px; } @media (min-width: 820px) { .sg-mg__grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } } .sg-mg__sizes { margin-block-start: 36px; padding: 22px 18px; background: var(--sg-cream-alt, #f3f8fb); border-radius: var(--sg-radius-md, 8px); } .sg-mg__subtitle { margin: 0 0 8px; font-size: 1.15rem; font-weight: 700; color: var(--sg-v2-ink); } .sg-mg__sizelede { margin: 0 0 22px; max-inline-size: 70ch; font-size: .93rem; line-height: 1.7; color: var(--sg-v2-muted); } .sg-mg__scale { margin: 0 0 24px; } .sg-mg__scaleplot { --sg-plot-h: 180px; position: relative; display: flex; align-items: flex-end; gap: 10px; block-size: var(--sg-plot-h); padding-inline-end: 56px; padding-block-end: 22px; border-block-end: 2px solid var(--sg-v2-ink); overflow-x: auto; overflow-y: hidden; } .sg-mg__panel { flex: 0 0 auto; position: relative; inline-size: calc(var(--pw) / var(--sg-scale-ref) * var(--sg-plot-h)); block-size: calc(var(--ph) / var(--sg-scale-ref) * var(--sg-plot-h)); background: #fff; border: 1px solid var(--sg-v2-accent); border-radius: 2px; } .sg-mg__panellabel { position: absolute; inset-block-end: -20px; inset-inline: 0; text-align: center; font-size: .68rem; font-weight: 600; color: var(--sg-v2-muted); white-space: nowrap; } .sg-mg__human { flex: 0 0 auto; position: relative; inline-size: 26px; block-size: calc(170 / var(--sg-scale-ref) * var(--sg-plot-h)); } .sg-mg__human::before { content: ""; position: absolute; inset: 0; border-radius: 13px 13px 0 0; background: var(--sg-v2-ink); opacity: .22; } .sg-mg__humanlabel { position: absolute; inset-block-end: -20px; inset-inline-start: 50%; transform: translateX(50%); font-size: .68rem; font-weight: 600; color: var(--sg-v2-muted); white-space: nowrap; } .sg-mg__scalecap { margin: 12px 0 0; font-size: .83rem; line-height: 1.6; color: var(--sg-v2-muted); } .sg-mg__ladder { margin-block-start: 16px; } .sg-mg__laddername { margin: 0 0 8px; font-size: .9rem; font-weight: 700; color: var(--sg-v2-ink); } .sg-mg__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .sg-mg__chip { padding: 5px 10px; border-radius: var(--sg-radius-pill, 999px); background: #fff; border: 1px solid var(--sg-v2-line); font-size: .8rem; color: var(--sg-v2-ink); font-variant-numeric: tabular-nums; direction: ltr; } .sg-mg__note { margin: 18px 0 0; font-size: .82rem; line-height: 1.6; color: var(--sg-v2-muted); } @media (min-width: 760px) { .sg-mg__sizes { padding: 30px 28px; } .sg-mg__scaleplot { --sg-plot-h: 240px; gap: 16px; } } .sg-trust--strip { padding-block: 34px; } .sg-trust--strip .sg-trust__grid { grid-template-columns: 1fr; gap: 18px; padding-inline: 0; } .sg-trust--strip .sg-trust__item { display: flex; align-items: center; gap: 12px; text-align: start; } .sg-trust--strip .sg-trust__icon { flex: 0 0 auto; inline-size: 42px; block-size: 42px; display: grid; place-items: center; border-radius: var(--sg-radius-sm, 4px); background: var(--sg-gold-light, #F6EFE0); color: var(--sg-v2-accent-ink, #8C6B26); } .sg-trust--strip .sg-trust__txt { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; } .sg-trust--strip .sg-trust__txt strong { font-size: .93rem; font-weight: 700; line-height: 1.35; color: var(--sg-v2-ink); } .sg-trust--strip .sg-trust__txt small { font-size: .82rem; line-height: 1.45; color: var(--sg-v2-muted); } @media (min-width: 640px) { .sg-trust--strip .sg-trust__grid { grid-template-columns: repeat(2, 1fr); gap: 22px 28px; } } @media (min-width: 1040px) { .sg-trust--strip .sg-trust__grid { grid-template-columns: repeat(4, 1fr); } } .sg-faq__inner { max-inline-size: 860px; } .sg-faq__head { margin-block-end: 24px; } .sg-faq__eyebrow { margin: 0 0 6px; font-size: .78rem; font-weight: 700; letter-spacing: .1em; color: var(--sg-v2-accent-ink, #8C6B26); } .sg-faq__title { margin: 0; font-size: clamp(1.35rem, 3.2vw, 2rem); line-height: 1.2; font-weight: 700; color: var(--sg-v2-ink); } .sg-faq__intro { margin: 8px 0 0; font-size: .95rem; line-height: 1.65; color: var(--sg-v2-muted); } .sg-faq__list { border-block-start: 1px solid var(--sg-v2-line); } .sg-faq__item { border-block-end: 1px solid var(--sg-v2-line); } .sg-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 2px; min-block-size: 44px; cursor: pointer; font-size: 1rem; font-weight: 700; line-height: 1.45; color: var(--sg-v2-ink); list-style: none; } .sg-faq__q::-webkit-details-marker { display: none; } .sg-faq__q:hover { color: var(--sg-v2-accent-ink, #8C6B26); } .sg-faq__q:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: -3px; border-radius: 4px; } .sg-faq__chev { flex: 0 0 auto; display: grid; place-items: center; inline-size: 28px; block-size: 28px; color: var(--sg-v2-accent-ink, #8C6B26); transition: transform .2s ease; } .sg-faq__item[open] .sg-faq__chev { transform: rotate(180deg); } .sg-faq__a { padding: 0 2px 20px; } .sg-faq__a p { margin: 0; font-size: .94rem; line-height: 1.8; color: var(--sg-v2-muted); } .sg-faq__more { margin: 22px 0 0; font-size: .92rem; line-height: 1.7; color: var(--sg-v2-muted); } .sg-faq__link { color: var(--sg-v2-accent-ink, #8C6B26); font-weight: 600; } .sg-faq__link:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: 2px; border-radius: 3px; } @media (prefers-reduced-motion: reduce) { .sg-faq__chev { transition: none; } } .sg-nl__box { padding: 26px 20px; border-radius: var(--sg-radius-lg, 16px); background: var(--sg-v2-ink); color: #fff; display: grid; gap: 20px; } .sg-nl__title { margin: 0 0 8px; font-size: clamp(1.2rem, 2.8vw, 1.6rem); line-height: 1.25; font-weight: 700; color: #fff; } .sg-nl__body { margin: 0; font-size: .92rem; line-height: 1.7; color: rgba(255, 255, 255, .82); } .sg-nl__form { display: grid; gap: 10px; grid-template-columns: 1fr; align-content: start; } .sg-nl__input { inline-size: 100%; min-block-size: 50px; padding-inline: 14px; border: 1px solid rgba(255, 255, 255, .35); border-radius: var(--sg-radius-md, 8px); background: rgba(255, 255, 255, .08); color: #fff; font-size: 1rem; font-family: inherit; direction: ltr; text-align: start; } .sg-nl__input::placeholder { color: rgba(255, 255, 255, .5); } .sg-nl__input:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: 2px; border-color: transparent; } .sg-nl__submit { min-block-size: 50px; } .sg-nl__hp { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; } .sg-nl__status { margin: 0; min-block-size: 1.2em; font-size: .86rem; color: rgba(255, 255, 255, .85); } .sg-nl__status.is-error { color: #ffd4cc; } @media (min-width: 820px) { .sg-nl__box { grid-template-columns: 1.2fr 1fr; align-items: center; padding: 34px 32px; gap: 32px; } .sg-nl__form { grid-template-columns: 1fr auto; grid-template-areas: "input button" "status status"; } .sg-nl__input { grid-area: input; } .sg-nl__submit { grid-area: button; } .sg-nl__status { grid-area: status; } } .sg-logo__link:focus-visible, .sg-announce__close:focus-visible, .sg-lead__phone:focus-visible, .sg-sidecart__close:focus-visible, .sg-sidecart__viewcart:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: 3px; border-radius: 4px; } .sg-announce__close:focus-visible, .sg-sidecart__close:focus-visible { outline-color: #fff; } .sg-blog--feed .sg-section__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px 18px; text-align: start; max-inline-size: none; margin-inline: 0; margin-block-end: 24px; } .sg-blog--feed .sg-section__title { margin: 0; } .sg-blog--feed .sg-section__sub { flex: 1 1 100%; margin: 0; font-size: .95rem; line-height: 1.65; color: var(--sg-v2-muted); } .sg-blog--feed .sg-section__more { display: inline-flex; align-items: center; gap: 5px; font-size: .92rem; font-weight: 700; color: var(--sg-v2-accent-ink, #8C6B26); text-decoration: none; white-space: nowrap; } .sg-blog--feed .sg-section__more:hover { text-decoration: underline; } .sg-blog--feed .sg-section__more:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: 3px; border-radius: 3px; } .sg-blog--feed .sg-blog__grid { display: grid; grid-template-columns: 1fr; gap: 16px; } .sg-blog--feed .sg-blog__card { background: var(--sg-surface, #fff); border: 1px solid var(--sg-v2-line); border-radius: var(--sg-radius-lg, 16px); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .sg-blog--feed .sg-blog__card:hover { transform: translateY(-4px); box-shadow: var(--sg-shadow-lg, 0 18px 42px rgba(9, 33, 67, .12)); border-color: var(--sg-v2-accent); } .sg-blog--feed .sg-blog__card > a { display: flex; flex-direction: column; block-size: 100%; text-decoration: none; color: inherit; } .sg-blog--feed .sg-blog__card > a:focus-visible { outline: 3px solid var(--sg-v2-accent); outline-offset: -3px; } .sg-blog--feed .sg-blog__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--sg-cream-deep, #eef4f9); } .sg-blog--feed .sg-blog__media img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .35s var(--sg-ease-out-soft, ease); } .sg-blog--feed .sg-blog__card:hover .sg-blog__media img { transform: scale(1.04); } .sg-blog--feed .sg-blog__title { margin: 16px 18px 0; font-size: 1.08rem; line-height: 1.35; font-weight: 700; color: var(--sg-v2-ink); } .sg-blog--feed .sg-blog__excerpt { margin: 8px 18px 0; font-size: .9rem; line-height: 1.65; color: var(--sg-v2-muted); } .sg-blog--feed .sg-blog__date { display: block; margin: 12px 18px 18px; padding-block-start: 12px; border-block-start: 1px solid var(--sg-v2-line); font-size: .8rem; color: var(--sg-v2-muted); margin-block-start: auto; } @media (min-width: 620px) { .sg-blog--feed .sg-blog__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (min-width: 980px) { .sg-blog--feed .sg-blog__grid { grid-template-columns: repeat(3, 1fr); } } @media (prefers-reduced-motion: reduce) { .sg-blog--feed .sg-blog__card, .sg-blog--feed .sg-blog__media img { transition: none; } .sg-blog--feed .sg-blog__card:hover { transform: none; } } a:not([class*="sg-btn"]):not([class*="elementor"]):not([class*="add_to_cart"]):not([class*="__btn"]):not([class*="quickadd"]):not([class*="__chip"]) { color: var(--sg-v2-accent-ink, #8C6B26); } .sg-rail .sg-rail__chip { color: #2A333F; } .sg-rail .sg-rail__chip.is-active { color: #fff; } .sg-rail ul.sg-rail__chips a.sg-rail__chip { color: #2A333F; } .sg-rail ul.sg-rail__chips a.sg-rail__chip.is-active { color: #fff; } .sg-rail .sg-rail__card a.sg-rail__btn { color: var(--sg-brown, #092143); } .sg-rail .sg-rail__card .sg-rail__price del { opacity: 1; color: var(--sg-text-muted, #5b6b80); } .sg-rail .sg-rail__card .sg-rail__price del .woocommerce-Price-amount { color: var(--sg-text-muted, #5b6b80) !important; } .sg-work__eyebrow, .sg-uploadedu__eyebrow { color: var(--sg-gold-text, #8C6B26); }

:root { --sg-cream-1: #FDFBF7; --sg-cream-2: #F6F1E8; --sg-cream-vein: rgba(176, 148, 96, .07); --sg-ink: #22252B; --sg-ink-soft: #5A6068; --sg-hairline: #E6DFD2; } .sg-cream-marble { background-color: var(--sg-cream-1); background-image: linear-gradient(112deg, transparent 0 44%, var(--sg-cream-vein) 44% 44.6%, transparent 44.6% 100%), linear-gradient(98deg, transparent 0 68%, var(--sg-cream-vein) 68% 68.5%, transparent 68.5% 100%), linear-gradient(135deg, var(--sg-cream-2) 0%, var(--sg-cream-1) 48%, var(--sg-cream-2) 100%); } .sg-goldcta { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-block-size: 44px; padding-inline: 20px; border-radius: 999px; border: 0; background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%); color: var(--sg-gold-cta-ink, #2A2113); font-size: .95rem; font-weight: 700; line-height: 1; text-decoration: none; box-shadow: 0 2px 10px rgba(201, 162, 75, .28); transition: filter .2s ease, transform .2s ease; } .sg-goldcta:hover { filter: brightness(1.05); transform: translateY(-1px); } .sg-goldcta:focus-visible { outline: 3px solid var(--sg-ink); outline-offset: 3px; } .sg-hb { background-color: var(--sg-cream-1); background-image: linear-gradient(112deg, transparent 0 44%, var(--sg-cream-vein) 44% 44.6%, transparent 44.6% 100%), linear-gradient(135deg, var(--sg-cream-2) 0%, var(--sg-cream-1) 48%, var(--sg-cream-2) 100%); } .sg-hb__item + .sg-hb__item { border-block-start: 1px solid var(--sg-hairline); } .sg-hb__link { display: grid; grid-template-columns: minmax(0, 54fr) minmax(0, 46fr); align-items: center; gap: 0; text-decoration: none; color: inherit; } .sg-hb__media { order: 2; } .sg-hb__copy { order: 1; } .sg-hb__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: var(--sg-cream-2); } .sg-hb__img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center; transition: transform .5s var(--sg-ease-out-soft, ease); } .sg-hb__link:hover .sg-hb__img { transform: scale(1.03); } .sg-hb__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px 14px; min-inline-size: 0; } .sg-hb__title { font-size: clamp(1.05rem, 4.6vw, 1.45rem); line-height: 1.22; font-weight: 800; color: var(--sg-ink); text-wrap: balance; } .sg-hb__sub { font-size: clamp(.78rem, 3vw, .95rem); line-height: 1.5; color: var(--sg-ink-soft); } .sg-hb__cta { margin-block-start: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-block-size: 40px; padding-inline: 16px; border-radius: 999px; background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%); color: var(--sg-gold-cta-ink, #2A2113); font-size: clamp(.78rem, 3vw, .92rem); font-weight: 700; line-height: 1; box-shadow: 0 2px 10px rgba(201, 162, 75, .28); white-space: nowrap; } .sg-hb__link:hover .sg-hb__cta { filter: brightness(1.05); } .sg-hb__link:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: -4px; } @media (min-width: 700px) { .sg-hb__link { grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); } .sg-hb__media { aspect-ratio: 21 / 9; } .sg-hb__copy { gap: 12px; padding: 28px 32px; } .sg-hb__title { font-size: clamp(1.5rem, 2.6vw, 2.3rem); } .sg-hb__sub { font-size: 1rem; } .sg-hb__cta { min-block-size: 46px; padding-inline: 22px; font-size: .95rem; } } @media (min-width: 1200px) { .sg-hb__media { aspect-ratio: 24 / 9; } .sg-hb__copy { padding-inline: clamp(32px, 5vw, 80px); } } @media (prefers-reduced-motion: reduce) { .sg-hb__img { transition: none; } .sg-hb__link:hover .sg-hb__img { transform: none; } } .sg-tr--light { background: var(--sg-cream-1); } .sg-tr--dark { background: var(--sg-cream-2); } .sg-tr__head { text-align: center; max-inline-size: 60ch; margin: 0 auto 22px; } .sg-tr__title { margin: 0; font-size: clamp(1.25rem, 4.4vw, 1.9rem); line-height: 1.22; font-weight: 800; color: var(--sg-ink); } .sg-tr__sub { margin: 7px 0 0; font-size: .95rem; line-height: 1.55; color: var(--sg-ink-soft); } .sg-tr__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); } .sg-tr__link { display: flex; flex-direction: column; block-size: 100%; border-radius: 10px; overflow: hidden; background: #fff; border: 1px solid var(--sg-hairline); text-decoration: none; color: inherit; transition: box-shadow .2s ease, transform .2s ease; } .sg-tr__link:hover { box-shadow: 0 10px 28px rgba(34, 37, 43, .13); transform: translateY(-2px); } .sg-tr__link:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: 2px; } .sg-tr__media { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--sg-cream-2); } .sg-tr__img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .4s var(--sg-ease-out-soft, ease); } .sg-tr__link:hover .sg-tr__img { transform: scale(1.04); } .sg-tr__plate { margin-block-start: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 13px; } .sg-tr__label { font-size: .88rem; font-weight: 700; line-height: 1.3; } .sg-tr__chev { flex: 0 0 auto; } .sg-tr--light .sg-tr__plate { background: #fff; border-block-start: 1px solid var(--sg-hairline); color: var(--sg-ink); } .sg-tr--light .sg-tr__chev { color: var(--sg-gold-cta, #C9A24B); } .sg-tr--dark .sg-tr__plate { background: #232A36; color: #fff; } .sg-tr--dark .sg-tr__chev { color: var(--sg-gold-cta-2, #E0C071); } @media (min-width: 760px) { .sg-tr__grid { grid-template-columns: repeat(4, 1fr); gap: 18px; } .sg-tr__head { margin-block-end: 30px; } .sg-tr__label { font-size: .95rem; } .sg-tr__plate { padding: 13px 15px; } } @media (min-width: 760px) { .sg-tr__grid:has(> :last-child:nth-child(3)) { grid-template-columns: repeat(3, 1fr); max-inline-size: 76%; margin-inline: auto; } } @media (prefers-reduced-motion: reduce) { .sg-tr__img, .sg-tr__link { transition: none; } .sg-tr__link:hover { transform: none; } } .sg-bsol { background: var(--sg-cream-1); } .sg-bsol__head { text-align: center; max-inline-size: 62ch; margin: 0 auto 24px; } .sg-bsol__title { margin: 0; font-size: clamp(1.25rem, 4.4vw, 1.9rem); line-height: 1.22; font-weight: 800; color: var(--sg-ink); } .sg-bsol__sub { margin: 7px 0 0; font-size: .95rem; line-height: 1.55; color: var(--sg-ink-soft); } .sg-bsol__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; } .sg-bsol__link { display: grid; grid-template-columns: 1fr; align-items: stretch; border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid var(--sg-hairline); text-decoration: none; color: inherit; transition: box-shadow .2s ease; } .sg-bsol__link:hover { box-shadow: 0 12px 30px rgba(34, 37, 43, .14); } .sg-bsol__link:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: 2px; } .sg-bsol__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--sg-cream-2); } .sg-bsol__img { inline-size: 100%; block-size: 100%; object-fit: cover; } .sg-bsol__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; padding: 18px 16px; } .sg-bsol__name { font-size: 1.1rem; font-weight: 800; color: var(--sg-ink); } .sg-bsol__line { font-size: .9rem; line-height: 1.6; color: var(--sg-ink-soft); } .sg-bsol__cta { margin-block-start: 4px; display: inline-flex; align-items: center; gap: 6px; min-block-size: 40px; padding-inline: 16px; border-radius: 999px; background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%); color: var(--sg-gold-cta-ink, #2A2113); font-size: .88rem; font-weight: 700; line-height: 1; } @media (min-width: 760px) { .sg-bsol__link { grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); } .sg-bsol__media { aspect-ratio: 16 / 9; block-size: 100%; } .sg-bsol__copy { padding: 26px 30px; gap: 10px; } .sg-bsol__card--flip .sg-bsol__link { grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); } .sg-bsol__card--flip .sg-bsol__media { order: 2; } .sg-bsol__card--flip .sg-bsol__copy { order: 1; } } .sg-srail { position: fixed; inset-inline-end: 10px; inset-block-start: 50%; transform: translateY(-50%); z-index: 60; display: none; } .sg-srail__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: 9px; } .sg-srail__item { display: flex; flex-direction: column; align-items: center; } .sg-srail__link { inline-size: 42px; block-size: 42px; display: grid; place-items: center; border-radius: 50%; background: #fff; border: 1px solid var(--sg-hairline); color: var(--sg-ink); box-shadow: 0 4px 14px rgba(34, 37, 43, .16); transition: transform .2s ease, box-shadow .2s ease; } .sg-srail__link:hover { transform: scale(1.08); box-shadow: 0 6px 18px rgba(34, 37, 43, .24); } .sg-srail__link:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: 3px; } .sg-srail__link--instagram { color: #C13584; } .sg-srail__link--facebook { color: #1877F2; } .sg-srail__link--whatsapp { color: #1EA952; } .sg-srail__link--google { color: #1A73E8; } .sg-srail__cap { margin-block-start: 3px; max-inline-size: 58px; text-align: center; font-size: .62rem; line-height: 1.25; font-weight: 600; color: var(--sg-ink-soft); } @media (min-width: 900px) { .sg-srail { display: block; } } @media (prefers-reduced-motion: reduce) { .sg-srail__link { transition: none; } } .sg-lead { background: var(--sg-cream-2); } .sg-lead__inner { display: grid; gap: 22px; grid-template-columns: 1fr; } .sg-lead__head { text-align: start; } .sg-lead__title { margin: 0 0 6px; font-size: clamp(1.35rem, 4.6vw, 2rem); font-weight: 800; color: var(--sg-ink); } .sg-lead__sub { margin: 0 0 16px; font-size: .97rem; line-height: 1.6; color: var(--sg-ink-soft); } .sg-lead__phone, .sg-lead__wa { display: inline-flex; align-items: center; justify-content: center; gap: 9px; inline-size: 100%; max-inline-size: 330px; min-block-size: 50px; padding-inline: 18px; margin-block-end: 10px; border-radius: 999px; background: #fff; font-size: 1.05rem; font-weight: 700; text-decoration: none; direction: ltr; } .sg-lead__phone { border: 2px solid var(--sg-gold-cta, #C9A24B); color: var(--sg-ink); } .sg-lead__wa { border: 2px solid #1EA952; color: #15803D; font-size: .97rem; direction: rtl; } .sg-lead__phone:hover { background: #FFFBF2; } .sg-lead__wa:hover { background: #F2FBF5; } .sg-lead__phone:focus-visible, .sg-lead__wa:focus-visible { outline: 3px solid var(--sg-ink); outline-offset: 3px; } @media (min-width: 860px) { .sg-lead__inner { grid-template-columns: minmax(0, 38fr) minmax(0, 62fr); align-items: start; gap: 40px; } .sg-lead__head { position: sticky; inset-block-start: 96px; } } .sg-nl { color: #fff; } .sg-nl__box { padding: 0; background: transparent; border-radius: 0; display: grid; gap: 18px; grid-template-columns: 1fr; text-align: center; } .sg-nl__title { margin: 0 0 6px; font-size: clamp(1.25rem, 4.4vw, 1.8rem); font-weight: 800; color: #fff; } .sg-nl__body { margin: 0; font-size: .92rem; line-height: 1.6; color: rgba(255, 255, 255, .78); } .sg-nl__form { display: grid; gap: 12px; } .sg-nl__fields { display: grid; gap: 10px; grid-template-columns: 1fr; } .sg-nl__field { display: block; } .sg-nl__input { inline-size: 100%; min-block-size: 46px; padding-inline: 14px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 8px; background: rgba(255, 255, 255, .96); color: var(--sg-ink); font-size: .95rem; font-family: inherit; } .sg-nl__input::placeholder { color: #767C85; } .sg-nl__input:focus-visible { outline: 3px solid var(--sg-gold-cta-2, #E0C071); outline-offset: 2px; } .sg-nl__bottom { display: flex; flex-direction: column; align-items: center; gap: 12px; } .sg-nl__consent { display: inline-flex; align-items: center; gap: 8px; font-size: .84rem; color: rgba(255, 255, 255, .86); cursor: pointer; } .sg-nl__consent input { inline-size: 18px; block-size: 18px; accent-color: var(--sg-gold-cta, #C9A24B); } .sg-nl__consent input:focus-visible { outline: 3px solid var(--sg-gold-cta-2, #E0C071); outline-offset: 2px; } .sg-nl__submit { min-block-size: 48px; padding-inline: 34px; border: 0; border-radius: 999px; background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%); color: var(--sg-gold-cta-ink, #2A2113); font-size: 1rem; font-weight: 700; cursor: pointer; } .sg-nl__submit:hover { filter: brightness(1.05); } .sg-nl__submit:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .sg-nl__hp { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; } .sg-nl__status { margin: 0; min-block-size: 1.2em; font-size: .86rem; color: rgba(255, 255, 255, .88); } .sg-nl__status.is-error { color: #FFD4CC; } @media (min-width: 860px) { .sg-nl__box { grid-template-columns: minmax(0, 34fr) minmax(0, 66fr); text-align: start; align-items: center; gap: 40px; } .sg-nl__fields { grid-template-columns: repeat(3, 1fr); } .sg-nl__bottom { flex-direction: row; justify-content: space-between; } } .sg-botbar { display: none; position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 70; border-block-start: 1px solid rgba(255, 255, 255, .1); padding-block: 6px; padding-block-end: max(6px, env(safe-area-inset-bottom)); } .sg-botbar__item { flex: 1 1 0; min-inline-size: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 4px 2px; background: transparent; border: 0; color: #fff; text-decoration: none; cursor: pointer; } .sg-botbar__item:focus-visible { outline: 3px solid var(--sg-gold-cta-2, #E0C071); outline-offset: -3px; border-radius: 6px; } .sg-botbar__iconwrap { display: grid; place-items: center; } .sg-botbar__label { font-size: .64rem; font-weight: 600; line-height: 1.2; text-align: center; white-space: nowrap; } .sg-botbar .sg-burger span, .sg-botbar__menu .sg-burger span { background: #fff; } @media (max-width: 899px) { .sg-botbar { display: flex; } } .sg-work, .sg-partners, .sg-about { background: var(--sg-cream-1); } .sg-work { background: var(--sg-cream-2); } .sg-work__eyebrow { color: var(--sg-ink-soft) !important; letter-spacing: .06em; } .sg-work .sg-section__title, .sg-work__title { color: var(--sg-ink); } .sg-work__cta .sg-btn { display: inline-flex; align-items: center; justify-content: center; min-block-size: 44px; padding-inline: 22px; border-radius: 999px; background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%); color: var(--sg-gold-cta-ink, #2A2113); font-weight: 700; text-decoration: none; border: 0; } .sg-lead .sg-lead__submit { min-block-size: 50px; padding-inline: 32px; border: 0; border-radius: 999px; background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%); color: var(--sg-gold-cta-ink, #2A2113); font-size: 1rem; font-weight: 700; cursor: pointer; } .sg-lead .sg-lead__submit:hover { filter: brightness(1.05); } .sg-lead .sg-lead__submit:focus-visible { outline: 3px solid var(--sg-ink); outline-offset: 3px; } .sg-lead__form { background: #fff; border: 1px solid var(--sg-hairline); border-radius: 12px; padding: 18px 16px; } @media (min-width: 860px) { .sg-lead__form { padding: 26px 24px; } } .sg-footer { background-color: var(--sg-marble-ink, #15171C) !important; background-image: linear-gradient(118deg, transparent 0 38%, var(--sg-marble-vein, rgba(214,183,122,.10)) 38% 39%, transparent 39% 100%), linear-gradient(104deg, transparent 0 62%, var(--sg-marble-vein, rgba(214,183,122,.10)) 62% 62.7%, transparent 62.7% 100%), linear-gradient(135deg, var(--sg-marble-ink-2, #1D2027) 0%, var(--sg-marble-ink, #15171C) 46%, var(--sg-marble-ink-2, #1D2027) 100%) !important; border-block-start: 2px solid var(--sg-gold-cta, #C9A24B) !important; border-image: none !important; } .sg-footer::before { display: none !important; } .sg-footer__credit a { color: var(--sg-gold-cta-2, #E0C071); } @media (max-width: 899px) { body { padding-block-end: 70px; } } .sg-hb ~ * .sg-section__head h2::after, .sg-work .sg-section__title::after, .sg-about .sg-section__title::after, .sg-pslider__title::after { background: linear-gradient(90deg, var(--sg-gold-cta, #C9A24B), var(--sg-gold-cta-2, #E0C071)) !important; } .sg-work .sg-section__title, .sg-about .sg-section__title, .sg-pslider__title { color: var(--sg-ink, #22252B); } body .sg-lead .sg-lead__submit.sg-lead__submit.sg-lead__submit, body .sg-nl .sg-nl__submit.sg-nl__submit.sg-nl__submit, body .sg-work .sg-work__cta .sg-goldcta, body .sg-about .sg-about__body .sg-goldcta { background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%) !important; border: 0 !important; color: var(--sg-gold-cta-ink, #2A2113) !important; box-shadow: 0 2px 10px rgba(201, 162, 75, .28) !important; } body .sg-lead .sg-lead__submit.sg-lead__submit.sg-lead__submit:hover, body .sg-nl .sg-nl__submit.sg-nl__submit.sg-nl__submit:hover, body .sg-work .sg-work__cta .sg-goldcta:hover, body .sg-about .sg-about__body .sg-goldcta:hover { background: linear-gradient(180deg, var(--sg-gold-cta-2, #E0C071) 0%, var(--sg-gold-cta, #C9A24B) 100%) !important; filter: brightness(1.06); color: var(--sg-gold-cta-ink, #2A2113) !important; } .sg-footer .sg-footer__cols a, .sg-footer .sg-footer__menu a, .sg-footer .sg-footer__contact a { color: var(--sg-gold-text, #8C6B26); }

:root { --sg-ink: #1E2127; --sg-ink-2: #4A5159; --sg-gold-cta: #C9A24B; --sg-gold-cta-2: #E6C878; --sg-gold-ink: #241C0E; --sg-card: #FFFFFF; --sg-card-line: rgba(30, 33, 39, .10); --sg-card-sh: 0 10px 30px rgba(24, 20, 14, .16); } .sg-photosec { position: relative; isolation: isolate; overflow: hidden; } .sg-photosec__bg { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center; z-index: -2; filter: blur(2px) saturate(.95); transform: scale(1.06); } .sg-photosec::after { content: ""; position: absolute; inset: 0; z-index: -1; } .sg-photosec--light::after { background: linear-gradient(180deg, rgba(253, 251, 247, .88) 0%, rgba(250, 247, 241, .80) 16%, rgba(248, 243, 235, .30) 38%, rgba(248, 243, 235, .30) 66%, rgba(252, 249, 244, .82) 88%, rgba(253, 251, 247, .90) 100%); } .sg-photosec--plate::after { background: linear-gradient(180deg, rgba(253, 251, 247, .95) 0%, rgba(251, 248, 243, .92) 16%, rgba(250, 246, 240, .86) 44%, rgba(250, 246, 240, .86) 62%, rgba(252, 249, 244, .93) 88%, rgba(253, 251, 247, .96) 100%); } .sg-photosec--warm::after { background: linear-gradient(180deg, rgba(250, 244, 234, .88) 0%, rgba(247, 239, 226, .80) 16%, rgba(244, 234, 219, .28) 38%, rgba(244, 234, 219, .28) 66%, rgba(249, 242, 231, .82) 88%, rgba(250, 244, 234, .90) 100%); } .sg-photosec--dark::after { background: linear-gradient(180deg, rgba(14, 16, 20, .88) 0%, rgba(20, 23, 28, .82) 50%, rgba(14, 16, 20, .9) 100%); } .sg-photosec__in { position: relative; z-index: 1; } .sg-photosec .sg-hb, .sg-photosec .sg-rl, .sg-photosec .sg-tc, .sg-photosec .sg-work, .sg-photosec .sg-about, .sg-photosec .sg-pslider, .sg-photosec .sg-lead, .sg-photosec .sg-bsol { background: transparent !important; } @media (prefers-reduced-motion: reduce) { .sg-photosec__bg { filter: saturate(.9); transform: none; } } .sg-rl__title, .sg-tc__title, .sg-work .sg-section__title, .sg-about .sg-section__title, .sg-pslider__title, .sg-lead__title, .sg-nl__title, .sg-bsol__title { font-family: 'Heebo', 'Heebo Fallback', 'Rubik', sans-serif !important; font-weight: 800 !important; letter-spacing: -.01em; color: var(--sg-ink); } .sg-rl__title, .sg-tc__title, .sg-work .sg-section__title, .sg-about .sg-section__title, .sg-pslider__title, .sg-bsol__title { font-size: clamp(1.4rem, 5.4vw, 2.2rem) !important; line-height: 1.18 !important; } .sg-work .sg-section__title::after, .sg-about .sg-section__title::after, .sg-pslider__title::after, .sg-rl__title::after { display: none !important; } .sg-rl__sub, .sg-work__eyebrow, .sg-bsol__sub { display: block; margin: 6px 0 0; font-size: clamp(.85rem, 3.4vw, 1rem) !important; line-height: 1.5; font-weight: 500; color: var(--sg-ink-2) !important; letter-spacing: 0 !important; text-transform: none !important; } .sg-goldcta, .sg-hb__cta, .sg-rl__chev, .sg-tc__chev, .sg-work__cta a, .sg-about__body a { font-family: 'Heebo', 'Heebo Fallback', sans-serif; } .sg-hb { padding-block: 18px 6px; } .sg-hb__item { margin-block-end: 14px; } .sg-hb__item + .sg-hb__item { border-block-start: 0; } .sg-hb__link { display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 58fr); align-items: stretch; border-radius: 16px; overflow: hidden; background: var(--sg-card); border: 1px solid var(--sg-card-line); box-shadow: var(--sg-card-sh); } .sg-hb__media { order: 2; aspect-ratio: auto; block-size: 100%; min-block-size: 136px; } .sg-hb__copy { order: 1; gap: 7px; padding: 14px 14px 14px 10px; justify-content: center; } .sg-hb__title { font-family: 'Heebo', 'Heebo Fallback', sans-serif; font-size: clamp(1rem, 4.4vw, 1.3rem); line-height: 1.2; font-weight: 800; color: var(--sg-ink); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .sg-hb__sub { font-size: clamp(.74rem, 3vw, .88rem); line-height: 1.4; color: var(--sg-ink-2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .sg-hb__cta { margin-block-start: 6px; align-self: flex-start; min-block-size: 38px; padding-inline: 14px; border-radius: 999px; background: linear-gradient(180deg, var(--sg-gold-cta-2) 0%, var(--sg-gold-cta) 100%); color: var(--sg-gold-ink); font-size: clamp(.74rem, 3vw, .88rem); font-weight: 800; box-shadow: 0 2px 8px rgba(201, 162, 75, .34); } @media (min-width: 700px) { .sg-hb { padding-block: 26px 10px; } .sg-hb__item { margin-block-end: 20px; } .sg-hb__link { grid-template-columns: minmax(0, 36fr) minmax(0, 64fr); border-radius: 20px; } .sg-hb__media { aspect-ratio: 20 / 9; block-size: auto; min-block-size: 0; } .sg-hb__copy { padding: 28px clamp(28px, 3.4vw, 54px); gap: 12px; } .sg-hb__title { font-size: clamp(1.6rem, 2.9vw, 2.6rem); } .sg-hb__sub { font-size: 1.05rem; } .sg-hb__cta { min-block-size: 48px; padding-inline: 24px; font-size: 1rem; } } .sg-hb__title { -webkit-line-clamp: 3; } .sg-hb__sub { -webkit-line-clamp: 4; } @media (min-width: 700px) { .sg-hb__sub, .sg-hb__title { -webkit-line-clamp: 2; } } .sg-hb__img { object-position: var(--sg-hb-pos, center); } @media (max-width: 699px) { .sg-hb__item--whole .sg-hb__link { align-items: center; } .sg-hb__item--whole .sg-hb__media { aspect-ratio: var(--sg-hb-ar, 16 / 9); block-size: auto; min-block-size: 0; align-self: center; margin-inline-end: 8px; border-radius: 10px; } } .sg-rl { padding-block: var(--sg-rhythm-sm, 56px); } .sg-rl__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-block-end: 16px; text-align: start; } .sg-rl__titles { min-inline-size: 0; } .sg-rl__title { margin: 0; } .sg-rl__nav { display: flex; gap: 8px; flex: 0 0 auto; } .sg-rl__arrow { inline-size: 40px; block-size: 40px; display: inline-grid; place-items: center; border-radius: 999px; border: 1px solid var(--sg-card-line); background: rgba(255, 255, 255, .9); color: var(--sg-ink); cursor: pointer; } .sg-rl__arrow:hover { background: #fff; border-color: var(--sg-gold-cta); } .sg-rl__arrow:focus-visible { outline: 3px solid var(--sg-gold-cta); outline-offset: 2px; } .sg-rl__track { list-style: none; margin: 0; padding: 2px 2px 6px; display: grid; grid-auto-flow: column; grid-auto-columns: 39vw; gap: 12px; overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-inline: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .sg-rl__track::-webkit-scrollbar { display: none; } .sg-rl__track:focus-visible { outline: 3px solid var(--sg-gold-cta); outline-offset: 3px; border-radius: 14px; } .sg-rl__item { scroll-snap-align: start; } .sg-rl__link { display: flex; flex-direction: column; block-size: 100%; border-radius: 14px; overflow: hidden; background: var(--sg-card); box-shadow: var(--sg-card-sh); text-decoration: none; color: inherit; transition: transform .2s ease, box-shadow .2s ease; } .sg-rl__link:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(24, 20, 14, .22); } .sg-rl__link:focus-visible { outline: 3px solid var(--sg-gold-cta); outline-offset: 3px; } .sg-rl__media { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #EFE9DF; } .sg-rl__img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center; transition: transform .45s var(--sg-ease-out-soft, ease); } .sg-rl__link:hover .sg-rl__img { transform: scale(1.05); } .sg-rl__plate { margin-block-start: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 12px; background: var(--sg-card); } .sg-rl__label { font-family: 'Heebo', 'Heebo Fallback', sans-serif; font-size: clamp(.8rem, 3.2vw, .95rem); font-weight: 800; line-height: 1.25; color: var(--sg-ink); } .sg-rl__chev { flex: 0 0 auto; color: var(--sg-gold-cta); } @media (min-width: 700px) { .sg-rl__track { grid-auto-columns: 29vw; gap: 16px; } } @media (min-width: 1100px) { .sg-rl__track { grid-auto-columns: calc((100% - 48px) / 4); } .sg-rl__plate { padding: 14px 16px; } } @media (prefers-reduced-motion: reduce) { .sg-rl__link, .sg-rl__img { transition: none; } .sg-rl__link:hover { transform: none; } .sg-rl__track { scroll-behavior: auto; } } .sg-work__head { text-align: center; margin-block-end: 20px; } .sg-work__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .sg-work__featured { grid-column: 1 / -1; grid-row: auto; margin: 0; border-radius: 14px; overflow: hidden; box-shadow: var(--sg-card-sh); aspect-ratio: 16 / 10; } .sg-work__tile { margin: 0; border-radius: 14px; overflow: hidden; box-shadow: var(--sg-card-sh); aspect-ratio: 1 / 1; } .sg-work__tile:nth-of-type(n + 6) { display: none; } .sg-work__featured img, .sg-work__tile img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; } .sg-work__cta { text-align: center; margin-block-start: 18px; } @media (min-width: 760px) { .sg-work__grid { grid-template-columns: repeat(4, 1fr); gap: 14px; } .sg-work__featured { grid-column: 1 / -1; aspect-ratio: 21 / 8; } .sg-work__grid--count-3 .sg-work__tile { grid-column: span 2; aspect-ratio: 16 / 10; } } .sg-about__grid { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: center; } .sg-about__media { border-radius: 16px; overflow: hidden; box-shadow: var(--sg-card-sh); aspect-ratio: 16 / 10; } .sg-about__media img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; } .sg-about__body { text-align: center; } .sg-about__body p { margin: 8px 0 16px; font-size: clamp(.9rem, 3.6vw, 1.05rem); line-height: 1.6; color: var(--sg-ink-2); max-inline-size: 46ch; margin-inline: auto; } @media (min-width: 820px) { .sg-about__grid { grid-template-columns: minmax(0, 46fr) minmax(0, 54fr); gap: 36px; } .sg-about__body { text-align: start; } .sg-about__body p { margin-inline: 0; } } .sg-pslider__head { text-align: center; } .sg-pslider__item { background: var(--sg-card); border-radius: 12px; box-shadow: 0 6px 18px rgba(24, 20, 14, .14); padding: 14px 16px; display: grid; place-items: center; } .sg-pslider__item img { max-block-size: 54px; inline-size: auto; object-fit: contain; } .sg-pslider__dots { display: flex; justify-content: center; gap: 2px; margin-block-start: 10px; } .sg-pslider__dot { inline-size: 24px; block-size: 44px; min-block-size: 44px; padding: 0; border: 0; background: transparent; display: grid; place-items: center; cursor: pointer; } .sg-pslider__dot::before { content: ""; display: block; inline-size: 7px; block-size: 7px; border-radius: 999px; background: rgba(30, 33, 39, .3); transition: inline-size .2s ease, background-color .2s ease; } .sg-pslider__dot.is-active::before { inline-size: 20px; background: var(--sg-gold-cta); } .sg-pslider__dot:focus-visible { outline: 3px solid var(--sg-gold-cta); outline-offset: -4px; border-radius: 8px; } @media (prefers-reduced-motion: reduce) { .sg-pslider__dot::before { transition: none; } } .sg-lead__inner { background: var(--sg-card); border-radius: 18px; box-shadow: var(--sg-card-sh); padding: 22px 18px; } .sg-lead__head { text-align: center; } .sg-lead__sub { margin-block-end: 14px; } .sg-lead__phone, .sg-lead__wa { margin-inline: auto; } .sg-lead__form { background: transparent; border: 0; padding: 0; } @media (min-width: 860px) { .sg-lead__inner { padding: 34px 32px; } .sg-lead__head { text-align: start; } .sg-lead__phone, .sg-lead__wa { margin-inline: 0; } } .sg-nl { color: #fff; } .sg-nl__title { color: #fff !important; } .sg-footer .sg-footer__pay-logo { background: #fff; border-radius: 6px; padding: 3px 8px; color: #1E2127 !important; font-weight: 800; font-size: .72rem; letter-spacing: .02em; } .sg-footer .sg-footer__pay-label { color: rgba(255, 255, 255, .78); } .sg-tc { padding-block: var(--sg-rhythm-sm, 56px); } .sg-tc__title { margin: 0 0 14px; text-align: center; } .sg-tc__title::after { display: none !important; } .sg-tc__grid { --tc-gap: 12px; list-style: none; margin: 0 auto; padding: 2px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tc-gap); } .sg-tc__item--wide { grid-column: 1 / -1; } .sg-tc__card { display: flex; flex-direction: column; block-size: 100%; border-radius: 14px; overflow: hidden; background: var(--sg-card); box-shadow: var(--sg-card-sh); text-decoration: none; color: inherit; transition: transform .2s ease, box-shadow .2s ease; } .sg-tc__card:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(24, 20, 14, .22); } .sg-tc__card:focus-visible { outline: 3px solid var(--sg-gold-cta); outline-offset: 3px; } .sg-tc__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #EFE9DF; } .sg-tc__item--wide .sg-tc__media { aspect-ratio: 12 / 5; } .sg-tc__img { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center; transition: transform .45s var(--sg-ease-out-soft, ease); } .sg-tc__card:hover .sg-tc__img { transform: scale(1.05); } .sg-tc__plate { margin-block-start: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 12px; background: var(--sg-card); } .sg-tc__label { font-family: 'Heebo', 'Heebo Fallback', sans-serif; font-size: clamp(.82rem, 3.3vw, 1rem); font-weight: 800; line-height: 1.25; color: var(--sg-ink); } .sg-tc__chev { flex: 0 0 auto; color: var(--sg-gold-cta); } .sg-tc--dark .sg-tc__plate { background: var(--sg-marble-ink, #15171C); } .sg-tc--dark .sg-tc__label { color: #FFF; } @media (min-width: 700px) { .sg-tc__grid { --tc-gap: 16px; } .sg-tc__plate { padding: 13px 15px; } } @media (min-width: 1100px) { .sg-tc__grid { --tc-gap: 20px; max-inline-size: 1200px; } .sg-tc__plate { padding: 15px 18px; } .sg-tc__label { font-size: 1.05rem; } } @media (prefers-reduced-motion: reduce) { .sg-tc__card, .sg-tc__img { transition: none; } .sg-tc__card:hover { transform: none; } } @supports not (aspect-ratio: 16 / 10) { .sg-tc__media { position: relative; block-size: 0; padding-block-start: 62.5%; } .sg-tc__item--wide .sg-tc__media { padding-block-start: 41.6667%; } .sg-tc__media > .sg-tc__img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; } } @media (hover: none), (pointer: coarse) { .sg-tc__card:hover, .sg-tc__card:active, .sg-tc__card:focus { transform: none; box-shadow: var(--sg-card-sh); } .sg-tc__card:hover .sg-tc__img, .sg-tc__card:active .sg-tc__img, .sg-tc__card:focus .sg-tc__img { transform: none; } } .sg-topband { position: relative; display: grid; place-items: center; overflow: hidden; min-block-size: 190px; background: #d9c3a5; isolation: isolate; } .sg-topband__bg { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; z-index: -1; } .sg-topband__in { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 16px 12px; text-align: center; } .sg-topband__brand { display: block; line-height: 0; } .sg-topband__logo { inline-size: 118px; block-size: auto; aspect-ratio: 1 / 1; object-fit: contain; filter: brightness(.62) contrast(1.45) drop-shadow(0 2px 2px rgba(40, 25, 5, .45)); } .sg-topband__logo-text { font: 900 2rem/1 Rubik, Heebo, sans-serif; color: #3b3b3b; } .sg-topband__tag { margin: 0; font-family: 'Heebo', 'Heebo Fallback', sans-serif; font-size: 1rem; font-weight: 700; color: #3a2f22; text-shadow: 0 1px 0 rgba(255, 255, 255, .55); } .sg-topband__pill { display: flex; align-items: center; justify-content: space-around; gap: 4px; margin-block-start: 6px; inline-size: min(170px, 50vw); padding: 0 8px; border-radius: 999px; background: rgba(255, 255, 255, .55); border: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 4px 14px rgba(60, 40, 15, .18); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .sg-topband__btn { position: relative; display: grid; place-items: center; inline-size: 40px; block-size: 40px; border: 0; background: none; color: #2b2b2b; cursor: pointer; } .sg-topband__btn:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: 2px; border-radius: 50%; } .sg-topband__btn .sg-cart-count { position: absolute; inset-block-start: 4px; inset-inline-end: 2px; min-inline-size: 18px; block-size: 18px; padding-inline: 4px; border-radius: 999px; background: var(--sg-gold-cta, #C9A24B); color: #2A2113; font-size: .7rem; font-weight: 800; line-height: 18px; } .sg-topband__btn .sg-cart-count[data-count="0"] { display: none; } body.home .sg-header { position: fixed; inset-inline: 0; inset-block-start: 0; transform: translateY(-110%); transition: transform .25s ease; } html.sg-band-out body.home .sg-header { transform: none; } @media (max-width: 699px) { body.home .sg-announce { display: none; } } @media (min-width: 700px) { .sg-topband { min-block-size: 260px; } .sg-topband__logo { inline-size: 150px; } .sg-topband__tag { font-size: 1.35rem; } .sg-topband__pill { inline-size: 200px; } } @media (prefers-reduced-motion: reduce) { body.home .sg-header { transition: none; } } .sg-topband__tag { color: #fff; text-shadow: 0 1px 2px rgba(40, 25, 5, .85), 0 0 8px rgba(40, 25, 5, .45); } .sg-hb__heading { margin: 0 0 14px; text-align: center; font-family: 'Heebo', 'Heebo Fallback', sans-serif; font-size: clamp(1.35rem, 5.4vw, 2.2rem); font-weight: 800; color: var(--sg-ink); } .sg-tc__sub { margin: -6px 0 16px; text-align: center; color: inherit; opacity: .85; font-size: clamp(.9rem, 3.4vw, 1.05rem); } .sg-tc--cols4 .sg-tc__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); --tc-gap: 8px; } .sg-tc--cols4 .sg-tc__label { font-size: clamp(.7rem, 2.9vw, 1rem); } .sg-tc--cols4 .sg-tc__chev { display: none; } @media (max-width: 699px) { .sg-tc--cols4 .sg-tc__plate { padding: 6px 4px; justify-content: center; } } .sg-hb--titled .sg-hb__sub { -webkit-line-clamp: unset; display: block; }

.sg-rail { --rail-card-w: 164px; --rail-gap: 12px; padding-block: var(--sg-rhythm-sm, 56px); background: var(--sg-rail-bg, #FFFFFF); } .sg-rail + .sg-rail { padding-block-start: 0; } .sg-rail__head { display: flex; align-items: flex-end; gap: 16px; margin-block-end: 14px; } .sg-rail__titles { flex: 1 1 auto; min-inline-size: 0; } .sg-rail__title { margin: 0; font-size: clamp(1.25rem, 2.6vw, 1.75rem); line-height: 1.2; font-weight: 700; color: var(--sg-rail-ink, #14181F); } .sg-rail__intro { margin: 6px 0 0; font-size: .95rem; line-height: 1.6; color: var(--sg-rail-muted, #525C6B); } .sg-rail__nav { display: flex; gap: 8px; flex: 0 0 auto; } .sg-rail__arrow { inline-size: 44px; block-size: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; cursor: pointer; border: 1px solid var(--sg-rail-line, #DFE6EE); background: #fff; color: var(--sg-rail-ink, #14181F); transition: border-color .2s ease, background-color .2s ease; } .sg-rail__arrow:hover { border-color: var(--sg-gold, #E8C77A); background: #FFFDF8; } .sg-rail__arrow:focus-visible { outline: 3px solid var(--sg-gold, #E8C77A); outline-offset: 2px; } .sg-rail__chips { list-style: none; margin: 0 0 14px; padding: 2px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; } .sg-rail__chips::-webkit-scrollbar { display: none; } .sg-rail__chip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--sg-rail-line, #DFE6EE); background: #fff; color: var(--sg-rail-ink, #2A333F); font-size: .9rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: border-color .2s ease, background-color .2s ease; } .sg-rail__chip:hover { border-color: var(--sg-gold, #E8C77A); background: #FFFDF8; } .sg-rail__chip:focus-visible { outline: 3px solid var(--sg-gold, #E8C77A); outline-offset: 2px; } .sg-rail__chip.is-active { border-color: var(--sg-rail-accent, #8C6B26); background: var(--sg-rail-accent, #8C6B26); color: #fff; } .sg-rail__chip-n { font-size: .74rem; font-weight: 700; color: #5B6470; } .sg-rail__chip.is-active .sg-rail__chip-n { color: rgba(255, 255, 255, .88); } .sg-rail__track { list-style: none; margin: 0; padding: 2px; display: flex; gap: var(--rail-gap); overflow-x: auto; scroll-snap-type: x proximity; scroll-behavior: smooth; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .sg-rail__track::-webkit-scrollbar { display: none; } .sg-rail__track:focus-visible { outline: 3px solid var(--sg-gold, #E8C77A); outline-offset: 3px; border-radius: 12px; } .sg-rail__item { flex: 0 0 var(--rail-card-w); scroll-snap-align: start; } .sg-rail__card { block-size: 100%; display: flex; flex-direction: column; border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid var(--sg-rail-line, #E7EDF3); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .sg-rail__card:hover { border-color: var(--sg-gold, #E8C77A); box-shadow: 0 10px 26px rgba(16, 28, 48, .12); transform: translateY(-2px); } .sg-rail__media { position: relative; display: block; aspect-ratio: 4 / 5; background: var(--sg-rail-stage, #F3F6F9); } .sg-rail__img { inline-size: 100%; block-size: 100%; object-fit: contain; display: block; } .sg-rail__size { position: absolute; inset-block-end: 8px; inset-inline-start: 8px; padding: 3px 8px; border-radius: 999px; font-size: .68rem; font-weight: 700; line-height: 1.4; color: #14181F; background: rgba(255, 255, 255, .92); box-shadow: 0 1px 4px rgba(0, 0, 0, .14); white-space: nowrap; } .sg-rail__body { display: flex; flex-direction: column; gap: 6px; padding: 11px 12px 13px; flex: 1 1 auto; } .sg-rail__name { margin: 0; font-size: .9rem; font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sg-rail__name a { color: var(--sg-rail-ink, #14181F); text-decoration: none; } .sg-rail__name a:hover { text-decoration: underline; } .sg-rail__name a:focus-visible { outline: 3px solid var(--sg-gold, #E8C77A); outline-offset: 2px; } .sg-rail__price { margin: 0; font-size: .92rem; font-weight: 700; color: var(--sg-rail-ink, #14181F); } .sg-rail__price del { font-weight: 400; opacity: .55; margin-inline-end: 5px; } .sg-rail__price ins { text-decoration: none; color: var(--sg-rail-sale, #B3261E); } .sg-rail__btn { margin-block-start: auto; display: inline-flex; align-items: center; justify-content: center; min-block-size: 40px; padding: 9px 14px; border-radius: 10px; font-size: .88rem; font-weight: 700; text-decoration: none; color: #14181F; background: var(--sg-gold, #E8C77A); transition: filter .2s ease; } .sg-rail__btn:hover { filter: brightness(1.06); } .sg-rail__btn:focus-visible { outline: 3px solid var(--sg-rail-ink, #14181F); outline-offset: 2px; } .sg-rail__more { margin: 14px 0 0; font-size: .95rem; } .sg-rail__more a { color: var(--sg-rail-accent, #8C6B26); font-weight: 600; } .sg-rail__track.is-loading { opacity: .45; } @media (min-width: 620px) { .sg-rail { --rail-card-w: 200px; --rail-gap: 14px; } } @media (min-width: 1040px) { .sg-rail { --rail-card-w: 232px; --rail-gap: 16px; } } @media (prefers-reduced-motion: reduce) { .sg-rail__track { scroll-behavior: auto; } .sg-rail__card, .sg-rail__arrow, .sg-rail__chip, .sg-rail__btn { transition: none; } .sg-rail__card:hover { transform: none; } }

.sg-announce { --sg-ann-h: 36px; background: var(--sg-ann-bg, #22262B); color: #EEF1F4; block-size: var(--sg-ann-h); overflow: hidden; } .sg-announce__inner { display: flex; align-items: center; gap: 10px; block-size: var(--sg-ann-h); max-inline-size: 1368px; margin-inline: auto; padding-inline: 16px; } .sg-announce__msg { flex: 1 1 auto; min-inline-size: 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: .82rem; line-height: var(--sg-ann-h); } .sg-announce__accent { color: var(--sg-gold-text, #E8C77A); font-weight: 700; } .sg-announce__sep { opacity: .5; margin-inline: 6px; } .sg-announce__close { flex: 0 0 auto; inline-size: 28px; block-size: 28px; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; opacity: .75; } .sg-announce__close:hover { opacity: 1; background: rgba(255, 255, 255, .12); } .sg-announce__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; opacity: 1; } .sg-header .sg-header__main > .sg-container { display: grid !important; flex-wrap: nowrap !important; align-items: center; column-gap: 10px; row-gap: 0 !important; max-inline-size: 1368px; margin-inline: auto; padding-inline: 16px; } .sg-header__main .sg-mobile-toggle--lead { grid-column: 1; grid-row: 1; justify-self: start; } .sg-header__main .sg-header__nav { grid-column: 1; grid-row: 1; justify-self: start; } .sg-header__main .sg-logo { grid-column: 2; grid-row: 1; justify-self: center; } .sg-header__main .sg-header__actions { grid-column: 3; grid-row: 1; justify-self: end; } .sg-header__main .sg-logo, .sg-header__main .sg-header__actions, .sg-header__main .sg-mobile-toggle--lead { align-self: center; margin-block: 0; } .sg-header__main .sg-logo { display: flex !important; align-items: center; height: auto; max-height: none; } .sg-logo__link { display: flex; align-items: center; line-height: 0; } @media (max-width: 899px) { .sg-header__main { padding-block: 0; } .sg-header .sg-header__main > .sg-container { grid-template-columns: 1fr auto 1fr !important; block-size: 56px; min-block-size: 56px; padding-block: 0 !important; padding-inline: 12px; } .sg-header__main .sg-header__nav, .sg-header__main .sg-search, .sg-header__main .sg-phone-link, .sg-header__main .sg-header__cta, .sg-logo__tagline { display: none !important; } .sg-header__main .sg-header__actions > a[aria-label="חשבון"] { display: none !important; } .sg-header__main .sg-header__actions { display: flex; align-items: center; gap: 0; min-block-size: 0; padding: 0; } .sg-header__main .sg-mobile-toggle--lead, .sg-header__main .sg-header__cart { inline-size: 44px; block-size: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; } .sg-header__main .sg-logo .sg-brand-logo--img, .sg-header__main .sg-logo__link img, .sg-header__main .sg-logo__link svg { height: 40px !important; max-height: 40px !important; block-size: 40px; inline-size: auto; width: auto; display: block; } .sg-header__main .sg-cart-link { position: relative; } .sg-header__main .sg-cart-count { position: absolute; inset-block-start: 4px; inset-inline-end: 2px; min-inline-size: 17px; block-size: 17px; display: grid; place-items: center; padding-inline: 4px; border-radius: 999px; font-size: .64rem; font-weight: 700; line-height: 1; background: var(--sg-gold, #E8C77A); color: #14181F; } .sg-header__main .sg-cart-count[data-count="0"] { display: none; } } @media (min-width: 900px) { .sg-header__main { padding-block: 0; } .sg-header .sg-header__main > .sg-container { grid-template-columns: auto minmax(0, 1fr) auto !important; min-block-size: 76px; padding-block: 0 !important; } .sg-header__main .sg-logo { grid-column: 1 !important; justify-self: start !important; } .sg-header__main .sg-header__nav { grid-column: 2 !important; justify-self: center !important; } .sg-header__main .sg-header__actions { grid-column: 3 !important; justify-self: end !important; } .sg-header .sg-header__main .sg-header__nav { order: 0 !important; flex: 0 1 auto !important; margin-block-start: 0 !important; border-block-start: 0 !important; } .sg-header .sg-header__main .sg-logo { order: 0 !important; } .sg-header .sg-header__main .sg-search { order: 0 !important; flex: 0 0 auto !important; margin-inline: 0 !important; } .sg-header .sg-header__main .sg-header__actions { order: 0 !important; } .sg-header__main .sg-mobile-toggle--lead { display: none !important; } .sg-logo__tagline { display: none !important; } .sg-header__main .sg-logo .sg-brand-logo--img, .sg-header__main .sg-logo__link img, .sg-header__main .sg-logo__link svg { height: 52px !important; max-height: 52px !important; inline-size: auto; width: auto; display: block; } .sg-header__main .sg-header__nav { min-inline-size: 0; } .sg-header__main .sg-header__nav .sg-nav, .sg-header__main .sg-header__nav .sorkx-megamenu__items { display: flex; align-items: center; flex-wrap: nowrap; gap: 2px; margin: 0; padding: 0; } .sg-header__main .sg-header__nav .sg-nav > li > a, .sg-header__main .sg-header__nav .sorkx-megamenu__item > a { padding-inline: 8px; white-space: nowrap; font-size: .9rem; } .sg-header__main .sg-header__actions { display: flex; align-items: center; gap: 4px; padding: 0; min-block-size: 0; } .sg-header .sg-header__main .sg-search { inline-size: 160px !important; max-inline-size: 160px !important; } .sg-header__main .sg-search__input { block-size: 38px; } .sg-header__main .sg-cart-link { position: relative; } .sg-header__main .sg-cart-count { position: absolute; inset-block-start: 2px; inset-inline-end: 0; min-inline-size: 17px; block-size: 17px; display: grid; place-items: center; padding-inline: 4px; border-radius: 999px; font-size: .64rem; font-weight: 700; line-height: 1; background: var(--sg-gold, #E8C77A); color: #14181F; } .sg-header__main .sg-cart-count[data-count="0"] { display: none; } } .sg-header .sg-header__main > .sg-container, .sg-header.is-scrolled .sg-header__main > .sg-container { min-block-size: 56px; } @media (min-width: 900px) { .sg-header .sg-header__main > .sg-container, .sg-header.is-scrolled .sg-header__main > .sg-container { min-block-size: 76px !important; } .sg-header.is-scrolled .sg-header__main .sg-logo .sg-brand-logo--img, .sg-header.is-scrolled .sg-header__main .sg-logo__link img, .sg-header.is-scrolled .sg-header__main .sg-logo__link svg { height: 52px !important; max-height: 52px !important; } }

:root { --sg-marble-ink: #15171C; --sg-marble-ink-2: #1D2027; --sg-marble-vein: rgba(214, 183, 122, .10); --sg-gold-cta: #C9A24B; --sg-gold-cta-2: #E0C071; --sg-gold-cta-ink: #2A2113; } .sg-marble { background-color: var(--sg-marble-ink); background-image: linear-gradient(118deg, transparent 0 38%, var(--sg-marble-vein) 38% 39%, transparent 39% 100%), linear-gradient(104deg, transparent 0 62%, var(--sg-marble-vein) 62% 62.7%, transparent 62.7% 100%), linear-gradient(135deg, var(--sg-marble-ink-2) 0%, var(--sg-marble-ink) 46%, var(--sg-marble-ink-2) 100%); } .sg-header .sg-header__main { background-color: var(--sg-marble-ink) !important; background-image: linear-gradient(118deg, transparent 0 38%, var(--sg-marble-vein) 38% 39%, transparent 39% 100%), linear-gradient(104deg, transparent 0 62%, var(--sg-marble-vein) 62% 62.7%, transparent 62.7% 100%), linear-gradient(135deg, var(--sg-marble-ink-2) 0%, var(--sg-marble-ink) 46%, var(--sg-marble-ink-2) 100%) !important; border-block-end: 0 !important; box-shadow: none !important; } .sg-header .sg-header__main > .sg-container { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; gap: 8px; min-block-size: 56px !important; padding-block: 0 !important; } .sg-header .sg-header__main .sg-mobile-toggle--lead { display: inline-flex !important; grid-column: 1 !important; justify-self: start !important; order: 0 !important; } .sg-header .sg-header__main .sg-logo { grid-column: 2 !important; justify-self: center !important; order: 0 !important; margin: 0 !important; } .sg-header .sg-header__main .sg-header__actions { grid-column: 3 !important; justify-self: end !important; order: 0 !important; display: flex !important; align-items: center; gap: 2px; padding: 0 !important; min-block-size: 0 !important; } .sg-header .sg-header__main .sg-header__nav, .sg-header .sg-header__main .sorkx-megamenu, .sg-header .sg-header__main .sg-search { display: none !important; } .sg-header__main .sg-logo .sg-brand-logo--img, .sg-header__main .sg-logo__link img, .sg-header__main .sg-logo__link svg { block-size: 40px !important; max-block-size: 40px !important; inline-size: auto !important; width: auto; display: block; } .sg-logo__tagline { display: none !important; } .sg-header .sg-header__main .sg-icon-btn { inline-size: 44px; block-size: 44px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: transparent; border: 0; border-radius: 10px; cursor: pointer; } .sg-header .sg-header__main .sg-icon-btn:hover { background: rgba(255, 255, 255, .09); } .sg-header .sg-header__main .sg-icon-btn:focus-visible { outline: 3px solid var(--sg-gold-cta-2); outline-offset: -2px; } .sg-header .sg-header__main .sg-mobile-toggle .sg-burger span, .sg-header .sg-header__main .sg-burger span { background: #fff; } .sg-header .sg-header__main .sg-cart-link { position: relative; } .sg-header .sg-header__main .sg-cart-count { position: absolute; inset-block-start: 4px; inset-inline-end: 2px; min-inline-size: 17px; block-size: 17px; padding-inline: 4px; display: grid; place-items: center; border-radius: 999px; background: var(--sg-gold-cta); color: var(--sg-gold-cta-ink); font-size: .68rem; font-weight: 800; line-height: 1; } .sg-header .sg-header__main .sg-cart-count[data-count="0"] { display: none; } @media (min-width: 900px) { .sg-header .sg-header__main > .sg-container { min-block-size: 68px !important; } .sg-header__main .sg-logo .sg-brand-logo--img, .sg-header__main .sg-logo__link img, .sg-header__main .sg-logo__link svg { block-size: 46px !important; max-block-size: 46px !important; } } .sg-drawer { display: flex !important; flex-direction: column; } .sg-drawer__backdrop { display: none; } .sg-drawer__backdrop.is-open { display: block; } .sorkx-megamenu__burger { display: none !important; } .sg-drawer__social { display: flex; gap: 10px; list-style: none; margin: 0; padding: 18px 20px 0; border-block-start: 1px solid #E8EDF3; } .sg-drawer__social > li { display: block; } .sg-drawer__social-link { inline-size: 42px; block-size: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid #E8EDF3; background: #F6F9FC; color: #8C6B26; text-decoration: none; transition: background .2s ease, border-color .2s ease, color .2s ease; } .sg-drawer__social-link:hover, .sg-drawer__social-link:focus-visible { background: var(--sg-gold-cta, #C9A24B); border-color: var(--sg-gold-cta, #C9A24B); color: #1E2127; } .sg-drawer__social-link:focus-visible { outline: 3px solid var(--sg-gold-cta, #C9A24B); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .sg-drawer__social-link { transition: none; } } .sg-header .sg-header__main .sg-icon-btn.sg-icon-btn.sg-icon-btn, .sg-header .sg-header__main .sg-cart-link.sg-cart-link.sg-cart-link, .sg-header .sg-header__main .sg-header__search-btn.sg-header__search-btn.sg-header__search-btn { color: #FFFFFF !important; } .sg-header .sg-header__main .sg-icon-btn.sg-icon-btn.sg-icon-btn:hover, .sg-header .sg-header__main .sg-icon-btn.sg-icon-btn.sg-icon-btn:focus, .sg-header .sg-header__main .sg-icon-btn.sg-icon-btn.sg-icon-btn:focus-visible, .sg-header .sg-header__main .sg-cart-link.sg-cart-link.sg-cart-link:hover, .sg-header .sg-header__main .sg-cart-link.sg-cart-link.sg-cart-link:focus { color: #FFFFFF !important; background: rgba(255, 255, 255, .10) !important; } .sg-header .sg-header__main .sg-icon-btn svg, .sg-header .sg-header__main .sg-icon-btn svg circle, .sg-header .sg-header__main .sg-icon-btn svg path { stroke: currentColor; } .sg-header .sg-header__main .sg-icon-btn { min-inline-size: 44px; min-block-size: 44px; } .sg-header .sg-header__main .sg-header__search-btn svg, .sg-header .sg-header__main .sg-cart-link svg { inline-size: 22px; block-size: 22px; width: 22px; height: 22px; } .sg-header .sg-header__main .sg-cart-count { min-inline-size: 18px; block-size: 18px; font-size: .72rem; border: 1px solid var(--sg-marble-ink, #15171C); inset-block-start: 2px; inset-inline-end: 4px; }

.sg-burger { position: relative; display: block; flex: 0 0 auto; inline-size: var(--sg-burger-w, 22px); block-size: var(--sg-burger-w, 22px); } .sg-burger__bar { position: absolute; inset-inline: 0; top: calc(50% - 1px); block-size: 2px; border-radius: 2px; background: currentColor; transform-origin: 50% 50%; transition: transform 340ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease; } .sg-burger__bar:nth-child(1) { transform: translateY(-6px); } .sg-burger__bar:nth-child(2) { transform: translateY(0); } .sg-burger__bar:nth-child(3) { transform: translateY(6px); } .sg-mobile-toggle[aria-expanded="true"] .sg-burger__bar:nth-child(1) { transform: translateY(0) rotate(45deg); } .sg-mobile-toggle[aria-expanded="true"] .sg-burger__bar:nth-child(2) { transform: scaleX(0.1); opacity: 0; } .sg-mobile-toggle[aria-expanded="true"] .sg-burger__bar:nth-child(3) { transform: translateY(0) rotate(-45deg); } .sg-mobile-toggle:focus-visible { outline: 3px solid var(--s61-teal, #8C6B26); outline-offset: 2px; } @media (max-width: 899px) { .sg-drawer { transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 360ms; } .sg-drawer.is-open { transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0s; } .sg-drawer.is-ready .sg-drawer__search, .sg-drawer.is-ready .sg-drawer__menu > li, .sg-drawer.is-ready .sg-drawer__contact { opacity: 0; transform: translateX(18px); transition: opacity 240ms ease, transform 360ms cubic-bezier(0.22, 1, 0.36, 1); } [dir="ltr"] .sg-drawer.is-ready .sg-drawer__search, [dir="ltr"] .sg-drawer.is-ready .sg-drawer__menu > li, [dir="ltr"] .sg-drawer.is-ready .sg-drawer__contact { transform: translateX(-18px); } .sg-drawer.is-ready.is-open .sg-drawer__search, .sg-drawer.is-ready.is-open .sg-drawer__menu > li, .sg-drawer.is-ready.is-open .sg-drawer__contact { opacity: 1; transform: none; } .sg-drawer.is-ready.is-open .sg-drawer__search { transition-delay: 120ms; } .sg-drawer.is-ready.is-open .sg-drawer__menu > li { transition-delay: 330ms; } .sg-drawer.is-ready.is-open .sg-drawer__menu > li:nth-child(1) { transition-delay: 160ms; } .sg-drawer.is-ready.is-open .sg-drawer__menu > li:nth-child(2) { transition-delay: 190ms; } .sg-drawer.is-ready.is-open .sg-drawer__menu > li:nth-child(3) { transition-delay: 220ms; } .sg-drawer.is-ready.is-open .sg-drawer__menu > li:nth-child(4) { transition-delay: 250ms; } .sg-drawer.is-ready.is-open .sg-drawer__menu > li:nth-child(5) { transition-delay: 275ms; } .sg-drawer.is-ready.is-open .sg-drawer__menu > li:nth-child(6) { transition-delay: 300ms; } .sg-drawer.is-ready.is-open .sg-drawer__contact { transition-delay: 360ms; } .sg-drawer.is-ready:not(.is-open) .sg-drawer__search, .sg-drawer.is-ready:not(.is-open) .sg-drawer__menu > li, .sg-drawer.is-ready:not(.is-open) .sg-drawer__contact { transition-delay: 0s; transition-duration: 140ms; } .sg-drawer__expand:focus-visible, .sg-drawer__close:focus-visible, .sg-drawer__menu a:focus-visible, .sg-drawer__submenu a:focus-visible { outline: 3px solid var(--s61-teal, #8C6B26); outline-offset: -3px; } html.sg-no-scroll { overflow: hidden; overscroll-behavior: none; } } @media (prefers-reduced-motion: reduce) { .sg-burger__bar, .sg-drawer, .sg-drawer.is-open, .sg-drawer__backdrop, .sg-drawer__expand svg, .sg-drawer.is-ready .sg-drawer__search, .sg-drawer.is-ready .sg-drawer__menu > li, .sg-drawer.is-ready .sg-drawer__contact { transition: none !important; transition-delay: 0s !important; } .sg-drawer.is-ready .sg-drawer__search, .sg-drawer.is-ready .sg-drawer__menu > li, .sg-drawer.is-ready .sg-drawer__contact { opacity: 1; transform: none; } }

.sg-hero.sg-hero--b1 { display: block; min-height: auto; position: relative; overflow: hidden; padding-block: clamp(28px, 5vw, 56px); background: radial-gradient(1100px 520px at 78% -8%, #12386b 0%, var(--sg-brown, #092143) 58%, #06152b 100%); color: #fff; } .sg-hero.sg-hero--b1 * { box-sizing: border-box; } .sg-hero.sg-hero--b1::before { content: none; } .sg-hero.sg-hero--b1 .sg-hero__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .sg-hero.sg-hero--b1 .sg-hero__glow { position: absolute; inset-inline-start: 6%; inset-block-start: 10%; width: min(520px, 60vw); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--sg-gold, #C9A24B) 42%, transparent), transparent 62%); filter: blur(26px); } .sg-hero.sg-hero--b1 .sg-hero__glow--2 { inset-inline-start: auto; inset-inline-end: 12%; inset-block-start: auto; inset-block-end: -14%; width: min(400px, 52vw); background: radial-gradient(circle, color-mix(in srgb, var(--sg-gold, #C9A24B) 26%, transparent), transparent 60%); } .sg-hero.sg-hero--b1 .sg-hero__inner { position: relative; z-index: 2; width: 100%; max-width: var(--sg-container, 1280px); margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); padding-block: 0; display: grid; grid-template-columns: 1fr; gap: clamp(20px, 3vw, 40px); align-items: center; } .sg-hero.sg-hero--b1 .sg-hero__copy { text-align: start; min-width: 0; } .sg-hero.sg-hero--b1 .sg-hero__eyebrow { display: inline-block; font-weight: 700; font-size: 14px; letter-spacing: .3px; background: color-mix(in srgb, var(--sg-gold, #C9A24B) 16%, transparent); border: 1px solid color-mix(in srgb, var(--sg-gold, #C9A24B) 40%, transparent); color: #8C6B26; padding: 7px 16px; border-radius: var(--sg-radius-pill, 999px); margin-block-end: 18px; } .sg-hero.sg-hero--b1 .sg-hero__title { font-family: var(--sg-font-display, 'Rubik', 'Rubik Fallback', sans-serif); font-weight: 900; font-size: clamp(30px, 3.6vw, 52px); line-height: 1.1; letter-spacing: -.5px; max-width: 18ch; margin: 0; color: #fff !important; text-shadow: 0 3px 26px rgba(0, 0, 0, .45); } .sg-hero.sg-hero--b1 .sg-hero__sub { font-size: clamp(15px, 1.3vw, 20px); font-weight: 500; line-height: 1.6; margin: 16px 0 0; max-width: 40ch; color: #dbe6f3; } .sg-hero.sg-hero--b1 .sg-hero__cta { display: flex; gap: 12px; margin-block-start: 26px; flex-wrap: wrap; } .sg-hero.sg-hero--b1 .sg-hero__cta-main, .sg-hero.sg-hero--b1 .sg-hero__cta-ghost { font-weight: 700; font-size: 17px; padding: 14px 30px; border-radius: 14px; text-decoration: none; display: inline-block; border: 1.5px solid transparent; transition: transform var(--sg-transition, .2s ease), box-shadow var(--sg-transition, .2s ease), background var(--sg-transition, .2s ease); } .sg-hero.sg-hero--b1 .sg-hero__cta-main { background: var(--sg-gold, #C9A24B); color: #231A0B; border-color: var(--sg-gold, #C9A24B); box-shadow: 0 12px 28px color-mix(in srgb, var(--sg-gold, #C9A24B) 45%, transparent); } .sg-hero.sg-hero--b1 .sg-hero__cta-main:hover, .sg-hero.sg-hero--b1 .sg-hero__cta-main:focus-visible { background: var(--sg-gold-dark, #8C6B26); color: #fff; transform: translateY(-2px); } .sg-hero.sg-hero--b1 .sg-hero__cta-ghost { background: rgba(255, 255, 255, .10); color: #fff; border-color: rgba(255, 255, 255, .55); } .sg-hero.sg-hero--b1 .sg-hero__cta-ghost:hover, .sg-hero.sg-hero--b1 .sg-hero__cta-ghost:focus-visible { background: rgba(255, 255, 255, .18); color: #fff; transform: translateY(-2px); } .sg-hero.sg-hero--b1 .sg-hero__rating { display: inline-flex; align-items: center; gap: 8px; margin-block-start: 22px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); padding: 8px 15px; border-radius: var(--sg-radius-pill, 999px); font-size: 13.5px; font-weight: 600; color: #eaf1f8; text-decoration: none; } .sg-hero.sg-hero--b1 .sg-hero__rating:hover { background: rgba(255, 255, 255, .18); color: #fff; } .sg-hero.sg-hero--b1 .sg-stars { display: inline-flex; gap: 1px; color: #f5b301; } .sg-hero.sg-hero--b1 .sg-stars__ic { width: 15px; height: 15px; fill: currentColor; } .sg-hero.sg-hero--b1 .sg-hero__rating-num { font-weight: 800; } .sg-hero.sg-hero--b1 .sg-hero__media { min-width: 0; } .sg-hero.sg-hero--b1 .sg-heroc { position: relative; } .sg-hero.sg-hero--b1 .sg-heroc__track { display: flex; gap: 12px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; border-radius: var(--sg-radius-lg, 16px); scrollbar-width: none; } .sg-hero.sg-hero--b1 .sg-heroc__track::-webkit-scrollbar { display: none; } .sg-hero.sg-hero--b1 .sg-heroc__slide { flex: 0 0 100%; scroll-snap-align: center; min-width: 0; margin: 0; list-style: none; } .sg-hero.sg-hero--b1 .sg-heroc__img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--sg-radius-lg, 16px); box-shadow: 0 24px 60px rgba(0, 0, 0, .45); background: #0d2547; } .sg-hero.sg-hero--b1 .sg-heroc__dots { display: flex; justify-content: center; gap: 8px; margin-block-start: 14px; } .sg-hero.sg-hero--b1 .sg-heroc__dot { flex: 0 0 auto; align-self: center; width: 10px; height: 10px; min-height: 0; padding: 0; border: 0; line-height: 0; border-radius: 50%; cursor: pointer; appearance: none; -webkit-appearance: none; background: rgba(255, 255, 255, .34); transition: background var(--sg-transition, .2s ease), transform var(--sg-transition, .2s ease); } .sg-hero.sg-hero--b1 .sg-heroc__dot.is-active { background: var(--sg-gold, #C9A24B); transform: scale(1.25); } .sg-hero.sg-hero--b1 .sg-heroc__dot:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .sg-hero.sg-hero--b1 .sg-heroc__dot-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .sg-hero.sg-hero--b1 .sg-hero__media-cap { margin: 10px 0 0; text-align: center; font-size: 13px; color: #b9cbe0; } .sg-hero.sg-hero--b1 .sg-hero__ded { position: relative; z-index: 2; width: 100%; max-width: var(--sg-container, 1280px); margin-inline: auto; margin-block-start: clamp(22px, 3vw, 36px); padding-inline: clamp(16px, 4vw, 40px); } .sg-hero.sg-hero--b1 .sg-hded { display: flex; align-items: center; gap: clamp(12px, 2vw, 24px); padding: clamp(14px, 2vw, 20px); border-radius: var(--sg-radius-lg, 16px); background: linear-gradient(120deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04)); border: 1px solid rgba(255, 255, 255, .18); text-decoration: none; color: #fff; transition: transform var(--sg-transition, .2s ease), border-color var(--sg-transition, .2s ease), background var(--sg-transition, .2s ease); } .sg-hero.sg-hero--b1 .sg-hded:hover, .sg-hero.sg-hero--b1 .sg-hded:focus-visible { transform: translateY(-2px); border-color: color-mix(in srgb, var(--sg-gold, #C9A24B) 60%, transparent); background: linear-gradient(120deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06)); color: #fff; } .sg-hero.sg-hero--b1 .sg-hded__media { flex: 0 0 auto; } .sg-hero.sg-hero--b1 .sg-hded__img { display: block; width: clamp(72px, 12vw, 120px); height: clamp(72px, 12vw, 120px); aspect-ratio: 1; object-fit: cover; border-radius: var(--sg-radius-md, 8px); } .sg-hero.sg-hero--b1 .sg-hded__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .sg-hero.sg-hero--b1 .sg-hded__kicker { font-size: 12.5px; font-weight: 700; letter-spacing: .4px; color: var(--sg-gold-text, #8C6B26); } .sg-hero.sg-hero--b1 .sg-hded__title { font-size: clamp(17px, 2vw, 22px); font-weight: 800; line-height: 1.25; } .sg-hero.sg-hero--b1 .sg-hded__sub { font-size: 14px; color: #cddbea; line-height: 1.5; } .sg-hero.sg-hero--b1 .sg-hded__cta { flex: 0 0 auto; margin-inline-start: auto; white-space: nowrap; background: var(--sg-gold, #C9A24B); color: #231A0B; font-weight: 700; font-size: 15px; padding: 11px 20px; border-radius: var(--sg-radius-pill, 999px); } @media (min-width: 901px) { .sg-hero.sg-hero--b1 .sg-hero__inner { grid-template-columns: 1.05fr 0.95fr; } } @media (max-width: 900px) { .sg-hero.sg-hero--b1 .sg-hero__copy { text-align: center; } .sg-hero.sg-hero--b1 .sg-hero__title, .sg-hero.sg-hero--b1 .sg-hero__sub { max-width: none; margin-inline: auto; } .sg-hero.sg-hero--b1 .sg-hero__cta { justify-content: center; } .sg-hero.sg-hero--b1 .sg-hero__cta-main, .sg-hero.sg-hero--b1 .sg-hero__cta-ghost { flex: 1 1 44%; text-align: center; } .sg-hero.sg-hero--b1 .sg-hero__eyebrow, .sg-hero.sg-hero--b1 .sg-hero__rating { margin-inline: auto; } .sg-hero.sg-hero--b1 .sg-hded { flex-wrap: wrap; text-align: start; } .sg-hero.sg-hero--b1 .sg-hded__cta { margin-inline-start: 0; width: 100%; text-align: center; } } @media (prefers-reduced-motion: reduce) { .sg-hero.sg-hero--b1 .sg-heroc__track { scroll-behavior: auto; } .sg-hero.sg-hero--b1 .sg-hero__cta-main, .sg-hero.sg-hero--b1 .sg-hero__cta-ghost, .sg-hero.sg-hero--b1 .sg-hded, .sg-hero.sg-hero--b1 .sg-heroc__dot { transition: none; } }

.sg-collab { padding-block: clamp(32px, 5vw, 56px); background: var(--sg-cream, #fff); } .sg-collab__head { text-align: center; margin-block-end: clamp(18px, 3vw, 30px); } .sg-collab__eyebrow { display: block; font-size: 13px; font-weight: 700; letter-spacing: .6px; color: var(--sg-gold-dark, #8C6B26); margin-block-end: 6px; } .sg-collab__row { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(16px, 3vw, 36px); margin: 0; padding: 0; list-style: none; } .sg-collab__cell { flex: 0 0 auto; } .sg-collab__item { display: flex; flex-direction: column; align-items: center; gap: 10px; width: clamp(104px, 22vw, 184px); text-decoration: none; color: var(--sg-text, #092143); } .sg-collab__avatar { display: block; position: relative; width: clamp(96px, 20vw, 168px); aspect-ratio: 1; border-radius: 50%; padding: 3px; background: linear-gradient(135deg, var(--sg-gold, #C9A24B), var(--sg-brown, #092143)); transition: transform var(--sg-transition, .2s ease), box-shadow var(--sg-transition, .2s ease); box-shadow: var(--sg-shadow-sm, 0 1px 3px rgba(0, 0, 0, .06)); } .sg-collab__img { display: block; width: 100%; height: 100%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; object-position: center; background: var(--sg-cream-alt, #f3f8fb); border: 3px solid var(--sg-cream, #fff); } .sg-collab__item:hover .sg-collab__avatar, .sg-collab__item:focus-visible .sg-collab__avatar { transform: translateY(-3px) scale(1.02); box-shadow: var(--sg-shadow, 0 6px 20px rgba(0, 0, 0, .12)); } .sg-collab__item:focus-visible { outline: none; } .sg-collab__item:focus-visible .sg-collab__avatar { outline: 2px solid var(--sg-gold-dark, #8C6B26); outline-offset: 4px; } .sg-collab__label { font-size: clamp(13px, 1.4vw, 15px); font-weight: 600; line-height: 1.35; text-align: center; text-wrap: balance; } .sg-collab__item:hover .sg-collab__label { color: var(--sg-gold-dark, #8C6B26); } .sg-collab__badge { position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); z-index: 2; padding: 2px 10px; border: 2px solid var(--sg-cream, #fff); border-radius: var(--sg-radius-pill, 999px); background: var(--sg-gold, #C9A24B); color: var(--sg-brown, #092143); font-size: 11.5px; font-weight: 700; line-height: 1.4; white-space: nowrap; } .sg-collab__cell--featured .sg-collab__label { font-weight: 700; } @media (max-width: 600px) { .sg-collab__row { gap: 18px 14px; } .sg-collab__item { width: 28vw; } } @media (prefers-reduced-motion: reduce) { .sg-collab__avatar { transition: none; } } .sg-collab__row { align-items: center; } .sg-collab__cell--featured .sg-collab__item { width: clamp(128px, 30vw, 224px); } .sg-collab__cell--featured .sg-collab__avatar { width: clamp(120px, 27vw, 208px); padding: 4px; background: linear-gradient(135deg, #f6e27a, #b98a2f 55%, #f6e27a); box-shadow: 0 10px 28px rgba(185, 138, 47, .28); } @media (max-width: 600px) { .sg-collab__cell--featured { flex-basis: 100%; display: flex; justify-content: center; } .sg-collab__cell--featured .sg-collab__item { width: 52vw; } .sg-collab__cell--featured .sg-collab__avatar { width: 40vw; } } .sg-collab__break { flex-basis: 100%; height: 0; margin: 0; padding: 0; } @media (min-width: 1100px) { .sg-collab__row { column-gap: clamp(12px, 1.6vw, 24px); } .sg-collab__item { width: clamp(128px, 12.5vw, 160px); } .sg-collab__avatar { width: clamp(120px, 11.5vw, 148px); } .sg-collab__cell--featured .sg-collab__item { width: clamp(168px, 15.5vw, 200px); } .sg-collab__cell--featured .sg-collab__avatar { width: clamp(156px, 14.5vw, 188px); } }

:root { --uxm-dur: 720ms; --uxm-ease: cubic-bezier(0.22, 0.61, 0.36, 1); } .uxm .sg-hero { position: relative; } .uxm .sg-hero::after { content: ""; position: absolute; inset: -15%; z-index: 0; pointer-events: none; background: radial-gradient(40% 50% at 18% 25%, rgba(197, 165, 114, .20), transparent 60%), radial-gradient(42% 50% at 85% 75%, rgba(197, 165, 114, .14), transparent 62%), radial-gradient(46% 56% at 65% 15%, rgba(245, 239, 226, .55), transparent 60%); opacity: 0; animation: uxm-mesh-in 1.4s var(--uxm-ease) .2s forwards, uxm-mesh-drift 24s ease-in-out 1.4s infinite; } @keyframes uxm-mesh-in { to { opacity: 1; } } @keyframes uxm-mesh-drift { 0%, 100% { transform: translate3d(0, 0, 0) scale(1); } 50% { transform: translate3d(2%, -2%, 0) scale(1.08); } } .uxm .sg-hero__grid { position: relative; z-index: 1; } .uxm .sg-hero__photo { will-change: transform; } .uxm .sg-hero .uxm-scrollcue { position: absolute; inset-inline: 0; inset-block-end: 18px; z-index: 2; margin-inline: auto; inline-size: 24px; block-size: 24px; border-inline-end: 2px solid var(--sg-gold, var(--sg-gold,#C9A24B)); border-block-end: 2px solid var(--sg-gold, var(--sg-gold,#C9A24B)); transform: rotate(45deg); opacity: .6; animation: uxm-cue 1.8s ease-in-out infinite; } @keyframes uxm-cue { 0%, 100% { transform: rotate(45deg) translate(0, 0); opacity: .3; } 50% { transform: rotate(45deg) translate(4px, 4px); opacity: .85; } } .uxm-magnetic { transition: transform .25s var(--uxm-ease); will-change: transform; } .uxm-progress { position: fixed; inset-block-start: 0; inset-inline-start: 0; z-index: 9999; block-size: 3px; inline-size: var(--uxm-progress, 0%); background: linear-gradient(90deg, var(--sg-gold, var(--sg-gold,#C9A24B)), var(--sg-gold-dark, #A88A5C)); pointer-events: none; transition: inline-size .12s linear; } @media (hover: hover) { .uxm .sg-hero__ctas .sg-btn:hover, .uxm .sg-lead__submit:hover { box-shadow: 0 8px 26px rgba(197, 165, 114, .45); } } @media (prefers-reduced-motion: reduce) { .uxm .sg-hero::after { animation: none !important; opacity: .55; } .uxm .sg-hero .uxm-scrollcue { animation: none !important; } .uxm .sg-hero__photo { transform: none !important; } .uxm-progress { display: none !important; } }

:root { --s47-navy: #092143; --s47-navy-2: #0c2d5a; --s47-teal: #C9A24B; --s47-teal-bright: #C9A24B; --s47-mint: #C9A24B; --s47-red: #e22d2d; --s47-yellow: #f4c21c; --s47-ink: #092143; --s47-bg-alt: #f3f8fb; --s47-rainbow: linear-gradient(90deg, #e22d2d 0%, #f4c21c 18%, #30f2c6 36%, #33cccc 54%, #2b6cff 72%, #b14be0 88%, #e22d2d 100%); } body.sg-home { --sg-brown: var(--s47-navy); --sg-brown-dark: #061429; --sg-text: var(--s47-navy); --sg-text-muted: #5b6b80; --sg-gold: var(--s47-teal); --sg-gold-dark: #8C6B26; --sg-gold-light: #F6EFE0; --sg-cream: #ffffff; --sg-cream-alt: var(--s47-bg-alt); --sg-surface: #ffffff; --sg-border: #e2eaf1; } body.sg-home .sg-btn--primary, body.sg-home .sg-btn.sg-btn--primary { background: linear-gradient(135deg, var(--s47-teal), var(--s47-teal-bright)); color: #fff; border-color: transparent; } body.sg-home .sg-btn--primary:hover { filter: brightness(1.06); } body.sg-home .sg-btn--outline { color: var(--s47-navy); border-color: var(--s47-teal); } body.sg-home .sg-btn--outline:hover { background: var(--s47-teal); color: #fff; } .s47-rainbow { height: 6px; width: 100%; background: var(--s47-rainbow); background-size: 200% 100%; animation: s47-ramp 12s linear infinite; } @keyframes s47-ramp { to { background-position: 200% 0; } } .sg-hero--ugc { position: relative; isolation: isolate; } .sg-hero--ugc::before { content: ""; position: absolute; inset-block-start: -15%; inset-inline-start: -10%; width: 70%; height: 80%; z-index: -1; background: radial-gradient(closest-side, rgba(201, 162, 75, .55), transparent 70%) 0% 30%/55% 60% no-repeat, radial-gradient(closest-side, rgba(226,45,45,.40), transparent 70%) 80% 10%/45% 55% no-repeat, radial-gradient(closest-side, rgba(244,194,28,.45), transparent 70%) 40% 90%/50% 55% no-repeat, radial-gradient(closest-side, rgba(201, 162, 75, .50), transparent 70%) 100% 80%/55% 60% no-repeat; filter: blur(60px); opacity: .5; animation: s47-glow 18s ease-in-out infinite alternate; pointer-events: none; } @keyframes s47-glow { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(3%,2%,0) scale(1.1); } } @media (prefers-reduced-motion: reduce) { .s47-rainbow, .sg-hero--ugc::before { animation: none; } } .s47-promo { margin-block: var(--sg-space-5); } .s47-promo[hidden] { display: none; } .s47-promo__inner { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: var(--sg-space-4); flex-wrap: wrap; padding: clamp(22px, 4vw, 44px) clamp(20px, 5vw, 56px); border-radius: var(--sg-radius-lg); background: linear-gradient(120deg, var(--s47-navy) 0%, #123a73 55%, var(--s47-teal) 140%); color: #fff; box-shadow: 0 18px 40px rgba(9,33,67,.28); } .s47-promo__inner::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 8px; background: var(--s47-rainbow); background-size: 100% 200%; animation: s47-ramp-v 9s linear infinite; } @keyframes s47-ramp-v { to { background-position: 0 200%; } } .s47-promo__text { display: flex; flex-direction: column; gap: 6px; min-width: 0; } .s47-promo__kicker { display: inline-block; align-self: flex-start; font-size: var(--sg-text-meta); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: var(--s47-red); color: #fff; padding: 4px 12px; border-radius: var(--sg-radius-pill); } .s47-promo__title { font-family: var(--sg-font-display); font-size: clamp(24px, 3.6vw, 36px); line-height: var(--sg-line-tight); margin: 0; color: #fff; } .s47-promo__title b { color: var(--s47-yellow); } .s47-promo__sub { font-size: var(--sg-text-small); color: rgba(255,255,255,.85); margin: 0; } .s47-promo__actions .sg-btn--primary { background: var(--s47-yellow); color: var(--s47-navy); font-weight: 700; } .s47-promo__actions .sg-btn--primary:hover { background: #ffd23d; filter:none; } .s47-promo__close { position: absolute; inset-block-start: 10px; inset-inline-end: 12px; width: 30px; height: 30px; border: 0; cursor: pointer; background: rgba(255,255,255,.16); color: #fff; border-radius: var(--sg-radius-pill); font-size: 20px; line-height: 1; transition: background var(--sg-transition); } .s47-promo__close:hover { background: rgba(255,255,255,.32); } @media (max-width: 600px) { .s47-promo__actions { width: 100%; } .s47-promo__actions .sg-btn { width: 100%; justify-content: center; } } .s47-cats { margin-block: var(--sg-space-7); } .s47-cats__head { text-align: center; margin-block-end: var(--sg-space-5); } .s47-cats__eyebrow { display:inline-block; font-size: var(--sg-text-meta); font-weight:800; letter-spacing:.1em; text-transform:uppercase; color: var(--s47-teal); margin-block-end: 6px; } .s47-cats__title { font-family: var(--sg-font-display); font-size: var(--sg-text-h2); margin:0; color: var(--s47-navy); } .s47-cats__grid { display: grid; gap: var(--sg-space-4); grid-template-columns: repeat(2, 1fr); } @media (min-width: 700px) { .s47-cats__grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1000px) { .s47-cats__grid { grid-template-columns: repeat(6, 1fr); } } .s47-cat { position: relative; display: block; overflow: hidden; border-radius: var(--sg-radius-lg); aspect-ratio: 3 / 4; box-shadow: var(--sg-shadow); background: var(--s47-navy); text-decoration: none; } .s47-cat img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--sg-transition-slow) var(--sg-ease-out-soft); } .s47-cat:hover img { transform: scale(1.08); } .s47-cat__overlay { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 14px; background: linear-gradient(to top, rgba(9,33,67,.85) 0%, rgba(9,33,67,.15) 55%, transparent 100%); } .s47-cat__name { color: #fff; font-weight: 700; font-size: var(--sg-text-body); line-height: 1.25; } .s47-cat::after { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; height: 4px; background: var(--c, var(--s47-teal)); } .s47-cslider { margin-block: var(--sg-space-7); } .s47-cslider__head { text-align: center; margin-block-end: var(--sg-space-5); } .s47-cslider__eyebrow { display:inline-block; font-size: var(--sg-text-meta); font-weight:800; letter-spacing:.1em; text-transform:uppercase; color: var(--s47-red); margin-block-end:6px; } .s47-cslider__title { font-family: var(--sg-font-display); font-size: var(--sg-text-h2); margin:0; color: var(--s47-navy); } .s47-cslider__track { display: flex; gap: var(--sg-space-4); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-block-end: var(--sg-space-3); padding-inline: var(--sg-space-3); -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--s47-teal) transparent; } .s47-cslider__track::-webkit-scrollbar { height: 6px; } .s47-cslider__track::-webkit-scrollbar-thumb { background: var(--s47-teal); border-radius: var(--sg-radius-pill); } .s47-cslider__slide { scroll-snap-align: center; flex: 0 0 clamp(240px, 80vw, 340px); aspect-ratio: 4 / 3; border-radius: var(--sg-radius-lg); overflow: hidden; position: relative; box-shadow: var(--sg-shadow); background: var(--s47-bg-alt); } @media (min-width: 768px) { .s47-cslider__slide { flex-basis: 380px; } } .s47-cslider__slide img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--sg-transition-slow) var(--sg-ease-out-soft); } .s47-cslider__slide:hover img { transform: scale(1.05); } .s47-cslider__cap { position: absolute; inset-block-end: 0; inset-inline: 0; padding: 18px 16px 12px; font-size: var(--sg-text-small); color: #fff; background: linear-gradient(to top, rgba(9,33,67,.82), transparent); } .s47-cslider__nav { display:flex; justify-content:center; gap: var(--sg-space-3); margin-block-start: var(--sg-space-3); } .s47-cslider__btn { width: 44px; height: 44px; border-radius: var(--sg-radius-pill); border: 1px solid var(--sg-border); background: #fff; color: var(--s47-navy); cursor: pointer; display:inline-flex; align-items:center; justify-content:center; transition: var(--sg-transition); } .s47-cslider__btn:hover { background: var(--s47-teal); color:#fff; border-color: var(--s47-teal); } .s47-partners { margin-block: var(--sg-space-5); padding-block: var(--sg-space-6); background: linear-gradient(180deg, #f5f9fc 0%, #eef4f9 100%); border-block: 1px solid rgba(15, 42, 71, .06); } .s47-partners__head { text-align: center; margin-block-end: var(--sg-space-5); } .s47-partners__title { font-size: var(--sg-text-body); font-weight: 700; color: var(--s47-navy); margin: 0; } .s47-partners__title span { color: var(--s47-teal); } .s47-marquee { position: relative; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); } .s47-marquee__track { display: flex; width: max-content; gap: clamp(36px, 6vw, 80px); align-items: center; animation: s47-marquee 36s linear infinite; direction: ltr; } .s47-marquee:hover .s47-marquee__track { animation-play-state: paused; } @keyframes s47-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .s47-marquee__item { flex: 0 0 auto; height: 72px; display: flex; align-items: center; } .s47-marquee__item img { max-height: 72px; max-width: 160px; width: auto; object-fit: contain; opacity: .72; filter: grayscale(1); transition: opacity var(--sg-transition), filter var(--sg-transition); } .s47-marquee__item img:hover { opacity: 1; filter: grayscale(0); } @media (prefers-reduced-motion: reduce) { .s47-marquee__track { animation: none; flex-wrap: wrap; justify-content: center; } .s47-marquee { -webkit-mask-image: none; mask-image: none; } } .sg-about__placeholder { display: block; width: 100%; min-height: 320px; border-radius: var(--sg-radius-lg); background: var(--s47-bg-alt) var(--s47-about-img, none) center / cover no-repeat; box-shadow: var(--sg-shadow-sm); } .s47-promo__title, .s47-cats__title, .sg-acryl .sg-acryl__title { font-family: var(--sg-font-body); font-weight: 600; letter-spacing: -0.01em; }

.sg-lbx-tile { display: block; inline-size: 100%; block-size: 100%; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: inherit; cursor: zoom-in; border-radius: inherit; overflow: hidden; } .sg-lbx-tile img { display: block; } .sg-lbx-tile:focus-visible, a[data-sg-lightbox]:focus-visible { outline: 3px solid #26262A; outline-offset: 3px; } .sg-lbx__backdrop { background: rgba(10, 12, 16, .88); } .sg-lbx__panel { position: relative; inline-size: min(96vw, 1200px); max-block-size: 92dvh; display: flex; align-items: center; justify-content: center; background: transparent; box-shadow: none; overflow: visible; padding: 0; } .sg-lbx__figure { margin: 0; display: flex; flex-direction: column; gap: 10px; align-items: center; max-inline-size: 100%; } .sg-lbx__img { display: block; max-inline-size: min(92vw, 1100px); max-block-size: 78dvh; inline-size: auto; block-size: auto; border-radius: 12px; background: rgba(255, 255, 255, .06); box-shadow: 0 30px 70px rgba(0, 0, 0, .5); } .sg-lbx__cap { display: flex; gap: 10px; align-items: baseline; justify-content: center; flex-wrap: wrap; max-inline-size: min(92vw, 900px); padding: 8px 16px; border-radius: 999px; background: rgba(10, 12, 16, .72); color: #FFFFFF; font-size: .98rem; line-height: 1.4; text-align: center; } .sg-lbx__cap [hidden] { display: none; } .sg-lbx__count { color: rgba(255, 255, 255, .8); font-size: .88rem; } .sg-lbx__btn { position: absolute; inline-size: 48px; block-size: 48px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255, 255, 255, .28); border-radius: 50%; background: rgba(10, 12, 16, .55); color: #FFFFFF; cursor: pointer; z-index: 2; transition: background-color .2s ease; } .sg-lbx__btn[hidden] { display: none; } .sg-lbx__btn:hover { background: rgba(10, 12, 16, .85); } .sg-lbx__btn:focus-visible { outline: 3px solid #E0C071; outline-offset: 2px; } .sg-lbx__close { inset-block-start: -8px; inset-inline-end: -8px; } .sg-lbx__nav { inset-block-start: calc(50% - 24px); } .sg-lbx__nav--prev { inset-inline-start: -4px; } .sg-lbx__nav--next { inset-inline-end: -4px; } .sg-lbx__chev--prev { transform: scaleX(-1); } [dir="rtl"] .sg-lbx__chev--prev { transform: none; } [dir="rtl"] .sg-lbx__chev--next { transform: scaleX(-1); } .sg-lbx__sr { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } @media (max-width: 600px) { .sg-lbx__btn { inline-size: 44px; block-size: 44px; } .sg-lbx__nav--prev { inset-inline-start: 2px; } .sg-lbx__nav--next { inset-inline-end: 2px; } .sg-lbx__close { inset-block-start: 2px; inset-inline-end: 2px; } .sg-lbx__img { max-block-size: 70dvh; } } @media (prefers-reduced-motion: reduce) { .sg-lbx__btn { transition: none; } }

.sg-hscroll { position: relative; padding-inline: 0; } .sg-hscroll__viewport { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab; overscroll-behavior-x: contain; } .sg-hscroll__viewport::-webkit-scrollbar { display: none; } .sg-hscroll__viewport.is-grabbing { cursor: grabbing; } .sg-hscroll__viewport.is-dragging { scroll-snap-type: none; scroll-behavior: auto; user-select: none; } .sg-hscroll__viewport.is-dragging img, .sg-hscroll__viewport.is-dragging a { pointer-events: none; } .sg-hscroll__arrow { position: absolute; inset-block-start: 50%; transform: translateY(-50%); inline-size: 44px; block-size: 44px; display: grid; place-items: center; border: 1px solid var(--sg-border, #E6E3DE); border-radius: 50%; background: #FFFFFF; color: #1E2127 !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); cursor: pointer; z-index: 2; transition: opacity 160ms ease, background 160ms ease; } .sg-hscroll__arrow:hover { background: var(--sg-cream, #F6F2EC); } .sg-hscroll__arrow:focus-visible { outline: 3px solid var(--sg-gold-dark, #26262A); outline-offset: 2px; } .sg-hscroll__arrow--prev { inset-inline-start: -6px; } .sg-hscroll__arrow--next { inset-inline-end: -6px; } .sg-hscroll__arrow[disabled] { opacity: .32; cursor: default; box-shadow: none; } @media (hover: none) and (pointer: coarse) { .sg-hscroll__arrow { display: none; } } @media (prefers-reduced-motion: reduce) { .sg-hscroll__viewport { scroll-behavior: auto; } .sg-hscroll__arrow { transition: none; } } .sg-pcircles .sg-hscroll__viewport.sg-pcircles__grid { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(96px, 14vw, 150px); grid-template-columns: none; gap: clamp(14px, 2vw, 28px); padding-block: 4px; padding-inline: 8px; } .sg-pcircles .sg-hscroll { padding-inline: 10px; } .sg-pcircles__item { scroll-snap-align: center; } .sg-stories .sg-hscroll__viewport.sg-stories__row, .sg-stories__row.sg-hscroll__viewport { display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: clamp(12px, 1.6vw, 22px); padding-block: 4px; padding-inline: 6px; } .sg-stories .sg-hscroll { padding-inline: 10px; } .sg-stories__cell { scroll-snap-align: start; } .sg-stories__cell--feature .sg-stories__avatar { border-color: var(--sg-gold-dark, #26262A); border-width: 3px; }

.sg-nav-drawer { --drw-ink: #FFFFFF; --drw-ink-soft: rgba(255, 255, 255, .72); --drw-rule: rgba(255, 255, 255, .12); --drw-wash: rgba(255, 255, 255, .07); --drw-gold: #E0C071; display: flex; flex-direction: column; inline-size: min(86vw, 380px); block-size: 100dvh; color: var(--drw-ink); box-shadow: 0 0 60px rgba(0, 0, 0, .45); padding: 0; } @media (min-width: 900px) { .sg-nav-drawer { inline-size: 420px; } } .sg-nav-drawer .sg-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-block-end: 1px solid var(--drw-rule); flex: 0 0 auto; } .sg-nav-drawer .sg-drawer__logo { display: inline-flex; align-items: center; line-height: 0; } .sg-nav-drawer .sg-drawer__logo img, .sg-nav-drawer .sg-drawer__logo svg { block-size: 38px; inline-size: auto; width: auto; display: block; } .sg-nav-drawer .sg-drawer__close.sg-drawer__close.sg-drawer__close { inline-size: 44px; block-size: 44px; display: inline-grid; place-items: center; border: 1px solid var(--drw-rule); border-radius: 12px; background: transparent; color: var(--drw-ink) !important; cursor: pointer; } .sg-nav-drawer .sg-drawer__close.sg-drawer__close.sg-drawer__close:hover { background: var(--drw-wash) !important; color: var(--drw-ink) !important; } .sg-nav-drawer .sg-drawer__search { display: flex; gap: 8px; padding: 14px 18px; flex: 0 0 auto; } .sg-nav-drawer .sg-drawer__search input { flex: 1; min-inline-size: 0; block-size: 46px; padding-inline: 14px; border: 1px solid var(--drw-rule); border-radius: 12px; background: rgba(255, 255, 255, .06); color: var(--drw-ink); font-size: 1rem; font-family: inherit; } .sg-nav-drawer .sg-drawer__search input::placeholder { color: rgba(255, 255, 255, .62); } .sg-nav-drawer .sg-drawer__search input:focus-visible { outline: 3px solid var(--drw-gold); outline-offset: 1px; } .sg-nav-drawer .sg-drawer__search button.sg-drawer__search-btn, .sg-nav-drawer .sg-drawer__search button { inline-size: 46px; block-size: 46px; display: grid; place-items: center; border: 0; border-radius: 12px; background: var(--drw-gold); color: #2A2113 !important; cursor: pointer; } .sg-nav-drawer .sg-drawer__nav { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding-block-end: 8px; } .sg-nav-drawer .sg-drawer__menu { list-style: none; margin: 0; padding: 0; } .sg-nav-drawer .sg-drawer__menu > li { border-block-end: 1px solid var(--drw-rule); } .sg-nav-drawer .sg-drawer__menu a { display: flex; align-items: center; min-block-size: 56px; padding: 12px 20px; color: var(--drw-ink); font-size: 1.18rem; font-weight: 500; line-height: 1.25; text-decoration: none; } .sg-nav-drawer .sg-drawer__menu a:hover, .sg-nav-drawer .sg-drawer__menu a:focus-visible { background: var(--drw-wash); color: var(--drw-ink); } .sg-nav-drawer .sg-drawer__home { color: var(--drw-gold); } .sg-nav-drawer .sg-drawer__row { display: flex; align-items: center; } .sg-nav-drawer .sg-drawer__row a { flex: 1 1 auto; } .sg-nav-drawer .sg-drawer__expand.sg-drawer__expand.sg-drawer__expand { flex: 0 0 auto; inline-size: 56px; block-size: 56px; display: grid; place-items: center; border: 0; border-inline-start: 1px solid var(--drw-rule); background: transparent; color: var(--drw-ink) !important; cursor: pointer; } .sg-nav-drawer .sg-drawer__expand svg { transition: transform var(--sg-ov-dur, 250ms) var(--sg-ov-ease, ease); } [dir="rtl"] .sg-nav-drawer .sg-drawer__expand svg { transform: scaleX(-1); } .sg-nav-drawer .sg-drawer__has-sub.is-open > .sg-drawer__row .sg-drawer__expand svg { transform: rotate(90deg); } [dir="rtl"] .sg-nav-drawer .sg-drawer__has-sub.is-open > .sg-drawer__row .sg-drawer__expand svg { transform: scaleX(-1) rotate(90deg); } .sg-nav-drawer .sg-drawer__submenu { list-style: none; margin: 0; padding: 0; background: rgba(0, 0, 0, .22); } .sg-nav-drawer .sg-drawer__submenu[hidden] { display: none; } .sg-nav-drawer .sg-drawer__submenu > li { border-block-end: 1px solid rgba(255, 255, 255, .07); } .sg-nav-drawer .sg-drawer__submenu > li:last-child { border-block-end: 0; } .sg-nav-drawer .sg-drawer__submenu a { min-block-size: 48px; padding-inline: 36px 20px; font-size: 1.02rem; font-weight: 400; color: var(--drw-ink-soft); } [dir="ltr"] .sg-nav-drawer .sg-drawer__submenu a { padding-inline: 20px 36px; } .sg-nav-drawer .sg-drawer__submenu a:hover { color: var(--drw-ink); } .sg-nav-drawer .sg-drawer__group { padding: 14px 20px 6px; font-size: .78rem; font-weight: 700; letter-spacing: .04em; color: var(--drw-gold); text-transform: none; } .sg-nav-drawer .sg-drawer__social { flex: 0 0 auto; display: flex; gap: 10px; list-style: none; margin: 0; padding: 16px 18px 8px; border-block-start: 1px solid var(--drw-rule); } .sg-nav-drawer .sg-drawer__social-link.sg-drawer__social-link { inline-size: 44px; block-size: 44px; display: grid; place-items: center; border: 1px solid var(--drw-rule); border-radius: 50%; color: var(--drw-ink) !important; background: transparent; } .sg-nav-drawer .sg-drawer__social-link.sg-drawer__social-link:hover { background: var(--drw-wash); border-color: var(--drw-gold); } .sg-nav-drawer .sg-drawer__contact { flex: 0 0 auto; padding: 8px 18px calc(16px + env(safe-area-inset-bottom, 0px)); } .sg-nav-drawer .sg-drawer__phone { display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; color: var(--drw-ink); font-size: 1.02rem; font-weight: 600; text-decoration: none; } .sg-nav-drawer .sg-drawer__phone svg { color: var(--drw-gold); } .sg-nav-drawer .sg-drawer__contact small { display: block; color: var(--drw-ink-soft); font-size: .85rem; } .sg-nav-drawer a:focus-visible, .sg-nav-drawer button:focus-visible { outline: 3px solid var(--drw-gold); outline-offset: -3px; } .sg-nav-drawer .sg-drawer__menu a.sg-drawer__menu-link, .sg-nav-drawer .sg-drawer__menu a, .sg-nav-drawer .sg-drawer__submenu a, .sg-nav-drawer .sg-drawer__phone { color: var(--drw-ink) !important; } .sg-nav-drawer .sg-drawer__home { color: var(--drw-gold) !important; } .sg-nav-drawer .sg-drawer__submenu a { color: var(--drw-ink-soft) !important; } .sg-nav-drawer .sg-drawer__submenu a:hover, .sg-nav-drawer .sg-drawer__submenu a:focus-visible { color: var(--drw-ink) !important; } .sg-nav-drawer .sg-drawer__group { color: var(--drw-gold) !important; } .sg-nav-drawer.sg-marble { background-image: linear-gradient(160deg, #1D2027 0%, #15171C 52%, #1A1D23 100%); } .sg-nav-drawer .sg-drawer__head { background: transparent; position: static; border-block-end: 1px solid var(--drw-rule); } .sg-nav-drawer .sg-drawer__search { margin: 0; padding: 14px 18px; background: transparent; border: 0; border-radius: 0; } .sg-nav-drawer .sg-drawer__search input { border: 1px solid var(--drw-rule); border-radius: 12px; background: rgba(255, 255, 255, .07); color: var(--drw-ink); font-size: 1rem; padding: 8px 14px; } .sg-nav-drawer .sg-drawer__search button { inline-size: 46px; block-size: 46px; flex: 0 0 auto; border-radius: 12px; background: var(--drw-gold); color: #2A2113 !important; } .sg-nav-drawer .sg-drawer__search button:hover { background: #EBD08A; } .sg-nav-drawer .sg-drawer__close.sg-drawer__close.sg-drawer__close { margin-inline-end: 0; border-radius: 12px; background: transparent; border: 1px solid var(--drw-rule); } .sg-nav-drawer .sg-drawer__logo img { block-size: 38px; height: 38px; } .sg-nav-drawer .sg-drawer__contact { background: transparent; border-block-start: 1px solid var(--drw-rule); } .sg-nav-drawer .sg-drawer__submenu { background: rgba(0, 0, 0, .22); max-block-size: none; overflow: visible; } .sg-nav-drawer .sg-drawer__menu a:active { background: var(--drw-wash); } .sg-nav-drawer .sg-drawer__contact small { color: var(--drw-ink-soft) !important; } .sg-nav-drawer .sg-drawer__search-btn { display: flex; align-items: center; gap: 10px; inline-size: calc(100% - 36px); margin: 14px 18px; padding: 0 14px; min-block-size: 50px; border: 1px solid var(--drw-rule); border-radius: 12px; background: rgba(255, 255, 255, .07); color: var(--drw-ink-soft) !important; font-family: inherit; font-size: 1rem; text-align: start; cursor: pointer; } .sg-nav-drawer .sg-drawer__search-btn svg { flex: 0 0 auto; color: var(--drw-gold); } .sg-nav-drawer .sg-drawer__search-btn:hover { background: rgba(255, 255, 255, .12); } .sorkx-megamenu__column.is-highlight { border-inline-start: 2px solid var(--sg-gold-on-light, #8A6A14); padding-inline-start: 14px; } .sorkx-megamenu__column.is-highlight .sorkx-megamenu__col-title { color: var(--sg-gold-on-light, #8A6A14); } .sorkx-megamenu__column.is-highlight .sorkx-megamenu__col-link { color: var(--sg-gold-cta-ink, #2A2113) !important; font-weight: 700; } .sorkx-megamenu__column.is-highlight .sorkx-megamenu__col-link::before { content: "★"; margin-inline-end: 6px; color: var(--sg-gold-on-light, #8A6A14); speak: never; } .sorkx-megamenu__item.is-highlight > .sorkx-megamenu__link .sorkx-megamenu__label { color: var(--sg-gold-on-light, #8A6A14) !important; font-weight: 700; } .sg-nav-drawer .sg-drawer__group--highlight { color: var(--sg-gold-cta, #C9A24B) !important; } .sg-nav-drawer .sg-drawer__menu a.sg-drawer__link--highlight, .sg-nav-drawer .sg-drawer__submenu a.sg-drawer__link--highlight { color: var(--sg-gold-cta, #E0C071) !important; font-weight: 700; } .sg-nav-drawer a.sg-drawer__link--highlight::before { content: "★"; margin-inline-end: 8px; color: var(--sg-gold-cta, #E0C071); }

@media (hover: none), (pointer: coarse) { html .sg-btn:hover { transform: none; } html .sg-btn--ghost:hover::after { transform: none; } html .sg-collab__item:hover .sg-collab__avatar { transform: none; } html .sg-lead__submit:hover:not([disabled]), html .sg-plead__submit:hover:not([disabled]), html .sg-form__submit:hover:not([disabled]), html .elementor-form .elementor-button[type="submit"]:hover { transform: none; } html .sg-hero.sg-hero--b1 .sg-hero__cta-main:hover { transform: none; } html .sg-hero.sg-hero--b1 .sg-hero__cta-ghost:hover { transform: none; } html .sg-hero.sg-hero--b1 .sg-hded:hover { transform: none; } html .sg-tile:hover .sg-tile__media img { transform: none; } html .sg-service__shot:hover img { transform: none; } html .sg-portfolio__item:hover { transform: none; } html .sg-bs-quickadd:hover { transform: none; } html .s47-cat:hover img { transform: none; } html .sg-summary__cta .button:hover { transform: none; } html .woocommerce-checkout #place_order:hover { transform: none; } html .sg-btn--primary:hover { transform: none; } html .sg-precta__link:hover svg { transform: none; } html .sg-precta__btn:hover { transform: none; } html .sg-precta__btn:hover svg { transform: none; } html .sg-footer__social a:hover { transform: none; } html .sg-footer__pay-logo:hover { transform: none; } html .sg-logo a:hover .custom-logo, html .sg-logo a:hover img { transform: none; } html .sg-icon-btn:hover { transform: none; } html .sorkx-megamenu__column.is-cta:hover .sorkx-megamenu__col-image { transform: none; } html .sg-shopentry__link:hover { transform: none; } html .sg-dedcta__link:hover { transform: none; } html .sg-hv3__btn--solid:hover { translate: none; } html .sg-hv3__btn--ghost:hover { translate: none; } html .sg-pb__link:hover { transform: none; } html .sg-pb__link:hover .sg-pb__more svg { transform: none; } html .sg-ct__link:hover .sg-ct__img { transform: none; } html .sg-blog--feed .sg-blog__card:hover { transform: none; } html .sg-blog--feed .sg-blog__card:hover .sg-blog__media img { transform: none; } html .sg-goldcta:hover { transform: none; } html .sg-hb__link:hover .sg-hb__img { transform: none; } html .sg-tr__link:hover { transform: none; } html .sg-tr__link:hover .sg-tr__img { transform: none; } html .sg-srail__link:hover { transform: none; } html .sg-rl__link:hover { transform: none; } html .sg-rl__link:hover .sg-rl__img { transform: none; } html .sg-tc__card:hover { transform: none; } html .sg-tc__card:hover .sg-tc__img { transform: none; } html .sg-lead__submit:hover:not([disabled]) { transform: none; } html .btn-primary:hover { transform: none; } html .sg-cat:hover { transform: none; } html .sg-cat:hover img { transform: none; } html .sg-product-card:hover { transform: none; } html .sg-product-card:hover .sg-product-card__image img { transform: none; } html .sg-whatsapp:hover { transform: none; } html .sorkx-megamenu__col-cta:hover { transform: none; } html .sg-cat-hero__cta:hover { transform: none; } html .sg-shop__main ul.products li.product:hover { transform: none; } html .sg-shop__main ul.products li.product:hover img, html .sg-shop__main ul.products li.product:hover .attachment-woocommerce_thumbnail { transform: none; } html .sg-shop__main ul.products li.product:hover { transform: none; } html .sg-shop__main ul.products li.product:hover { transform: none; } html .sg-shop__main ul.products li.product:hover img, html .sg-shop__main ul.products li.product:hover .attachment-woocommerce_thumbnail { transform: none; } html .sg-icon-btn:hover { transform: none; } html .sorkx-megamenu__items > .sorkx-megamenu__item > .sorkx-megamenu__link:hover { transform: none; } html .sg-btn:hover, html .sg-cat-hero__cta:hover, html .sorkx-megamenu__col-cta:hover { transform: none; } html .sg-pinfo__addtocart .single_add_to_cart_button:hover, html .sg-pinfo__addtocart button[type="submit"]:hover { transform: none; } html .sg-upsell-modal__cta-primary:hover { transform: none; } html .sg-pinfo .color-variable-item:hover, html .sg-pinfo .image-variable-item:hover { transform: none; } html .sg-pgallery .woocommerce-product-gallery__image:hover { transform: none; } html .sg-pgallery .woocommerce-product-gallery__trigger:hover { transform: none; } html .sg-prev-next__item:hover { transform: none; } html .woocommerce-cart .checkout-button:hover { transform: none; } html .sg-upload__drop:hover { transform: none; } html .sg-filters__close:hover { transform: none; } html .woocommerce-cart .return-to-shop a.button:hover { transform: none; } html .sg-cart-empty-card:hover { transform: none; } html body.woocommerce-account .woocommerce-form .woocommerce-button:hover, html body.woocommerce-account .woocommerce-form button[type="submit"]:hover { transform: none; } html .sg-upsell-choice:hover { transform: none; } html .sg-product:not(body):hover, html .sg-cart-empty-card:hover, html .sg-cat:hover { transform: none; } html .sg-product:hover .sg-product__media img, html .sg-cat:hover .sg-cat__media img { transform: none; } html .sg-back-to-top:hover { transform: none; } html .sg-share__btn:hover { transform: none; } html .sg-gallery-tile:hover { transform: none; } html .sg-gallery-tile:hover .sg-gallery-tile__media img { transform: none; } html .sg-footer__pay-logo:hover, html .sg-cart-trust__pay-logo:hover { transform: none; } html .sg-mm-search__btn:hover { transform: none; } html .sg-btn--primary:hover, html .sg-btn--accent:hover { transform: none; } html .sg-product:not(body):hover, html .sg-cat:hover, html .sg-cart-empty-card:hover, html .sg-gallery-tile:hover, html li.product:hover { transform: none; } html .sg-testim-gallery__link:hover { transform: none; } html .sg-trust__card:hover { transform: none; } html .sg-stories__item:hover { transform: none; } html ul.products li.product:hover { transform: none; } html ul.products li.product:hover img { transform: none; } html .sg-process__step:hover { transform: none; } html .sg-uploadedu__cta:hover { transform: none; } html .sg-cuf__submit:hover:not([disabled]) { transform: none; } html .sg-related li.product:hover { transform: none; } html .sg-hero--split .sg-hero__promo:hover .sg-hero__promo-img { transform: none; } html .sg-hero--split .sg-hero__promo:hover .sg-hero__promo-cta { transform: none; } html .sg-hero--split .sg-hero__rating-link:hover { transform: none; } html .sg-work__featured:hover img, html .sg-work__tile:hover img { transform: none; } html .sg-acryl__icon:hover .sg-acryl__icon-img { transform: none; } html .sg-bcard:hover { transform: none; } html .sg-bcard:hover .sg-bcard__media img { transform: none; } html .sg-acryl__icon:hover .sg-acryl__icon-img { transform: none; } html .sg-mockup__btn--gold:hover:not([disabled]) { transform: none; } html a.sg-pcircles__cell:hover { transform: none; } html .sg-pcta__btn:hover { transform: none; } html .sg-plead__submit:hover:not([disabled]) { transform: none; } html .sg-rail__card:hover { transform: none; } html .s47-cat:hover img { transform: none; } html .s47-cslider__slide:hover img { transform: none; } html .sg-logo a:hover .sg-brand-logo, html .sg-drawer__logo:hover .sg-brand-logo { transform: none; } html .sg-hero__cta-main:hover { transform: none; } html .sg-hero__cta-ghost:hover { transform: none; } html .sg-loadmore:hover { transform: none; } html .sg-sidecart__checkout:hover { transform: none; } html .sg-shop__main ul.products li.product:hover img, html .sg-related .products li.product:hover img, html ul.products.related li.product:hover img { transform: none; } html .sg-shop__main ul.products li.product .button:hover, html .sg-shop__main ul.products li.product .added_to_cart:hover, html .sg-related .products li.product .button:hover, html .sg-related .products li.product .added_to_cart:hover, html ul.products.related li.product .button:hover { transform: none; } }